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.
This commit is contained in:
Jonas Schäfer
2020-02-29 19:03:47 +01:00
parent 9318b0d152
commit e985fe9c61
24 changed files with 2229 additions and 56 deletions

View File

@@ -1,14 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<title>Snikket Web Portal</title>
</head>
<body>
<h1>Welcome!</h1>
<p>Welcome home, {{ user_info.username }}.</p>
<ul>
<li><a href="{{ url_for('user.change_pw') }}">Change password</a></li>
<li><a href="{{ url_for('user.logout') }}">Log out</a></li>
</ul>
</body>
</html>
{% extends "app.html" %}
{% block content %}
<h1>Welcome!</h1>
<p>Welcome home, {{ user_info.username }}.</p>
<h2>Next?</h2>
<p>What do you want to do today?</p>
<ul>
<li><a href="{{ url_for('user.change_pw') }}">Change password</a></li>
<li><a href="{{ url_for('user.logout') }}">Log out</a></li>
</ul>
{% endblock %}