72 lines
3.3 KiB
HTML
72 lines
3.3 KiB
HTML
{{ define "main" }}
|
|
<section class="section">
|
|
<div class="container max-w-xl">
|
|
<h1 class="mb-8 text-3xl font-bold">{{ .Title }}</h1>
|
|
<img src="/images/hmc/revolt-preview.png" style="border-radius: 20px;">
|
|
<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 text-gray-900 focus:border-blue-500 focus:outline-none" />
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<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 text-gray-900 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 text-gray-900 focus:border-blue-500 focus:outline-none" />
|
|
</div>
|
|
|
|
<div class="flex items-center gap-2 mt-1">
|
|
<input type="checkbox" id="show-password" class="h-4 w-4" />
|
|
<label for="show-password">Show password</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 text-gray-900 focus:border-blue-500 focus:outline-none"></textarea>
|
|
</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 id="meatspace-note" style="display: none;">
|
|
This person will be granted a <a href="https://guide.handmadecities.com/docs/chat/#verified-human-badge" class="text-blue-600 underline">Verified Human</a> badge.
|
|
</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">
|
|
You're vouching for the human identity of this new user. Bots or alternate personas are <strong>forbidden.</strong>
|
|
</p>
|
|
</form>
|
|
</div>
|
|
<script>
|
|
document.getElementById("meatspace").addEventListener("change", function() {
|
|
document.getElementById("meatspace-note").style.display = this.checked ? "block" : "none";
|
|
});
|
|
document.getElementById("show-password").addEventListener("change", function() {
|
|
document.getElementById("revolt-password").type = this.checked ? "text" : "password";
|
|
});
|
|
</script>
|
|
</section>
|
|
{{ end }}
|