aboutsummaryrefslogtreecommitdiffhomepage
path: root/src/templates/collecting.html.tmpl
diff options
context:
space:
mode:
Diffstat (limited to 'src/templates/collecting.html.tmpl')
-rw-r--r--src/templates/collecting.html.tmpl100
1 files changed, 51 insertions, 49 deletions
diff --git a/src/templates/collecting.html.tmpl b/src/templates/collecting.html.tmpl
index fd14184..d8ecf18 100644
--- a/src/templates/collecting.html.tmpl
+++ b/src/templates/collecting.html.tmpl
@@ -1,59 +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