From f9f55501cd3110046a162dc55932c3571e9eb379 Mon Sep 17 00:00:00 2001
From: Thomas Voss <mail@thomasvoss.com>
Date: Thu, 6 Jul 2023 20:45:13 +0200
Subject: Add an explicit errors section

---
 src/en/euro/coins.template.html | 32 ++++++++++++++++++++++----------
 src/pt/euro/coins.template.html | 33 ++++++++++++++++++++++-----------
 src/style.css                   | 19 +++++++++++++++++++
 3 files changed, 63 insertions(+), 21 deletions(-)

(limited to 'src')

diff --git a/src/en/euro/coins.template.html b/src/en/euro/coins.template.html
index 7f9e570..840752c 100644
--- a/src/en/euro/coins.template.html
+++ b/src/en/euro/coins.template.html
@@ -37,16 +37,6 @@
 			</section>
 			<br />
 			<!-- FI-DE -->
-			<!-- IF-FI -->
-			<section>
-				<p>
-					There is an error that exists for €2 coins minted in 1999 where the
-					holes in one, two, or even three of the 9’s are filled.  The number of
-					9’s filled is displayed with a fraction (e.g. 2/3 for two 9’s filled).
-				</p>
-			</section>
-			<br />
-			<!-- FI-FI -->
 			<!-- IF-GR -->
 			<section>
 				<p>
@@ -154,6 +144,28 @@
 			</section>
 			<!-- FI-!HR -->
 
+			<!-- IF-FI -->
+			<section class="cl-section slant-down">
+				<div>
+					<table class="coin-table commemorative-table error-table" cellspacing=0>
+						<thead>
+							<tr>
+								<th colspan=7>Error Coins</th>
+							</tr>
+							<tr>
+								<th>Year</th>
+								<th>Denomination</th>
+								<th colspan=5>Description</th>
+							</tr>
+						</thead>
+						<tbody>
+							<!-- ECOIN-TABLE-BODY -->
+						</tbody>
+					</table>
+				</div>
+			</section>
+			<!-- FI-FI -->
+
 			<section><!-- FOOTER --></section>
 		</main>
 	</body>
diff --git a/src/pt/euro/coins.template.html b/src/pt/euro/coins.template.html
index 4d0e08d..61eac15 100644
--- a/src/pt/euro/coins.template.html
+++ b/src/pt/euro/coins.template.html
@@ -37,17 +37,6 @@
 			</section>
 			<br />
 			<!-- FI-DE -->
-			<!-- IF-FI -->
-			<section>
-				<p>
-					Existe um erro nas moedas de 2 € cunhadas em 1999, onde os buracos em
-					um, dois ou até três dos 9s são preenchidos.  O número de 9s
-					preenchidos é exibido com uma fração (por exemplo, 2/3 para dois 9s
-					preenchidos).
-				</p>
-			</section>
-			<br />
-			<!-- FI-FI -->
 			<!-- IF-GR -->
 			<section>
 				<p>
@@ -156,6 +145,28 @@
 			</section>
 			<!-- FI-!HR -->
 
+			<!-- IF-FI -->
+			<section class="cl-section slant-down">
+				<div>
+					<table class="coin-table commemorative-table" cellspacing=0>
+						<thead>
+							<tr>
+								<th colspan=7>Error Coins</th>
+							</tr>
+							<tr>
+								<th>Year</th>
+								<th>Denomination</th>
+								<th colspan=5>Description</th>
+							</tr>
+						</thead>
+						<tbody>
+							<!-- ECOIN-TABLE-BODY -->
+						</tbody>
+					</table>
+				</div>
+			</section>
+			<!-- FI-FI -->
+
 			<section><!-- FOOTER --></section>
 		</main>
 	</body>
diff --git a/src/style.css b/src/style.css
index 0d74003..3649075 100644
--- a/src/style.css
+++ b/src/style.css
@@ -826,3 +826,22 @@ div .country-table:not(:first-child) {
 #lang-button {
 	display: none;
 }
+
+.error-table tbody td:nth-child(2) {
+	border: none;
+}
+
+.error-table tbody tr:first-child td:last-child {
+	border-top: none;
+	border-top-left-radius: 16px;
+}
+
+.error-table tbody tr:last-child td:last-child {
+	border-bottom: none;
+	border-bottom-left-radius: 16px;
+}
+
+.error-table tbody td:last-child {
+	border-left: none;
+	border-right: none;
+}
-- 
cgit v1.2.3