init

2026-07-28 02:04:36 +03:30
commit a5aed05b98
31 changed files with 3500 additions and 0 deletions
@@ -0,0 +1,51 @@
+{{define "register.html"}}
+{{template "head" .}}
+<main class="login-page">
+  <div class="auth-theme">{{template "theme-toggle" .}}</div>
+  <section class="login-story register-story">
+    <a class="brand light" href="/">
+      <span class="brand-mark">ه</span>
+      <span>Hamkar<small>Team presence</small></span>
+    </a>
+    <div class="story-copy">
+      <p class="eyebrow">Your team, in one place</p>
+      <h1>Start showing up.<br>Stay in sync.</h1>
+      <p>Create an account with email or username and password—or continue with your preferred SSO provider.</p>
+    </div>
+    <div class="story-calendar" aria-hidden="true">
+      <div><small>شروع همکاری</small><strong>حساب جدید</strong><span>خوش آمدید</span></div>
+      <div class="people-dots"><i></i><i></i><i></i><b>+</b></div>
+    </div>
+  </section>
+  <section class="login-form-wrap register-wrap">
+    <form class="login-card register-card" method="post" action="/register">
+      <div class="mobile-brand"><span class="brand-mark">ه</span> Hamkar</div>
+      <p class="eyebrow">JOIN YOUR TEAM</p>
+      <h2>Create your account</h2>
+      <p class="muted">Use an email or username, plus a secure password.</p>
+      {{if .Error}}<div class="notice error">{{.Error}}</div>{{end}}
+      <label>Full name<input name="display_name" autocomplete="name" required autofocus maxlength="100" placeholder="Sara Ahmadi"></label>
+      <div class="form-row">
+        <label>Email <small>Optional</small><input type="email" name="email" autocomplete="email" maxlength="200" placeholder="sara@example.com"></label>
+        <label>Username <small>Optional</small><input name="username" autocomplete="username" maxlength="40" placeholder="sara"></label>
+      </div>
+      <p class="field-help">Enter at least an email address or username.</p>
+      <div class="form-row">
+        <label>Password<input type="password" name="password" autocomplete="new-password" minlength="8" required placeholder="At least 8 characters"></label>
+        <label>Confirm password<input type="password" name="password_confirm" autocomplete="new-password" minlength="8" required placeholder="Repeat password"></label>
+      </div>
+      <button class="button primary full" type="submit">Create account</button>
+      {{if or .OAuthGitHub .OAuthGoogle}}
+      <div class="separator"><span>or sign up with SSO</span></div>
+      <div class="oauth-row">
+        {{if .OAuthGoogle}}<a class="button secondary" href="/auth/google">Google</a>{{end}}
+        {{if .OAuthGitHub}}<a class="button secondary" href="/auth/github">GitHub</a>{{end}}
+      </div>
+      {{end}}
+      <p class="auth-switch">Already have an account? <a href="/login">Sign in</a></p>
+    </form>
+  </section>
+</main>
+</body>
+</html>
+{{end}}