summaryrefslogtreecommitdiffhomepage
path: root/src/templates
diff options
context:
space:
mode:
authorThomas Voss <mail@thomasvoss.com> 2024-09-13 13:01:48 +0200
committerThomas Voss <mail@thomasvoss.com> 2024-09-13 13:01:48 +0200
commit548090e67f66acf84385c4152ca464e52d3e3319 (patch)
tree9b6de528bd7b0aa63362fa83f5c8e6a97f68a5d8 /src/templates
parenta1d809960bee74df19c7e5fc34ffd1e4757cfdcb (diff)
Migrate away from templ and towards html/template
Diffstat (limited to 'src/templates')
-rw-r--r--src/templates/404.html.tmpl11
-rw-r--r--src/templates/about.html.tmpl41
-rw-r--r--src/templates/base.html.tmpl43
-rw-r--r--src/templates/error.html.tmpl14
-rw-r--r--src/templates/index.html.tmpl18
-rw-r--r--src/templates/language.html.tmpl48
-rw-r--r--src/templates/navbar.html.tmpl228
7 files changed, 403 insertions, 0 deletions
diff --git a/src/templates/404.html.tmpl b/src/templates/404.html.tmpl
new file mode 100644
index 0000000..3771a0f
--- /dev/null
+++ b/src/templates/404.html.tmpl
@@ -0,0 +1,11 @@
+{{ define "content" }}
+<header>
+ {{ template "navbar" . }}
+ <h1>{{ .T "Page Not Found" }}</h1>
+</header>
+<main>
+ <p>
+ {{ .T "The page you were looking for does not exist. If you believe this is a mistake then don’t hesitate to contact @onetruemangoman on Discord or email us at %s." `<a href="mailto:mail@euro-cash.eu">mail@euro-cash.eu</a>` | safe }}
+ </p>
+</main>
+{{ end }}
diff --git a/src/templates/about.html.tmpl b/src/templates/about.html.tmpl
new file mode 100644
index 0000000..aed356a
--- /dev/null
+++ b/src/templates/about.html.tmpl
@@ -0,0 +1,41 @@
+{{ define "content" }}
+<header>
+ {{ template "navbar" . }}
+ <h1>{{ .T "About Us" }}</h1>
+</header>
+<main>
+ <h2>{{ .T "Open Source" }}</h2>
+ <p>
+ {{ .T "This website is an open project, and a collaboration between developers, translators, and researchers. All source code, data, images, and more for the website are open source and can be found %shere%s. This site is licensed under the BSD 0-Clause license giving you the full freedom to do whatever you would like with anyof the content on this site." `<a href="https://git.thomasvoss.com/www.euro-cash.eu" target="_blank">` `</a>` | safe }}
+ </p>
+ <h2>{{ .T "Contact Us" }}</h2>
+ <p>
+ {{ .T "While we try to stay as up-to-date as possible and to fact check our information, it is always possible that we get something wrong, lack a translation, or are missing some piece of data you may have. In such a case don’t hesitate to contact us; we’ll try to get the site updated or fixed as soon as possible. You are always free to contribute via a git patch if you are more technically included, but if not you can always send an email to %s or contact ‘@onetruemangoman’ on Discord." `<a href="mailto:mail@euro-cash.eu">mail@euro-cash.eu</a>` | safe }}
+ </p>
+ <h2>{{ .T "Special Thanks" }}</h2>
+ <table>
+ <thead>
+ <th scope="col">{{ .T "Development" }}</th>
+ <th scope="col">{{ .T "Research" }}</th>
+ <th scope="col">{{ .T "Translations" }}</th>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ Jessika Wexler,
+ Lyyli Savolainen,
+ Ralf Nadel
+ </td>
+ <td>
+ Elín Hjartardóttir,
+ Storm Sørensen
+ </td>
+ <td>
+ <span data-tooltip={{ .T "British- & American English" }}>Thomas Voss</span>,
+ <span data-tooltip={{ .T "Icelandic" }}>Védís Indriðadóttir</span>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+</main>
+{{ end }}
diff --git a/src/templates/base.html.tmpl b/src/templates/base.html.tmpl
new file mode 100644
index 0000000..0d5e731
--- /dev/null
+++ b/src/templates/base.html.tmpl
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang={{ .Printer.Locale.Bcp }}>
+ <head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link href="/style.css" type="text/css" rel="stylesheet">
+ <!-- TODO: Translate website name -->
+ <title>Euro Cash</title>
+ <script type="text/javascript">
+ const $ = q => document.querySelector(q);
+ const $$ = q => document.querySelectorAll(q);
+
+ const validate = theme =>
+ ["light", "dark"].includes(theme) ? theme : "light";
+ const toggle = theme =>
+ theme == "light" ? "dark" : "light";
+
+ const setTheme = theme => {
+ localStorage.setItem("theme", theme);
+ $("html").setAttribute("data-theme", theme);
+ $(`#nav-icon-theme-${theme}`).style.display = "";
+ $(`#nav-icon-theme-${toggle(theme)}`).style.display = "none";
+ };
+
+ document.addEventListener("DOMContentLoaded", _ => {
+ $("#theme-button").onclick = () =>
+ setTheme(toggle(validate(localStorage.getItem("theme"))));
+ setTheme(validate(localStorage.getItem("theme")));
+ });
+ </script>
+ </head>
+ <body>
+ {{ template "content" . }}
+ <footer>
+ <p>
+ <small>
+ {{ .T "Found a mistake or want to contribute missing information?" }}
+ <a href="/about">{{ .T "Feel free to contact us!" }}</a>
+ </small>
+ </p>
+ </footer>
+ </body>
+</html>
diff --git a/src/templates/error.html.tmpl b/src/templates/error.html.tmpl
new file mode 100644
index 0000000..28ef0a3
--- /dev/null
+++ b/src/templates/error.html.tmpl
@@ -0,0 +1,14 @@
+{{ define "content" }}
+<header>
+ {{ template "navbar" . }}
+ <h1>{{ .Code }} {{ .Msg }}</h1>
+</header>
+<main>
+ <p>
+ {{ .T "If you’re seeing this page, it means that something went wrong on our end that we need to fix. Our team has been notified of this error, and we apologise for the inconvenience." }}
+ </p>
+ <p>
+ {{ .T "If this issue persists, don’t hesitate to contact @onetruemangoman on Discord or to email us at %s." `<a href="https://git.thomasvoss.com/www.euro-cash.eu" target="_blank">` | safe }}
+ </p>
+</main>
+{{ end }}
diff --git a/src/templates/index.html.tmpl b/src/templates/index.html.tmpl
new file mode 100644
index 0000000..9a26046
--- /dev/null
+++ b/src/templates/index.html.tmpl
@@ -0,0 +1,18 @@
+{{ define "content" }}
+<header>
+ {{ template "navbar" . }}
+ <hgroup>
+ <h1>{{ .T "The Euro Cash Compendium" }}</h1>
+ <p>
+ {{ .T "United in" }}
+ <del>{{ .T "diversity" }}</del>
+ <ins>{{ .T "cash" }}</ins>
+ </p>
+ </hgroup>
+</header>
+<main>
+ <p>
+ {{ .T "Welcome to the Euro Cash Compendium. This sites aims to be a resource for you to discover everything there is to know about the coins and banknotes of the Euro, a currency that spans 26 countries and 350 million people. We also have dedicated sections of the site for collectors." }}
+ </p>
+</main>
+{{ end }}
diff --git a/src/templates/language.html.tmpl b/src/templates/language.html.tmpl
new file mode 100644
index 0000000..f7affa1
--- /dev/null
+++ b/src/templates/language.html.tmpl
@@ -0,0 +1,48 @@
+{{ define "content" }}
+<header>
+ {{ template "navbar" . }}
+ <h1>{{ .T "Select Your Language" }}</h1>
+</header>
+<main>
+ <p>
+ {{ .T "Select your preferred language to use on the site." }}
+ </p>
+ <p>
+ If you are an American user, it’s suggested that you select
+ American English instead of British English. This will ensure that
+ dates will be formatted with the month before the day.
+ </p>
+ <hr/>
+ <h2>{{ .T "Eurozone Languages" }}</h2>
+ {{ template "langgrid" true }}
+ <h2>{{ .T "Other Languages" }}</h2>
+ {{ template "langgrid" false }}
+</main>
+{{ end }}
+
+{{ define "langgrid" }}
+{{ $ez := . }}
+<form action="/language" method="POST">
+ <div class="lang-grid">
+ {{ range locales }}
+ {{ if eq $ez .Eurozone }}
+ <button
+ type="submit"
+ name="locale"
+ value={{ .Bcp }}
+ {{ if not .Enabled }}
+ disabled
+ {{ end }}
+ >
+ <span
+ lang={{ .Bcp }}
+ data-code={{ .Language | toUpper}}
+ >
+ {{ .Name }}
+ </span>
+ </button>
+ {{ end }}
+ {{ end }}
+ </div>
+</form>
+{{ end }}
diff --git a/src/templates/navbar.html.tmpl b/src/templates/navbar.html.tmpl
new file mode 100644
index 0000000..90f3cc7
--- /dev/null
+++ b/src/templates/navbar.html.tmpl
@@ -0,0 +1,228 @@
+{{ define "navbar" }}
+<nav>
+ <menu>
+ <li><a href="/">{{ .T "Home" }}</a></li>
+ <li><a href="#TODO">{{ .T "News" }}</a></li>
+ <li><a href="#TODO">{{ .T "Coin Collecting" }}</a></li>
+ <li><a href="/coins">{{ .T "Coins" }}</a></li>
+ <li><a href="#TODO">{{ .T "Banknotes" }}</a></li>
+ <li><a href="/jargon">{{ .T "Jargon" }}</a></li>
+ </menu>
+ <menu>
+ <li>
+ <a href="https://discord.gg/DCaXfRcy9C" target="_blank">
+ {{ .T "Discord" }}
+ </a>
+ </li>
+ <li><a href="/about">{{ .T "About" }}</a></li>
+ <li id="nav-icon-lang">
+ <a href="/language">
+ <svg
+ version="1.1"
+ width="19"
+ height="19"
+ viewBox="0 0 19 19"
+ fill="none"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <circle
+ cx="9.5"
+ cy="9.5"
+ r="9"
+ stroke-linejoin="round"
+ ></circle>
+ <path
+ d="M 9.5 .5
+ C 9.5 .5
+ 6.0 3.5
+ 6.0 9.5
+ C 6.0 15.5
+ 9.5 18.5
+ 9.5 18.5"
+ stroke-linejoin="round"
+ ></path>
+ <path
+ d="M 9.5 .5
+ C 9.5 .5
+ 13.0 3.5
+ 13.0 9.5
+ C 13.0 15.5
+ 9.5 18.5
+ 9.5 18.5"
+ stroke-linejoin="round"
+ ></path>
+ <path d="M .5 9.5 H 18.5" stroke-linejoin="round"></path>
+ <path d="M 17.0 5.0 H 2.0" stroke-linejoin="round"></path>
+ <path d="M 17.0 14.0 H 2.0" stroke-linejoin="round"></path>
+ </svg>
+ {{ .T "Language" }}
+ </a>
+ </li>
+ <li id="nav-icon-theme">
+ <button id="theme-button">
+ <svg
+ id="nav-icon-theme-dark"
+ version="1.1"
+ width="24"
+ height="24"
+ viewBox="0 0 24 24"
+ fill="none"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M 7.28451 10.3333
+ C 7.10026 10.8546
+ 7 11.4156
+ 7 12
+ C 7 14.7614
+ 9.23858 17
+ 12 17
+ C 14.7614 17
+ 17 14.7614
+ 17 12
+ C 17 9.23858
+ 14.7614 7
+ 12 7
+ C 11.4156 7
+ 10.8546 7.10026
+ 10.3333 7.28451"
+ stroke-width="1.5"
+ stroke-linecap="round"
+ ></path>
+ <path
+ d="M 12 2 V 4"
+ stroke-width="1.5"
+ stroke-linecap="round"
+ ></path>
+ <path
+ d="M 12 20 V 22"
+ stroke-width="1.5"
+ stroke-linecap="round"
+ ></path>
+ <path
+ d="M 4 12 L 2 12"
+ stroke-width="1.5"
+ stroke-linecap="round"
+ ></path>
+ <path
+ d="M 22 12 L 20 12"
+ stroke-width="1.5"
+ stroke-linecap="round"
+ ></path>
+ <path
+ d="M 19.7778 4.22266 L 17.5558 6.25424"
+ stroke-width="1.5"
+ stroke-linecap="round"
+ ></path>
+ <path
+ d="M 4.22217 4.22266 L 6.44418 6.25424"
+ stroke-width="1.5"
+ stroke-linecap="round"
+ ></path>
+ <path
+ d="M 6.44434 17.5557 L 4.22211 19.7779"
+ stroke-width="1.5"
+ stroke-linecap="round"
+ ></path>
+ <path
+ d="M 19.7778 19.7773 L 17.5558 17.5551"
+ stroke-width="1.5"
+ stroke-linecap="round"
+ ></path>
+ </svg>
+ <svg
+ id="nav-icon-theme-light"
+ version="1.1"
+ width="24"
+ height="24"
+ viewBox="0 0 24 24"
+ fill="none"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M 21.0672 11.8568
+ L 20.4253 11.469
+ L 21.0672 11.8568
+ Z
+ M 12.1432 2.93276
+ L 11.7553 2.29085
+ V 2.29085
+ L 12.1432 2.93276
+ Z
+ M 7.37554 20.013
+ C 7.017 19.8056 6.5582 19.9281 6.3508 20.2866
+ C 6.14339 20.6452 6.26591 21.104 6.62446 21.3114
+ L 7.37554 20.013
+ Z
+ M 2.68862 17.3755
+ C 2.89602 17.7341 3.35482 17.8566 3.71337 17.6492
+ C 4.07191 17.4418 4.19443 16.983 3.98703 16.6245
+ L 2.68862 17.3755
+ Z
+ M 21.25 12
+ C 21.25 17.1086 17.1086 21.25 12 21.25
+ V 22.75
+ C 17.9371 22.75 22.75 17.9371 22.75 12
+ H 21.25
+ Z
+ M 2.75 12
+ C 2.75 6.89137 6.89137 2.75 12 2.75
+ V 1.25
+ C 6.06294 1.25 1.25 6.06294 1.25 12
+ H 2.75
+ Z
+ M 15.5 14.25
+ C 12.3244 14.25 9.75 11.6756 9.75 8.5
+ H 8.25
+ C 8.25 12.5041 11.4959 15.75 15.5 15.75
+ V 14.25
+ Z
+ M 20.4253 11.469
+ C 19.4172 13.1373 17.5882 14.25 15.5 14.25
+ V 15.75
+ C 18.1349 15.75 20.4407 14.3439 21.7092 12.2447
+ L 20.4253 11.469
+ Z
+ M 9.75 8.5
+ C 9.75 6.41182 10.8627 4.5828 12.531 3.57467
+ L 11.7553 2.29085
+ C 9.65609 3.5593 8.25 5.86509 8.25 8.5
+ H 9.75
+ Z
+ M 12 2.75
+ C 11.9115 2.75 11.8077 2.71008 11.7324 2.63168
+ C 11.6686 2.56527 11.6538 2.50244 11.6503 2.47703
+ C 11.6461 2.44587 11.6482 2.35557 11.7553 2.29085
+ L 12.531 3.57467
+ C 13.0342 3.27065 13.196 2.71398 13.1368 2.27627
+ C 13.0754 1.82126 12.7166 1.25 12 1.25
+ V 2.75
+ Z
+ M 21.7092 12.2447
+ C 21.6444 12.3518 21.5541 12.3539 21.523 12.3497
+ C 21.4976 12.3462 21.4347 12.3314 21.3683 12.2676
+ C 21.2899 12.1923 21.25 12.0885 21.25 12
+ H 22.75
+ C 22.75 11.2834 22.1787 10.9246 21.7237 10.8632
+ C 21.286 10.804 20.7293 10.9658 20.4253 11.469
+ L 21.7092 12.2447
+ Z
+ M 12 21.25
+ C 10.3139 21.25 8.73533 20.7996 7.37554 20.013
+ L 6.62446 21.3114
+ C 8.2064 22.2265 10.0432 22.75 12 22.75
+ V 21.25
+ Z
+ M 3.98703 16.6245
+ C 3.20043 15.2647 2.75 13.6861 2.75 12
+ H 1.25
+ C 1.25 13.9568 1.77351 15.7936 2.68862 17.3755
+ L 3.98703 16.6245
+ Z"
+ ></path>
+ </svg>
+ </button>
+ </li>
+ </menu>
+</nav>
+{{ end }}