diff options
Diffstat (limited to 'src/templates')
| -rw-r--r-- | src/templates/base.html | 43 | ||||
| -rw-r--r-- | src/templates/error.html | 15 | ||||
| -rw-r--r-- | src/templates/page.html | 19 |
3 files changed, 54 insertions, 23 deletions
diff --git a/src/templates/base.html b/src/templates/base.html index 11f6f57..c72c6cf 100644 --- a/src/templates/base.html +++ b/src/templates/base.html @@ -3,14 +3,12 @@ <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1,width=device-width" /> - <!-- - <link rel="preload" href="/FiraCodeNerdFontMono-Regular.ttf" as="font" type="font/ttf" /> - --> <title>{{title}} - the evil transgenders club</title> <style> :root { --trans-blue: #5bcefa; --trans-pink: #f5a9b8; + --red: #ff5555; } @font-face { @@ -23,24 +21,26 @@ background: black; color: white; font-family: 'FiraCode Nerd Font Mono', monospace; - font-size: 10pt; + font-size: 11pt; margin-left: 15%; margin-right: 15%; } header h1 { color: var(--trans-blue); - text-align: center; } + header h1, header p.subtitle { + text-align: center; + } a { - color: #fff; + color: white; } a:hover { - background-color: #fff; - color: #000; + background-color: white; + color: black; } a[rel="external"]:after { @@ -48,7 +48,6 @@ } main { - /*border: 2px solid #fff;*/ margin-top: 5px; } @@ -83,25 +82,29 @@ footer a:hover { background-color: #333; - color: #000; + color: black; } .trans-shadow { text-shadow: 1px 1px var(--trans-pink), 2px 2px white, 3px 3px var(--trans-pink), 4px 4px var(--trans-blue); } - .subtitle { - text-align: center; - } - .heart { - color: #ff5555; + color: var(--red); font-style: normal; } .odd { background-color: #111; } + + .error { + color: var(--red); + } + + .subtle { + color: #333; + } </style> {{extraHead}} </head> @@ -109,17 +112,11 @@ <body> <header> <h1 class="trans-shadow">the evil transgenders club</h1> - <nav id="main-navigation"> - <ul> - <li><a href="/">home</a></li> - <li><a href="/members">members</a></li> - <li><a href="/services">services</a></li> - </ul> - </nav> + {{afterTitle}} </header> {{body}} <footer> - <p>made with <em class="heart">♥</em> // <a rel="external" href="https://git.eviltransgenders.club/www.eviltransgenders.club">view the source</a>.</p> + {{footer}} </footer> </body> </html> diff --git a/src/templates/error.html b/src/templates/error.html new file mode 100644 index 0000000..7398774 --- /dev/null +++ b/src/templates/error.html @@ -0,0 +1,15 @@ +<!--: extends base.html --> +<!--: skipreplace extraHead --> +<!--: replace afterTitle --> +<p class="subtle subtitle">well, this is awkward...</p> +<!--: endreplace --> + +<!--: replace body --> +<main> + <p class="error">{{message}}</p> +</main> +<!--: endreplace --> + +<!--: replace footer --> +<p></3 // <a href="/">go home</a></p> +<!--: endreplace --> diff --git a/src/templates/page.html b/src/templates/page.html new file mode 100644 index 0000000..7854a72 --- /dev/null +++ b/src/templates/page.html @@ -0,0 +1,19 @@ +<!--: extends base.html --> + +<!--: replace afterTitle --> +<nav id="main-navigation"> + <ul> + <li><a href="/">home</a></li> + <li><a href="/members">members</a></li> + <li><a href="/services">services</a></li> + <li><a href="/join">join!</a></li> + </ul> +</nav> +<!--: endreplace --> + +<!--: replace footer --> +<p> + made with <em class="heart"><3</em> by <a href="/members#rosa">rosa</a> + // <a rel="external" href="https://git.eviltransgenders.club/www.eviltransgenders.club">view the source</a> +</p> +<!--: endreplace --> |