aboutsummaryrefslogtreecommitdiff
path: root/templates/account/register.django
blob: 592ffa5cd44772bdf20f7eca57d8b574570c2804 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
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 %}