templates/layout.html
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
{{ define "layout" }} <!doctype html> <html> <head> <style> /* this makes sure the scrollbar is always shown, so the site doesnt change between pages */ html { overflow-y: scroll } #main, #header, aside, img { max-width: 500px; margin: 0 auto; padding: 0; } #header { font-family: monospace; text-align: center; } .grayscale { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); } </style> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>{{template "title"}}</title> <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22><text y=%2226%22 font-size=%2226%22>🐈⬛</text></svg>" /> <link rel="alternate" title="Sitewide Atom feed" type="application/atom+xml" href="/feed.atom" /> </head> <body class="grayscale"> <div id="header"> <a href="/"><img src="/static/unnamed-puffy.png" height="111" width="140" alt="pic of an unnamed pufferfish, drawn by rekka bellum of kokorobot.ca and hundred rabbits :3"></a> <h1>jes {{ randomheaderphrase }}</h1> <p> <a href="/now.html">now</a> <a href="/about.html">about</a> <a href="/reviews.html">reviews</a> <a href="/thoughts.html">thoughts</a> <a href="/creations.html">creations</a> | <a href="https://git.j3s.sh">git -></a> <a href="https://snap.as/j3s">pics -></a> </p> <hr> </div> <div id="main"> {{ template "body" . }} </div> </body> </html> {{ end }}