join form

5 files changed, 77 insertions, 4 deletions

diff --git a/src/pages/FiraCodeNerdFontMono-Regular.ttf b/src/pages/FiraCodeNerdFontMono-Regular.ttf
deleted file mode 100644
index 328e61d..0000000
--- a/src/pages/FiraCodeNerdFontMono-Regular.ttf
+++ /dev/null
diff --git a/src/pages/FiraMonoNerdFontMono-Regular.otf b/src/pages/FiraMonoNerdFontMono-Regular.otf
new file mode 100644
index 0000000..9abf745
--- /dev/null
+++ b/src/pages/FiraMonoNerdFontMono-Regular.otf
diff --git a/src/pages/join/index.html b/src/pages/join/index.html
new file mode 100644
index 0000000..6677f89
--- /dev/null
+++ b/src/pages/join/index.html
@@ -0,0 +1,73 @@
+<!--: extends page.html -->
+<!--: replace title -->
+join
+<!--: endreplace -->
+
+<!--: replace extraHead -->
+<style>
+	form {
+		max-width: 50%;
+	}
+
+	form > label, fieldset, input[type="submit"] {
+		display: block;
+		margin-bottom: 5px;
+	}
+
+	label:has(> input:invalid)::before {
+		color: var(--red);
+		content: "!";
+	}
+
+	label:has(> input:required, textarea:required)::after {
+		color: var(--red);
+		content: "*";
+	}
+
+	input, textarea {
+		appearance: none;
+		background-color: black;
+		border: 2px solid white;
+		color: white;
+		font-family: inherit;
+	}
+
+	textarea {
+		font-size: inherit;
+		vertical-align: 0;
+	}
+
+	input[type="submit"]:hover {
+		background-color: white;
+		color: white;
+	}
+</style>
+<!--: endreplace -->
+
+<!--: replace body -->
+<main>
+	<form action="#" method="post">
+		<header>
+			<h2>Join the club.</h2>
+			<p class="subtle">Required fields are marked with an asterisk.</p>
+		</header>
+
+		<label>
+			Name: <input name="name" type="text" required />
+		</label>
+		<label>
+			URL of your personal website:
+			<input name="website" type="url" />
+		</label>
+		<label>
+			Tell us a bit about yourself:
+			<textarea name="about" required></textarea>
+		</label>
+		<label>
+			Enter an e-mail address:
+			<input name="email" type="email" required />
+		</label>
+		<input type="submit" value="Done" />
+	</form>
+</main>
+<!--: endreplace -->
diff --git a/src/templates/base.html b/src/templates/base.html
index 146a7c9..56c89fc 100644
--- a/src/templates/base.html
+++ b/src/templates/base.html
@@ -12,15 +12,15 @@
 		}
 
 		@font-face {
-			font-family: 'FiraCode Nerd Font Mono';
+			font-family: 'FiraMono Nerd Font Mono';
 			font-weight: regular;
-			src: url("/FiraCodeNerdFontMono-Regular.ttf");
+			src: url("/FiraMonoNerdFontMono-Regular.otf");
 		}
 
 		body {
 			background: black;
 			color: white;
-			font-family: 'FiraCode Nerd Font Mono', monospace;
+			font-family: 'FiraMono Nerd Font Mono', monospace;
 			font-size: 11pt;
 			margin-left: 15%;
 			margin-right: 15%;
diff --git a/src/templates/page.html b/src/templates/page.html
index 7854a72..40024c9 100644
--- a/src/templates/page.html
+++ b/src/templates/page.html
@@ -13,7 +13,7 @@
 
 <!--: replace footer -->
 <p>
-	made with <em class="heart">&lt;3</em> by <a href="/members#rosa">rosa</a>
+	made with &lt;3 by <a href="/members#rosa">rosa</a>
 	// <a rel="external" href="https://git.eviltransgenders.club/www.eviltransgenders.club">view the source</a>
 </p>
 <!--: endreplace -->