xevion/runnerspace
1
0
Fork 0
mirror of https://github.com/Xevion/runnerspace.git synced 2025-12-07 18:08:13 -06:00
Code Issues Packages Projects Releases Wiki Activity

Add template control flow to display login & sign or username

Browse Source 
- Also commit the relevant TTF font for the myspace logo in the previous commit
This commit is contained in:
Xevion
2022-03-26 20:09:45 -05:00
parent 5845821391
commit 19e582f72e
5 changed files with 95 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
templates/layouts/header.html
View File

@@ -2,7 +2,11 @@
<div class="header-primary">
<span id="logo">runnerspace</span>
<div class="header-login">
{% if logged_in %}
Logged in as <a href="/user/{{ user.username }}" class="username">{{ user.username }}</a>
{% else %}
<a href="/login">Login</a> or <a href="/signup">Sign-up</a>!
{% endif %}
</div>
</div>
<nav class="header-secondary">

37
templates/pages/login.html Normal file
View File

@@ -0,0 +1,37 @@
{% extends 'layouts/index.html' %}
{% block content %}
<div class="content-inner">
{% with messages = get_flashed_messages() %}
{% if messages %}
<div class="notification is-danger">
{{ messages[0] }}
</div>
{% endif %}
{% endwith %}
<form method="POST" action="/login" class="login-form">
<div class="field">
<div class="control">
Username
<input class="input is-large" type="text" name="username" placeholder="Username" autofocus="true">
</div>
</div>
<div class="field">
<div class="control">
Password
<input class="input is-large" type="password" name="password" placeholder="Password">
</div>
</div>
<div class="field">
<label class="checkbox">
<input type="checkbox">
Remember me
</label>
</div>
<button class="button">Login</button>
</form>
<p class="form-subtext">
Don't have a login? <a href="/signup">Sign-up</a> instead!
</p>
</div>
{% endblock content %}

40
templates/pages/signup.html Normal file
View File

@@ -0,0 +1,40 @@
{% extends 'layouts/index.html' %}
{% block content %}
<div class="content-inner">
{% with messages = get_flashed_messages() %}
{% if messages %}
<div class="notification is-danger">
{{ messages[0] }}. Go to <a href="{{ url_for('auth.login') }}">login page</a>.
</div>
{% endif %}
{% endwith %}
<form method="POST" action="/signup" class="login-form">
<div class="field">
<div class="control">
Email
<input class="input is-large" type="email" name="email" placeholder="Email" autofocus="">
</div>
</div>
<div class="field">
<div class="control">
Name
<input class="input is-large" type="text" name="name" placeholder="Name" autofocus="">
</div>
</div>
<div class="field">
<div class="control">
Password
<input class="input is-large" type="password" name="password" placeholder="Password">
</div>
</div>
<button>Sign Up</button>
</form>
<p class="form-subtext">
Already have a login? <a href="/login">Login</a> instead!
</p>
</div>
{% endblock content %}