diff options
Diffstat (limited to 'src/templates/coins.html.tmpl')
-rw-r--r-- | src/templates/coins.html.tmpl | 78 |
1 files changed, 42 insertions, 36 deletions
diff --git a/src/templates/coins.html.tmpl b/src/templates/coins.html.tmpl index 6319c22..ee36ed8 100644 --- a/src/templates/coins.html.tmpl +++ b/src/templates/coins.html.tmpl @@ -1,46 +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 Coins" }}</h1> </header> -<main> +<main class="container"> <p> {{ .Get "On this section of the site you can find everything there is to know about the coins of the Eurozone." }} </p> <hr /> - <section> - <div class="grid"> - <a class="no-deco" href="/coins/designs"> - <article> - <header> - <h3>{{ .Get "Designs" }}</h3> - </header> - <main> - {{ .Get "View the 600+ different Euro-coin designs" }} - </main> - </article> - </a> - <a class="no-deco" href="/coins/mintages"> - <article> - <header> - <h3>{{ .Get "Mintages" }}</h3> - </header> - <main> - {{ .Get "View the mintage figures of all the Euro coins" }} - </main> - </article> - </a> - <a class="no-deco" href="/coins/varieties"> - <article> - <header> - <h3>{{ .Get "Varieties" }}</h3> - </header> - <main> - {{ .Get "View all the known Euro varieties" }} - </main> - </article> - </a> - </div> - </section> + <div id="sections" class="button-grid"> + <a class="no-deco" href="/coins/designs"> + <article> + <header> + <h3>{{ .Get "Designs" }}</h3> + </header> + {{ .Get "View the 600+ different Euro-coin designs" }} + </article> + </a> + <a class="no-deco" href="/coins/mintages"> + <article> + <header> + <h3>{{ .Get "Mintages" }}</h3> + </header> + {{ .Get "View the mintage figures of all the Euro coins" }} + </article> + </a> + <a class="no-deco" href="/coins/varieties"> + <article> + <header> + <h3>{{ .Get "Varieties" }}</h3> + </header> + {{ .Get "View all the known Euro varieties" }} + </article> + </a> + </div> </main> {{ end }}
\ No newline at end of file |