From 663e797209b11d7d234ca90da82fb809ac688845 Mon Sep 17 00:00:00 2001
From: Karan Jayachandra <karan.jayachandra@nxp.com>
Date: Fri, 18 Oct 2024 15:50:19 +0200
Subject: Made macros out of reused components

---
 templates/macros.j2 | 44 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)

(limited to 'templates/macros.j2')
diff --git a/templates/macros.j2 b/templates/macros.j2
index 65d886f..58b1a73 100644
--- a/templates/macros.j2
+++ b/templates/macros.j2
@@ -20,4 +20,48 @@
 <div hx-get="/time" hx-swap="outerHTML" hx-trigger="every 1s">
     <p class="title">⏲️ {{mins}}:{{secs}}</p>
 </div>
+{%- endmacro %}
+
+{% macro header() -%}
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Match Up!</title>
+    <link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='favicon.ico') }}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='bulma.min.css') }}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='custom.css') }}">
+    <script src="{{ url_for('static', filename='htmx.min.js') }}"></script>
+</head>
+{%- endmacro %}
+
+{% macro footer() -%}
+<div class="content has-text-centered">Made by <a href="https://karanjayachandra.com/">Karan</a> using <a href="https://flask.palletsprojects.com">Flask</a>, <a href="https://htmx.org/">HTMX</a> and <a href="https://bulma.io">Bulma</a></div>
+{%- endmacro %}
+
+{% macro navbar() -%}
+<nav class="level">
+    <div class="level-left">
+        <div class="level-item">
+            <figure class="image container is-128x128">
+                <img src="{{ url_for('static', filename='logo.png') }}"/>
+            </figure>
+        </div>
+    </div>
+    <div class="level-item has-text-centered"></div>
+    <p class="level-item has-text-centered">
+        <button class="button is-large is-link" onclick="location.href = '/';">Games</button>
+    </p>
+    <div class="level-item has-text-centered"></div>
+    <div class="level-item has-text-centered">
+        <p class="title is-1">Match Up!</p>
+    </div>
+    <div class="level-item has-text-centered"></div>
+    <p class="level-item has-text-centered">
+        <button class="button is-large is-link" onclick="location.href = '/players';">Players</button>
+    </p>
+    <div class="level-item has-text-centered"></div>
+    <div class="level-right">
+        <div hx-get="/time" hx-swap="outerHTML" hx-trigger="load"></div>
+    </div>
+</nav>
 {%- endmacro %}
\ No newline at end of file
-- 
cgit v1.3.1

