summaryrefslogtreecommitdiff
path: root/app/templates/base/layout.html
diff options
context:
space:
mode:
Diffstat (limited to 'app/templates/base/layout.html')
-rw-r--r--app/templates/base/layout.html69
1 files changed, 69 insertions, 0 deletions
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>