From d545c2ef28930f8f877bcba3f9377c0882fe2be4 Mon Sep 17 00:00:00 2001 From: asus Date: Mon, 27 May 2024 17:12:30 +0200 Subject: [PATCH] first version of switch button for language --- index.html | 153 +++++++++++++++++++++++------------ styles/elements/language.css | 28 +++++++ 2 files changed, 131 insertions(+), 50 deletions(-) create mode 100644 styles/elements/language.css diff --git a/index.html b/index.html index b202392..c742b80 100644 --- a/index.html +++ b/index.html @@ -19,6 +19,7 @@ + + +
+ + +
+ - - @@ -78,40 +79,112 @@
-

voir le CV

-

cacher le CV

+

+ voir le CV + see the CV +

+

+ cacher le CV + hide the CV +

- télécharger en pdf -

COMPÉTENCES

+ + télécharger en pdf + download in pdf + +

+ COMPÉTENCES + SKILLS +

-

EXPÉRIENCES

+

+ EXPÉRIENCES + EXPÉRIENCES +

-

FORMATION INFORMATIQUE

+

+ FORMATION INFORMATIQUE + FORMATION INFORMATIQUE +

-

FORMATION ARCHITECTURE

+

+ FORMATION ARCHITECTURE + FORMATION ARCHITECTURE +

-

ENGAGEMENT ASSOCIATIF

+

+ ENGAGEMENT ASSOCIATIF + ENGAGEMENT ASSOCIATIF +

@@ -192,26 +265,6 @@ - -
diff --git a/styles/elements/language.css b/styles/elements/language.css new file mode 100644 index 0000000..a734fd0 --- /dev/null +++ b/styles/elements/language.css @@ -0,0 +1,28 @@ +.language { + position: fixed; + margin: 100px; +} +.language input { + display: none; +} + +.language input:not(:checked) + label #fr { + display: inline; +} +.language input: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 { + display: inline; +} +.language:has(input:checked) ~ * span.fr { + display: none; +} +