{{ define "header" }}
{{ template "header-navbar" . }}

<style>
	@media (max-width: 500px) {
		#ee-vote-table {
			tr:first-child td:first-child {
				border-top: var(--border-width) solid var(--table-border-color);
			}

			thead, tfoot {
				display: none;
			}
			tbody, tr, td {
				display: block;
			}

			tr {
				&:nth-child(even) {
					background-color: var(--table-row-stripped-background-color);
				}

				td:not(:first-child) {
					padding-top: calc(var(--spacing) / 4);
				}
				td:not(:last-child) {
					padding-bottom: 0;
					border-bottom: none;
				}
			}

			td {
				padding-left: 50%;
				position: relative;
				text-align: left;

			}

			:is(td, span)::before {
				content: attr(data-label);
				position: absolute;
				left: 0;
				width: 50%;
				padding-left: 2ch;
				font-weight: bold;
			}
		}
	}
</style>
{{ end }}

{{ define "content" }}
<header class="container">
	{{ template "navbar" . }}
	<h1>{{ .Get "Estonian Euro Coin Designs" }}</h1>
</header>
<main class="container">
	<div class="design-container">
		<img
			alt="{{ .Get `Estonian €1 coin` }}"
			src="/designs/ee-100-1.avif"
		>
	</div>
	<p>
		{{ .Get "The Estonian euro coins feature the same design across all eight denominations. The country’s outline is prominently displayed above the country’s name in Estonian (‘{EstonianStart:r}EESTI{EstonianEnd:E}’)."
		(map "EstonianStart" `<span lang="et"><em>` "EstonianEnd" "em,span") }}
	</p>
	<p>
		{{ .Get "The design of the Estonian euro coins was chosen as part of a {Link:L}Eurovision{-:E}-style public televote where it competed and won against 9 other designs."
		(map "Link" (.Printer.Wikipedia "Eurovision Song Contest")) }}
	</p>
	<p>
		{{ .Get "In June 2004 a public design competition was announced with a deadline for the 19th of October. A total of 134 designs were submitted by the deadline and of these submissions, 10 were picked by a jury to partake in the public vote over the course of one week. In total, 45,453 people voted and the current design won with a total of 12,482 votes (27.46%)." }}
	</p>
	<p>
		{{ .Get "The winner of the contest was awarded 50,000 KR (€3,196) while the other finalists were each awarded 20,000 KR (€1,278)." }}
	</p>

	<!-- TODO: Add images of the other designs: https://web.archive.org/web/20070704210956/http://www.eestipank.info/pub/et/majandus/euroopaliit/euro/kavand/_1kava.html -->
	<!-- Good description of one of the designs: http://www.worldofcoins.eu/forum/index.php/topic,21902.15.html?PHPSESSID=pc4qnnd3ng4etv8fp75u41erb1 -->

	<table id="ee-vote-table">
		<thead>
			<tr>
				<th data-numeric style="width: 1%">{{ .GetC "Position" "Header/Label" }}</th>
				<th>
					{{ .GetC "Name" "Header/Label" }}<br>
					<span class="translation">{{ .GetC "Translation" "Header/Label" }}</span>
				</th>
				<th>{{ .GetC "Author(s)" "Header/Label" }}</th>
				<th data-numeric>{{ .GetC "Votes" "Header/Label" }}</th>
				<th data-numeric>{{ .GetC "Votes (%)" "Header/Label" }}</th>
			</tr>
		</thead>
		<tbody>
			{{ $args := map "Break" "<br>" }}
			{{ $tag  := printf `td data-label="%s"` (.GetC "Name" "Header/Label") }}
			{{ $attr := printf `data-label="%s"` (.GetC "Translation" "Header/Label") }}
			<tr>
				<td data-label="{{ .GetC `Position` `Header/Label` }}" data-numeric>1</td>
				{{/* TRANSLATORS: Name of a coin design. Don’t translate unless you use a non-latin script */}}
				{{ withTranslation $tag "et" "Hara 2"
					(.GetC "Hara 2" "Coin Design") $attr }}
				<td data-label="{{ .GetC `Author(s)` `Header/Label` }}">{{ .Get "Lembit Lõhmus" }}</td>
				<td data-label="{{ .GetC `Votes` `Header/Label` }}" data-numeric>{{ .Printer.Itoa 12482 }}</td>
				<td data-label="{{ .GetC `Votes (%)` `Header/Label` }}" data-numeric>{{ .Printer.Ftop 27.46 }}</td>
			</tr>
			<tr>
				<td data-label="{{ .GetC `Position` `Header/Label` }}" data-numeric>2</td>
				{{ withTranslation $tag "et" "Järjepidevus"
					(.GetC "Consistency" "Coin Design") $attr }}
				<td data-label="{{ .GetC `Author(s)` `Header/Label` }}">{{ .Get "Tiit Jürna" }}</td>
				<td data-label="{{ .GetC `Votes` `Header/Label` }}" data-numeric>{{ .Printer.Itoa 7477 }}</td>
				<td data-label="{{ .GetC `Votes (%)` `Header/Label` }}" data-numeric>{{ .Printer.Ftop 16.45 }}</td>
			</tr>
			<tr>
				<td data-label="{{ .GetC `Position` `Header/Label` }}" data-numeric>3</td>
				{{ withTranslation $tag "la" "In corpore"
					(.GetC "In the Body" "Coin Design") $attr }}
				<td data-label="{{ .GetC `Author(s)` `Header/Label` }}">{{ .Get "Jaan Meristo" }}</td>
				<td data-label="{{ .GetC `Votes` `Header/Label` }}" data-numeric>{{ .Printer.Itoa 7284 }}</td>
				<td data-label="{{ .GetC `Votes (%)` `Header/Label` }}" data-numeric>{{ .Printer.Ftop 16.03 }}</td>
			</tr>
			<tr>
				<td data-label="{{ .GetC `Position` `Header/Label` }}" data-numeric>4</td>
				{{/* TRANSLATORS: Name of a coin design. Don’t translate unless you use a non-latin script */}}
				{{ withTranslation $tag "et" "Tomson 5791"
					(.GetC "Tomson 5791" "Coin Design") $attr }}
				<td data-label="{{ .GetC `Author(s)` `Header/Label` }}">{{ .Get "Taavi Torim" }}</td>
				<td data-label="{{ .GetC `Votes` `Header/Label` }}" data-numeric>{{ .Printer.Itoa 6219 }}</td>
				<td data-label="{{ .GetC `Votes (%)` `Header/Label` }}" data-numeric>{{ .Printer.Ftop 13.68 }}</td>
			</tr>
			<tr>
				<td data-label="{{ .GetC `Position` `Header/Label` }}" data-numeric>5</td>
				{{/* TRANSLATORS: ‘Estonian’ as in the language, not the nationality */}}
				{{ withTranslation $tag "et" "Eesti keel"
					(.GetC "Estonian" "Coin Design") $attr }}
				<td data-label="{{ .GetC `Author(s)` `Header/Label` }}">{{ .Get "Jaak Peep, Villem Valme" }}</td>
				<td data-label="{{ .GetC `Votes` `Header/Label` }}" data-numeric>{{ .Printer.Itoa 5997 }}</td>
				<td data-label="{{ .GetC `Votes (%)` `Header/Label` }}" data-numeric>{{ .Printer.Ftop 13.19 }}</td>
			</tr>
			<tr>
				<td data-label="{{ .GetC `Position` `Header/Label` }}" data-numeric>6</td>
				<td data-label="{{ .GetC `Name` `Header/Label` }}">261948</td>
				<td data-label="{{ .GetC `Author(s)` `Header/Label` }}">{{ .Get "Mai Järmut, Villu Järmut" }}</td>
				<td data-label="{{ .GetC `Votes` `Header/Label` }}" data-numeric>{{ .Printer.Itoa 3036 }}</td>
				<td data-label="{{ .GetC `Votes (%)` `Header/Label` }}" data-numeric>{{ .Printer.Ftop 6.68 }}</td>
			</tr>
			<tr>
				<td data-label="{{ .GetC `Position` `Header/Label` }}" data-numeric>7</td>
				{{ withTranslation $tag "et" "Linnutee"
					(.GetC "Bird Road" "Coin Design") $attr }}
				<td data-label="{{ .GetC `Author(s)` `Header/Label` }}">{{ .Get "Tiit Jürna" }}</td>
				<td data-label="{{ .GetC `Votes` `Header/Label` }}" data-numeric>{{ .Printer.Itoa 1323 }}</td>
				<td data-label="{{ .GetC `Votes (%)` `Header/Label` }}" data-numeric>{{ .Printer.Ftop 2.91 }}</td>
			</tr>
			<tr>
				<td data-label="{{ .GetC `Position` `Header/Label` }}" data-numeric>8</td>
				{{ withTranslation $tag "et" "Leopardid-2"
					(.GetC "Leopards-2" "Coin Design") $attr }}
				<td data-label="{{ .GetC `Author(s)` `Header/Label` }}">{{ .Get "Jaarno Ester" }}</td>
				<td data-label="{{ .GetC `Votes` `Header/Label` }}" data-numeric>{{ .Printer.Itoa 759 }}</td>
				<td data-label="{{ .GetC `Votes (%)` `Header/Label` }}" data-numeric>{{ .Printer.Ftop 1.67 }}</td>
			</tr>
			<tr>
				<td data-label="{{ .GetC `Position` `Header/Label` }}" data-numeric>9</td>
				{{/* TRANSLATORS: Name of a coin design. Don’t translate unless you use a non-latin script */}}
				{{ withTranslation $tag "et" "Nova"
					(.GetC "Nova" "Coin Design") $attr }}
				<td data-label="{{ .GetC `Author(s)` `Header/Label` }}">{{ .Get "Rene Haljasmäe" }}</td>
				<td data-label="{{ .GetC `Votes` `Header/Label` }}" data-numeric>{{ .Printer.Itoa 498 }}</td>
				<td data-label="{{ .GetC `Votes (%)` `Header/Label` }}" data-numeric>{{ .Printer.Ftop 1.1 }}</td>
			</tr>
			<tr>
				<td data-label="{{ .GetC `Position` `Header/Label` }}" data-numeric>10</td>
				{{ withTranslation $tag "et" "Lill rukkis"
					(.GetC "A Flower in the Rye" "Coin Design") $attr }}
				<td data-label="{{ .GetC `Author(s)` `Header/Label` }}">{{ .Get "Margus Kadarik" }}</td>
				<td data-label="{{ .GetC `Votes` `Header/Label` }}" data-numeric>{{ .Printer.Itoa 378 }}</td>
				<td data-label="{{ .GetC `Votes (%)` `Header/Label` }}" data-numeric>{{ .Printer.Ftop 0.83 }}</td>
			</tr>
		</tbody>
		<tfoot>
			<tr>
				<th colspan="3">{{ .GetC "Total" "Header/Label" }}</th>
				<th data-numeric>{{ .Printer.Itoa 45453 }}</th>
				<th data-numeric>{{ .Printer.Ftop 100.0 }}</th>
			</tr>
		</tfoot>
	</table>
</main>
{{ end }}