Add a Jargon page

4 files changed, 69 insertions, 21 deletions

diff --git a/main.go b/main.go
index 1b46513..4c9f4ba 100644
--- a/main.go
+++ b/main.go
@@ -33,6 +33,7 @@ var (
 		"/coins/designs":    template.CoinsDesigns(),
 		"/coins/designs/nl": template.CoinsDesignsNl(),
 		"/coins/mintages":   template.CoinsMintages(),
+		"/jargon":           template.Jargon(),
 		"/language":         template.Language(),
 	}
 )
diff --git a/static/style.css b/static/style.css
index 9d1215c..9ce0d82 100644
--- a/static/style.css
+++ b/static/style.css
@@ -2360,28 +2360,20 @@ div.grid:not(:first-of-type) {
 	margin-top: var(--grid-spacing-vertical);
 }
 
-@media (min-width: 576px) {
-	dl {
-		display: grid;
-		grid-template-columns: max-content auto;
-		row-gap: var(--spacing);
-	}
-
-	dt {
-		grid-column-start: 1;
-	}
+dl.unix-style {
+	display: grid;
+	grid-template-columns: max-content auto;
+	row-gap: var(--spacing);
+}
 
-	dd {
-		grid-column-start: 2;
-	}
+dl.unix-style dt {
+	grid-column-start: 1;
 }
 
-@media (max-width: 575px) {
-	dt {
-		text-decoration: underline;
-	}
+dl.unix-style dd {
+	grid-column-start: 2;
+}
 
-	dl dt:not(:first-child) {
-		margin-top: var(--block-spacing-vertical);
-	}
+dl dt:not(:first-child) {
+	margin-top: var(--block-spacing-vertical);
 }
diff --git a/template/jargon.templ b/template/jargon.templ
new file mode 100644
index 0000000..5b30c2d
--- /dev/null
+++ b/template/jargon.templ
@@ -0,0 +1,55 @@
+package template
+
+import "git.thomasvoss.com/euro-cash.eu/lib"
+
+templ Jargon() {
+	{{ p := ctx.Value("printer").(lib.Printer) }}
+	<header>
+		@navbar()
+		<h1>{ p.T("Euro Cash Jargon") }</h1>
+	</header>
+	<main>
+		<p>
+			{ p.T("Both on this website and in other euro-cash-related forums there are many terms you will come across that you may not immediately understand. This page will hopefully get you up to speed with the most important and frequently-used terminology.") }
+		</p>
+		<p>
+			{ p.T("All terms defined below can be used as clickable links which highlight the selected term. It is recommended to use these links when sharing this page with others, so that the relevant terms are highlighted.") }
+		</p>
+		<hr/>
+		<h2>{ p.T("General Terms") }</h2>
+		<dl>
+			@dt("nifc", p.T("NIFC / Not Intended For Circulation"))
+			<dd>
+				<p>
+					{ p.T("NIFC coins are coins minted without the intention of being put into general circulation. These coins are typically minted with the purpose of being put into coincards or coin-sets to be sold to collectors.  Occasionally they are also handed out to collectors for face value at banks.") }
+				</p>
+				<p>
+					{ p.T("While uncommon, NIFC coins are occasionally found in circulation. This can happen for a variety of reasons such as someone depositing their coin collection (known as a ‘collection dump’), or a collector’s child spending their rare coins on an ice cream. Some coin mints have also been known to put NIFC coins that have gone unsold for multiple years into circulation.") }
+				</p>
+			</dd>
+			@dt("au", p.T("AU / Almost Uncirculated"))
+			<dd>TODO</dd>
+			@dt("bu", p.T("BU / Brilliantly Uncirculated"))
+			<dd>TODO</dd>
+			@dt("unc", p.T("UNC / Uncirculated"))
+			<dd>
+				{ p.T("Uncirculated coins are coins that have never been used in a monetary exchange. The term ‘UNC’ is often mistakenly used to refer to coins in very good condition, but this is incorrect. A coin in poor condition that has never been circulated is still considered an ‘UNC’ coin.") }
+			</dd>
+		</dl>
+		<h2>{ p.T("Collector-Specific Terms") }</h2>
+		<dl>
+			@dt("crh", p.T("CRH / Coin Roll Hunting"))
+			<dd>
+				{ p.T("Coin roll hunting is a general term for the activity of searching through coin rolls and -bags to find coins for a collection. Coin rolls and bags are often obtained at banks or coin roll machines.") }
+			</dd>
+		</dl>
+	</main>
+}
+
+templ dt(id, title string) {
+	<dt>
+		<a id={ id } href={ templ.SafeURL("#" + id) }>
+			{ title }
+		</a>
+	</dt>
+}
diff --git a/template/navbar.templ b/template/navbar.templ
index 2aceac2..85ad8a2 100644
--- a/template/navbar.templ
+++ b/template/navbar.templ
@@ -11,7 +11,7 @@ templ navbar() {
 			<li><a href="#TODO">{ p.T("Coin Collecting") }</a></li>
 			<li><a href="/coins">{ p.T("Coins") }</a></li>
 			<li><a href="#TODO">{ p.T("Banknotes") }</a></li>
-			<li><a href="#TODO">{ p.T("Jargon") }</a></li>
+			<li><a href="/jargon">{ p.T("Jargon") }</a></li>
 		</menu>
 		<menu>
 			<li>