From db9b798db75a2e8ebf9b5c6b6e0efb7439c6a93e Mon Sep 17 00:00:00 2001
From: ADRN <adrien@luxeylab.net>
Date: Fri, 30 Aug 2024 17:03:26 +0200
Subject: bouton play/pause done. TODO: dark/light theme switcher

---
 static/index.html | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

(limited to 'static/index.html')

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>
-- 
cgit v1.2.3