Oops, forgot to add base template

layouts/_default/invite.html

@@ -0,0 +1,52 @@
+{{ define "main" }}
+<section class="section">
+  <div class="container max-w-xl">
+    <h1 class="mb-8 text-3xl font-bold">{{ .Title }}</h1>
+    <p><strong>Give them full access to <a href="https://chat.handmadecities.com">chat.handmadecities.com</a></strong></p>
+    <br>
+
+    <form action="https://invite.handmadecities.com" method="POST" class="space-y-6">
+
+      <div>
+        <label for="invite-email" class="mb-2 block font-semibold">Email to Send Invite to<span class="text-red-500">*</span></label>
+        <input type="email" id="invite-email" name="invite_email" required
+               class="w-full rounded border border-gray-300 px-4 py-2 focus:border-blue-500 focus:outline-none" />
+      </div>
+
+      <div>
+        <label for="revolt-email" class="mb-2 block font-semibold">Your Revolt Email <span class="text-red-500">*</span></label>
+        <input type="email" id="revolt-email" name="revolt_email" required
+               class="w-full rounded border border-gray-300 px-4 py-2 focus:border-blue-500 focus:outline-none" />
+      </div>
+
+      <div>
+        <label for="revolt-password" class="mb-2 block font-semibold">Your Revolt Password <span class="text-red-500">*</span></label>
+        <input type="password" id="revolt-password" name="revolt_password" required
+               class="w-full rounded border border-gray-300 px-4 py-2 focus:border-blue-500 focus:outline-none" />
+      </div>
+
+      <div class="flex items-center gap-2">
+        <input type="checkbox" id="meatspace" name="met_in_meatspace" value="yes"
+               class="h-4 w-4" />
+        <label for="meatspace">Have you met this person in meatspace?</label>
+      </div>
+
+      <div>
+        <label for="notes" class="mb-2 block font-semibold">Additional Notes (Optional)</label>
+        <textarea id="notes" name="notes" rows="4"
+          placeholder='"I am inviting my college roommate who is interested in Handmade software!"'
+          class="w-full rounded border border-gray-300 px-4 py-2 focus:border-blue-500 focus:outline-none"></textarea>
+      </div>
+
+      <button type="submit"
+              class="rounded bg-blue-600 px-6 py-3 font-semibold text-white hover:bg-blue-700">
+        Send Invite Code
+      </button>
+
+      <p class="text-sm text-gray-500">
+        <strong>Note:</strong> You're automatically vouching for the human identity of this new user.
+      </p>
+    </form>
+  </div>
+</section>
+{{ end }}