diff options
Diffstat (limited to 'templates/account')
| -rw-r--r-- | templates/account/forgot.django | 52 | ||||
| -rw-r--r-- | templates/account/login.django | 45 | ||||
| -rw-r--r-- | templates/account/register.django | 60 |
3 files changed, 157 insertions, 0 deletions
diff --git a/templates/account/forgot.django b/templates/account/forgot.django new file mode 100644 index 0000000..deb9d16 --- /dev/null +++ b/templates/account/forgot.django @@ -0,0 +1,52 @@ +{% extends 'layouts/main.django' %} + +{% block content %} + <div class="centered-main"> + <div class="bordered-box"> + {% if Mode == "username" %} + <img src="/static/images/cdcea50ffd8313b9b5418907e327be65.webp" alt="Forgot Username" class="q-img"> + {% else %} + <img src="/static/images/833de6dd73cb113ff6ebc631cdb14ee3.webp" alt="Forgot Password" class="q-img"> + {% endif %} + <h1>Forgot your {{ Mode|capfirst }}?</h1> + <p>No worries! Just enter your email address below and we'll send you an email with {% if Mode == "username" %}your username{% else %}a link to reset your password{% endif %}.</p> + <form method="post" action="/account/forgot" class="ibform"> + {% if Error %} + <div class="error">{{ Error|safe }}</div> + {% endif %} + {% if Success %} + <div class="success">{{ Success|safe }}</div> + {% endif %} + {% if Mode == "password" %} + <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>Enter username for which you want to reset the password for. 3-72 characters, letters, numbers, underscores, and hyphens only</small> + </div> + </div> + {% endif %} + <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> + <input type="hidden" name="mode" value="{{ Mode }}" /> + <div class="fbtngrp"> + <input type="submit" value="Send Email" /> + <input type="button" value="Clear" onclick="this.form.reset();" /> + {% if Mode == "username" %} + <input type="button" value="Forgot Password?" onclick="window.location.href='/account/forgot?mode=password';" /> + {% else %} + <input type="button" value="Forgot Username?" onclick="window.location.href='/account/forgot?mode=username';" /> + {% endif %} + </div> + </form> + </div> + </div> +{% endblock %} diff --git a/templates/account/login.django b/templates/account/login.django new file mode 100644 index 0000000..2627012 --- /dev/null +++ b/templates/account/login.django @@ -0,0 +1,45 @@ +{% extends 'layouts/main.django' %} + +{% block content %} + <div class="centered-main"> + <div class="bordered-box"> + <img src="/static/images/25631a9833b39de4053f9eed8b2d3ae6.webp" alt="Login Image" class="q-img" /> + <h1>Login to {{ Appname }}</h1> + <p>Welcome back! Please enter your credentials to continue.</p> + <form action="/account/login" method="POST" class="ibform"> + {% if Next %} + <input type="hidden" name="next" value="{{ Next }}" /> + {% endif %} + {% if Error %} + <div class="error">{{ Error|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="password">Password</label> + </div> + <div class="fg-sub"> + <input type="password" id="password" name="password" required minlength="8" /> + </div> + </div> + <div class="fbtngrp"> + <input type="submit" value="Login" /> + <input type="button" value="Clear" onclick="this.form.reset();" /> + <input type="button" value="Forgot Password?" onclick="window.location.href='/account/forgot?mode=password';" /> + <input type="button" value="Forgot Username?" onclick="window.location.href='/account/forgot?mode=username';" /> + </div> + </form> + <p class="text-center"> + Don't have an account? <a href="/register">Register here</a>. + </p> + </div> + </div> +{% endblock %} 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 %} |