Design foundations

- Create a colour palette - Create a sizing schema for paddings and fonts - Implement basic form controls - Create a theme demo page - Apply the theme to the existing pages. Still TODO is the final font selection.
2020-02-29 19:03:47 +01:00
parent 9318b0d152
commit e985fe9c61
24 changed files with 2229 additions and 56 deletions
--- a/snikket_web/templates/user_logout.html
+++ b/snikket_web/templates/user_logout.html
@@ -1,9 +1,15 @@
-<!DOCTYPE html>
-<html>
-	<body>
-		<form method="POST">
-			{{ form.csrf_token }}
-			<input type="submit" value="Logout">
-		</form>
-	</body>
-</html>
+{% extends "app.html" %}
+{% block head_lead %}
+<title>Snikket Web Portal</title>
+{% endblock %}
+{% block content %}
+<div class="form layout-expanded"><form method="POST">
+	<h2 class="form-title">Sign out of the Snikket Web Portal</h2>
+	<p class="form-desc">Click below to log yourself out of the web portal. This does not affect any other connected devices.</p>
+	{{ form.csrf_token }}
+	<div class="f-bbox">
+		<a href="{{ url_for('user.index') }}" class="button secondary">Back</a>
+		<button type="submit" class="primary">Sign out</button>
+	</div>
+</form></div>
+{% endblock %}