perso/WEBSITE_hugulumu
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

changed language text into flags

Browse Source
This commit is contained in:
asus
2024-05-28 11:11:39 +02:00
parent 1056f8ea5c
commit f414587ec3
6 changed files with 31 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
docs/flags/fr.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 231 B

5
docs/flags/fr_bnw.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 234 B

7
docs/flags/gb.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 504 B

7
docs/flags/gb_bnw.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 510 B

4
index.html
View File

@@ -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>
<!--

7
styles/elements/language.css
View File

@@ -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;
}