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

version compatible with old browser not supporting has

Browse Source
This commit is contained in:
asus
2024-05-27 17:21:48 +02:00
parent d545c2ef28
commit 0c7860fee9
2 changed files with 31 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@@ -35,10 +35,8 @@
<body id="body">
<div class="language">
<input type="checkbox" id="language">
<label for="language"><span id="fr">fr</span><span id="en">en</span></label>
</div>
<input type="checkbox" id="language">
<label id="language_label" for="language"><span id="fr">fr</span><span id="en">en</span></label>
<div id="top_banner" class="banner banner_size_0 banner_speed_50 banner_reverse grid_full_width" aria-label="banner delimitation in ASCII art"></div>

42
styles/elements/language.css
View File

@@ -1,28 +1,44 @@
.language {
label#language_label {
position: fixed;
margin: 100px;
}
.language input {
input#language {
display: none;
}
.language input:not(:checked) + label #fr {
/*
when not checked
*/
input#language:not(:checked) + label #fr {
display: inline;
}
.language input:not(:checked) + label #en {
input#language:not(:checked) + label #en {
display: none;
}
.language:has(input:not(:checked)) ~ * span.en {
display: none;
}
.language input:checked + label #fr {
display: none;
}
.language input:checked + label #en {
input#language:not(:checked) ~ * span.en {
display: inline;
}
.language:has(input:checked) ~ * span.fr {
input#language:not(:checked) ~ * span.fr {
display: none;
}
/*
when checked
*/
input#language:checked + label #fr {
display: none;
}
input#language:checked + label #en {
display: inline;
}
input#language:checked ~ * span.en {
display: none;
}
input#language:checked ~ * span.fr {
display: inline;
}