-
Notifications
You must be signed in to change notification settings - Fork 0
/
viewbase.nim
75 lines (71 loc) · 1.65 KB
/
viewbase.nim
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
import strformat
import htmlgen
import webconfig
proc css*(): string =
# TODO: make this select from a list of themes, or pull from the database
var font_family = "Iosevka, monospace"
var back_color = "#191e2a"
var fore_color = "#21EF9F"
var link_color = "aqua"
var visited_color = "darkcyan"
if THEME == "AQUA":
discard
elif THEME == "AUTUMN":
back_color = "#2a2319"
fore_color = "#EFC121"
link_color = "F0FF00"
visited_color = "#a5622a"
elif THEME == "AMBER":
back_color = "black"
fore_color = "yellow"
link_color = "yellow"
visited_color = "#f1ad14"
elif THEME == "DRYAD":
# TODO: Look into Bodoni font?
font_family = "Verdana, Serif"
back_color = "white"
fore_color = "black"
link_color = "dark-green"
visited_color = "dark-green"
# Right now, the implicit default theme is AQUA, if we don't recognize the current theme.
return style(&"""
body {{
max-width: 800px;
width: 90%;
}}
body,input,textarea {{
font-family: {font_family};
background: {back_color};
color: {fore_color};
}}
table {{
border-collapse: collapse;
}}
table input {{
border: none;
}}
tr {{
min-height: 20px;
}}
td {{
margin: 5px;
border: 1px solid {fore_color};
min-width: 2em;
min-height: 1em;
}}
a {{ color: {link_color}; }}
a:visited {{ color: {visited_color}; }}
""")
proc pageBase*(inner: string): string =
return "<!DOCTYPE html>" & html(
head(
meta(charset="utf-8"),
meta(name="viewport", content="width=device-width, initial-scale=1.0")
),
body(
css(),
script(src="/gotoB.min.js"),
# It is expected that this will mostly be JS
inner
)
)