1 files changed, 51 insertions, 8 deletions
diff --git a/templates/players.j2 b/templates/players.j2
index 4eedc54..f81e823 100644
--- a/templates/players.j2
+++ b/templates/players.j2
@@ -1,9 +1,52 @@
 {% from "macros.j2" import player %}
-<div class="fixed-grid has-5-cols">
-<div class="grid">
-{% for id, value in players.items() %}
-    <div class="cell">
-    {{ player(id, value.status, value.name) }}
-    </div>
-{% endfor %}
-</div>
-\ No newline at end of file
+<!doctype html>
+<html lang="en">
+	<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>
+	<body>
+		<section class="section">
+			<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>
+				<p class="level-item has-text-centered">
+					<a class="title link is-info" href="/">Games</a>
+				</p>
+				<div class="level-item has-text-centered">
+					<p class="title is-1">Match Up!</p>
+				</div>
+				<p class="level-item has-text-centered">
+					<a class="title link is-info" href="/players">Players</a>
+				</p>
+				<div class="level-right">
+					<div hx-get="/time" hx-swap="outerHTML" hx-trigger="load"></div>
+				</div>
+			</nav>
+			<h2 class="title">Players</h2>
+			<div class="fixed-grid has-5-cols">
+            <div class="grid">
+            {% for id, value in players.items() %}
+                <div class="cell">
+                {{ player(id, value.status, value.name) }}
+                </div>
+            {% endfor %}
+            </div>
+		</section>
+		<footer class="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>
+		</footer>
+	</body>
+</html>
+\ No newline at end of file