2 files changed, 7 insertions, 67 deletions
diff --git a/app/templates/base/home.html b/app/templates/base/home.html
index e69de29..357a399 100644
--- a/app/templates/base/home.html
+++ b/app/templates/base/home.html
@@ -0,0 +1,4 @@
+{% extends 'base.html' %}
+
+{% block content %}
+{% endblock %}
diff --git a/app/templates/base/index.html b/app/templates/base/index.html
index 70f52e8..357a399 100644
--- a/app/templates/base/index.html
+++ b/app/templates/base/index.html
@@ -1,68 +1,4 @@
-<!doctype HTML>
-<html lang="en">
-    <head>
-        <meta charset="utf8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
+{% extends 'base.html' %}
 
-        <!-- 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="/">
-                    <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>
-
-                <!-- 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>
+{% block content %}
+{% endblock %}