From d838cee9cb536049119a22e805746d958628387d Mon Sep 17 00:00:00 2001
From: Thomas Voss <mail@thomasvoss.com>
Date: Mon, 4 Aug 2025 01:23:32 +0200
Subject: Big changes to everything

---
 src/templates/banknotes.html.tmpl | 74 ++++++++++++++++++++-------------------
 1 file changed, 38 insertions(+), 36 deletions(-)

(limited to 'src/templates/banknotes.html.tmpl')

diff --git a/src/templates/banknotes.html.tmpl b/src/templates/banknotes.html.tmpl
index 750b4db..8a50dfa 100644
--- a/src/templates/banknotes.html.tmpl
+++ b/src/templates/banknotes.html.tmpl
@@ -1,50 +1,52 @@
 {{ define "header" }}
 {{ template "header-navbar" . }}
+
+<style>
+	#sections {
+		--button-min-width: 40ch;
+
+		article {
+			min-height: 100%;
+		}
+	}
+</style>
 {{ end }}
 
 {{ define "content" }}
-<header>
+<header class="container">
 	{{ template "navbar" . }}
 	<h1>{{ .Get "Euro Banknotes" }}</h1>
 </header>
-<main>
+<main class="container">
 	<p>
 		{{ .Get "On this section of the site you can find everything there is to know about the banknotes of the Eurozone." }}
 	</p>
 	<hr>
-	<section>
-		<div class="grid">
-			<a class="no-deco" href="/banknotes/designs">
-				<article>
-					<header>
-						<h3>{{ .Get "Designs" }}</h3>
-					</header>
-					<main>
-						{{ .Get "View the different Euro banknote designs" }}
-					</main>
-				</article>
-			</a>
-			<a class="no-deco" href="/banknotes/codes">
-				<article>
-					<header>
-						<h3>{{ .Get "Location Codes" }}</h3>
-					</header>
-					<main>
-						{{ .Get "Find out where your notes were printed" }}
-					</main>
-				</article>
-			</a>
-			<a class="no-deco" href="/banknotes/test">
-				<article>
-					<header>
-						<h3>{{ .Get "Test Notes" }}</h3>
-					</header>
-					<main>
-						{{ .Get "Learn about the special test notes" }}
-					</main>
-				</article>
-			</a>
-		</div>
-	</section>
+	<div id="sections" class="button-grid">
+		<a class="no-deco" href="/banknotes/designs">
+			<article>
+				<header>
+					<h3>{{ .Get "Designs" }}</h3>
+				</header>
+				{{ .Get "View the different Euro banknote designs" }}
+			</article>
+		</a>
+		<a class="no-deco" href="/banknotes/codes">
+			<article>
+				<header>
+					<h3>{{ .Get "Location Codes" }}</h3>
+				</header>
+				{{ .Get "Find out where your notes were printed" }}
+			</article>
+		</a>
+		<a class="no-deco" href="/banknotes/test">
+			<article>
+				<header>
+					<h3>{{ .Get "Test Notes" }}</h3>
+				</header>
+				{{ .Get "Learn about the special test notes" }}
+			</article>
+		</a>
+	</div>
 </main>
 {{ end }}
\ No newline at end of file
-- 
cgit v1.2.3