hampbot/verify.html

51 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Hampshire Hangout Email Verification</title>
<link
href="https://unpkg.com/tailwindcss@^3/dist/tailwind.min.css"
rel="stylesheet"
/>
</head>
<body>
<div
class="flex items-center justify-center min-h-screen p-5 bg-gray-900 min-w-screen"
>
<div
class="max-w-xl p-8 text-center text-gray-800 bg-white shadow-xl lg:max-w-3xl rounded-3xl lg:p-12"
>
<h3 class="text-2xl font-bold">Hampshire Hangout Email Verification</h3>
<p class="mt-4 text-sm">
Thanks for joining Hampshire Hangout, {{ .DiscordUserName }}! We're
excited to have you join our community. Before you can start using
your account, you need to verify your email address by clicking the
button below:
</p>
<div class="mt-4">
<a
class="px-2 py-2 text-white bg-blue-600 rounded-md font-semibold"
href="{{ .BaseUrl }}/verify?code={{ .Code }}"
>Click to Verify Email</a
>
<p class="mt-4 text-sm">
If you're having trouble clicking the "Verify Email Address" button,
copy and paste the URL below into your web browser:
<a
href="{{ .BaseUrl }}/verify?code={{ .Code }}"
class="text-blue-600"
>{{ .BaseUrl }}/verify?code={{ .Code }}</a
>
</p>
</div>
<p class="text-sm mt-4 text-gray-600">
If you didn't request this, ignore it!
</p>
</div>
</div>
</body>
</html>