diff options
| author | ADRN <adrien@luxeylab.net> | 2024-08-30 17:03:26 +0200 |
|---|---|---|
| committer | ADRN <adrien@luxeylab.net> | 2024-08-30 17:12:02 +0200 |
| commit | db9b798db75a2e8ebf9b5c6b6e0efb7439c6a93e (patch) | |
| tree | c55c09aa101f2a0b0c182db065c6dba220d7cbee /static/index.html | |
| parent | 743162a4b5fee537ae6669885e2a5c72986d55f6 (diff) | |
| download | site-feat/header-controls.tar.gz site-feat/header-controls.zip | |
bouton play/pause done. TODO: dark/light theme switcherfeat/header-controls
Diffstat (limited to 'static/index.html')
| -rw-r--r-- | static/index.html | 13 |
1 files changed, 7 insertions, 6 deletions
diff --git a/static/index.html b/static/index.html index 8bb9899..c8b2ad6 100644 --- a/static/index.html +++ b/static/index.html @@ -104,13 +104,14 @@ <h1 id="deuxfleurs"><span role="img" aria-label="2 emojis fleur blanche">💮💮 </span>deuxfleurs</h1> <div id="toolbar" role="toolbar" aria-orientation="horizontal"> - <a role="button" aria-label="Thème clair" href="#">[☀]</a><a class="hidden" role="button" aria-label="Thème sombre" href="#">[☼]</a><span role="separator"> · </span><a role="button" aria-label="Arrêter les animations" href="#">[⏸]</a><a class="hidden" aria-label="Activer les animations" href="#">[⏵]</a> + <!-- <a role="button" aria-label="Changer le thême">[☀]</a><a class="hidden" role="button" aria-label="Thème sombre" href="#">[☼]</a><span role="separator"> · </span><a role="button" id="bouton-play-pause" aria-label="Arrêter ou démarrer les animations" href="#">[⏸]</a> --> + <a role="button" id="bouton-play-pause" aria-label="Arrêter ou démarrer les animations" href="#">[⏸]</a> </div> </header> <main aria-label="contenu de la page web"> <div id="jardin"> - <div id="illustration-accueil" class="noscroll" role="img" aria-label="deux fleurs dessinées en ascii animées"> + <div id="illustration-accueil" class="noscroll" role="img" aria-label="deux fleurs dessinées en ascii animées" aria-live="off"> <!-- séquences de l'animation qui est lancée grâce à l'avant avant dernière ligne --> <pre class="center"> '\ ; /' @@ -494,7 +495,7 @@ <p>Fabriquons un internet convivial ⤵</p> </div> <h2 id="infras"><span class="decoration" aria-hidden="true"></span>Avec nos propres infrastructures<span class="decoration" aria-hidden="true"></span></h2> - <div id="rennes" role="img" aria-label="illustration de trois serveurs informatiques rangés dans la bibliothèque d'un salon"> + <div id="rennes" role="img" aria-label="illustration de trois serveurs informatiques rangés dans la bibliothèque d'un salon" aria-live="off"> <!--diode qui clignote ?--> <pre class="center">/¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨\ | || || || | @@ -647,7 +648,7 @@ | \\ | \_______________________________________________________________________________/</pre> </div> - <div id="orsay" role="img" aria-label="illustration de trois serveurs informatiques rangés sur l'étagère d'un bureau"> + <div id="orsay" role="img" aria-label="illustration de trois serveurs informatiques rangés sur l'étagère d'un bureau" aria-live="off"> <pre class="center">/¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨\ | | | | @@ -920,7 +921,7 @@ </div> </main> <footer class="noscroll" aria-label="pied de page et liens vers CGU, mentions, sources et risques"> - <div id="parterre" role="img" aria-label="image d'un parterre de fleurs qui fleurit"> + <div id="parterre" role="img" aria-label="image d'un parterre de fleurs qui fleurit" aria-live="off"> <pre class="center"> @@ -1396,6 +1397,6 @@ _ ` ^ ¨ · _ - " ` * - ; - _ </footer> </div> <!-- script animations --> - <script src="script-bon.js"></script> + <script src="script-v2.js"></script> </body> </html> |