members page added

author: Rosa <rosaontheweb@proton.me> 2026-05-27 12:23:23 -0400
committer: Rosa <rosaontheweb@proton.me> 2026-05-27 12:23:23 -0400
commit: 72983cf263053cd40dafbd5f1cb63d3f0b9f1eb8 (patch)
tree: 23a25d1b2a2fd24ceeefcf3cb35e566d367cff58
parent: f136bc6cb5c37e55e73ff5f70618a9f950461bc4 (diff)
6 files changed, 103 insertions, 6 deletions
diff --git a/build.zig.zon b/build.zig.zon
index b3ce213..56320c1 100644
--- a/build.zig.zon
+++ b/build.zig.zon
@@ -3,8 +3,8 @@
     .version = "0.16.0",
     .dependencies = .{
         .webgen = .{
-            .url = "git+https://git.eviltransgenders.club/~rosa/webgen.git#2746eb6e87255cb74ed879e644e9138895b10bfc",
-            .hash = "webgen-0.1.0-XDIIqV0jAACSsoysHFwdiJ57B-CaWUMki_SuTa_BO9Af",
+            .url = "git+https://git.eviltransgenders.club/~rosa/webgen.git?ref=main#e4857bef052bee6c31b2a7bf21893f175aed241c",
+            .hash = "webgen-0.1.0-XDIIqYUjAABUdAGaQ_tqcFCVRBefdGxd87n5fccnRg-v",
         },
     },
     .paths = .{""},
diff --git a/src/pages/fallback.jpeg b/src/pages/fallback.jpeg
new file mode 100644
index 0000000..8e0b090
--- /dev/null
+++ b/src/pages/fallback.jpeg
diff --git a/src/pages/index.html b/src/pages/index.html
index e03d20e..4009dac 100644
--- a/src/pages/index.html
+++ b/src/pages/index.html
@@ -3,6 +3,9 @@
 home
 <!--: endreplace -->
 
+<!--: replace extraHead -->
+<!--: endreplace -->
+
 <!--: replace body -->
 <main>
 	<section>
diff --git a/src/pages/members/index.html b/src/pages/members/index.html
new file mode 100644
index 0000000..fdf76fe
--- /dev/null
+++ b/src/pages/members/index.html
@@ -0,0 +1,83 @@
+<!--: extends base.html -->
+<!--: replace title -->
+members
+<!--: endreplace -->
+
+<!--: replace extraHead -->
+<style>
+	section.member-info {
+		border-radius: 10px;
+		display: grid;
+		grid-template-columns: 1fr 6fr 3fr;
+		margin-bottom: 0.5rem;
+	}
+
+	section.member-info header h2, section.member-info p {
+		margin: 0.5rem 5px;
+	}
+
+	section.member-info div#image-container {
+		margin: 0.5rem 0 0.5rem 0.5rem;
+	}
+
+	section.member-info div#image-container img {
+		width: 100px;
+	}
+
+	section.member-info div#links nav ul {
+		float: right;
+		margin-right: 0.5rem;
+	}
+</style>
+<!--: endreplace -->
+
+<!--: replace body -->
+<main>
+	<section class="member-info odd">
+		<div id="image-container">
+			<img src="rosa.jpeg" alt="Rosa's profile picture" />
+		</div>
+		<div id="name-and-intro">
+			<header>
+				<h2>Rosa</h2>
+			</header>
+			<p>
+				Hi! I'm Rosa. I'm a Canadian trans woman who likes messing around with
+				computers. I make Minecraft mods and am currently learning the
+				<a href="https://ziglang.org" rel="external">Zig</a> programming language.
+			</p>
+		</div>
+		<div id="facts-and-links">
+			<ul>
+				<li>age: 20</li>
+				<li>tz: America/Toronto</li>
+				<li>email: <a href="mailto:rosaontheweb@proton.me">rosaontheweb@proton.me</a></li>
+				<li>matrix: <a href="https://matrix.to/#/@rosa:girlonthe.net">@rosa:girlonthe.net</a></li>
+			</ul>
+		</div>
+	</section>
+</main>
+<!--: endreplace -->
+
+<!--
+	if you want to add a section, copy this template. add the "odd" class when
+	your entry is odd-numbered
+-->
+<section class="member-info">
+	<div id="image-container">
+		<img src="your-image.jpeg" onerror="this.src = '/fallback.jpeg';" alt="{name}'s profile picture" />
+	</div>
+	<div id="name-and-intro">
+		<header>
+			<h2>Name</h2>
+		</header>
+		<p>
+			hellooooooo
+		</p>
+	</div>
+	<div id="facts-and-links">
+		<ul>
+			<li>tz: Etc/UTC</li>
+		</ul>
+	</div>
+</section>
diff --git a/src/pages/members/rosa.jpeg b/src/pages/members/rosa.jpeg
new file mode 100644
index 0000000..f0ce13b
--- /dev/null
+++ b/src/pages/members/rosa.jpeg
diff --git a/src/templates/base.html b/src/templates/base.html
index d089b5b..11f6f57 100644
--- a/src/templates/base.html
+++ b/src/templates/base.html
@@ -3,6 +3,9 @@
 <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 {
@@ -12,6 +15,7 @@
 
 		@font-face {
 			font-family: 'FiraCode Nerd Font Mono';
+			font-weight: regular;
 			src: url("/FiraCodeNerdFontMono-Regular.ttf");
 		}
 
@@ -19,6 +23,7 @@
 			background: black;
 			color: white;
 			font-family: 'FiraCode Nerd Font Mono', monospace;
+			font-size: 10pt;
 			margin-left: 15%;
 			margin-right: 15%;
 		}
@@ -60,11 +65,11 @@
 		}
 
 		#main-navigation ul li::before {
-			content: " /* ";
+			content: "/* ";
 		}
 
 		#main-navigation ul li::after {
-			content: " */ ";
+			content: " */";
 		}
 
 		footer {
@@ -93,7 +98,12 @@
 			color: #ff5555;
 			font-style: normal;
 		}
+
+		.odd {
+			background-color: #111;
+		}
 	</style>
+	{{extraHead}}
 </head>
 
 <body>
@@ -102,13 +112,14 @@
 		<nav id="main-navigation">
 			<ul>
 				<li><a href="/">home</a></li>
-				<li><a rel="external" href="https://git.eviltransgenders.club">git</a></li>
+				<li><a href="/members">members</a></li>
+				<li><a href="/services">services</a></li>
 			</ul>
 		</nav>
 	</header>
 	{{body}}
 	<footer>
-		<p>made with <em class="heart">&lt;3</em> // <a rel="external" href="https://git.eviltransgenders.club/www.eviltransgenders.club">view the source</a>.</p>
+		<p>made with <em class="heart">&hearts;</em> // <a rel="external" href="https://git.eviltransgenders.club/www.eviltransgenders.club">view the source</a>.</p>
 	</footer>
 </body>
 </html>
author	Rosa <rosaontheweb@proton.me>	2026-05-27 12:23:23 -0400
committer	Rosa <rosaontheweb@proton.me>	2026-05-27 12:23:23 -0400
commit	72983cf263053cd40dafbd5f1cb63d3f0b9f1eb8 (patch)
tree	23a25d1b2a2fd24ceeefcf3cb35e566d367cff58
parent	f136bc6cb5c37e55e73ff5f70618a9f950461bc4 (diff)