add style engine

This commit is contained in:
2018-07-11 22:46:44 +02:00
parent 3c2243246a
commit 2e804e546c
9 changed files with 264 additions and 60 deletions

View File

@@ -7,7 +7,7 @@
.file_manager {
position: absolute;
padding: 0px 8px 0px 8px;
background-color: #252525;
background-color: var(--body_color);
box-shadow: #000000 8px 8px 50px 5px;
left:100px;
top:100px;

View File

@@ -0,0 +1,20 @@
{{define "user_settings"}}<!DOCTYPE html>
<html>
<head>
{{template "meta_tags" .Username}}
<script type="text/javascript">var apiEndpoint = '{{.APIEndpoint}}';</script>
</head>
<body>
<div id='body' class="body">
{{template "menu" .}}
<h1>User configuration</h1>
{{template "footer"}}
</div>
{{template "analytics"}}
</body>
</html>
{{end}}

View File

@@ -111,6 +111,14 @@
<li>Files are replicated to the Sia network</li>
<li>New API and documentation (<a href="/api">Check it out!</a>)</li>
<li>Overhauled design, no ugly white glow around the site body</li>
<li>Directory management API</li>
<li>Multiple complete website styles</li>
</ul>
<h3>Completed</h3>
<ul>
<li>File upload / Text upload</li>
<li>List creation</li>
<li>Registration / Login system</li>
</ul>
<h3>Upcoming</h3>
<ul>
@@ -120,7 +128,7 @@
<li>Pasting files from the clipboard</li>
<li>Current viewer count on files/lists</li>
<li>File revisions (update a file without changing the URL)</li>
<li>Proper file manager with directories (still far away)</li>
<li>Proper file manager with directories (upcoming)</li>
<li>Plenty more!</li>
</ul>
<h3>Missing</h3>
@@ -133,11 +141,15 @@
<ul>
<li>Zip explorer</li>
<li>Some video formats (mime type detection is not complete)</li>
<li>Registration / Login system</li>
<li>Bandwidth Tracker</li>
<li>View counter</li>
<li>Seasonal themes</li>
<li>Seasonal themes (thou shalt celebrate christmas!)</li>
</ul>
<h2>Style selector</h2>
<input type="radio" id="style_default" name="style"><label for="style_default">Default Pixeldrain Style</label><br/>
<input type="radio" id="style_solarized_dark" name="style"><label for="style_solarized_dark">Solarized Dark Style</label><br/>
{{template "footer"}}
</div>

View File

@@ -13,7 +13,7 @@
height: 100%;
width: 100%;
border: none !important;
background: #202020;
background: var(--accent_color_dark);
}
</style>
</head>