From 04591ae7511dab706bb591cde96a1311a499ada7 Mon Sep 17 00:00:00 2001 From: Kevin Matsubara Date: Wed, 22 Apr 2026 23:18:24 +0200 Subject: [PATCH] Add flags to manufacturers. --- portfolio/css/flag-icons.css | 54 +++ portfolio/images/flags/cn.svg | 11 + portfolio/images/flags/cz.svg | 5 + portfolio/images/flags/de.svg | 5 + portfolio/images/flags/es.svg | 544 ++++++++++++++++++++++++++++ portfolio/images/flags/fi.svg | 5 + portfolio/images/flags/gb.svg | 7 + portfolio/images/flags/hk.svg | 8 + portfolio/images/flags/it.svg | 7 + portfolio/images/flags/jp.svg | 11 + portfolio/images/flags/ua.svg | 6 + portfolio/site.hs | 6 +- portfolio/templates/default.html | 1 + portfolio/templates/model-kits.html | 36 +- 14 files changed, 685 insertions(+), 21 deletions(-) create mode 100644 portfolio/css/flag-icons.css create mode 100644 portfolio/images/flags/cn.svg create mode 100644 portfolio/images/flags/cz.svg create mode 100644 portfolio/images/flags/de.svg create mode 100644 portfolio/images/flags/es.svg create mode 100644 portfolio/images/flags/fi.svg create mode 100644 portfolio/images/flags/gb.svg create mode 100644 portfolio/images/flags/hk.svg create mode 100644 portfolio/images/flags/it.svg create mode 100644 portfolio/images/flags/jp.svg create mode 100644 portfolio/images/flags/ua.svg diff --git a/portfolio/css/flag-icons.css b/portfolio/css/flag-icons.css new file mode 100644 index 0000000..10661e5 --- /dev/null +++ b/portfolio/css/flag-icons.css @@ -0,0 +1,54 @@ +.fib, .fi { + background-size: contain; + background-position: 50%; + background-repeat: no-repeat; +} + +.fi { + position: relative; + display: inline-block; + width: 1.333333em; + height: 1em; + border: #e3e3e3 1px solid; +} + + +.fi-cn { + background-image: url(/images/flags/cn.svg); +} + +.fi-cz { + background-image: url(/images/flags/cz.svg); +} + +.fi-de { + background-image: url(/images/flags/de.svg); +} + +.fi-es { + background-image: url(/images/flags/es.svg); +} + +.fi-fi { + background-image: url(/images/flags/fi.svg); +} + +.fi-gb { + background-image: url(/images/flags/gb.svg); +} + +.fi-hk { + background-image: url(/images/flags/hk.svg); +} + +.fi-it { + background-image: url(/images/flags/it.svg); +} + +.fi-jp { + background-image: url(/images/flags/jp.svg); +} + +.fi-ua { + background-image: url(/images/flags/ua.svg); +} \ No newline at end of file diff --git a/portfolio/images/flags/cn.svg b/portfolio/images/flags/cn.svg new file mode 100644 index 0000000..10d3489 --- /dev/null +++ b/portfolio/images/flags/cn.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/portfolio/images/flags/cz.svg b/portfolio/images/flags/cz.svg new file mode 100644 index 0000000..7913de3 --- /dev/null +++ b/portfolio/images/flags/cz.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/portfolio/images/flags/de.svg b/portfolio/images/flags/de.svg new file mode 100644 index 0000000..71aa2d2 --- /dev/null +++ b/portfolio/images/flags/de.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/portfolio/images/flags/es.svg b/portfolio/images/flags/es.svg new file mode 100644 index 0000000..a296ebf --- /dev/null +++ b/portfolio/images/flags/es.svg @@ -0,0 +1,544 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/portfolio/images/flags/fi.svg b/portfolio/images/flags/fi.svg new file mode 100644 index 0000000..470be2d --- /dev/null +++ b/portfolio/images/flags/fi.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/portfolio/images/flags/gb.svg b/portfolio/images/flags/gb.svg new file mode 100644 index 0000000..7991383 --- /dev/null +++ b/portfolio/images/flags/gb.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/portfolio/images/flags/hk.svg b/portfolio/images/flags/hk.svg new file mode 100644 index 0000000..4fd55bc --- /dev/null +++ b/portfolio/images/flags/hk.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/portfolio/images/flags/it.svg b/portfolio/images/flags/it.svg new file mode 100644 index 0000000..20a8bfd --- /dev/null +++ b/portfolio/images/flags/it.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/portfolio/images/flags/jp.svg b/portfolio/images/flags/jp.svg new file mode 100644 index 0000000..cc1c181 --- /dev/null +++ b/portfolio/images/flags/jp.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/portfolio/images/flags/ua.svg b/portfolio/images/flags/ua.svg new file mode 100644 index 0000000..03daa19 --- /dev/null +++ b/portfolio/images/flags/ua.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/portfolio/site.hs b/portfolio/site.hs index c0505d4..2fc2a9e 100644 --- a/portfolio/site.hs +++ b/portfolio/site.hs @@ -597,7 +597,7 @@ langDict "nl" = constField "table-plamo-store" "Winkel" <> constField "table-plamo-venue" "Venue" <> constField "table-plamo-location" "Locatie" <> - constField "footer" "Deze website is gebouwd met Hakyll en Bootstrap, met Docker containers en Nginx op een Strato VPS." <> + constField "footer" "Deze website is gebouwd met Hakyll, Flag icons en Bootstrap, met Docker containers en Nginx op een Strato VPS." <> constField "last-update-text" "Website geüpdate" <> mempty @@ -646,7 +646,7 @@ langDict "jp" = constField "table-plamo-store" "店" <> constField "table-plamo-venue" "購入場所" <> constField "table-plamo-location" "場所" <> - constField "footer" "Hakyll と Bootstrap を使用し、Docker コンテナと Nginx を用いた Strato VPS 上で誇りをもって生成されています。" <> + constField "footer" "Hakyll と Flag icons と Bootstrap を使用し、Docker コンテナと Nginx を用いた Strato VPS 上で誇りをもって生成されています。" <> constField "last-update-text" "最終更新" <> mempty @@ -695,7 +695,7 @@ langDict "en" = constField "table-plamo-store" "Store" <> constField "table-plamo-venue" "Venue" <> constField "table-plamo-location" "Location" <> - constField "footer" "Site proudly generated by Hakyll and Bootstrap, using Docker containers with Nginx on a Strato VPS." <> + constField "footer" "Site proudly generated by Hakyll, Bootstrap and Flag icons using Docker containers with Nginx on a Strato VPS." <> constField "last-update-text" "Last update" <> mempty diff --git a/portfolio/templates/default.html b/portfolio/templates/default.html index a371b56..ced6cf1 100644 --- a/portfolio/templates/default.html +++ b/portfolio/templates/default.html @@ -8,6 +8,7 @@ + $partial("templates/navbar.html")$ diff --git a/portfolio/templates/model-kits.html b/portfolio/templates/model-kits.html index ce8419c..4a277de 100644 --- a/portfolio/templates/model-kits.html +++ b/portfolio/templates/model-kits.html @@ -40,126 +40,126 @@