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/collecting.html.tmpl | 96 +++++++++++++++++++-------------------
 1 file changed, 47 insertions(+), 49 deletions(-)

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

diff --git a/src/templates/collecting.html.tmpl b/src/templates/collecting.html.tmpl
index 676f55b..d8ecf18 100644
--- a/src/templates/collecting.html.tmpl
+++ b/src/templates/collecting.html.tmpl
@@ -1,63 +1,61 @@
 {{ 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 Coin Collecting" }}</h1>
 </header>
-<main>
+<main class="container">
 	<p>
 		{{ .Get "On this section of the site you can find everything there is to know about collecting Euro coins. If this is a hobby that interests you, join the Discord server linked at the top of the page!" }}
 	</p>
 	<hr>
-	<section>
-		<div class="grid">
-			<a class="no-deco" href="/collecting/crh">
-				<article>
-					<header>
-						<h3>{{ .Get "Coin Roll Hunting" }}</h3>
-					</header>
-					<main>
-						{{ .Get "Learn about collecting coins from coin rolls" }}
-					</main>
-				</article>
-			</a>
-			<a class="no-deco" href="/collecting/storage">
-				<article>
-					<header>
-						<h3>{{ .Get "Coin Storage" }}</h3>
-					</header>
-					<main>
-						{{ .Get "Learn about the different methods to storing your collection" }}
-					</main>
-				</article>
-			</a>
-			<!-- TODO: Implement the shop hunting page -->
-			<a class="no-deco" href="#">
-				<article>
-					<header>
-						<h3>{{ .Get "Shop Hunting" }}</h3>
-					</header>
-					<main>
-						{{ .Get "Learn about how to collect coins from shops" }}
-					</main>
-				</article>
-			</a>
-		</div>
-		<div class="grid">
-			<a class="no-deco" href="/collecting/vending">
-				<article>
-					<header>
-						<h3>{{ .Get "Vending Machine Hunting" }}</h3>
-					</header>
-					<main>
-						{{ .Get "Learn about collecting coins from vending machines" }}
-					</main>
-				</article>
-			</a>
-		</div>
-	</section>
+	<div id="sections" class="button-grid">
+		<a class="no-deco" href="/collecting/crh">
+			<article>
+				<header>
+					<h3>{{ .Get "Coin Roll Hunting" }}</h3>
+				</header>
+				{{ .Get "Learn about collecting coins from coin rolls" }}
+			</article>
+		</a>
+		<a class="no-deco" href="/collecting/storage">
+			<article>
+				<header>
+					<h3>{{ .Get "Coin Storage" }}</h3>
+				</header>
+				{{ .Get "Learn about the different methods to storing your collection" }}
+			</article>
+		</a>
+		<!-- TODO: Implement the shop hunting page -->
+		<a class="no-deco" href="#">
+			<article>
+				<header>
+					<h3>{{ .Get "Shop Hunting" }}</h3>
+				</header>
+				{{ .Get "Learn about how to collect coins from shops" }}
+			</article>
+		</a>
+		<a class="no-deco" href="/collecting/vending">
+			<article>
+				<header>
+					<h3>{{ .Get "Vending Machine Hunting" }}</h3>
+				</header>
+				{{ .Get "Learn about collecting coins from vending machines" }}
+			</article>
+		</a>
+	</div>
 </main>
 {{ end }}
\ No newline at end of file
-- 
cgit v1.2.3