2020-10-09 22:37:16 +03:00
<!DOCTYPE html>
< html lang = "en" >
2020-05-24 17:34:32 +03:00
{{ template "head.tpl.html" . }}
2021-04-05 23:57:57 +03:00
< body class = "bg-gray-850 text-gray-700 p-4 pt-10 flex flex-col min-h-screen max-w-screen-lg mx-auto justify-center" >
{{ template "header.tpl.html" . }}
2020-05-30 21:41:27 +03:00
< div class = "w-full flex justify-center" >
2021-04-05 23:57:57 +03:00
< div class = "flex items-center justify-between max-w-lg flex-grow" >
< div > < a onclick = "window.history.back()" class = "text-gray-500 text-sm cursor-pointer" > ← Go back< / a > < / div >
2020-05-30 21:41:27 +03:00
< div > < h1 class = "font-semibold text-2xl text-white m-0 border-b-4 border-green-700" > Sign Up< / h1 > < / div >
< div > < / div >
< / div >
2020-05-24 17:34:32 +03:00
< / div >
{{ template "alerts.tpl.html" . }}
2020-05-30 21:41:27 +03:00
< main class = "mt-10 flex-grow flex justify-center w-full" >
2020-05-24 22:42:15 +03:00
< div class = "flex-grow max-w-lg mt-8" >
< div >
< p class = "text-sm text-gray-300" >
💡 In order to use Wakapi, you need to create an account.
2020-05-30 21:41:27 +03:00
After successful signup, you still need to set up the < a href = "https://wakatime.com" target = "_blank"
2020-10-09 22:37:16 +03:00
rel="noopener noreferrer"
2020-05-30 21:41:27 +03:00
class="border-b border-green-700">WakaTime< / a >
client tools.
2021-01-12 13:05:07 +03:00
Please refer to < a href = "https://github.com/muety/wakapi#-client-setup" target = "_blank"
2020-10-09 22:37:16 +03:00
rel="noopener noreferrer"
2020-05-30 21:41:27 +03:00
class="border-b border-green-700">this readme section< / a > for instructions.
2020-05-24 22:42:15 +03:00
You will be able to view you < strong > API Key< / strong > once you log in.
< / p >
< / div >
< form class = "mt-10" action = "signup" method = "post" >
2021-04-25 21:02:45 +03:00
< input type = "hidden" name = "location" id = "input-location" >
2020-05-24 17:34:32 +03:00
< div class = "mb-8" >
< label class = "inline-block text-sm mb-1 text-gray-500" for = "username" > Username< / label >
2020-05-30 21:41:27 +03:00
< input class = "shadow appearance-none bg-gray-800 focus:bg-gray-700 text-gray-300 border-green-700 focus:border-gray-500 border rounded w-full py-1 px-3"
type="text" id="username"
2021-01-12 13:05:07 +03:00
name="username" placeholder="Choose a username" minlength="1" required autofocus>
2020-05-24 17:34:32 +03:00
< / div >
2021-02-21 15:02:11 +03:00
< div class = "mb-8" >
< label class = "inline-block text-sm mb-1 text-gray-500" for = "email" > E-Mail< / label >
< input class = "shadow appearance-none bg-gray-800 focus:bg-gray-700 text-gray-300 border-green-700 focus:border-gray-500 border rounded w-full py-1 px-3"
type="email" id="email"
name="email" placeholder="Optionally add your e-mail address">
< div class = "text-xs text-gray-500 mt-2 italic" > E-Mail address is optional, but required for some features that you cannot use else. Also, if you do not add an e-mail address, you will not be able to reset your password in case you forget it.< / div >
< / div >
2020-05-24 17:34:32 +03:00
< div class = "mb-8" >
< label class = "inline-block text-sm mb-1 text-gray-500" for = "password" > Password< / label >
2020-05-30 21:41:27 +03:00
< input class = "shadow appearance-none bg-gray-800 focus:bg-gray-700 text-gray-300 border-green-700 focus:border-gray-500 border rounded w-full py-1 px-3"
type="password" id="password"
2020-05-24 22:42:15 +03:00
name="password" placeholder="Choose a password" minlength="6" required>
2020-05-24 17:34:32 +03:00
< / div >
< div class = "mb-8" >
2020-06-07 20:28:32 +03:00
< label class = "inline-block text-sm mb-1 text-gray-500" for = "password_repeat" > And again ...< / label >
2020-05-30 21:41:27 +03:00
< input class = "shadow appearance-none bg-gray-800 focus:bg-gray-700 text-gray-300 border-green-700 focus:border-gray-500 border rounded w-full py-1 px-3"
type="password" id="password_repeat"
2020-05-24 22:42:15 +03:00
name="password_repeat" placeholder="Repeat your password" minlength="6" required>
2020-05-24 17:34:32 +03:00
< / div >
2021-02-12 20:49:47 +03:00
{{ if eq .TotalUsers 0 }}
< p class = "text-sm text-gray-300 mt-4 mb-8" >
⚠️ < strong > Please note: < / strong > Since there are no users registered in the system, yet, the first user will have administrative privileges, while additional users won't.
< / p >
{{ end }}
2020-05-24 17:34:32 +03:00
< div class = "flex justify-between float-right" >
2020-05-30 21:41:27 +03:00
< button type = "submit" class = "py-1 px-3 rounded bg-green-700 hover:bg-green-800 text-white text-sm" >
Create Account
< / button >
2020-05-24 17:34:32 +03:00
< / div >
< / form >
< / div >
< / main >
{{ template "footer.tpl.html" . }}
{{ template "foot.tpl.html" . }}
2021-04-25 21:02:45 +03:00
< script type = "text/javascript" >
function guessTimezone() {
return Intl.DateTimeFormat().resolvedOptions().timeZone
}
document.getElementById('input-location').setAttribute('value', guessTimezone())
< / script >
2020-05-24 17:34:32 +03:00
< / body >
< / html >
