1 files changed, 91 insertions, 0 deletions
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..f403d41
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html lang="fr">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Budget — {% block title %}{% endblock title %}</title>
+    <link rel="stylesheet" href="{{ assets | get(key="main.css") }}" />
+    <link rel="icon" href="{{ assets | get(key="icon.png") }}">
+  </head>
+
+  <body>
+
+    <header class="g-Header">
+
+      <div class="g-Header__Primary">
+        <div class="g-Header__Title">Budget</div>
+        {% if connected_user %}
+          <form action="/logout" method="POST">
+            {{ connected_user.name }}
+            <input class="g-Header__Logout" type="submit" value="(Déconnexion)" />
+          </form>
+        {% endif %}
+      </div>
+
+      {% if connected_user %}
+        <div class="g-Header__Secondary">
+
+          <a
+            href="/"
+            class="
+              g-Header__Link
+              {% if header == "Payments" %} g-Header__Link--Current {% endif %}
+            "
+          >
+            Paiements
+          </a>
+
+          <a
+            href="/incomes"
+            class="
+              g-Header__Link
+              {% if header == "Incomes" %} g-Header__Link--Current {% endif %}
+            "
+          >
+            Revenus
+          </a>
+
+          <a
+            href="/categories"
+            class="
+              g-Header__Link
+              {% if header == "Categories" %} g-Header__Link--Current {% endif %}
+            "
+          >
+            Catégories
+          </a>
+
+          <a
+            href="/balance"
+            class="
+              g-Header__Link
+              {% if header == "Balance" %} g-Header__Link--Current {% endif %}
+            "
+          >
+            Équilibre
+          </a>
+
+          <a
+            href="/statistics"
+            class="
+              g-Header__Link
+              {% if header == "Statistics" %} g-Header__Link--Current {% endif %}
+            "
+          >
+            Statistiques
+          </a>
+
+        </div>
+      {% endif %}
+
+    </header>
+
+    <main class="g-Main">
+      {% block main %}{% endblock main %}
+    </main>
+
+    <script src="{{ assets | get(key="main.js") }}">
+    </script>
+
+  </body>
+</html>