forked from Deuxfleurs/site
Compare commits
27 commits
label-wiki
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| a9d9ab2137 | |||
| b903ebe168 | |||
| 3e6ae0e636 | |||
| 89c1b2d892 | |||
| 091f4ddc4a | |||
| 9ff1b20248 | |||
| 351931fdeb | |||
| 31aa58a863 | |||
| 4978b26ef6 | |||
| b75294cc96 | |||
| 821f38c112 | |||
| a007d29a9f | |||
| fd276e5dc2 | |||
| 3a404c162c | |||
| b4e50788a6 | |||
| a2edf9bde5 | |||
| 66bb48aaa7 | |||
| 352c25ed3e | |||
|
c5dd5467a4 | ||
|
|
6ae76f5b93 | ||
|
469d165852 | ||
|
|
99b6eaae61 | ||
|
|
5f67856c95 | ||
|
|
547235a400 | ||
| 9a230c545d | |||
|
|
8619254c73 | ||
| 68e1e57468 |
7 changed files with 176 additions and 101 deletions
|
|
@ -9,7 +9,15 @@ steps:
|
|||
- wget -q https://github.com/htacg/tidy-html5/releases/download/5.8.0/tidy-5.8.0-Linux-64bit.deb
|
||||
- echo "59e594312207234f5a17455683c13c6bc47a89cb7bf994d493acfffb591d9830 tidy-5.8.0-Linux-64bit.deb" | sha256sum -c
|
||||
- DEBIAN_FRONTEND=noninteractive apt install -qq -y ./tidy-5.8.0-Linux-64bit.deb
|
||||
- tidy -q -e static/index.html
|
||||
- tidy -q -e --drop-empty-elements no static/index.html
|
||||
|
||||
- name: disable SEO indexing (on preprod only)
|
||||
when:
|
||||
event: [push, pull_request]
|
||||
branch: preprod
|
||||
image: debian:12 # Same as previous step to not have to download 2 images, but it could be any linux
|
||||
commands:
|
||||
- '[ -f static/robots.txt ] && echo "Disallow: /*" >> static/robots.txt'
|
||||
|
||||
- name: upload (preprod)
|
||||
when:
|
||||
|
|
|
|||
36
rapport.md
Normal file
36
rapport.md
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
# DeuxFleurs, un site accessible ? -- Sommaire exécutif
|
||||
|
||||
_Lundi 12 février 2024, par Adrian Rosin & Adrien Luxey-Bitri_
|
||||
|
||||
## Des principes solides
|
||||
|
||||
Dans l’ensemble, deuxfleurs a posé des bases solides en termes d’accessibilité. Le code est correctement structuré et pensé pour garantir une accessibilité maximale. Il met en pratique les principaux standards d’accessibilité issus de W3C, ce qui témoigne de la qualité du travail réalisé. Il faut également noter que pour chaque élément du site, des recherches ont été réalisées, rien n'a été laissé au hasard et une attention méticuleuse quant à l'accessibilité a été pensée.
|
||||
|
||||
Par conséquent, on s’aperçoit que deuxfleurs, avant même de passer des tests fonctionnels, valide la plupart des principes d’accessibilité sur le web. Le site valide par exemple les instructions que met à disposition Access42 (https://access42.net/ressources/site-web-accessible/), une coopérative française qui réalise des audits sur l’accessibilité numérique et dont les critères post-audit permettent dans un premier temps de savoir si un site est sur la bonne direction ou non.
|
||||
|
||||
## Tests fonctionnels
|
||||
|
||||
Si l’on passe le site sur des outils permettant de vérifier l’accessibilité (ADA, WCAG, WCAG2, … Pour plus d'informations, voir https://www.w3.org/WAI/ER/tools//index.html), celui-ci passe plus des trois quarts des tests concernant l’accessibilité. Les tests critiques passant dans l’intégralité. Les seuls tests non validés sont des erreurs potentielles sujettes à interprétation, qui résultent d'un choix conscient chez Deuxfleurs (commande artistique).
|
||||
|
||||
Pour donner des exemples de suggestions d'améliorations d'accéssibilité que l'on peut proposer après une première analyse du site :
|
||||
l’utilisation de balises `svg` à la place de balises préformatées `pre` pour gérer l’ASCII art en terme d’image et non en terme de texte ;
|
||||
l'affichage des calendriers en tant qu’objet (`table`) plutôt qu’en texte sous balise préformatée ;
|
||||
l'augmentation du contraste texte/fond…
|
||||
|
||||
En deuxième analyse, on comprend que les idées ci-dessus ont été analysées, et que les solutions retenues résultent d'un compromis entre accessibilité et démarche artistique.
|
||||
|
||||
## Commande artistique
|
||||
|
||||
Il a été demandé à la créatrice du site de concevoir un site simple et léger (sans image sauf l'illustration de Ronce).
|
||||
De plus, le code HTML se lit comme un journal, où ASCII art et textes se succèdent sans friction.
|
||||
On comprend mieux alors, que l'usage de `svg` contredit l'esprit recherché, puisqu'il ajoute une lourdeur inutile au code source.
|
||||
|
||||
## En pratique
|
||||
|
||||
Le site dans son ensemble actuel peut être considéré comme accessible. Lorsque le site est utilisé avec un narrateur, tout le contenu est décrit de manière simple et fluide assurant une bonne compréhension de celui-ci pour tous les utilisateurs. Malgré cela, le résultat obtenu diffère en fonction du système d’exploitation, du narrateur utilisé ou même du paramétrage de celui-ci.
|
||||
|
||||
A ce titre, une expérience à plus grande échelle impliquant des personnes directement concernées par les lecteurs d’écran pourrait nous en apprendre davantage quant à l’accessibilité de deuxfleurs.
|
||||
|
||||
## Nous contacter
|
||||
|
||||
Si vous souhaitez nous faire des retours concernant l’accessibilité du site deuxfleurs, vous pouvez nous contacter [ici](https://matrix.to/#/#accessibilite:deuxfleurs.fr) ou via coucou _chez_ deuxfleurs.fr
|
||||
|
|
@ -31,6 +31,7 @@ div#jardin p {
|
|||
h2#infras {
|
||||
background-color: var(--infras);
|
||||
grid-area: title-start 1 / col-sep 1 / title-end 1 / col-sep 12;
|
||||
padding-bottom: 10px; /* Ajoutez de l'espace en dessous du texte */
|
||||
}
|
||||
|
||||
div#rennes {
|
||||
|
|
@ -64,6 +65,8 @@ section#liste_outils {
|
|||
|
||||
section#liste_outils > a > div > p {
|
||||
text-align: center;
|
||||
text-decoration: underline;
|
||||
color: darkgreen;
|
||||
}
|
||||
|
||||
section#liste_outils > a {
|
||||
|
|
|
|||
|
|
@ -32,6 +32,11 @@
|
|||
}
|
||||
|
||||
/* PAR DEFAUT */
|
||||
|
||||
h1 > .decoration:last-of-type:before, h2 > .decoration:last-of-type:before{
|
||||
content: '\A____________________________________\A""""""""""""""""""""""""""""""""""""';
|
||||
}
|
||||
|
||||
html, body, main {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
|
@ -64,10 +69,6 @@ nav ul {
|
|||
margin: 0px;
|
||||
}
|
||||
|
||||
h1:after, h2:after {
|
||||
content: '\A___________________________________\A"""""""""""""""""""""""""""""""""""';
|
||||
}
|
||||
|
||||
h2, h1 {
|
||||
font-size: 1rem;
|
||||
font-weight: normal;
|
||||
|
|
@ -116,6 +117,7 @@ div#container {
|
|||
/* EN-TETE */
|
||||
header {
|
||||
grid-area: header-start / main-col-sep 1 / header-end / main-col-sep 12;
|
||||
z-index: 1; /* Pour le mettre au dessus de l'illustration jardin et que l'on puisse sélectionner son contenu */
|
||||
}
|
||||
|
||||
/* PIED DE PAGE */
|
||||
|
|
@ -220,17 +222,17 @@ pre.center > a {
|
|||
--small_margin: 5px;
|
||||
}
|
||||
|
||||
h1:before, h1:after {
|
||||
h1 > .decoration:last-of-type:before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
h2:before {
|
||||
content: '______________________________________________________________________\A""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""\A* ';
|
||||
}
|
||||
h2 > .decoration:first-of-type:before{
|
||||
content: '______________________________________________________________________\A""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""\A* ';
|
||||
}
|
||||
|
||||
h2:after {
|
||||
content: ' *\A______________________________________________________________________\A""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""';
|
||||
}
|
||||
h2 > .decoration:last-of-type:before{
|
||||
content: ' *\A______________________________________________________________________\A""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""';
|
||||
}
|
||||
|
||||
h2, h1 {
|
||||
font-size: 1rem;
|
||||
|
|
@ -269,4 +271,7 @@ pre.center > a {
|
|||
div#ronce, #coop, #autonomie, #solidarite, #liberte, nav#menu, div#rennes, div#orsay {
|
||||
border-color: var(--txt-night);
|
||||
}
|
||||
section#liste_outils > a > div > p:nth-child(n){
|
||||
color: var(--txt-night);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -88,4 +88,30 @@
|
|||
<!-- 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>
|
||||
<!-- 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 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://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://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://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>
|
||||
<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>
|
||||
|
||||
<!-- Août 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 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>
|
||||
<!-- Septembre 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 3 septembre 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://www.agendadulibre.org/events/30486">Numérique libre à la Braderie de Lille</a> au village associatif du Café Citoyen, <span class="highlight">du 14 septembre 2024 à 10h au 15 à 18h</span>.<br>Le spot le plus cool durant la Braderie de Lille, c'est le Café Citoyen (ses spectacles qualitatifs y surpassent de loin les articles vendus trop chers par les brocanteurs que vous trouverez ailleurs). Le spot le plus cool au Café Citoyen, c'est son village associatif. Mais alors la cerise sur le gâteau, c'est sans doute le stand sur les libertés numériques tenu par les collectifs de Chtinux (Raoull, Deuxfleurs, Mycélium, CLX et Cliss XXI...). Venez dire bonjour, vous serez bien reçu⋅e !</li>
|
||||
<li><a href="https://fete.humanite.fr/">Fête de l'Humanité</a> à la base 217 à Bretigny-sur-Orge, <span class="highlight">le 14 et 15 septembre 2024</span>.<br>Plus qu'un festival de musique, la fête de l'Humanité est un rendez-vous important des forces militantes sur un peu tous les sujets. Si vous souhaitez y rencontrer Vincent, n'hésitez pas à nous contacter par courriel auparavant pour que l'on s'organise et que l'on ne se rate pas.</li>
|
||||
<li><a href="https://www.agendadulibre.org/events/30485">Permanence associative autour du Libre</a> au Café Citoyen à Lille, <span class="highlight">le 24 septembre 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 de Chtinux (Raoull, Deuxfleurs, Mycélium, CLX, Cliss XXI...).</li>
|
||||
|
|
|
|||
|
|
@ -46,8 +46,8 @@
|
|||
<body>
|
||||
|
||||
<nav role="navigation" aria-label="menu d'accès" id="menu">
|
||||
<ul aria-label="menu principal" role="menubar" aria-orientation="vertical">
|
||||
<li role="none">
|
||||
<ul aria-label="menu principal" role="menubar">
|
||||
<li>
|
||||
<a href="https://guichet.deuxfleurs.fr/" role="menuitem" aria-label="compte" class="icone">
|
||||
<pre aria-hidden="true">
|
||||
(COMPTE)
|
||||
|
|
@ -63,7 +63,7 @@
|
|||
||_||__| </pre>
|
||||
</a>
|
||||
</li>
|
||||
<li role="none">
|
||||
<li>
|
||||
<a href="https://guide.deuxfleurs.fr/" role="menuitem" aria-label="wiki" class="icone">
|
||||
<pre aria-hidden="true">
|
||||
((((((()
|
||||
|
|
@ -79,7 +79,7 @@
|
|||
|______| </pre>
|
||||
</a>
|
||||
</li>
|
||||
<li role="none">
|
||||
<li>
|
||||
<a href="https://plume.deuxfleurs.fr/" role="menuitem" aria-label="blog" class="icone">
|
||||
<pre aria-hidden="true">
|
||||
|¨¨¨¨|
|
||||
|
|
@ -489,7 +489,7 @@
|
|||
</div>
|
||||
<p>Fabriquons un internet convivial ⤵</p>
|
||||
</div>
|
||||
<h2 id="infras">Avec nos propres infrastructures</h2>
|
||||
<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">
|
||||
<!--diode qui clignote ?-->
|
||||
<pre class="center">/¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨\
|
||||
|
|
@ -721,8 +721,8 @@
|
|||
\___________`_______________________________________________________`___________/</pre>
|
||||
</div>
|
||||
<p id="txt_infras" lang="fr">Nous fournissons des services numériques garantis "sans datacenter". À la place, nous utilisons moins d'une dizaine de vieux ordinateurs reconditionnés à nos domiciles qui peuvent fournir des services numériques à plusieurs dizaines de milliers de personnes. Actuellement ces ordinateurs sont situés à Orsay, Lille et Bruxelles. Nous avons également des machines à Suresnes pour les sauvegardes. <a href="https://guide.deuxfleurs.fr/infrastructures/">En savoir plus</a>. <br><br>Cette infrastructure atypique nous mène à développer de nouveaux logiciels libres. Si vous êtes dans la technique, vous pourriez être intéressé·e par <a href="https://garagehq.deuxfleurs.fr/">Garage</a>, <a href="https://bottin.eu">Bottin</a>, <a href="https://git.deuxfleurs.fr/lx/tricot">Tricot</a>, <a href="https://git.deuxfleurs.fr/Deuxfleurs/diplonat">Diplonat</a> et nos <a href="https://git.deuxfleurs.fr/Deuxfleurs">autres projets</a>.</p>
|
||||
<h2 id="outils">Avec nos services sobres</h2>
|
||||
<div id="ordinateur">
|
||||
<h2 id="outils"><span class="decoration" aria-hidden="true"></span>Avec nos services sobres<span class="decoration" aria-hidden="true"></span></h2>
|
||||
<div id="ordinateur" role="img" aria-label="image d'un ordinateur portable et deux fleurs à côté">
|
||||
<pre class="center" aria-hidden="true">
|
||||
|
||||
|
||||
|
|
@ -847,7 +847,7 @@
|
|||
<p>Envie de faire entendre votre voix sur Internet ? Nous mettons à disposition plusieurs outils de publication sur le web allant de la plateforme de blog partagée à la publication de sites web en autonomie.</p>
|
||||
<p>Prenez contact avec nous, nous vous aiderons à identifier les outils dont vous avez besoin et nous vous accompagnerons dans votre transition. ⤵</p>
|
||||
</div>
|
||||
<h2 id="valeurs">Avec des valeurs fortes</h2>
|
||||
<h2 id="valeurs"><span class="decoration" aria-hidden="true"></span>Avec des valeurs fortes<span class="decoration" aria-hidden="true"></span></h2>
|
||||
<div id="ronce">
|
||||
<img loading="lazy" src="./ronce.webp" alt="Deux personnages qui regardent et s'avancent vers une maison cabane perchée dans un arbre, illustrant notre envie d'un internet plus éthique.">
|
||||
</div>
|
||||
|
|
@ -858,65 +858,59 @@
|
|||
<p id="liberte">La liberté <span class="description">- eg. permettre à toutes et tous de s'exprimer, respecter la vie privée</span></p>
|
||||
<p id="suivre"><a href="https://plume.deuxfleurs.fr/timeline/1">Suivez notre actualité, réflexions et analyses sur notre blog Plume</a></p>
|
||||
</section>
|
||||
<h2 id="connaissance">Faisons connaissance</h2>
|
||||
<h2 id="connaissance"><span class="decoration" aria-hidden="true"></span>Faisons connaissance<span class="decoration" aria-hidden="true"></span></h2>
|
||||
<div id="txt_connaissance">
|
||||
<p lang="fr">L'accès à nos services est à prix libre. Nous estimons leur coût à 15€/an/compte pour leur maintien en fonctionnement et recommandons le double pour permettre à l'association de se développer. Il est conditionné par les ressources disponibles, à la fois matérielles et humaines.</p>
|
||||
<p lang="fr">Pour accéder à nos services ou simplement discuter avec nous, écrivez à <span class="underline">coucou[@]deuxfleurs.fr</span>, rejoignez-nous sur le salon Matrix <span class="underline">#deuxfleurs:deuxfleurs.fr</span> ou rencontrez-nous à : </p>
|
||||
<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 -->
|
||||
<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 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 role="none"><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 role="none"><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 role="none"><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 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 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 role="none"><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 role="none"><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 role="none"><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>
|
||||
<!-- Octobre 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 1 octobre 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://forumdepartementaldessciences.fr/evenements/exposition-numerique-en-eaux-troubles/">Vernissage de l'exposition « Numérique en eaux troubles »</a>, au forum des sciences à Villeneuve-d'Ascq, <span class="highlight">le 11 octobre 2024 à 17h00</span>.<br>Inauguration de cette exposition abordant l'impact des divers aspects du numérique sur les ressources en eau. Parmis ses responsables scientifiques, vous y verrez Adrien.</li>
|
||||
<!-- Novembre 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 5 novembre 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://capitoledulibre.org">Capitole du libre</a>, à l'ENSEEIHT à Toulouse, <span class="highlight">le 16 et 17 novembre 2024</span>.<br>Conférence annuelle dédiée au logiciel libre et à sa communauté, ouverte à tout public, et ceci gratuitement. N'hésitez pas à venir discuter avec Vincent.</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">.——————————————————————————————————————.
|
||||
| CALENDRIER MAI 2024 |
|
||||
<pre aria-hidden="true">.——————————————————————————————————————.
|
||||
| CALENDRIER OCTOBRE 2024 |
|
||||
|——————————————————————————————————————|
|
||||
| ———— ———— ———— ———— ———— |
|
||||
| | 01 | 02 | 03 | 04 | 05 | |
|
||||
| ———— ———— ———— ———— ———— ———— |
|
||||
| |<span class="highlight"> 01 </span>| 02 | 03 | 04 | 05 | 06 | |
|
||||
| ———— ———— ———— ———— ———— ———— ———— |
|
||||
| | 06 |<span class="highlight"> 07 </span>| 08 | 09 | 10 | 11 | 12 | |
|
||||
| | 07 | 08 | 09 | 10 |<span class="highlight"> 11 </span>| 12 | 13 | |
|
||||
| ———— ———— ———— ———— ———— ———— ———— |
|
||||
| | 13 | 14 | 15 | 16 | 17 | 18 | 19 | |
|
||||
| | 14 | 15 | 16 | 17 | 18 | 19 | 20 | |
|
||||
| ———— ———— ———— ———— ———— ———— ———— |
|
||||
| | 20 | 21 |<span class="highlight"> 22 </span>| 23 | 24 | 25 | 26 | |
|
||||
| | 21 | 22 | 23 | 24 | 25 | 26 | 27 | |
|
||||
| ———— ———— ———— ———— ———— ———— ———— |
|
||||
| | 27 | 28 |<span class="highlight"> 29 </span>| 30 |<span class="highlight"> 31 </span>| |
|
||||
| ———— ———— ———— ———— ———— |
|
||||
| | 28 | 29 | 30 | 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">.——————————————————————————————————————.
|
||||
| CALENDRIER JUIN 2024 |
|
||||
<pre aria-hidden="true">.——————————————————————————————————————.
|
||||
| CALENDRIER NOVEMBRE 2024 |
|
||||
|——————————————————————————————————————|
|
||||
| ———— ———— |
|
||||
| |<span class="highlight"> 01 </span>|<span class="highlight"> 02 </span>| |
|
||||
| ———— ———— ———— |
|
||||
| | 01 | 02 | 03 | |
|
||||
| ———— ———— ———— ———— ———— ———— ———— |
|
||||
| | 03 |<span class="highlight"> 04 </span>|<span class="highlight"> 05 </span>| 06 | 07 | 08 | 09 | |
|
||||
| | 04 |<span class="highlight"> 05 </span>| 06 | 07 | 08 | 09 | 10 | |
|
||||
| ———— ———— ———— ———— ———— ———— ———— |
|
||||
| | 10 | 11 | 12 | 13 | 14 | 15 | 16 | |
|
||||
| | 11 | 12 | 13 | 14 | 15 |<span class="highlight"> 16 | 17 </span>| |
|
||||
| ———— ———— ———— ———— ———— ———— ———— |
|
||||
| | 17 | 18 |<span class="highlight"> 19 </span>| 20 |<span class="highlight"> 21 </span>|<span class="highlight"> 22 </span>|<span class="highlight"> 23 </span>| |
|
||||
| ———— ———— ———— ———— ———— ———— ———— |
|
||||
| | 24 | 25 | 26 | 27 | 28 | 29 | 30 | |
|
||||
| | 18 | 19 | 20 | 21 | 22 | 23 | 24 | |
|
||||
| ———— ———— ———— ———— ———— ———— ———— |
|
||||
| | 25 | 26 | 27 | 28 | 29 | 30 | |
|
||||
| ———— ———— ———— ———— ———— ———— |
|
||||
|______________________________________|</pre>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="noscroll" aria-label="pied de page et liens vers CGU, mentions, sources et risques">
|
||||
|
|
@ -1391,7 +1385,7 @@ _ ` ^ ¨ · _ - " ` * - ; - _
|
|||
</pre>
|
||||
</div>
|
||||
<div id="liens">
|
||||
<a href="https://guide.deuxfleurs.fr/vie_associative/cgu/">CGU</a><span role="separator"> · </span><a href="https://guide.deuxfleurs.fr/vie_associative/gestion-des-risques/">Gestion des risques</a><span role="separator"> · </span><a href="https://guide.deuxfleurs.fr/vie_associative/mentions-legales">Mentions légales</a><span role="separator"> · </span><a href="https://guide.deuxfleurs.fr/operations/sources">Sources</a>
|
||||
<a href="https://guide.deuxfleurs.fr/vie_associative/cgu/">CGU</a><span role="separator"> · </span><a href="https://guide.deuxfleurs.fr/vie_associative/gestion-des-risques/">Gestion des risques</a><span role="separator"> · </span><a href="https://guide.deuxfleurs.fr/vie_associative/mentions-legales">Mentions légales</a><span role="separator"> · </span><a href="https://guide.deuxfleurs.fr/operations/sources">Sources</a><span role="separator"> · </span><a href="https://guide.deuxfleurs.fr/vie_associative/nous-rejoindre/">Nous rejoindre</a>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,44 +1,47 @@
|
|||
// dictionary to keep track of frame count for each animation
|
||||
let frameCounts = {};
|
||||
|
||||
function animate(id, delay) {
|
||||
|
||||
// get the container and frames for the amination
|
||||
const container = document.getElementById(id);
|
||||
const frames = container.children;
|
||||
|
||||
// set up the frame counter
|
||||
frameCounts[id] = 0;
|
||||
|
||||
// hide all frames except for the first
|
||||
frames[0].style.display = "flex";
|
||||
for (let i = 1; i < frames.length; i++) {
|
||||
frames[i].style.display = "none";
|
||||
}
|
||||
|
||||
// start the animation
|
||||
const interval = setInterval(updateAnimation, delay, id, frames, frames.length);
|
||||
|
||||
}
|
||||
|
||||
function updateAnimation(id, frames, totalFrames) {
|
||||
|
||||
// increment the frame counter for the given id
|
||||
frameCounts[id] = (frameCounts[id] + 1) % totalFrames;
|
||||
|
||||
// show the next frame
|
||||
frames[frameCounts[id]].style.display = "flex";
|
||||
|
||||
// hide the previous frame
|
||||
if (frameCounts[id] == 0) {
|
||||
frames[totalFrames - 1].style.display = "none";
|
||||
} else {
|
||||
frames[frameCounts[id] - 1].style.display = "none";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
animate("illustration-accueil", 500);
|
||||
animate("rennes", 1000);
|
||||
animate("orsay", 2000);
|
||||
animate("parterre", 1500);
|
||||
// dictionary to keep track of frame count for each animation
|
||||
let frameCounts = {};
|
||||
|
||||
function animate(id, delay) {
|
||||
|
||||
// get the container and frames for the amination
|
||||
const container = document.getElementById(id);
|
||||
const frames = container.children;
|
||||
|
||||
// set up the frame counter
|
||||
frameCounts[id] = 0;
|
||||
|
||||
// hide all frames except for the first
|
||||
frames[0].style.display = "flex";
|
||||
for (let i = 1; i < frames.length; i++) {
|
||||
frames[i].style.display = "none";
|
||||
}
|
||||
|
||||
// start the animation
|
||||
const interval = setInterval(updateAnimation, delay, id, frames, frames.length);
|
||||
|
||||
}
|
||||
|
||||
function updateAnimation(id, frames, totalFrames) {
|
||||
|
||||
// increment the frame counter for the given id
|
||||
frameCounts[id] = (frameCounts[id] + 1) % totalFrames;
|
||||
|
||||
// show the next frame
|
||||
frames[frameCounts[id]].style.display = "flex";
|
||||
|
||||
// hide the previous frame
|
||||
if (frameCounts[id] == 0) {
|
||||
frames[totalFrames - 1].style.display = "none";
|
||||
} else {
|
||||
frames[frameCounts[id] - 1].style.display = "none";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// If the user have a setting on their device to minimize the amount of non-essential motion
|
||||
const preferReduceMotion = window.matchMedia("(prefers-reduced-motion)").matches;
|
||||
|
||||
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);
|
||||
|
|
|
|||
Loading…
Reference in a new issue