MàJ calendriers juillet et août 2024

Reviewed-on: Deuxfleurs/site#44

static/evenements_passes.html

@@ -88,4 +88,16 @@
         <!-- Avril 2024 -->
         <li role="none"><a href="https://jitsi.deuxfleurs.fr/r%C3%A9union_mensuelle_deuxfleurs">Réunion mensuelle «au coin du feu»</a> en ligne, <span class="highlight">le 2 avril 2024 à 19h00</span>.<br>Une fois par mois nous organisons une réunion en ligne informelle. C'est le bon moment pour venir faire un coucou si vous voulez parler à des gens de vive voix numérique.</li>
         <li role="none"><a href="https://jitsi.deuxfleurs.fr/infra">Réunion mensuelle d'infrastructure</a> en ligne, <span class="highlight">le 17 avril 2024 à 20h00</span>.<br>Point mensuel en visioconférence où l'on aborde toutes les questions techniques qui méritent notre attention, concernant notre infrastructure ou nos services.</li>
-        <li role="none"><a href="#">Permanence associative autour du Libre</a> au Café Citoyen à Lille, <span class="highlight">le 30 avril 2024 à 19h30</span>.<br> La permanence associative autour du Libre est une manifestation conviviale, ouverte à toutes et tous, organisée le dernier mardi de chaque mois, et regroupant les collectifs Chtinux, Raoull, Deuxfleurs, Mycélium, CLX et Cliss XXI.</li>
+<li role="none"><a href="#">Permanence associative autour du Libre</a> au Café Citoyen à Lille, <span class="highlight">le 30 avril 2024 à 19h30</span>.<br> La permanence associative autour du Libre est une manifestation conviviale, ouverte à toutes et tous, organisée le dernier mardi de chaque mois, et regroupant les collectifs Chtinux, Raoull, Deuxfleurs, Mycélium, CLX et Cliss XXI.</li>
+
+
+        <!-- Mai 2024 -->
+        <li><a href="https://jitsi.deuxfleurs.fr/r%C3%A9union_mensuelle_deuxfleurs">Réunion mensuelle «au coin du feu»</a> en ligne, <span class="highlight">le 7 mai 2024 à 19h00</span>.<br>Une fois par mois nous organisons une réunion en ligne informelle. C'est le bon moment pour venir faire un coucou si vous voulez parler à des gens de vive voix numérique.</li>
+        <li><a href="https://jitsi.deuxfleurs.fr/infra">Réunion mensuelle d'infrastructure</a> en ligne, <span class="highlight">le 22 mai 2024 à 20h00</span>.<br>Point mensuel en visioconférence où l'on aborde toutes les questions techniques qui méritent notre attention, concernant notre infrastructure ou nos services.</li>
+	      <li><a href="https://cis.cnrs.fr/netgouv24/">#NetGouv24</a> à Paris, <span class="highlight">le 29 mai 2024</span>.<br>Première conférence annuelle du groupe de travail Gouvernance et Régulation d'Internet. L'ensemble de la communauté scientifique intéressée par ces sujets s'y retrouvera pour une journée de présentations et de discussion.</li>
+        <li><a href="https://passageenseine.fr/">Pas Sage en Seine</a> à Choisy-le-Roi, <span class="highlight">le 31 mai, 1 et 2 juin</span>.<br>Festival annuel gratuit dédié au logiciel libre. De nombreuses présentations sur des sujets techniques ou non y sont faites.</li>
+        <!-- Juin 2024 -->
+        <li><a href="https://jitsi.deuxfleurs.fr/r%C3%A9union_mensuelle_deuxfleurs">Réunion mensuelle «au coin du feu»</a> en ligne, <span class="highlight">le 4 juin 2024 à 19h00</span>.<br>Une fois par mois nous organisons une réunion en ligne informelle. C'est le bon moment pour venir faire un coucou si vous voulez parler à des gens de vive voix numérique.</li>
+        <li><a href="https://jitsi.deuxfleurs.fr/infra">Réunion d'infrastructure</a> en ligne, <span class="highlight">le 5 juin 2024 à 19h15</span>.<br>Point en visioconférence sur les nouveaux sites géographiques à mettre en place pour pouvoir mieux résister aux pannes.</li>
+        <li><a href="https://jitsi.deuxfleurs.fr/infra">Réunion mensuelle d'infrastructure</a> en ligne, <span class="highlight">le 19 juin 2024 à 20h00</span>.<br>Point mensuel en visioconférence où l'on aborde toutes les questions techniques qui méritent notre attention, concernant notre infrastructure ou nos services.</li>
+        <li><em>Barcamp Interne</em> en Auvergne, <span class="highlight">les 21, 22 et 23 juin</span>.<br> Les membres de Deuxfleurs prennent le temps de se retrouver et de discuter de l'association.</li>

static/index.html

@@ -66,17 +66,17 @@
       <li>
         <a href="https://guide.deuxfleurs.fr/" role="menuitem" aria-label="wiki" class="icone">
           <pre aria-hidden="true">
-  (((((((()
+  ((((((()
-  |-------|
+  |------|
-  | GUIDE |
+  | WIKI |
-  |-------|
+  |------|
-  |_______| </pre>
+  |______|  </pre>
           <pre class="img_top" aria-hidden="true">
-  (((((((()
+  ((((((()
-  /------/|
+  /-----/|
- /------/ |
+ /-----/ |
-/______/  |
+/_____/  |
-  |_______| </pre>
+  |______|  </pre>
         </a>
       </li>
       <li>
@@ -864,57 +864,56 @@
 	      <p lang="fr">Pour accéder à nos services ou simplement discuter avec nous, écrivez à <span class="highlight">coucou[@]deuxfleurs.fr</span>, rejoignez-nous sur le salon Matrix <span class="highlight">#deuxfleurs:deuxfleurs.fr</span> ou rencontrez-nous à : </p>
         <ul>
         <!-- L'historique des événements passés est sur evenements_passes.html -->
-        <!-- Mai 2024 -->
+	<!-- Juillet 2024 -->
-        <li><a href="https://jitsi.deuxfleurs.fr/r%C3%A9union_mensuelle_deuxfleurs">Réunion mensuelle «au coin du feu»</a> en ligne, <span class="highlight">le 7 mai 2024 à 19h00</span>.<br>Une fois par mois nous organisons une réunion en ligne informelle. C'est le bon moment pour venir faire un coucou si vous voulez parler à des gens de vive voix numérique.</li>
+	<li><a href="https://jitsi.deuxfleurs.fr/r%C3%A9union_mensuelle_deuxfleurs">Réunion mensuelle «au coin du feu»</a> en ligne, <span class="highlight">le 2 juillet 2024 à 19h00</span>.<br>Une fois par mois nous organisons une réunion en ligne informelle. C'est le bon moment pour venir faire un coucou si vous voulez parler à des gens de vive voix numérique.</li>
-        <li><a href="https://jitsi.deuxfleurs.fr/infra">Réunion mensuelle d'infrastructure</a> en ligne, <span class="highlight">le 22 mai 2024 à 20h00</span>.<br>Point mensuel en visioconférence où l'on aborde toutes les questions techniques qui méritent notre attention, concernant notre infrastructure ou nos services.</li>
+	<li><a href="https://www.agendadulibre.org/events/30240">Quadrapéro</a>, au Garage de la Quadrature du Net à Paris, <span class="highlight">le 5 juillet 2024 à 19h00</span>.<br>Apéritif convivial pour discuter des divers enjeux en cours autour des droits et libertés numériques, en présence de membres de la Quadrature du Net et de bien autres intéressés. Vous y verrez Vincent.</li>
-	      <li><a href="https://cis.cnrs.fr/netgouv24/">#NetGouv24</a> à Paris, <span class="highlight">le 29 mai 2024</span>.<br>Première conférence annuelle du groupe de travail Gouvernance et Régulation d'Internet. L'ensemble de la communauté scientifique intéressée par ces sujets s'y retrouvera pour une journée de présentations et de discussion.</li>
+	<li><a href="https://bbb.paquerette.eu/b/dom-67q-irl-nfc">Réunion mensuelle du collectif CHATONS</a> en ligne, <span class="highlight">le 9 juillet 2024 à 20h00</span>.<br>Une fois par mois a lieu une réunion entre les membres du collectif <a href=https://www.chatons.org/>CHATONS</a>, à laquelle nous participons.</li>
-        <li><a href="https://passageenseine.fr/">Pas Sage en Seine</a> à Choisy-le-Roi, <span class="highlight">le 31 mai, 1 et 2 juin</span>.<br>Festival annuel gratuit dédié au logiciel libre. De nombreuses présentations sur des sujets techniques ou non y sont faites.</li>
+	<li><a href="https://libreto.sans-nuage.fr/campchatons2024/">Camp CHATONS</a> à Sévérac, <span class="highlight">du 11 au 15 juillet</span>.<br>Chaque année, les membres du collectif CHATONS se réunissent en présentiel pour aborder les grands sujets à son propos et partager des moments conviviaux. Vous y verrez Adrien.</li>
-        <!-- Juin 2024 -->
+	<li><a href="#">Permanence associative autour du Libre</a> au Café Citoyen à Lille, <span class="highlight">le 30 juillet 2024 à 19h30</span>.<br>La permanence associative autour du Libre est une manifestation conviviale, ouverte à toutes et tous, organisée le dernier mardi de chaque mois, et regroupant les collectifs Chtinux, Raoull, Deuxfleurs, Mycélium, CLX et Cliss XXI.</li>
-        <li><a href="https://jitsi.deuxfleurs.fr/r%C3%A9union_mensuelle_deuxfleurs">Réunion mensuelle «au coin du feu»</a> en ligne, <span class="highlight">le 4 juin 2024 à 19h00</span>.<br>Une fois par mois nous organisons une réunion en ligne informelle. C'est le bon moment pour venir faire un coucou si vous voulez parler à des gens de vive voix numérique.</li>
+	<!-- Août 2024 -->
-        <li><a href="https://jitsi.deuxfleurs.fr/infra">Réunion d'infrastructure</a> en ligne, <span class="highlight">le 5 juin 2024 à 19h15</span>.<br>Point en visioconférence sur les nouveaux sites géographiques à mettre en place pour pouvoir mieux résister aux pannes.</li>
+	<li><a href="https://jitsi.deuxfleurs.fr/r%C3%A9union_mensuelle_deuxfleurs">Réunion mensuelle «au coin du feu»</a> en ligne, <span class="highlight">le 6 août 2024 à 19h00</span>.<br>Une fois par mois nous organisons une réunion en ligne informelle. C'est le bon moment pour venir faire un coucou si vous voulez parler à des gens de vive voix numérique.</li>
-        <li><a href="https://jitsi.deuxfleurs.fr/infra">Réunion mensuelle d'infrastructure</a> en ligne, <span class="highlight">le 19 juin 2024 à 20h00</span>.<br>Point mensuel en visioconférence où l'on aborde toutes les questions techniques qui méritent notre attention, concernant notre infrastructure ou nos services.</li>
+	<li><a href="#">Permanence associative autour du Libre</a> au Café Citoyen à Lille, <span class="highlight">le 27 août 2024 à 19h30</span>.<br>La permanence associative autour du Libre est une manifestation conviviale, ouverte à toutes et tous, organisée le dernier mardi de chaque mois, et regroupant les collectifs Chtinux, Raoull, Deuxfleurs, Mycélium, CLX et Cliss XXI.</li>
-        <li><em>Barcamp Interne</em> en Auvergne, <span class="highlight">les 21, 22 et 23 juin</span>.<br> Les membres de Deuxfleurs prennent le temps de se retrouver et de discuter de l'association.</li>
         </ul>
       </div>
       <div id="calendrier">
         <!--
           Pour générer les mois suivants, voir : https://github.com/superboum/code-bazaar/tree/master/algo/calendar
           Notez que les mois sont déjà générés jusqu'à décembre 2024 dans ce fichier : https://github.com/superboum/code-bazaar/blob/master/algo/calendar/calendars.txt
-        -->
+          -->
 <div id="mois_actuel" role="img" aria-label="calendrier de nos jours de permanence prévus pour ce mois-ci">
-          <pre aria-hidden="true">.——————————————————————————————————————.
+<pre aria-hidden="true">.——————————————————————————————————————.
-|         CALENDRIER MAI 2024          |
+|       CALENDRIER JUILLET 2024        |
 |——————————————————————————————————————|
-|            ———— ———— ———— ———— ————  |
-|           | 01 | 02 | 03 | 04 | 05 | |
 |  ———— ———— ———— ———— ———— ———— ————  |
-| | 06 |<span class="highlight"> 07 </span>| 08 | 09 | 10 | 11 | 12 | |
+| | 01 |<span class="highlight"> 02 </span>| 03 | 04 |<span class="highlight"> 05 </span>| 06 | 07 | |
 |  ———— ———— ———— ———— ———— ———— ————  |
-| | 13 | 14 | 15 | 16 | 17 | 18 | 19 | |
+| | 08 |<span class="highlight"> 09 </span>| 10 |<span class="highlight"> 11 </span>|<span class="highlight"> 12 </span>|<span class="highlight"> 13 </span>|<span class="highlight"> 14 </span>| |
 |  ———— ———— ———— ———— ———— ———— ————  |
-| | 20 | 21 |<span class="highlight"> 22 </span>| 23 | 24 | 25 | 26 | |
+| |<span class="highlight"> 15 </span>| 16 | 17 | 18 | 19 | 20 | 21 | |
 |  ———— ———— ———— ———— ———— ———— ————  |
-| | 27 | 28 |<span class="highlight"> 29 </span>| 30 |<span class="highlight"> 31 </span>|           |
+| | 22 | 23 | 24 | 25 | 26 | 27 | 28 | |
-|  ———— ———— ———— ———— ————            |
+|  ———— ———— ———— ———— ———— ———— ————  |
+| | 29 |<span class="highlight"> 30 </span>| 31 |                     |
+|  ———— ———— ————                      |
 |______________________________________|</pre>
-	</div>
+</div>
 <div id="mois_suivant" role="img" aria-label="calendrier de nos jours de permanence prévus pour le mois prochain">
-          <pre aria-hidden="true">.——————————————————————————————————————.
+<pre aria-hidden="true">.——————————————————————————————————————.
-|         CALENDRIER JUIN 2024         |
+|         CALENDRIER AOÛT 2024         |
 |——————————————————————————————————————|
-|                           ———— ————  |
+|                 ———— ———— ———— ————  |
-|                          |<span class="highlight"> 01 </span>|<span class="highlight"> 02 </span>| |
+|                | 01 | 02 | 03 | 04 | |
 |  ———— ———— ———— ———— ———— ———— ————  |
-| | 03 |<span class="highlight"> 04 </span>|<span class="highlight"> 05 </span>| 06 | 07 | 08 | 09 | |
+| | 05 |<span class="highlight"> 06 </span>| 07 | 08 | 09 | 10 | 11 | |
 |  ———— ———— ———— ———— ———— ———— ————  |
-| | 10 | 11 | 12 | 13 | 14 | 15 | 16 | |
+| | 12 | 13 | 14 | 15 | 16 | 17 | 18 | |
 |  ———— ———— ———— ———— ———— ———— ————  |
-| | 17 | 18 |<span class="highlight"> 19 </span>| 20 |<span class="highlight"> 21 </span>|<span class="highlight"> 22 </span>|<span class="highlight"> 23 </span>| |
+| | 19 | 20 | 21 | 22 | 23 | 24 | 25 | |
-|  ———— ———— ———— ———— ———— ———— ————  |
-| | 24 | 25 | 26 | 27 | 28 | 29 | 30 | |
 |  ———— ———— ———— ———— ———— ———— ————  |
+| | 26 |<span class="highlight"> 27 </span>| 28 | 29 | 30 | 31 |      |
+|  ———— ———— ———— ———— ———— ————       |
 |______________________________________|</pre>
-	      </div>
+</div>
       </div>
     </main>
     <footer class="noscroll" aria-label="pied de page et liens vers CGU, mentions, sources et risques">

static/script-bon.js

@@ -1,44 +1,47 @@
-// dictionary to keep track of frame count for each animation
+// dictionary to keep track of frame count for each animation
-let frameCounts = {};
+let frameCounts = {};
-
+
-function animate(id, delay) {
+function animate(id, delay) {
-
+
-  // get the container and frames for the amination
+  // get the container and frames for the amination
-  const container = document.getElementById(id);
+  const container = document.getElementById(id);
-  const frames = container.children;
+  const frames = container.children;
-
+
-  // set up the frame counter
+  // set up the frame counter
-  frameCounts[id] = 0;
+  frameCounts[id] = 0;
-
+
-  // hide all frames except for the first
+  // hide all frames except for the first
-  frames[0].style.display = "flex";
+  frames[0].style.display = "flex";
-  for (let i = 1; i < frames.length; i++) {
+  for (let i = 1; i < frames.length; i++) {
-    frames[i].style.display = "none";
+    frames[i].style.display = "none";
-  }
+  }
-
+
-  // start the animation
+  // start the animation
-  const interval = setInterval(updateAnimation, delay, id, frames, frames.length);
+  const interval = setInterval(updateAnimation, delay, id, frames, frames.length);
-
+
-}
+}
-
+
-function updateAnimation(id, frames, totalFrames) {
+function updateAnimation(id, frames, totalFrames) {
-
+
-  // increment the frame counter for the given id
+  // increment the frame counter for the given id
-  frameCounts[id] = (frameCounts[id] + 1) % totalFrames;
+  frameCounts[id] = (frameCounts[id] + 1) % totalFrames;
-
+
-  // show the next frame
+  // show the next frame
-  frames[frameCounts[id]].style.display = "flex";
+  frames[frameCounts[id]].style.display = "flex";
-
+
-  // hide the previous frame
+  // hide the previous frame
-  if (frameCounts[id] == 0) {
+  if (frameCounts[id] == 0) {
-    frames[totalFrames - 1].style.display = "none";
+    frames[totalFrames - 1].style.display = "none";
-  } else {
+  } else {
-    frames[frameCounts[id] - 1].style.display = "none";
+    frames[frameCounts[id] - 1].style.display = "none";
-  }
+  }
-
+
-}
+}
-
+
-animate("illustration-accueil", 500);
+// If the user have a setting on their device to minimize the amount of non-essential motion
-animate("rennes", 1000);
+const preferReduceMotion = window.matchMedia("(prefers-reduced-motion)").matches;
-animate("orsay", 2000);
+
-animate("parterre", 1500);
+animate("illustration-accueil", preferReduceMotion ? 1500 : 500); // Reduce framerate if use preference is to reduce motion
+animate("rennes", preferReduceMotion ? 3000 : 1000); // Reduce framerate if use preference is to reduce motion
+animate("orsay", preferReduceMotion ? 4000 : 2000); // Reduce framerate if use preference is to reduce motion
+animate("parterre", 1500);