From 4e7535fd73d232a51629fc33f65a61754a155b22 Mon Sep 17 00:00:00 2001 From: Thomas Voss Date: Wed, 24 May 2023 01:16:29 +0200 Subject: Genesis commit --- src/banknotes.jpg | Bin 0 -> 69649 bytes src/coins.jpg | Bin 0 -> 110073 bytes src/en/changelog/index.html | 79 +++++++ src/en/euro/coin-nav.html | 26 +++ src/en/euro/coins.template.html | 125 +++++++++++ src/en/euro/index.html | 101 +++++++++ src/en/euro/note-nav.html | 10 + src/en/euro/notes.template.html | 87 ++++++++ src/en/euro/tnotes.template.html | 66 ++++++ src/en/footer.html | 3 + src/en/index.html | 63 ++++++ src/en/nav-bar.html | 12 + src/en/table-key.html | 27 +++ src/eu-stars.svg | 30 +++ src/favicon.svg | 160 +++++++++++++ src/globe.svg | 6 + src/language-selector.html | 4 + src/pt/euro/coin-nav.html | 26 +++ src/pt/euro/coins.template.html | 111 +++++++++ src/pt/euro/index.html | 102 +++++++++ src/pt/euro/note-nav.html | 11 + src/pt/euro/notes.template.html | 85 +++++++ src/pt/euro/tnotes.template.html | 64 ++++++ src/pt/footer.html | 3 + src/pt/index.html | 63 ++++++ src/pt/nav-bar.html | 11 + src/pt/table-key.html | 27 +++ src/style.css | 470 +++++++++++++++++++++++++++++++++++++++ src/world-coins.jpg | Bin 0 -> 59149 bytes 29 files changed, 1772 insertions(+) create mode 100644 src/banknotes.jpg create mode 100644 src/coins.jpg create mode 100644 src/en/changelog/index.html create mode 100644 src/en/euro/coin-nav.html create mode 100644 src/en/euro/coins.template.html create mode 100644 src/en/euro/index.html create mode 100644 src/en/euro/note-nav.html create mode 100644 src/en/euro/notes.template.html create mode 100644 src/en/euro/tnotes.template.html create mode 100644 src/en/footer.html create mode 100644 src/en/index.html create mode 100644 src/en/nav-bar.html create mode 100644 src/en/table-key.html create mode 100644 src/eu-stars.svg create mode 100644 src/favicon.svg create mode 100644 src/globe.svg create mode 100644 src/language-selector.html create mode 100644 src/pt/euro/coin-nav.html create mode 100644 src/pt/euro/coins.template.html create mode 100644 src/pt/euro/index.html create mode 100644 src/pt/euro/note-nav.html create mode 100644 src/pt/euro/notes.template.html create mode 100644 src/pt/euro/tnotes.template.html create mode 100644 src/pt/footer.html create mode 100644 src/pt/index.html create mode 100644 src/pt/nav-bar.html create mode 100644 src/pt/table-key.html create mode 100644 src/style.css create mode 100644 src/world-coins.jpg (limited to 'src') diff --git a/src/banknotes.jpg b/src/banknotes.jpg new file mode 100644 index 0000000..c5baeed Binary files /dev/null and b/src/banknotes.jpg differ diff --git a/src/coins.jpg b/src/coins.jpg new file mode 100644 index 0000000..463a4e3 Binary files /dev/null and b/src/coins.jpg differ diff --git a/src/en/changelog/index.html b/src/en/changelog/index.html new file mode 100644 index 0000000..fe1880e --- /dev/null +++ b/src/en/changelog/index.html @@ -0,0 +1,79 @@ + + + + + Changelog + + + + + + + +
+
+
+

Collection Updates

+
…and some site updates too
+
+
+ +
+

+ This is the site changelog; all updates and changes to the website or + my collections are documented here. For logistical reasons this is + only available in English. +

+
+ +
+
+

18th of April, 2023

+

+ Today was pretty successful. I passed by Chase Bank near closing + hours and it was a good thing I did too. The customer right before + me in the line to the teller deposited $10 in dollar coins. I + bought them from the bank and got two new finds: a “Great Law of + Peace” native-american dollar from Philadelphia, and a Herbert + Hoover NIFC presidential dollar from Philadelphia. +

+ I also hunted a printer (it accepts cash payment to print stuff). I + managed to get 5 new “America the Beautiful” quarters, 5 new state + quarters, my first ever districts quarter, and a new “Westward + Journey” nickel. The “America the Beautiful” quarters were: Block + Island (P), Great Sand Dunes (D), Homestead (D), + Marsh-Billings-Rockefeller (D), and War in the Pacific (P). The + state quarters were: Connecticut (P), Idaho (P), Massachusetts (P), + Utah (P), and Wyoming (P). The district quarter was American Samoa + (D) and the nickel was a Bison (P). +

+ Finally I visited a currency-exchange office hoping to find my first + €500 bill. They didn’t have any but I managed to snag a French €200 + from the Europa series, a new find for myself. +

+
+
+ +
+
+

Start of Changelog

+

+ This is the start of the sites changelog. The site has been around + since the 11th of February 2023, and this collection began around + April of 2022, so theres a lot of “history” here that won’t end up + documented. If you really care for some reason, you can check the + git-log of the site on the git repository. From now on I’ll be + documenting all my new finds here both so I can look back on it in + the future for fun, and incase anyone finds anything here + interesting. I suppose it makes the site a bit more human. + + I am currently in the United States on vacation, so the next couple + of site updates are going to be primarily american coins. +

+
+
+ +
+
+ + diff --git a/src/en/euro/coin-nav.html b/src/en/euro/coin-nav.html new file mode 100644 index 0000000..e885b44 --- /dev/null +++ b/src/en/euro/coin-nav.html @@ -0,0 +1,26 @@ + diff --git a/src/en/euro/coins.template.html b/src/en/euro/coins.template.html new file mode 100644 index 0000000..ae39ec5 --- /dev/null +++ b/src/en/euro/coins.template.html @@ -0,0 +1,125 @@ + + + + + <!-- DEMON --> Euro Coins + + + + + + + +
+
+
+

Euro Coins

+
+
+ +

+ +
+ +

+ + +
+

+ Germany has 5 different mints that each mint coins. These mints are + located in Berlin (A), Munich (D), Stuttgart (F), Karlsruhe (G), and + Hamburg (J). All German euro-coins contain a letter (the “mintmark”) + identifying which mint the coin was minted at. This means that there + are 5 versions of every German euro-coin that must be collected. +

+
+
+ + +
+

+ As a result of a late joining to the Eurozone, Greece was assisted by + the countries of France, Spain, and Finland to mint coins for 2002. + For this reason all 2002 coins have two varieties — one with a + mintmark in the star (‘F’, ‘E’, and ‘S’) and one without. +

+
+
+ + +
+

+ For the years 2020–2021 Luxembourg released certain commemorative + coins in both a “classic” and “photo” variety. Any years labeled with + ‘P’ are of the “photo” variety while years without a label are of the + standard “classic” variety. +

+
+
+ + +
+

+ Many Maltese commemoratives have different mintmarks depending on in + they were intended for circulation, coincards, or sets. Any years + listed on this page suffixed with “MdP” bear the mintmark of the + Monnaie de Paris (Paris Mint), while years suffixed with “KNM” bear + the mintmark of the Koninklijke Nederlandse Munt (Royal Dutch Mint). +

+
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + +
Standard Issues
1 Cent2 Cent5 Cent10 Cent20 Cent50 Cent1 Euro2 Euro
+
+
+ + +
+
+ + + + + + + + + + + + + +
Commemorative Issues
YearCommemorated Topics
+
+
+ + +
+
+ + diff --git a/src/en/euro/index.html b/src/en/euro/index.html new file mode 100644 index 0000000..faa1cc6 --- /dev/null +++ b/src/en/euro/index.html @@ -0,0 +1,101 @@ + + + + + Euro-Coins & -Banknotes + + + + + + + +
+
+
+

Euro-Coins and -Banknotes

+
My Primary Collection
+
+
+ +
+

+ This is my euro collection. It’s the largest collection I’ve ever + amassed. It’s also my primary collection as I reside in the Eurozone. + I do own uncirculated-coins and -banknotes, but all coins and + banknotes listed on this section of the site are circulated. +

+
+ +
+
+

Euro Coins

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
AndorraAustriaBelgiumCroatia
CyprusEstoniaFinlandFrance
GermanyGreeceIrelandItaly
LatviaLithuaniaLuxembourgMalta
MonacoNetherlandsPortugalSan Marino
SlovakiaSloveniaSpainVatican City
+
+
+ +
+
+

Euro Banknotes

+ + + + + + + + + + + + + + + +
€5€10€20€50
€100€200€500Test Notes
+
+
+ +
+
+ + diff --git a/src/en/euro/note-nav.html b/src/en/euro/note-nav.html new file mode 100644 index 0000000..1043191 --- /dev/null +++ b/src/en/euro/note-nav.html @@ -0,0 +1,10 @@ + diff --git a/src/en/euro/notes.template.html b/src/en/euro/notes.template.html new file mode 100644 index 0000000..f15f087 --- /dev/null +++ b/src/en/euro/notes.template.html @@ -0,0 +1,87 @@ + + + + + €<!-- DENOM --> Banknotes + + + + + + + +
+
+
+

€ Banknotes

+
+
+ +

+ +
+ +

+ +
+

+ In the serial numbers of the banknotes found in the “Ages and Styles + of Europe” series, also known as the “2002” series, the first letter + represents the country that the banknote was issued by. In the second + series (the “Europa” series) the first letter no longer represents the + issuing country but instead the location at which the banknote was + printed. + +

+ No €5 banknotes were printed for the “Ages and Styles of Europe” + series which bear the signature of Mario Draghi. + + +

+ The €500 banknote was discontinued and withdrawn from circulation with + the release of the “Europa” series. + +

+
+ +
+ +
+
+ + + + + + + + + +
Ages and Styles of Europe
+
+
+ + +
+
+ + + + + + + + + +
Europa Series
+
+
+ + +
+
+ + diff --git a/src/en/euro/tnotes.template.html b/src/en/euro/tnotes.template.html new file mode 100644 index 0000000..982e1cf --- /dev/null +++ b/src/en/euro/tnotes.template.html @@ -0,0 +1,66 @@ + + + + + Euro Test-Banknotes + + + + + + + +
+
+
+

Euro Test-Banknotes

+
+
+ +

+ +
+ +

+ +
+

+ The following “test banknotes” were banknotes from the “Europa” series + printed to test their usage in ATMs and such. The ‘*’ character in + the below serial numbers represents an arbitrary number/letter. +

+ A few additional notes: the €5 test-note bears the signature of + Jean-Claude Trichet, and the €20 test-note beginning with ‘S’ was + printed on the plate “S004”. If a note matches the serial-number + pattern but does fails these requirements, it’s not a test-note. +

+
+ +
+ +
+
+ + + + + + + + + + + + + +
Test Banknotes
YearSerial Number
+
+
+ +
+
+ + diff --git a/src/en/footer.html b/src/en/footer.html new file mode 100644 index 0000000..ca42706 --- /dev/null +++ b/src/en/footer.html @@ -0,0 +1,3 @@ +

+ Found a mistake or a bad translation? Contact me! +

diff --git a/src/en/index.html b/src/en/index.html new file mode 100644 index 0000000..b81583d --- /dev/null +++ b/src/en/index.html @@ -0,0 +1,63 @@ + + + + + Thomas’ Euro Collection + + + + + + + +
+
+
+

Thomas’ Euro Collection

+
…and some world stuff too!
+
+
+ +
+

+ This website houses the entirety of my circulated euro-coin and + -banknote collection. It also has some non-euro currencies too! + Unless explicitly stated otherwise, all coins and banknotes listed on + this site should be circulated. In other words, they shouldn’t’ve + just come from a coin set I purchased from a coin mint. I think it’s + just a lot cooler knowing that a piece of money was previously used in + a real-world transaction. +

+
+ +
+ +

Euro-Coins and -Banknotes

+

+ The main focus of my currency collecting with a single currency that + spans 26 countries and almost 350 million people. Standard issues, + commemorative issues, and banknotes from all series are all + included. +

+ + +
+ +
+ +

World-Coins and -Banknotes

+

+ Money from around the world! This collection gets progressively + larger over time, but is not my primary focus. There are a few + countries in which I take a special interest though. +

+ This section is currently unavailable. +

+ + +
+ +
+
+ + diff --git a/src/en/nav-bar.html b/src/en/nav-bar.html new file mode 100644 index 0000000..21e15ad --- /dev/null +++ b/src/en/nav-bar.html @@ -0,0 +1,12 @@ + diff --git a/src/en/table-key.html b/src/en/table-key.html new file mode 100644 index 0000000..0868211 --- /dev/null +++ b/src/en/table-key.html @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + +
Missing from my collection (NIFC)
In my collection
In my collection (NIFC)
Data missing
Not mintedNot printed
diff --git a/src/eu-stars.svg b/src/eu-stars.svg new file mode 100644 index 0000000..7ee32dd --- /dev/null +++ b/src/eu-stars.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/favicon.svg b/src/favicon.svg new file mode 100644 index 0000000..be29307 --- /dev/null +++ b/src/favicon.svg @@ -0,0 +1,160 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/globe.svg b/src/globe.svg new file mode 100644 index 0000000..42da5d8 --- /dev/null +++ b/src/globe.svg @@ -0,0 +1,6 @@ + + + + Svg Vector Icons : http://www.onlinewebfonts.com/icon + + diff --git a/src/language-selector.html b/src/language-selector.html new file mode 100644 index 0000000..96fb139 --- /dev/null +++ b/src/language-selector.html @@ -0,0 +1,4 @@ + diff --git a/src/pt/euro/coin-nav.html b/src/pt/euro/coin-nav.html new file mode 100644 index 0000000..e885b44 --- /dev/null +++ b/src/pt/euro/coin-nav.html @@ -0,0 +1,26 @@ + diff --git a/src/pt/euro/coins.template.html b/src/pt/euro/coins.template.html new file mode 100644 index 0000000..5708f69 --- /dev/null +++ b/src/pt/euro/coins.template.html @@ -0,0 +1,111 @@ + + + + + + <!-- DEMON --> Euro Coins + + + + + + + +
+
+
+

Euro Coins

+
+
+ +

+ +
+ +

+ + +
+

+ Germany has 5 different mints that each mint coins. These mints are + located in Berlin (A), Munich (D), Stuttgart (F), Karlsruhe (G), and + Hamburg (J). All German euro-coins contain a letter (the “mintmark”) + identifying which mint the coin was minted at. This means that there + are 5 versions of every German euro-coin that must be collected. +

+
+
+ + +
+

+ As a result of a late joining to the Eurozone, Greece was assisted by + the countries of France, Spain, and Finland to mint coins for 2002. + For this reason all 2002 coins have two varieties — one with a + mintmark in the star (‘F’, ‘E’, and ‘S’) and one without. +

+
+
+ + +
+

+ For certain commemorative releases Luxembourg minted two different + varieties — “classic” and a “holographic”. Any years listed on this + page suffixed with ‘C’ are of the classic variety while any years + suffixed with ‘H’ are of the holographic variety. +

+
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + +
Standard Issues
1 Cent2 Cent5 Cent10 Cent20 Cent50 Cent1 Euro2 Euro
+
+
+ + +
+
+ + + + + + + + + + + + + +
Commemorative Issues
YearCommemorated Topics
+
+
+ + +
+
+ + diff --git a/src/pt/euro/index.html b/src/pt/euro/index.html new file mode 100644 index 0000000..32c4469 --- /dev/null +++ b/src/pt/euro/index.html @@ -0,0 +1,102 @@ + + + + + + Euro-Coins & -Banknotes + + + + + + + +
+
+
+

Euro-Coins and -Banknotes

+
My Primary Collection
+
+
+ +
+

+ This is my euro collection. It’s the largest collection I’ve ever + amassed. It’s also my primary collection as I reside in the Eurozone. + I do own uncirculated-coins and -banknotes, but all coins and + banknotes listed on this section of the site are circulated. +

+
+ +
+
+

Euro Coins

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
AndorraAustriaBelgiumCroatia
CyprusEstoniaFinlandFrance
GermanyGreeceIrelandItaly
LatviaLithuaniaLuxembourgMalta
MonacoNetherlandsPortugalSan Marino
SlovakiaSloveniaSpainVatican City
+
+
+ +
+
+

Euro Banknotes

+ + + + + + + + + + + + + + + +
€5€10€20€50
€100€200€500Test Notes
+
+
+ +
+
+ + diff --git a/src/pt/euro/note-nav.html b/src/pt/euro/note-nav.html new file mode 100644 index 0000000..c08af2a --- /dev/null +++ b/src/pt/euro/note-nav.html @@ -0,0 +1,11 @@ + + diff --git a/src/pt/euro/notes.template.html b/src/pt/euro/notes.template.html new file mode 100644 index 0000000..7a78bb1 --- /dev/null +++ b/src/pt/euro/notes.template.html @@ -0,0 +1,85 @@ + + + + + + €<!-- DENOM --> Banknotes + + + + + + + +
+
+
+

€ Banknotes

+
+
+ +

+ +
+ +

+ +
+

+ In the serial numbers of the banknotes found in the “Ages and Styles + of Europe” series, also known as the “2002” series, the first letter + represents the country that the banknote was issued by. In the second + series (the “Europa” series) the first letter no longer represents the + issuing country but instead the location at which the banknote was + printed. + +

+ No €5 banknotes were printed for the “Ages and Styles of Europe” + series which bear the signature of Mario Draghi. + + +

+ The €500 banknote was discontinued and withdrawn from circulation with + the release of the “Europa” series. + +

+
+ +
+ +
+
+ + + + + + + + + +
Ages and Styles of Europe
+
+
+ + +
+
+ + + + + + + + + +
Europa Series
+
+
+ + +
+
+ + diff --git a/src/pt/euro/tnotes.template.html b/src/pt/euro/tnotes.template.html new file mode 100644 index 0000000..a5fde9b --- /dev/null +++ b/src/pt/euro/tnotes.template.html @@ -0,0 +1,64 @@ + + + + + + Euro Test-Banknotes + + + + + + + +
+
+
+

Euro Test-Banknotes

+
+
+ +

+ +
+ +

+ +
+

+ The following “test banknotes” were banknotes from the “Europa” series + printed to test their usage in ATMs and such. The ‘*’ character in + the below serial numbers represents an arbitrary number/letter. +

+ A few additional notes: the €5 test-note bears the signature of + Jean-Claude Trichet, and the €20 test-note beginning with ‘S’ was + printed on the plate “S004”. If a note matches the serial-number + pattern but does fails these requirements, it’s not a test-note. +

+
+ +
+ +
+
+ + + + + + + + + + + + + +
Test Banknotes
YearSerial Number
+
+
+ +
+
+ + diff --git a/src/pt/footer.html b/src/pt/footer.html new file mode 100644 index 0000000..c6351c6 --- /dev/null +++ b/src/pt/footer.html @@ -0,0 +1,3 @@ +

+ Encontrou um erro ou uma tradução ruim? Contate-me! +

diff --git a/src/pt/index.html b/src/pt/index.html new file mode 100644 index 0000000..54dc842 --- /dev/null +++ b/src/pt/index.html @@ -0,0 +1,63 @@ + + + + + Coleção de Euros de Thomas + + + + + + + +
+
+
+

Coleção de Euros de Thomas

+
…e algumas coisas do mundo também!
+
+
+ +
+

+ Este site contém toda a minha coleção de moedas e notas de euro em + circulação. Também tem algumas moedas diferentes do euro! Salvo + indicação em contrário, todas as moedas e notas listadas neste site + devem ser distribuídas. Em outras palavras, eles não deveriam ter + vindo apenas de um conjunto de moedas que comprei em uma casa da + moeda. Acho muito mais legal saber que uma parte do dinheiro foi + usada anteriormente em uma transação do mundo real. +

+
+ +
+ +

Moedas e Notas de Euro

+

+ O foco principal da minha coleta de moeda com uma moeda única que + abrange 26 países e quase 350 milhões de pessoas. Problemas padrão, + edições comemorativas e cédulas de todas as séries são todas + incluído. +

+ + +
+ +
+ +

Moedas e Notas de Mundo

+

+ Dinheiro de todo o mundo! Esta coleção fica progressivamente maior + ao longo do tempo, mas não é meu foco principal. existem alguns + países nos quais tenho um interesse especial. +

+ Esta seção está indisponível no momento. +

+ + +
+ +
+
+ + diff --git a/src/pt/nav-bar.html b/src/pt/nav-bar.html new file mode 100644 index 0000000..bd56bb1 --- /dev/null +++ b/src/pt/nav-bar.html @@ -0,0 +1,11 @@ + diff --git a/src/pt/table-key.html b/src/pt/table-key.html new file mode 100644 index 0000000..7f1f85e --- /dev/null +++ b/src/pt/table-key.html @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + +
Em falta na minha coleção (NIFC)
Na minha coleção
Na minha coleção (NIFC)
Faltam dados
Não cunhadaNão impresso
diff --git a/src/style.css b/src/style.css new file mode 100644 index 0000000..d271c3b --- /dev/null +++ b/src/style.css @@ -0,0 +1,470 @@ +:root { + --background-color: #121212; + --secondary-darker-color: #1B1B1B; + --secondary-color: #1F1F1F; + --tertiary-color: #282828; + --secondary-hover-color: #282828; + --tertiary-hover-color: #313131; + + --font-color: #FFF; + --font-opacity: 87%; + --font-secondary-opacity: 60%; + + --background-image-opacity: 30%; + + --slant-delta: 120px; +} + +* { + color: var(--font-color); + box-sizing: border-box; +} + +body { + align-items: center; + background-color: var(--background-color); + display: flex; + flex-direction: column; + font-family: 'Ysabeau', sans-serif; + font-variant-numeric: lining-nums; + font-feature-settings: 'ss02'; + font-weight: 500; + margin: 0; +} + +h1, h2, h3, h4, h5, h6, p { + opacity: var(--font-opacity); +} + +nav { + width: 100%; +} + +nav a:link, nav a:visited { + text-decoration: inherit; + color: inherit; +} + +nav ul { + align-items: center; + background-color: var(--secondary-color); + border-bottom: 1px solid white; + display: flex; + font-size: 1.5rem; + justify-content: space-around; + list-style: none; + margin: 0; + padding: 0; + z-index: 69; +} + +nav ul ul { + border-left: 1px solid white; + display: none; + position: absolute; + width: 100%; +} + +nav li:hover ul { + display: block; +} + +nav li:hover { + background-color: var(--secondary-hover-color); +} + +nav > ul > li > ul > li { + background-color: var(--secondary-color); +} + +nav ul ul:last-child, nav ul ul li:last-child { + border-radius: 0 0 4px 4px; +} + +nav li a, #lang-selected { + transition: ease 300ms; +} + +nav li { + position: relative; +} + +nav li a, nav li div, nav li label { + display: flex; + justify-content: center; + height: 100%; + padding: 12px; +} + +nav li:hover a, li:hover > #lang-selected { + transform: translate(0, -4px); +} + +nav ul > * { + flex-grow: 1; + text-align: center; +} + +#lang-dd { + max-height: 50vh; + overflow: auto; +} + +.unavailable { + font-style: italic; + opacity: var(--font-secondary-opacity); +} + +header h1 { + font-size: 3rem; + margin-bottom: 0; +} + +header h6 { + font-style: italic; + font-size: 1.1rem; + text-align: right; + opacity: var(--font-secondary-opacity); + margin-top: 0; +} + +p { + text-align: justify; + font-size: 1.5rem; + line-height: 2.5rem; + width: 50%; +} + +main { + width: 100%; +} + +main section { + width: 100%; + display: flex; + justify-content: center; +} + +.selected { + background-color: var(--secondary-hover-color); +} + +.slant-up { + -webkit-clip-path: polygon( + 0 var(--slant-delta), + 100% 0, + 100% calc(100% - var(--slant-delta)), + 0 100% + ); + clip-path: polygon( + 0 var(--slant-delta), + 100% 0, + 100% calc(100% - var(--slant-delta)), + 0 100% + ); +} + +.slant-down { + -webkit-clip-path: polygon( + 0 0, + 100% var(--slant-delta), + 100% 100%, + 0 calc(100% - var(--slant-delta)) + ); + clip-path: polygon( + 0 0, + 100% var(--slant-delta), + 100% 100%, + 0 calc(100% - var(--slant-delta)) + ); +} + +.c-section { + height: 600px; +} + +.cl-section { + display: flex; + justify-content: center; + align-items: center; +} + +.c-section, .cl-section { + background-color: var(--secondary-color); +} + +.cl-section > div { + padding: var(--slant-delta) 0; + width: 100%; + display: flex; + flex-direction: column; + align-items: center; +} + +.cl-section h2 { + font-size: 2rem; +} + +.c-section > * { + text-decoration: none; + height: 100%; + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.c-section:hover { + background-color: var(--secondary-hover-color); +} + +.c-section:hover h2 { + font-size: 2.2rem; +} + +.c-section:hover img { + height: 500px; +} + +.c-section p, +.c-section h2, +.c-section img { + transition: ease 300ms; +} + +.c-section h2 { + font-size: 2rem; + width: 50%; + text-align: left; +} + +.c-section img { + position: absolute; + height: 450px; + opacity: var(--background-image-opacity); + z-index: -1; +} + +.right-align { + text-align: right; +} + +.nifc { background-color: pink; } +.have { background-color: green; } +.have-nifc { background-color: #5DBB63; } +.not-minted { background-color: black; } +.unknown { background-color: grey; } +.error { background-color: red; } + +#table-key { + background-color: var(--secondary-color); + border-radius: 8px; +} + +#table-key td { + padding: 0; +} + +#table-key tr td:first-child { + height: 40px; + width: 60px; +} + +#table-key tr td:last-child { + padding: 0 25px; + font-size: 1.2rem; +} + +#table-key tr td:first-child div { + height: 100%; + width: 100%; +} + +#table-key tr:first-child td:first-child div { + border-radius: 8px 8px 0 0; +} + +#table-key tr:last-child td:first-child div { + border-radius: 0 0 8px 8px; +} + +.country-table { + background-color: var(--tertiary-color); + border-radius: 16px; + border-spacing: 0; + width: 50%; +} + +.country-table td { + font-size: 1.25rem; + text-align: center; + width: 25%; +} + +.country-table td:hover { + background-color: var(--tertiary-hover-color); +} + +.country-table a { + display: block; + padding: 16px 0; + text-decoration: none; +} + +.country-table tr:first-child td:first-child { + border-radius: 16px 0 0 0; +} + +.country-table tr:first-child td:last-child { + border-radius: 0 16px 0 0; +} + +.country-table tr:last-child td:first-child { + border-radius: 0 0 0 16px; +} + +.country-table tr:last-child td:last-child { + border-radius: 0 0 16px 0; +} + +.coin-table { + width: calc(50% + 32px); + white-space: nowrap; + max-width: 100%; + text-align: center; + table-layout: fixed; + font-size: 1.5rem; + background-color: var(--secondary-darker-color); + border-radius: 16px; + border-left: 16px solid var(--secondary-darker-color); + border-right: 16px solid var(--secondary-darker-color); + border-bottom: 16px solid var(--secondary-darker-color); +} + +.coin-table .first-design th { + border-radius: 0; +} + +.coin-table .new-design + tr td:first-child, +.coin-table tbody tr:first-child td:first-child, +.commemorative-table tbody tr:first-child td:nth-child(2) { + border-top-left-radius: 16px; +} + +.coin-table .new-design + tr td:last-child, +.coin-table tbody tr:first-child td:last-child { + border-top-right-radius: 16px; +} + +.coin-table .last-of-design td:first-child, +.commemorative-table tr:last-child td:nth-child(2) { + border-bottom-left-radius: 16px; +} + +.coin-table tbody tr:only-child td:first-child, +.commemorative-table tbody tr:only-child td:nth-child(2) { + border-top-left-radius: 16px; + border-bottom-left-radius: 16px; +} + +.coin-table tbody tr:only-child td:last-child { + border-top-right-radius: 16px; + border-bottom-right-radius: 16px; +} + +.coin-table .last-of-design td:last-child, +.commemorative-table tr:last-child td:last-child { + border-bottom-right-radius: 16px; +} + +.coin-table .missing { + background-color: var(--tertiary-color); +} + +.coin-table .have, +.coin-table .nifc, +.coin-table .have-nifc, +.coin-table .not-minted { + color: black; +} + +.coin-table td { + border: 1px solid black; +} + +.coin-table thead tr:first-child th { + font-size: 2rem; +} + +.coin-table th { + font-style: bold; + width: 12.5%; +} + +.coin-table th, .coin-table td { + padding: 8px; +} + +.commemorative-table { + border-left: none; +} + +.commemorative-table td:not(:first-child) { + border: 1px solid black; +} + +.bnote-table td { + border: 1px solid black; +} + +.commemorative-table td:first-child { + border: none; +} + +.coin-table td:first-child, +.commemorative-table td:nth-child(2) { + border-left: none; +} + +.coin-table td:last-child, +.commemorative-table td:last-child { + border-right: none; +} + +.coin-table tbody tr:first-child td, +.coin-table .new-design + tr td, +.commemorative-table tr:first-child td { + border-top: none; +} + +.coin-table .last-of-design td, +.coin-table tr:last-child td, +.commemorative-table tr:last-child td { + border-bottom: none; +} + +.commemorative-table tr:last-child th { + width: 30%; +} + +.commemorative-table tr:last-child th:first-child { + width: 10%; +} + +.commemorative-table tr td:first-child { + background-color: var(--secondary-dark-color); +} + +#test-banknote-table td:first-child { + width: 10%; +} + +#test-banknote-table td:last-child { + width: 90%; +} + +.coin-table sup, .commemorative-table sup { + color: inherit; + font-size: 0.8rem; +} diff --git a/src/world-coins.jpg b/src/world-coins.jpg new file mode 100644 index 0000000..3b24d27 Binary files /dev/null and b/src/world-coins.jpg differ -- cgit v1.2.3