From f414587ec378a55715fc41540034f13dc284797e Mon Sep 17 00:00:00 2001
From: asus <asus@example.com>
Date: Tue, 28 May 2024 11:11:39 +0200
Subject: [PATCH] changed language text into flags

---
 docs/flags/fr.svg            | 5 +++++
 docs/flags/fr_bnw.svg        | 5 +++++
 docs/flags/gb.svg            | 7 +++++++
 docs/flags/gb_bnw.svg        | 7 +++++++
 index.html                   | 4 ++--
 styles/elements/language.css | 7 +++++--
 6 files changed, 31 insertions(+), 4 deletions(-)
 create mode 100644 docs/flags/fr.svg
 create mode 100644 docs/flags/fr_bnw.svg
 create mode 100644 docs/flags/gb.svg
 create mode 100644 docs/flags/gb_bnw.svg

diff --git a/docs/flags/fr.svg b/docs/flags/fr.svg
new file mode 100644
index 0000000..4110e59
--- /dev/null
+++ b/docs/flags/fr.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-fr" viewBox="0 0 640 480">
+  <path fill="#fff" d="M0 0h640v480H0z"/>
+  <path fill="#000091" d="M0 0h213.3v480H0z"/>
+  <path fill="#e1000f" d="M426.7 0H640v480H426.7z"/>
+</svg>
diff --git a/docs/flags/fr_bnw.svg b/docs/flags/fr_bnw.svg
new file mode 100644
index 0000000..ad4748b
--- /dev/null
+++ b/docs/flags/fr_bnw.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-fr" viewBox="0 0 640 480">
+  <path fill="#ffffff" d="M0 0h640v480H0z"/>
+  <path fill="#232323" d="M0 0h213.3v480H0z"/>
+  <path fill="#727272" d="M426.7 0H640v480H426.7z"/>
+</svg>
diff --git a/docs/flags/gb.svg b/docs/flags/gb.svg
new file mode 100644
index 0000000..7991383
--- /dev/null
+++ b/docs/flags/gb.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-gb" viewBox="0 0 640 480">
+  <path fill="#012169" d="M0 0h640v480H0z"/>
+  <path fill="#FFF" d="m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z"/>
+  <path fill="#C8102E" d="m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z"/>
+  <path fill="#FFF" d="M241 0v480h160V0zM0 160v160h640V160z"/>
+  <path fill="#C8102E" d="M0 193v96h640v-96zM273 0v480h96V0z"/>
+</svg>
diff --git a/docs/flags/gb_bnw.svg b/docs/flags/gb_bnw.svg
new file mode 100644
index 0000000..e6709c4
--- /dev/null
+++ b/docs/flags/gb_bnw.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-gb" viewBox="0 0 640 480">
+  <path fill="#262626" d="M0 0h640v480H0z"/>
+  <path fill="#FFFFFF" d="m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z"/>
+  <path fill="#666666" d="m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z"/>
+  <path fill="#FFFFFF" d="M241 0v480h160V0zM0 160v160h640V160z"/>
+  <path fill="#666666" d="M0 193v96h640v-96zM273 0v480h96V0z"/>
+</svg>
diff --git a/index.html b/index.html
index 47166a9..7fc2f41 100644
--- a/index.html
+++ b/index.html
@@ -37,8 +37,8 @@
 
 		<input type="checkbox" id="language">
 		<label id="language_label" for="language">
-			<span id="fr">fr</span>
-			<span id="en">en</span>
+			<span id="fr"><img class="flag" src="./docs/flags/fr_bnw.svg" alt="french flag"></span>
+			<span id="en"><img class="flag" src="./docs/flags/gb_bnw.svg" alt="english flag"></span>
 		</label>
 
 		<!--
diff --git a/styles/elements/language.css b/styles/elements/language.css
index cb44402..0d37076 100644
--- a/styles/elements/language.css
+++ b/styles/elements/language.css
@@ -1,3 +1,6 @@
+input#language {
+	display: none;
+}
 label#language_label {
 	position: fixed;
 	top: 20px;
@@ -6,8 +9,8 @@ label#language_label {
 	cursor: pointer;
 	z-index: 1;
 }
-input#language {
-	display: none;
+label#language_label .flag {
+	width: 20px;
 }