diff options
Diffstat (limited to 'app/templates/base/index.html')
| -rw-r--r-- | app/templates/base/index.html | 69 |
1 files changed, 65 insertions, 4 deletions
diff --git a/app/templates/base/index.html b/app/templates/base/index.html index 11d266c..70f52e8 100644 --- a/app/templates/base/index.html +++ b/app/templates/base/index.html @@ -1,7 +1,68 @@ -{% extends "base.html" %} +<!doctype HTML> +<html lang="en"> + <head> + <meta charset="utf8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> -{% block content %} + <!-- Bulma css --> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css"> -<b>Welcome to Strengthy</b> + <title>Strenghty 💪</title> + </head> + <body> + <!-- navbar --> + <nav class="navbar" role="navigation" aria-label="main navigation"> + <div class="navbar-brand"> + <a class="navbar-item" href="/"> + <img src="https://bulma.io/images/bulma-logo.png" width="112" height="28"> + </a> -{% endblock %} + <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> + + <!-- TODO: change based on login state --> + <div class="navbar-end"> + <div class="navbar-item"> + <div class="buttons"> + <a class="button is-primary" href="register"><strong>Sign up</strong></a> + <a class="button is-light" href="login">Log in</a> + </div> + </div> + </div> + </div> + </nav> + + <!-- Actual content --> + {% block content %}{% endblock %} + <p>This is the index page.</html> + +<!-- TODO: footer --> + </body> + </html> |