diff options
Diffstat (limited to 'src/templates/collecting.html.tmpl')
| -rw-r--r-- | src/templates/collecting.html.tmpl | 121 |
1 files changed, 53 insertions, 68 deletions
diff --git a/src/templates/collecting.html.tmpl b/src/templates/collecting.html.tmpl index aacb442..d8ecf18 100644 --- a/src/templates/collecting.html.tmpl +++ b/src/templates/collecting.html.tmpl @@ -1,76 +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>{{ .T "Euro Coin Collecting" }}</h1> + <h1>{{ .Get "Euro Coin Collecting" }}</h1> </header> -<main> +<main class="container"> <p> - {{ .T ` - 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! - ` }} + {{ .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>{{ .T "Coin Roll Hunting" }}</h3> - </header> - <main> - {{ .T ` - Learn about collecting coins from coin rolls! - ` }} - </main> - </article> - </a> - <a class="no-deco" href="/collecting/storage"> - <article> - <header> - <h3>{{ .T "Coin Storage" }}</h3> - </header> - <main> - {{ .T ` - 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>{{ .T "Shop Hunting" }}</h3> - </header> - <main> - {{ .T ` - Learn about how to collect coins from - shop-keepers and other people who deal in - cash! - ` }} - </main> - </article> - </a> - </div> - <div class="grid"> - <a class="no-deco" href="/collecting/vending"> - <article> - <header> - <h3>{{ .T "Vending Machine Hunting" }}</h3> - </header> - <main> - {{ .T ` - 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 |