diff options
| author | stilbruch <stilbruch@protonail.com> | 2022-03-23 16:39:16 -0500 |
|---|---|---|
| committer | stilbruch <stilbruch@protonail.com> | 2022-03-23 16:39:16 -0500 |
| commit | cd503caa68c52f98f41d5fecc2afd8c31156f4db (patch) | |
| tree | c506a4a974b97619935ad47d4afca1e519a47880 /app/templates/base | |
| parent | 22ae557601258bde27611a18f2c2a0409bc4567d (diff) | |
| download | Strengthy-cd503caa68c52f98f41d5fecc2afd8c31156f4db.tar.xz Strengthy-cd503caa68c52f98f41d5fecc2afd8c31156f4db.zip | |
Move some templates and update form logic
Diffstat (limited to 'app/templates/base')
| -rw-r--r-- | app/templates/base/form.html | 33 | ||||
| -rw-r--r-- | app/templates/base/home.html | 5 | ||||
| -rw-r--r-- | app/templates/base/index.html | 5 | ||||
| -rw-r--r-- | app/templates/base/layout.html | 69 |
4 files changed, 102 insertions, 10 deletions
diff --git a/app/templates/base/form.html b/app/templates/base/form.html new file mode 100644 index 0000000..830afbe --- /dev/null +++ b/app/templates/base/form.html @@ -0,0 +1,33 @@ +{% extends 'base/layout.html' %} + +{% block content %} + <div class="form"> + <section class="hero is-primary is-fullheight-with-navbar"> + <div class="hero-body"> + <div class="container"> + <div class="columns is-centered"> + <div class="column is-5-tablet is-4-desktop is-3-widescreen"> + <h1 class="title is-2">{% block title %}{% endblock %}</h1> + + <!-- TODO: render errors --> + {% with messages = get_flashed_messages(with_categories=true) %} + {% if messages %} + {% for category, message in messages %} + <div class="notification is-{{ category }}"> + {{ message }} + </div> + {% endfor %} + {% endif %} + {% endwith %} + + <form method="POST" class="box"> + {{ form.csrf_token }} + {% block form %}{% endblock %} + </form> + </div> + </div> + </div> + </div> + </section> + </div> +{% endblock %} diff --git a/app/templates/base/home.html b/app/templates/base/home.html deleted file mode 100644 index 14dd441..0000000 --- a/app/templates/base/home.html +++ /dev/null @@ -1,5 +0,0 @@ -{% extends 'base.html' %} - -{% block content %} - User Homepage -{% endblock %} diff --git a/app/templates/base/index.html b/app/templates/base/index.html deleted file mode 100644 index 3e91518..0000000 --- a/app/templates/base/index.html +++ /dev/null @@ -1,5 +0,0 @@ -{% extends 'base.html' %} - -{% block content %} - Index Page -{% endblock %} diff --git a/app/templates/base/layout.html b/app/templates/base/layout.html new file mode 100644 index 0000000..c539baa --- /dev/null +++ b/app/templates/base/layout.html @@ -0,0 +1,69 @@ +<!doctype HTML> +<html lang="en"> +<head> + <meta charset="utf8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + + <!-- Bulma css --> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css"> + + <title>Strenghty 💪</title> +</head> +<body> + <!-- navbar --> + <nav class="navbar" role="navigation" aria-label="main navigation"> + <div class="navbar-brand"> + <a class="navbar-item" href="https://bulma.io"> + <img src="https://bulma.io/images/bulma-logo.png" width="112" height="28"> + </a> + + <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample"> + <span aria-hidden="true"></span> + <span aria-hidden="true"></span> + <span aria-hidden="true"></span> + </a> + </div> + + <div id="navbarBasicExample" class="navbar-menu"> + <div class="navbar-start"> + <a class="navbar-item"> + Start a Workout + </a> + + <a class="navbar-item"> + Progress + </a> + + <div class="navbar-item has-dropdown is-hoverable"> + <a class="navbar-link"> + More + </a> + + <div class="navbar-dropdown"> + <a class="navbar-item"> + TODO + </a> + </div> + </div> + </div> + + <div class="navbar-end"> + <div class="navbar-item"> + <div class="buttons"> + {% if current_user.is_authenticated %} + <a class="button is-light" href="/logout">Log Out</a> + {% else %} + <a class="button is-primary" href="/register"><strong>Sign Up</strong></a> + <a class="button is-light" href="/login">Log In</a> + {% endif %} + </div> + </div> + </div> + </div> + </nav> + + {% block content %}{% endblock %} + + <!-- TODO: footer --> +</body> +</html> |