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>