1 files changed, 60 insertions, 0 deletions
diff --git a/templates/account/register.django b/templates/account/register.django
new file mode 100644
index 0000000..592ffa5
--- /dev/null
+++ b/templates/account/register.django
@@ -0,0 +1,60 @@
+{% extends 'layouts/main.django' %}
+
+{% block content %}
+  <div class="centered-main">
+    <div class="bordered-box" style="max-width: 786px;">
+      <img src="/static/images/1c8fcc330ea1e971440cd3bdb8993a81.webp" alt="Register Image" class="q-img" />
+      <h1>Join {{ Appname }}</h1>
+      <p>Create your account to start sharing and exploring images!</p>
+      <form action="/account/register" method="POST" class="ibform">
+        {% if Error %}
+          <div class="error">{{ Error|safe }}</div>
+        {% endif %}
+        {% if Success %}
+          <div class="success">{{ Success|safe }}</div>
+        {% endif %}
+        <div class="fgroup">
+          <div class="fg-main">
+            <label for="username">Username</label>
+          </div>
+          <div class="fg-sub">
+            <input type="text" class="itext" id="username" name="username" required value="{{ Username }}" maxlength="72" autocomplete="username" pattern="[a-zA-Z0-9_-]+" />
+            <small>3-72 characters, letters, numbers, underscores, and hyphens only</small>
+          </div>
+        </div>
+        <div class="fgroup">
+          <div class="fg-main">
+            <label for="email">Email Address</label>
+          </div>
+          <div class="fg-sub">
+            <input type="email" id="email" name="email" required value="{{ Email }}" />
+          </div>
+        </div>
+        <div class="fgroup">
+          <div class="fg-main">
+            <label for="password">Password</label>
+          </div>
+          <div class="fg-sub">
+            <input type="password" id="password" name="password" required minlength="8" />
+            <small>Minimum 8 characters</small>
+          </div>
+        </div>
+        <div class="fgroup">
+          <div class="fg-main">
+            <label for="confirm_password">Confirm Password</label>
+          </div>
+          <div class="fg-sub">
+            <input type="password" id="confirm_password" name="confirm_password" required />
+          </div>
+        </div>
+        <div class="fbtngrp">
+          <input type="submit" value="Create Account" />
+          <input type="button" value="Clear" onclick="this.form.reset();" />
+        </div>
+      </form>
+      <p>
+        Already have an account? <a href="/account/login">Login here</a>
+      </p>
+    </div>
+  </div>
+{% endblock %}