diff options
Diffstat (limited to '')
| -rw-r--r-- | src/pages/errors/404.html | 8 | ||||
| -rw-r--r-- | src/pages/index.html | 6 | ||||
| -rw-r--r-- | src/pages/members/index.html | 7 | ||||
| -rw-r--r-- | src/pages/services/index.html | 28 | ||||
| -rw-r--r-- | src/templates/base.html | 43 | ||||
| -rw-r--r-- | src/templates/error.html | 15 | ||||
| -rw-r--r-- | src/templates/page.html | 19 |
7 files changed, 98 insertions, 28 deletions
diff --git a/src/pages/errors/404.html b/src/pages/errors/404.html new file mode 100644 index 0000000..1bae3fb --- /dev/null +++ b/src/pages/errors/404.html @@ -0,0 +1,8 @@ +<!--: extends error.html --> +<!--: replace title --> +not found +<!--: endreplace --> + +<!--: replace message --> +The requested file was not found. +<!--: endreplace --> diff --git a/src/pages/index.html b/src/pages/index.html index 4009dac..231cc02 100644 --- a/src/pages/index.html +++ b/src/pages/index.html @@ -1,4 +1,4 @@ -<!--: extends base.html --> +<!--: extends page.html --> <!--: replace title --> home <!--: endreplace --> @@ -15,8 +15,10 @@ home community primarily for queer people and allies, though anyone who is cool is welcome! :) </p> - <p> + If you'd like to chat about tech or video games or being queer, or if you're + perhaps interested in accessing our <a href="/services">services</a>, you + can <a href="/join">ask to join</a>. </p> </section> </main> diff --git a/src/pages/members/index.html b/src/pages/members/index.html index fdf76fe..d3ab8f6 100644 --- a/src/pages/members/index.html +++ b/src/pages/members/index.html @@ -1,4 +1,4 @@ -<!--: extends base.html --> +<!--: extends page.html --> <!--: replace title --> members <!--: endreplace --> @@ -14,6 +14,7 @@ members section.member-info header h2, section.member-info p { margin: 0.5rem 5px; + text-align: left; } section.member-info div#image-container { @@ -38,7 +39,7 @@ members <img src="rosa.jpeg" alt="Rosa's profile picture" /> </div> <div id="name-and-intro"> - <header> + <header id="rosa"> <h2>Rosa</h2> </header> <p> @@ -68,7 +69,7 @@ members <img src="your-image.jpeg" onerror="this.src = '/fallback.jpeg';" alt="{name}'s profile picture" /> </div> <div id="name-and-intro"> - <header> + <header id="your-name"> <h2>Name</h2> </header> <p> diff --git a/src/pages/services/index.html b/src/pages/services/index.html new file mode 100644 index 0000000..3714be1 --- /dev/null +++ b/src/pages/services/index.html @@ -0,0 +1,28 @@ +<!--: extends page.html --> +<!--: skipreplace extraHead --> +<!--: replace title --> +services +<!--: endreplace --> +<!--: replace body --> +<main> + <header> + <h2>services</h2> + <p> + the evil transgenders club hosts some services for use by its members. the + following is a list of those services: + </p> + </header> + <ul> + <li> + <a href="https://git.eviltransgenders.club" rel="external">cgit</a> - web + frontend for our git repositories + </li> + <li> + members are allowed to host websites under the eviltransgenders.club + domain, whether on our infrastructure or their own. alternatively you can + be given a directory to host static files on this very website + </li> + <li>soon: matrix</li> + </ul> +</main> +<!--: endreplace --> 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 --> |