pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

It's wednesday my dudes

Browse Source
This commit is contained in:
Wim Brand
2019-04-10 20:33:14 +02:00
parent d12fae8009
commit c979a7da02
6 changed files with 32 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
res/static/img/checker_wednesday.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
res/static/img/wednesday.xcf Normal file
View File

Binary file not shown.

17
res/static/style/layout.css
View File

@@ -55,6 +55,7 @@
html{height: 100%;} html{height: 100%;}
body{ body{
background-color: #0d0d0d; /* Fallback */
background-color: var(--background_color); background-color: var(--background_color);
background-repeat: repeat; background-repeat: repeat;
font-family: 'Ubuntu'; font-family: 'Ubuntu';
@@ -63,6 +64,7 @@ body{
line-height: 1.5em; line-height: 1.5em;
height: 100%; height: 100%;
overflow-x: hidden; overflow-x: hidden;
color: #bfbfbf; /* Fallback */
color: var(--text_color); color: var(--text_color);
} }
@@ -87,6 +89,7 @@ body{
margin-top: 30px; margin-top: 30px;
margin-bottom: 30px; margin-bottom: 30px;
text-align: left; text-align: left;
box-shadow: #000000 8px 8px 50px, 5px;
box-shadow: var(--shadow_color) 8px 8px var(--shadow_spread) var(--shadow_intensity); box-shadow: var(--shadow_color) 8px 8px var(--shadow_spread) var(--shadow_intensity);
z-index: 1; z-index: 1;
word-break: break-word; word-break: break-word;
@@ -95,6 +98,7 @@ body{
.navigation a { .navigation a {
float: none; float: none;
display: inline-block; display: inline-block;
color: #bfbfbf; /* Fallback */
color: var(--text_color); color: var(--text_color);
text-align: center; text-align: center;
padding: 4px 6px; padding: 4px 6px;
@@ -106,8 +110,11 @@ body{
transition: box-shadow 5s; transition: box-shadow 5s;
} }
.navigation a:hover { .navigation a:hover {
background: linear-gradient(#82c13e, #6da234);
background: linear-gradient(var(--highlight_color), var(--highlight_color_dark)); background: linear-gradient(var(--highlight_color), var(--highlight_color_dark));
box-shadow: #82c13e, 2px 2px 8px #000000;
box-shadow: var(--highlight_border), 2px 2px 8px var(--shadow_color); box-shadow: var(--highlight_border), 2px 2px 8px var(--shadow_color);
color: #000000;
color: var(--highlight_text_color); color: var(--highlight_text_color);
transition: box-shadow 0.5s; transition: box-shadow 0.5s;
text-decoration: none; text-decoration: none;
@@ -263,6 +270,7 @@ pre{
overflow: hidden; overflow: hidden;
box-shadow: 0px 0px 6px 2px var(--file_background_color); box-shadow: 0px 0px 6px 2px var(--file_background_color);
background-color: var(--file_background_color); background-color: var(--file_background_color);
color: #bfbfbf; /* Fallback */
color: var(--text_color); color: var(--text_color);
word-break: break-all; word-break: break-all;
text-align: left; text-align: left;
@@ -273,6 +281,7 @@ pre{
.file_button:hover{ .file_button:hover{
box-shadow: 0px 0px 10px 3px var(--highlight_color), inset 0px 0px 6px 1px var(--highlight_color); box-shadow: 0px 0px 10px 3px var(--highlight_color), inset 0px 0px 6px 1px var(--highlight_color);
text-decoration: none; text-decoration: none;
color: #bfbfbf; /* Fallback */
color: var(--text_color); color: var(--text_color);
} }
.file_button > img{ .file_button > img{
@@ -307,6 +316,7 @@ select{
overflow: hidden; overflow: hidden;
line-height: 1; line-height: 1;
text-decoration: none; text-decoration: none;
color: #bfbfbf; /* Fallback */
color: var(--input_text_color); color: var(--input_text_color);
outline: 0; outline: 0;
vertical-align: middle; vertical-align: middle;
@@ -325,6 +335,7 @@ input[type="submit"]:focus,
input[type="button"]:focus, input[type="button"]:focus,
input[type="color"]:focus, input[type="color"]:focus,
select:focus{ select:focus{
color: #bfbfbf; /* Fallback */
color: var(--input_text_color); color: var(--input_text_color);
text-decoration: none; text-decoration: none;
box-shadow: var(--highlight_border), 2px 2px 8px var(--shadow_color); box-shadow: var(--highlight_border), 2px 2px 8px var(--shadow_color);
@@ -346,7 +357,11 @@ select:active{
.button_red:active {background: linear-gradient(var(--danger_color_dark), var(--danger_color)) !important;} .button_red:active {background: linear-gradient(var(--danger_color_dark), var(--danger_color)) !important;}
/* Dropdown list of the select tag */ /* Dropdown list of the select tag */
option{background-color: var(--input_color_dark); color: var(--text_color)} option{
background-color: var(--input_color_dark);
color: #bfbfbf; /* Fallback */
color: var(--text_color);
}
/* TEXT FIELDS */ /* TEXT FIELDS */
textarea, textarea,

2
res/template/admin.html
View File

@@ -1,4 +1,4 @@
{{define "widgets"}} {{define "admin_panel"}}
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>

2
res/template/fragments/bgpattern.html
View File

@@ -1,3 +1,3 @@
{{define "bgpattern"}} {{define "bgpattern"}}
<style>body, .checkers{background-image: url("/res/img/checker{{bgPatternCount}}.png");}</style> <style>body, .checkers{background-image: url("/res/img/{{bgPattern}}");}</style>
{{end}} {{end}}

21
webcontroller/template_manager.go
View File

@@ -1,6 +1,7 @@
package webcontroller package webcontroller
import ( import (
"fmt"
"html/template" "html/template"
"os" "os"
"path/filepath" "path/filepath"
@@ -73,17 +74,21 @@ func (tm *TemplateManager) Get() *template.Template {
func (tm *TemplateManager) funcMap() template.FuncMap { func (tm *TemplateManager) funcMap() template.FuncMap {
return template.FuncMap{ return template.FuncMap{
"bgPatternCount": tm.bgPatternCount, "bgPattern": tm.bgPattern,
"debugMode": tm.debugMode, "debugMode": tm.debugMode,
"apiUrl": tm.apiURL, "apiUrl": tm.apiURL,
"pageNr": tm.pageNr, "pageNr": tm.pageNr,
"add": tm.add, "add": tm.add,
"sub": tm.sub, "sub": tm.sub,
} }
} }
func (tm *TemplateManager) bgPatternCount() uint8 { func (tm *TemplateManager) bgPattern() string {
return uint8(time.Now().UnixNano() % 17) var now = time.Now()
if now.Weekday() == time.Wednesday && now.UnixNano()%10 == 0 {
return "checker_wednesday.png"
}
return fmt.Sprintf("checker%d.png", now.UnixNano()%17)
} }
func (tm *TemplateManager) debugMode() bool { func (tm *TemplateManager) debugMode() bool {
return tm.debugModeEnabled return tm.debugModeEnabled