diff options
| author | Quentin Dufour <quentin@deuxfleurs.fr> | 2023-10-17 10:05:18 +0200 |
|---|---|---|
| committer | Quentin Dufour <quentin@deuxfleurs.fr> | 2023-10-17 10:05:18 +0200 |
| commit | 7dcd436b8407810c28933d7cfee8f6e36456d622 (patch) | |
| tree | 51e8e581635de3141602b746a02afe66a89a2b52 /static | |
| parent | 4cbd53b6271f3ee616fc383bd03471e370b5a872 (diff) | |
| download | site-7dcd436b8407810c28933d7cfee8f6e36456d622.tar.gz site-7dcd436b8407810c28933d7cfee8f6e36456d622.zip | |
move root to static/ folder
Diffstat (limited to 'static')
| -rw-r--r-- | static/cgu.html | 0 | ||||
| -rw-r--r-- | static/img/deuxfleurs-common-ratio.jpg | bin | 0 -> 233342 bytes | |||
| -rw-r--r-- | static/img/deuxfleurs-rect.jpg | bin | 0 -> 235381 bytes | |||
| -rw-r--r-- | static/img/deuxfleurs-square.jpg | bin | 0 -> 252853 bytes | |||
| -rw-r--r-- | static/img/favicon.ico | bin | 0 -> 15406 bytes | |||
| -rw-r--r-- | static/index.html | 1603 | ||||
| -rw-r--r-- | static/mentions.html | 0 | ||||
| -rw-r--r-- | static/r/rdv23 | 13 | ||||
| -rw-r--r-- | static/risques.html | 0 | ||||
| -rw-r--r-- | static/ronce.webp | bin | 0 -> 426020 bytes | |||
| -rw-r--r-- | static/script-bon.js | 44 | ||||
| -rw-r--r-- | static/sources.html | 0 | ||||
| -rw-r--r-- | static/style-bon.css | 865 |
13 files changed, 2525 insertions, 0 deletions
diff --git a/static/cgu.html b/static/cgu.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/static/cgu.html diff --git a/static/img/deuxfleurs-common-ratio.jpg b/static/img/deuxfleurs-common-ratio.jpg Binary files differnew file mode 100644 index 0000000..485ec8b --- /dev/null +++ b/static/img/deuxfleurs-common-ratio.jpg diff --git a/static/img/deuxfleurs-rect.jpg b/static/img/deuxfleurs-rect.jpg Binary files differnew file mode 100644 index 0000000..e515e9f --- /dev/null +++ b/static/img/deuxfleurs-rect.jpg diff --git a/static/img/deuxfleurs-square.jpg b/static/img/deuxfleurs-square.jpg Binary files differnew file mode 100644 index 0000000..77e26f8 --- /dev/null +++ b/static/img/deuxfleurs-square.jpg diff --git a/static/img/favicon.ico b/static/img/favicon.ico Binary files differnew file mode 100644 index 0000000..0d1103c --- /dev/null +++ b/static/img/favicon.ico diff --git a/static/index.html b/static/index.html new file mode 100644 index 0000000..693198f --- /dev/null +++ b/static/index.html @@ -0,0 +1,1603 @@ +<!DOCTYPE html>
+<!--
+ Un site web imaginé, planté et arrosé avec patience et amour par Esther Bouquet (estherbouquet.com) et Quentin Dufour (quentin.dufour.io)
+ Illustrations en ascii par Esther Bouquet.
+ Script d'animation par Matt Jacobson.
+ Illustration des valeurs par Ronce
+-->
+<html lang="fr">
+<head>
+ <meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src 'self'; script-src 'self'; style-src 'self'">
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, height=device-height, minimum-scale=1.0">
+ <meta name="color-scheme" content="dark">
+ <meta name="color-scheme" content="light">
+
+ <!-- balises meta basiques pour moteurs de recherche -->
+ <meta name="description" content="Association qui œuvre pour un internet convivial en utilisant des infrastructures et outils sobres.">
+ <meta name="keywords" content="association, logiciels libres, alternative, serveurs">
+
+ <!-- balises meta utilisées pour partage sur réseaux sociaux afin d'être sûr.es que ce soit ces infos qui soient récupérées -->
+ <meta property="og:title" content="Deuxfleurs : fabriquons un internet convivial">
+ <meta property="og:type" content="website">
+ <meta property="og:image" content="https://deuxfleurs.fr/img/deuxfleurs-common-ratio.jpg">
+ <meta property="og:url" content="https://deuxfleurs.fr/">
+ <meta property="og:description" content="Association qui œuvre en utilisant ses propres infrastructures, des outils sobres et des valeurs fortes.">
+
+ <!-- balises meta spécifiques à twitter cf Summary Card -->
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="Deuxfleurs : fabriquons un internet convivial">
+ <meta name="twitter:description" content="Association qui œuvre en utilisant ses propres infrastructures, des outils sobres et des valeurs fortes.">
+ <meta name="twitter:image" content="https://deuxfleurs.fr/img/deuxfleurs-square.jpg"> <!-- ratio 1:1 | format carré nécessairement en jpg, png, gif ou webp. -->
+ <meta name="twitter:image:alt" content="Parterre de fleurs différentes dessinées en ascii art">
+
+ <!-- balises meta spécifiques à twitter cf Summary Card with large image -->
+ <meta name="twitter:card" content="summary_large_image">
+ <meta name="twitter:image" content="https://deuxfleurs.fr/img/deuxfleurs-rect.jpg"> <!-- ratio 2:1 -->
+
+ <title>Deuxfleurs : fabriquons un internet convivial</title>
+
+ <!-- liens vers style css et favicon-->
+ <link rel="stylesheet" type="text/css" href="style-bon.css">
+ <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
+</head>
+
+<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">
+ <a href="https://guichet.deuxfleurs.fr/" role="menuitem" aria-label="compte" class="icone">
+ <pre aria-hidden="true">
+ (COMPTE)
+ !!___/\
+ |___/__\
+ || || .|
+ ||_||__| </pre>
+ <pre class="img_top" aria-hidden="true">
+ ( ))) )
+ !!___/\
+ |___/__\
+ ||*|| .|
+ ||_||__| </pre>
+ </a>
+ </li>
+ <li role="none">
+ <a href="https://guide.deuxfleurs.fr/" role="menuitem" aria-label="wiki" class="icone">
+ <pre aria-hidden="true">
+ ((((((()
+ |------|
+ | WIKI |
+ |------|
+ |______| </pre>
+ <pre class="img_top" aria-hidden="true">
+ ((((((()
+ /-----/|
+ /-----/ |
+/_____/ |
+ |______| </pre>
+ </a>
+ </li>
+ <li role="none">
+ <a href="https://plume.deuxfleurs.fr/" role="menuitem" aria-label="blog" class="icone">
+ <pre aria-hidden="true">
+ |¨¨¨¨|
+ |BLOG|
+ (|____|)
+ |o == .|
+ \______/ </pre>
+ <pre class="img_top" aria-hidden="true">
+ |~~ |
+ | ~~ |
+ (|____|)
+ |o == .|
+ \______/ </pre>
+ </a>
+ </li>
+ </ul>
+ </nav>
+
+ <div id="container">
+ <main aria-label="contenu de la page web">
+ <h1 id="deuxfleurs"><span role="img" aria-label="2 emojis fleur blanche">💮💮 </span>deuxfleurs</h1>
+ <div id="jardin">
+ <div id="illustration-accueil" class="noscroll" role="img" aria-label="deux fleurs dessinées en ascii animées">
+ <!-- séquences de l'animation qui est lancée grâce à l'avant avant dernière ligne -->
+ <pre class="center">
+ '\ ; /'
+ ·`.;.;.`·
+ ·— · · —·
+ ·`';.;'`·
+ '/ ; \'
+ .-.
+ .( ; ;
+ .-. (_.():')
+ _( ' ; /(' ; .)
+ ( `(·)` ; ``-'
+ ',_' `·,'
+ `-`\| +---------------------+
+ . /) | B i e n v e n u e |
+ (\|/ +---------------------+
+ | | |
+.,.,\/,}\|//,,, ;/,,\/ | , \,,,;/. ;.;, |,,,,;,;..
+ </pre>
+ <pre class="center">
+ '\ ; /'
+ ·`.;.;.`·
+ ·— · · —·
+ ·`';.;'`·
+ '/ ; \'
+ .-.
+ .( ; ;
+ .-. (_.():')
+ _( ' ; /(' ; .)
+ ( `(·)` ; ``-'
+ ',_' `·,'
+ `-`\| +---------------------+
+ . /) | B i e n v e n u e |
+ (\|/ +---------------------+
+ | | |
+.,.,\/,}\|//,,, ;/,,\/ | , \,,,;/. ;.;, |,,,,;,;..
+ </pre>
+ <pre class="center">
+ '\ ; /'
+ ·`.;.;.`·
+ ·— · · —·
+ ·`';.;'`·
+ '/ ; \'
+ .-.
+ .( ; ;
+ .-. (_.():')
+ _( ' ; /(' ; .)
+ ( `(·)` ; ``-'
+ ',_' `·,'
+ `-`\| +---------------------+
+ . /) | B i e n v e n u e |
+ (\|/ +---------------------+
+ | | |
+.,.,\/,}\|//,,, ;/,,\/ | , \,,,;/. ;.;, |,,,,;,;..
+ </pre>
+ <pre class="center">
+-., '\ ; /'
+ ';.) ·`.;.;.`·
+ , ) ·— · · —·
+) ) ' ·`';.;'`·
+ '/ ; \'
+ .-.
+ .( ; ;
+ .-. (_.():')
+ _( ' ; /(' ; .)
+ ( `(·)` ; ``-'
+ ',_' `·,'
+ `-`\| +---------------------+
+ . /) | B i e n v e n u e |
+ (\|/ +---------------------+
+ | | |
+.,.,\/,}\|//,,, ;/,,\/ | , \,,,;/. ;.;, |,,,,;,;..
+ </pre>
+ <pre class="center">
+ - -., '\ ; /'
+ ( ' ';.) ·`.;.;.`·
+('. ( , ) ·— · · —·
+ (.';.) ) ' ·`';.;'`·
+ '/ ; \'
+ .-.
+ .( ; ;
+ .-. (_.():')
+ _( ' ; /(' ; .)
+ ( `(·)` ; ``-'
+ ',_' `·,'
+ `-`\| +---------------------+
+ . /) | B i e n v e n u e |
+ (\|/ +---------------------+
+ | | |
+.,.,\/,}\|//,,, ;/,,\/ | , \,,,;/. ;.;, |,,,,;,;..
+ </pre>
+ <pre class="center">
+ - -., '\ ; /'
+ ( ' ';.) ·`.;.;.`·
+ ('. ( , ) ·— · · —·
+ (.';.) ) ' ·`';.;'`·
+ '/ ; \'
+ .-.
+ .( ; ;
+ .-. (_.():')
+ _( ' ; /(' ; .)
+ ( `(·)` ; ``-'
+ ',_' `·,'
+ `-`\| +---------------------+
+ . /) | B i e n v e n u e |
+ (\|/ +---------------------+
+ | | |
+.,.,\/,}\|//,,, ;/,,\/ | , \,,,;/. ;.;, |,,,,;,;..
+ </pre>
+ <pre class="center">
+ - -., '\ ; /'
+ ( ' ';.) ·`.;.;.`·
+ ('. ( , ) ·— · · —·
+ (.';.) ) ' ·`';.;'`·
+ '/ ; \'
+ .-.
+ .( ; ;
+ .-. (_.():')
+ _( ' ; /(' ; .)
+ ( `(·)` ; ``-'
+ ',_' `·,'
+ `-`\| +---------------------+
+ . /) | B i e n v e n u e |
+ (\|/ +---------------------+
+ | | |
+.,.,\/,}\|//,,, ;/,,\/ | , \,,,;/. ;.;, |,,,,;,;..
+ </pre>
+ <pre class="center">
+ - -., '\ ; /'
+ ( ' ';.) ·`.;.;.`·
+ ('. ( , ) ·— · · —·
+ (.';.) ) ' ·`';.;'`·
+ . ; . '/ ; \'
+ .-.,
+ .( ; ;
+ .-. (_.():')
+ _( ' ; /(' ; .)
+ ( `(·)` ; ``-'
+ ',_' `·,'
+ `-`\| +---------------------+
+ . /) | B i e n v e n u e |
+ (\|/ +---------------------+
+ | | |
+.,.,\/,}\|//,,, ;/,,\/ | , \,,,;/. ;.;, |,,,,;,;..
+ </pre>
+ <pre class="center">
+ - -., '\ ; /'
+ ( ' ';.) ·`.;.;.`·
+ ('. ( , ) ·— · · —·
+ (.';.) ) ' ·`';.;'`·
+ | '/ ; \'
+ .-.` ;
+ .( ; ; , |
+ .-. (_.():')
+ _( ' ; /(' ; .) .
+ ( `(·)` ; ``-' |
+ ',_' `·,' . ;
+ `-`\| , +---------------------+
+ . /) | B i e n v e n u e |
+ (\|/ . +---------------------+
+ | | |
+.,.,\/,}\|//,,, ;/,,\/ | , \,,,;/. ;.;, |,,,,;,;..
+ </pre>
+ <pre class="center">
+ - -., '\ ; /'
+ ( ' ';.) ·`.;.;.`·
+ ('. ( , ) ·— · · —·
+ (.';.) ) ' ·`';.;'`·
+ ; ` '/ ; \'
+ ,.-. | |
+ .( ; ; . ;
+ .-. (_.():') |
+ _( ' ; /(' ; .) ;
+ ( `(·)` ; ``-' | .
+ ',_' `·,' . | |
+ `-`\| ` +---------------------+
+ . /) , | B i e n v e n u e |
+ (\|/ '; +---------------------+
+ | . ; | |
+.,.,\/,}\|//,,, ;/,,\/ | , \,,,;/. ;.;, |,,,,;,;..
+ </pre>
+ <pre class="center">
+ - -., '\ ; /'
+ ( ' ';.) ·`.;.;.`·
+ ('. ( , ) ·— · · —·
+ (.';.) ) ' ·`';.;'`·
+ , '/ ; \'
+ .-. "
+ .( ; ; :
+ .-. (_.():')
+ _( ' ; /(' ; .) ` ,
+ ( `(·)` ; ``-' | `
+ ',_' `·,' ; ,
+ `-`\| , . | +---------------------+
+ . /) , | B i e n v e n u e |
+ (\|/ | +---------------------+
+ | | ; , ,| |
+.,.,\/,}\|//,,,.;/,,\/; | , \,,,;/. ;.;, |,,,,;,;..
+ </pre>
+ <pre class="center">
+ - -., '\ ; /'
+ ( ' ';.) ·`.;.;.`·
+ ('. ( , ) ·— · · —·
+ (.';.) ) ' ·`';.;'`·
+ '/ ; \'
+ .-.
+ .( ; ; ,
+ .-. (_.():') ;
+ _( ' ; /(' ; .) :
+ ( `(·)` ; ``-' " ;
+ ',_' `·,' ' `
+ `-`\| ` ,+---------------------+
+ . /) , | | B i e n v e n u e |
+ (\|/ , ; +---------------------+
+ | , . |. | |
+.,.,\/,}\|//,,, ;/,,\/ :| , \,,,;/. ;.;, |,,,,;,;..
+ </pre>
+ <pre class="center">
+ - -., '\ ; /'
+ ( ' ';.) ·`.;.;.`·
+ ('. ( , ) ·— · · —·
+ (.';.) ) ' ·`';.;'`·
+ '/ ; \'
+ .-.
+ .( ; ;
+ .-. (_.():')
+ _( ' ; /(' ; .)
+ ( `(·)` ; ``-'
+ ',_' `·,' ,
+ `-`\| " ; +---------------------+
+ . /) ; | B i e n v e n u e |
+ (\|/ ' +---------------------+
+ | ` ` | |
+.,.,\/,}\|//,,, ;/,,\/: | , \,,,;/. ;.;, |,,,,;,;..
+ </pre>
+ <pre class="center">
+ - -., '\ ; /'
+ ( ' ';.) ·`.;.;.`·
+ ('. ( , ) ·— · · —·
+ (.';.) ) ' ·`';.;'`·
+ '/ ; \'
+ .-.
+ .( ; ;
+ .-. (_.():')
+ _( ' ; /(' ; .)
+ ( `(·)` ; ``-'
+ ',_' `·,'
+ `-`\| +---------------------+
+ . /) | B i e n v e n u e |
+ (\|/ +---------------------+
+ | | |
+.,.,\/,}\|//,,, ;/,,\/ | , \,,,;/. ;.;, |,,,,;,;..
+ </pre>
+ <pre class="center">
+ - -., '\ ; /'
+ ( ' ';.) ·`.;.;.`·
+ ('. ( , ) ·— · · —·
+ (.';.) ) ' ·`';.;'`·
+ '/ ; \'
+ .-.
+ .( ; ;
+ .-. (_.():')
+ _( ' ; /(' ; .)
+ ( `(·)` ; ``-'
+ ',_' `·,'
+ `-`\| +---------------------+
+ . /) | B i e n v e n u e |
+ (\|/ +---------------------+
+ | | |
+.,.,\/,}\|//,,, ;/,,\/ | , \,,,;/. ;.;, |,,,,;,;..
+ </pre>
+ <pre class="center">
+ - -., '\ ; /'
+ ( ' ';.) ·`.;.;.`·
+ ('. ( , ) ·— · · —·
+ (.';.) ) ' ·`';.;'`·
+ '/ ; \'
+ .-.
+ .( ; ;
+ .-. (_.():')
+ _( ' ; /(' ; .)
+ ( `(·)` ; ``-'
+ ',_' `·,'
+ `-`\| +---------------------+
+ . /) | B i e n v e n u e |
+ (\|/ +---------------------+
+ | | |
+.,.,\/,}\|//,,, ;/,,\/ | , \,,,;/. ;.;, |,,,,;,;..
+ </pre>
+ <pre class="center">
+ - -., '\ ; /'
+ ( ' ';.)`.;.;.`·
+ ('. ( , )· · —·
+ (.';.) ) '`';.;'`·
+ '/ ; \'
+ .-.
+ .( ; ;
+ .-. (_.():')
+ _( ' ; /(' ; .)
+ ( `(·)` ; ``-'
+ ',_' `·,'
+ `-`\| +---------------------+
+ . /) | B i e n v e n u e |
+ (\|/ +---------------------+
+ | | |
+.,.,\/,}\|//,,, ;/,,\/ | , \,,,;/. ;.;, |,,,,;,;..
+ </pre>
+ <pre class="center">
+ - -.,; /'
+ ( ' ';.)`·
+ ('. ( , )—·
+ (.';.) ) '`·
+ '/ ; \'
+ .-.
+ .( ; ;
+ .-. (_.():')
+ _( ' ; /(' ; .)
+ ( `(·)` ; ``-'
+ ',_' `·,'
+ `-`\| +---------------------+
+ . /) | B i e n v e n u e |
+ (\|/ +---------------------+
+ | | |
+.,.,\/,}\|//,,, ;/,,\/ | , \,,,;/. ;.;, |,,,,;,;..
+ </pre>
+ <pre class="center">
+ '\ ;- -.,;
+ ·`.( ' ';.
+ ·—('. ( ,
+ ·`'(.';.) )
+ '/ ; \'
+ .-.
+ .( ; ;
+ .-. (_.():')
+ _( ' ; /(' ; .)
+ ( `(·)` ; ``-'
+ ',_' `·,'
+ `-`\| +---------------------+
+ . /) | B i e n v e n u e |
+ (\|/ +---------------------+
+ | | |
+.,.,\/,}\|//,,, ;/,,\/ | , \,,,;/. ;.;, |,,,,;,;..
+ </pre>
+ <pre class="center">
+ '\ ; /' -
+ ·`.;.;.`·(
+ ·— · ·('. (
+ ·`';.;'`·(.'
+ '/ ; \'
+ .-.
+ .( ; ;
+ .-. (_.():')
+ _( ' ; /(' ; .)
+ ( `(·)` ; ``-'
+ ',_' `·,'
+ `-`\| +---------------------+
+ . /) | B i e n v e n u e |
+ (\|/ +---------------------+
+ | | |
+.,.,\/,}\|//,,, ;/,,\/ | , \,,,;/. ;.;, |,,,,;,;..
+ </pre>
+ <pre class="center">
+ '\ ; /'
+ ·`.;.;.`·
+ ·— · · —·
+ ·`';.;'`·
+ '/ ; \'
+ .-.
+ .( ; ;
+ .-. (_.():')
+ _( ' ; /(' ; .)
+ ( `(·)` ; ``-'
+ ',_' `·,'
+ `-`\| +---------------------+
+ . /) | B i e n v e n u e |
+ (\|/ +---------------------+
+ | | |
+.,.,\/,}\|//,,, ;/,,\/ | , \,,,;/. ;.;, |,,,,;,;..
+ </pre>
+ </div>
+ <p>Fabriquons un internet convivial ⤵</p>
+ </div>
+ <h1 id="deuxfleurs"><span role="img" aria-label="2 emojis fleur blanche">💮💮 </span>deuxfleurs</h1>
+ <h2 id="infras">Avec nos propres infrastructures</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">/¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨\
+| || || || |
+| || || || |
+| || || || |
+| ||_____________||_____________|| |
+| *——————————————————————————————* |
+| |
+| |
+| |
+|_____________________ ._________________________. |
+| ` |!"""""""""""|"""""""""""!| (\__ |
+| | || o |.-. _ _.-.|| :=))))-, |
+| | || || |_| |•| ||| (/ ' -; |
+| . . | ||"""""""""""||π| |·| |◦||| /, __/) |
+| | _._ |! || |*| |◦|-|!| .·((((=: |
+| |.' ` |! ________ || | |x|·| |!| ||| \) |
+|____________________ / / |||\\\\ - •| |"""""""""""|| / \ |
+| )| / |||________| | _ _ || / \ |
+|====================/ / |||\\\\ - o| || |_ |`|_ || | | |
+| / |||________| ||*| |_|M|*||| | | |
+|________________________/ |||\\\\ - •| || |O|-| |S||| \ / |
+|————————————————————————........|||________| ||P|¨|E|`| |||........':___.'.....|
+| //\\ !!———————————————————————!! """"" |
+| \\ |
+\_______________________________________________________________________________/</pre>
+ <pre class="center">/¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨\
+| || || || |
+| || || || |
+| || || || |
+| ||_____________||_____________|| |
+| *——————————————————————————————* |
+| |
+| |
+| |
+|_____________________ ._________________________. |
+| ` |!"""""""""""|"""""""""""!| (\__ |
+| | || o |.-. _ _.-.|| :=))))-, |
+| | || || |_| |•| ||| (/ ' -; |
+| . . | ||"""""""""""||π| |·| |◦||| /, __/) |
+| | _._ |! || |*| |◦|-|!| .·((((=: |
+| |.' ` |! ________ || | |x|·| |!| ||| \) |
+|____________________ / / |||\\\\ - •| |"""""""""""|| / \ |
+| )| / |||________| | _ _ || / \ |
+|====================/ / |||\\\\ - •| || |_ |`|_ || | | |
+| / |||________| ||*| |_|M|*||| | | |
+|________________________/ |||\\\\ - o| || |O|-| |S||| \ / |
+|————————————————————————........|||________| ||P|¨|E|`| |||........':___.'.....|
+| //\\ !!———————————————————————!! """"" |
+| \\ |
+\_______________________________________________________________________________/</pre>
+ <pre class="center">/¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨\
+| || || || |
+| || || || |
+| || || || |
+| ||_____________||_____________|| |
+| *——————————————————————————————* |
+| |
+| |
+| |
+|_____________________ ._________________________. |
+| ` |!"""""""""""|"""""""""""!| (\__ |
+| | || o |.-. _ _.-.|| :=))))-, |
+| | || || |_| |•| ||| (/ ' -; |
+| . . | ||"""""""""""||π| |·| |◦||| /, __/) |
+| | _._ |! || |*| |◦|-|!| .·((((=: |
+| |.' ` |! ________ || | |x|·| |!| ||| \) |
+|____________________ / / |||\\\\ - •| |"""""""""""|| / \ |
+| )| / |||________| | _ _ || / \ |
+|====================/ / |||\\\\ - o| || |_ |`|_ || | | |
+| / |||________| ||*| |_|M|*||| | | |
+|________________________/ |||\\\\ - o| || |O|-| |S||| \ / |
+|————————————————————————........|||________| ||P|¨|E|`| |||........':___.'.....|
+| //\\ !!———————————————————————!! """"" |
+| \\ |
+\_______________________________________________________________________________/</pre>
+ <pre class="center">/¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨\
+| || || || |
+| || || || |
+| || || || |
+| ||_____________||_____________|| |
+| *——————————————————————————————* |
+| |
+| |
+| |
+|_____________________ ._________________________. |
+| ` |!"""""""""""|"""""""""""!| (\__ |
+| | || o |.-. _ _.-.|| :=))))-, |
+| | || || |_| |•| ||| (/ ' -; |
+| . . | ||"""""""""""||π| |·| |◦||| /, __/) |
+| | _._ |! || |*| |◦|-|!| .·((((=: |
+| |.' ` |! ________ || | |x|·| |!| ||| \) |
+|____________________ / / |||\\\\ - o| |"""""""""""|| / \ |
+| )| / |||________| | _ _ || / \ |
+|====================/ / |||\\\\ - •| || |_ |`|_ || | | |
+| / |||________| ||*| |_|M|*||| | | |
+|________________________/ |||\\\\ - •| || |O|-| |S||| \ / |
+|————————————————————————........|||________| ||P|¨|E|`| |||........':___.'.....|
+| //\\ !!———————————————————————!! """"" |
+| \\ |
+\_______________________________________________________________________________/</pre>
+ <pre class="center">/¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨\
+| || || || |
+| || || || |
+| || || || |
+| ||_____________||_____________|| |
+| *——————————————————————————————* |
+| |
+| |
+| |
+|_____________________ ._________________________. |
+| ` |!"""""""""""|"""""""""""!| (\__ |
+| | || o |.-. _ _.-.|| :=))))-, |
+| | || || |_| |•| ||| (/ ' -; |
+| . . | ||"""""""""""||π| |·| |◦||| /, __/) |
+| | _._ |! || |*| |◦|-|!| .·((((=: |
+| |.' ` |! ________ || | |x|·| |!| ||| \) |
+|____________________ / / |||\\\\ - o| |"""""""""""|| / \ |
+| )| / |||________| | _ _ || / \ |
+|====================/ / |||\\\\ - o| || |_ |`|_ || | | |
+| / |||________| ||*| |_|M|*||| | | |
+|________________________/ |||\\\\ - o| || |O|-| |S||| \ / |
+|————————————————————————........|||________| ||P|¨|E|`| |||........':___.'.....|
+| //\\ !!———————————————————————!! """"" |
+| \\ |
+\_______________________________________________________________________________/</pre>
+ <pre class="center">/¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨\
+| || || || |
+| || || || |
+| || || || |
+| ||_____________||_____________|| |
+| *——————————————————————————————* |
+| |
+| |
+| |
+|_____________________ ._________________________. |
+| ` |!"""""""""""|"""""""""""!| (\__ |
+| | || o |.-. _ _.-.|| :=))))-, |
+| | || || |_| |•| ||| (/ ' -; |
+| . . | ||"""""""""""||π| |·| |◦||| /, __/) |
+| | _._ |! || |*| |◦|-|!| .·((((=: |
+| |.' ` |! ________ || | |x|·| |!| ||| \) |
+|____________________ / / |||\\\\ - o| |"""""""""""|| / \ |
+| )| / |||________| | _ _ || / \ |
+|====================/ / |||\\\\ - •| || |_ |`|_ || | | |
+| / |||________| ||*| |_|M|*||| | | |
+|________________________/ |||\\\\ - o| || |O|-| |S||| \ / |
+|————————————————————————........|||________| ||P|¨|E|`| |||........':___.'.....|
+| //\\ !!———————————————————————!! """"" |
+| \\ |
+\_______________________________________________________________________________/</pre>
+ </div>
+ <div id="orsay" role="img" aria-label="illustration de trois serveurs informatiques rangés sur l'étagère d'un bureau">
+ <pre class="center">/¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨\
+| |
+| |
+| |
+| ________ \./ |
+| _ |•- \\\\| \./ —:::— |
+| _|M|-._ _ .|________| —;;:— /.\ |
+| _|·|A|◦| | | |o- \\\\| : / |
+| |*| |T|-| | |_ |________|. (*´¨)\_/))`. |
+| | | |H| | |*| | |o- \\\\| \) ./.\) |
+| _____|_|_|_|_|_|_|_|____|________|________\__/___________ |
+| """"""""""""""""""""""""""""""""""""""""""""""""""""""""" |
+| _____ _____________________ _______________ |
+| . . |.———————————————————.| ——————————————— |
+| | | _____ || || |_|_|_|_|_|_|_| |
+| | | . . || || |_|_|_|_|_|x|_| |
+| ._____. | | || || |_|_|_|x|_|_|_| |
+| | | || || |_|_|_|_|_|_|_| |
+| ._____. |.———————————————————.| |_|_|_|_______| |
+| `—————————————————————' |
+| _________________/ \_________________ |
+| . ` /_____\ ` . |
+| .` ________________ ________ `. |
+| .` /________________\ \________. `. |
+\___________`_______________________________________________________`___________/</pre>
+ <pre class="center">/¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨\
+| |
+| |
+| |
+| ________ \./ |
+| _ |o- \\\\| \./ —:::— |
+| _|M|-._ _ .|________| —;;:— /.\ |
+| _|·|A|◦| | | |•- \\\\| : / |
+| |*| |T|-| | |_ |________|. (*´¨)\_/))`. |
+| | | |H| | |*| | |o- \\\\| \) ./.\) |
+| _____|_|_|_|_|_|_|_|____|________|________\__/___________ |
+| """"""""""""""""""""""""""""""""""""""""""""""""""""""""" |
+| _____ _____________________ _______________ |
+| . . |.———————————————————.| ——————————————— |
+| | | _____ || || |_|_|_|_|_|_|_| |
+| | | . . || || |_|_|_|_|_|x|_| |
+| ._____. | | || || |_|_|_|x|_|_|_| |
+| | | || || |_|_|_|_|_|_|_| |
+| ._____. |.———————————————————.| |_|_|_|_______| |
+| `—————————————————————' |
+| _________________/ \_________________ |
+| . ` /_____\ ` . |
+| .` ________________ ________ `. |
+| .` /________________\ \________. `. |
+\___________`_______________________________________________________`___________/</pre>
+ <pre class="center">/¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨\
+| |
+| |
+| |
+| ________ \./ |
+| _ |o- \\\\| \./ —:::— |
+| _|M|-._ _ .|________| —;;:— /.\ |
+| _|·|A|◦| | | |o- \\\\| : / |
+| |*| |T|-| | |_ |________|. (*´¨)\_/))`. |
+| | | |H| | |*| | |•- \\\\| \) ./.\) |
+| _____|_|_|_|_|_|_|_|____|________|________\__/___________ |
+| """"""""""""""""""""""""""""""""""""""""""""""""""""""""" |
+| _____ _____________________ _______________ |
+| . . |.———————————————————.| ——————————————— |
+| | | _____ || || |_|_|_|_|_|_|_| |
+| | | . . || || |_|_|_|_|_|x|_| |
+| ._____. | | || || |_|_|_|x|_|_|_| |
+| | | || || |_|_|_|_|_|_|_| |
+| ._____. |.———————————————————.| |_|_|_|_______| |
+| `—————————————————————' |
+| _________________/ \_________________ |
+| . ` /_____\ ` . |
+| .` ________________ ________ `. |
+| .` /________________\ \________. `. |
+\___________`_______________________________________________________`___________/</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 à Lyon, 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">
+ <pre class="center" aria-hidden="true">
+
+
+ _______________________________________________________________________
+ /!¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨!\
+ ||—————————————————————————————————————————————————————————————— — o x ||
+ _ || ||
+ _ / `\ _ || , ,, .;, ;., ||
+ _ ( `'.\ /.'` ) || ;. ;., ;,.,. ||
+ _ / `\ '_ .(())._.' || ,, ,;/. ;.;, ;, |,, ||
+( `'.\ /.'` ),`""`, '- || ,,,;, ' {.} ||
+ '._.(())._.'-'/ \'-._) || .,:.,.,\/,}.;. ;.. , ||
+ -' ,`""`, '- /\_,/ || (., ,;, ._ ;. (\|/.; ,: ||
+(_.-'/ \'-._) ,-``. || -; ;.- ..,, ` ||
+ \_,/\ / __/ /` || ,;,, .; ||
+ \ | / _.' || ;,. ;.. deuxfleurs.fr ||
+ || \_,/ || . ,,\|/ ,, ;/,, ||
+ , ----`-- , || . ,*;-. .;. ;,;.. . ,; ||
+ |-::\|/..-| || ;` `. .,.: ;, ,,;,; ||
+ |:. / . | || (( ) ;:., ;. , ||
+ |:./ /\. | || ;, .., :.;; ,.,:.,.,\ (:) ||
+ |:.`.\/ | || ...., ,.,: : .,. ||
+ |:. |.`. | || ..., |/.,;| ;../ ||
+ |:. /| \ | ||;... .:,;.,. .;..,..,., ||
+ |:.. `. | | || ,,,,,\/,}/,,, ;/,,\/ , \,,,;/. ;.;, |,, ;...,|, ||
+ .:.`; . |!_____________________________________________________________________!|
+ |:. - -.._| !———————————————————————————————————————————————————————————————————————!
+ `-.____.-' .`-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-|-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-`.
+ .`-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-----------\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-`.
+ .` /_________|_________\ `.
+ {_________________________________________________________________________________}
+ "—————————————————————————————————————————————————————————————————————————————————"</pre>
+ </div>
+ <section id="liste_outils" aria-label="liste des outils proposés par Deuxfleurs">
+ <a href="https://guide.deuxfleurs.fr/prise_en_main/matrix/" role="link" aria-label="messagerie instantanée avec Matrix">
+ <div id="discussion" aria-hidden="true">
+ <pre class="center">!¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨!
+| x|
+| discussion |
+| ~~~~~~ ! ||
+|| ~~~~~ ! |
+| ~~ ~~ ? ||
+|| ~~ ~~ ~~~~ ~~~~~~~~ |
+|| ~~~~~~~~~~~ ? |
+!__________________________!</pre>
+ <p>Messagerie instantanée avec Matrix</p>
+ </div>
+ </a>
+ <a href="https://guide.deuxfleurs.fr/prise_en_main/jitsi/" role="link" aria-label="visioconférence avec Jitsi">
+ <div id="visio" aria-hidden="true">
+ <pre class="center">!¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨!
+| .,:¨¨¨:,. [__]|
+| visio !' '! |
+| (. • • .) |
+| ! ~ ! |
+| \ `-' / |
+| _.`. .'._ |
+| _.-~' \-/ `~-._ |
+!__________________________!</pre>
+ <p>Visioconférence avec Jitsi</p>
+ </div>
+ </a>
+ <a href="https://guide.deuxfleurs.fr/prise_en_main/web/" role="link" aria-label="hébergement de site web">
+ <div id="sites-web" aria-hidden="true">
+ <pre class="center">!¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨!
+|——————————————————————————|
+| sites ______________ x|
+| ----|web x|-- |
+| .———| ~~~~~~~~~~ |—. |
+| | | .————..————. | | |
+| |___| |____||____| |_| |
+| ~~~~|______________|~~ |
+!__________________________!</pre>
+ <p>Hébergement de site web </p>
+ </div>
+ </a>
+ <a href="https://guide.deuxfleurs.fr/prise_en_main/email/" role="link" aria-label="email (beta)">
+ <div id="emails" aria-hidden="true" >
+ <pre class="center">!¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨!
+| | • ~~~~~~~~~~~~~~ |
+| mails | • ~~~~~~~~~~~~~~ |
+| | • ~~~~~~~~~~~~~~ |
+| |o ——————————————— |
+| |o ——————————————— |
+| |o ——————————————— |
+| [] [] |o ——————————————— |
+!__________________________!</pre>
+ <p>Email (beta)</p>
+ </div>
+ </a>
+ <a href="https://guide.deuxfleurs.fr/prise_en_main/cryptpad/" role="link" aria-label="suite collaborative avec CryptPad">
+ <div id="collaboration" aria-hidden="true">
+ <pre class="center">!¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨!
+| |_|_|_|_|_|_|_|_| []|
+| col- _______________ |
+| |~ lab ~~~~~~~~~| |
+| |~ ora ~~~~~~~~~| |
+| |~ tion ~~~~~~~~| |
+| |~~~~~~~~~~~~~~~| |
+| |~~~~~~~~~~~~~~~| |
+!_____|_______________|____!</pre>
+ <p>Suite collaborative avec CryptPad</p>
+ </div>
+ </a>
+ <a href="https://guide.deuxfleurs.fr/prise_en_main/plume/" role="link" aria-label="blog décentralisé avec Plume">
+ <div id="blog" aria-hidden="true">
+ <pre class="center">!¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨!
+| ______________ |
+| blog —————————————— |
+| .____________. |
+| |____________| |
+| ~~~~~~~~~~~~~~ |
+| ~~~~~~~~~~~~~~ |
+| ~~~~~~~~~~ [_] |
+!__________________________!</pre>
+ <p>Blog décentralisé avec Plume</p>
+ </div>
+ </a>
+ </section>
+ <div id="txt_outils">
+ <p>Remplacez WhatsApp, Slack, Gmail, Zoom ou encore Google Drive par des outils Deuxfleurs. Nous proposons des alternatives sobres et non-marchandes à ces services, pour que vous restiez en contact avec votre entourage, votre association ou votre collectif.</p>
+ <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>
+ <div id="ronce">
+ <img src="./ronce.webp" loading="lazy" 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>
+ <section id="liste_valeurs">
+ <p id="coop">La coopération <span class="description">- eg. promouvoir l'intéropérabilité, les communs, le libre, et les formats de données ouverts </span></p>
+ <p id="autonomie">L'autonomie <span class="description">- eg. gérer nos propres moyens de communications, prendre nos propres décisions</span></p>
+ <p id="solidarite">La solidarité <span class="description">- eg. partager le savoir, partager les ressources informatiques, s'entraider pour la gestion des services</span></p>
+ <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>
+ <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 style="text-decoration: underline;">coucou[@]deuxfleurs.fr</span>, rejoignez-nous sur le salon Matrix <span style="text-decoration: underline;">#deuxfleurs:deuxfleurs.fr</span> ou rencontrez-nous à : </p>
+ <ul>
+ <!-- SEPTEMBRE -->
+ <!--<li role="none"><a href="https://freedomnotfear.org/">Freedom not Fear</a> au Mundo B (Bruxelles), <span class="highlight">du 2 au 5 septembre.</span><br>Conférence pour défendre les libertés fondamentales dans le numérique : échanges sur le cadre légal au niveau européen, rencontre avec des députés.</li>
+ <li role="none"><a href="https://www.laquadrature.net/agenda/">Quadr'apéro</a> à La Quadrature du Net (Paris), <span class="highlight">le 15 septembre à 19h.</span><br>Rencontre mensuelle avec la Quadrature, échange sur les libertés fondamentales et point sur les actions de LQDN.</li>
+ <li role="none"><a href="https://www.agendadulibre.org/events/25967">Cafés du libre</a> au Café Citoyen (Lille), <span class="highlight">le 27 septembre à 20h.</span><br>La permanence associative autour du Libre est une manifestation conviviale, ouverte à toutes et tous, organisée par Chtinux le dernier mardi de chaque mois. Vous pourrez y rencontrer Adrien.</li>
+ -->
+ <!-- OCTOBRE -->
+ <!--<li role="none"><a href="https://agiralyon.fr/">Festival Agir à Lyon</a> à la Maison pour tous des Rancy (Lyon), <span class="highlight">le 9 octobre.</span><br>Festival organisé par Anciela pour agir pour la transition écologique et solidaire. Quentin présentera notre vision de la sobriété numérique avec Commown et Telecoop.</li>
+ <li role="none"><a href="https://www.agendadulibre.org/events/26101">Permanence associative autour du libre</a> au Café Citoyen (Lille), <span class="highlight">le 25 octobre à 20h.</span><br>La permanence associative autour du Libre est une manifestation conviviale, ouverte à toutes et tous, organisée par <a href="https://raoull.org/">Raoull</a> et Deuxfleurs le dernier mardi de chaque mois. Vous pourrez y rencontrer Adrien.</li>
+ <li role="none"><a href="https://pad.deuxfleurs.fr/form/#/2/form/view/mAscGaMNHcBlHs1H30bP-tqOsGrP-kLkGvFipK+EuvE/embed/">Permanence Deuxfleurs</a> à Bricologis, Vaulx en Velin (proche Lyon), <span class="highlight">le 29 octobre de 14h à 16h.</span><br>Deuxfleurs organise sa première permanence avec Bricologis pour vous aider à transitionner vers un Internet éthique ! L'inscription est requise en cliquant sur le lien ci-dessus.</li>
+ -->
+ <!-- NOVEMBRE -->
+ <!--
+ <li role="none"><a href="https://capitoledulibre.org/">Capitole du Libre</a> à l'ENSEEIHT (Toulouse), <span class="highlight">le 19 et 20 novembre.</span><br>Conférence annuelle dédiée au logiciel libre, ouverte à tout public et ceci gratuitement. Vincent y présentera le logiciel Garage et ses impacts sur l'hébergement de services.</li>
+ <li role="none"><a href="https://www.agendadulibre.org/events/26185">Permanence associative autour du libre</a> au Café Citoyen (Lille), <span class="highlight">le 29 novembre à 20h.</span><br>La permanence associative autour du Libre est une manifestation conviviale, ouverte à toutes et tous, organisée par Raoull et Deuxfleurs le dernier mardi de chaque mois. Vous pourrez y rencontrer Adrien.</li>
+ -->
+ <!-- JANVIER -->
+ <!--<li role="none"><a href="https://flechedor.org/agenda/2023-01-14-technopolice-jo-securitaires-l-etau-se-resserre">Soirée Technopolice</a> à la Flèche d'Or (Paris), <span class="highlight">le 14 janvier à 18h.</span><br>Soirée de présentation, débats, et ateliers dans le cadre de l'initiative Technopolice créée par la Quadrature du Net, particulièrement centrée sur l'organisation des Jeux Olympiques de 2024. Vous pourrez y rencontrer Vincent.</li>
+ <li role="none"><a href="https://formation.emancipasso.net/Programme">Formation Émancip'asso</a> à la Fondation FPH (Paris), <span class="highlight">du 16 au 20 janvier.</span><br>Constatant que les hébergeurs éthiques sont peu nombreux à proposer des solutions prenant en compte les besoins des associations, et notamment l’accompagnement nécessaire pour mener à bien une démarche de transition vers des outils numériques libres, le projet Emancip’Asso souhaite accompagner la montée en compétence des hébergeurs de services alternatifs en leur proposant une formation. La formation est privée mais vous pouvez rencontrer Quentin en soirée ou nous écrire pour partager les besoins numérique de votre association.</li>
+ <li role="none"><a href="https://tmci.fr/wp-content/uploads/2022/12/programme-llpt-21-01-2023.pdf">Logiciel libre pour Tout</a> au Centre Municipal de Loisirs (Tarare), <span class="highlight">le 21 janvier de 10h à 17h.</span><br>TARARE MICRO Club Informatique organise une journée informatique libre, grand public et pour les associations. Au programme : ateliers, conférences, projection de film. Deuxfleurs y proposera des ateliers et vous pourrez rencontrer Quentin.
+ </li>-->
+ <!-- FEVRIER -->
+ <!--<li role="none"><a href="https://jitsi.deuxfleurs.fr/AG_DF_2023">Assemblée générale ordinaire</a> en ligne, <span class="highlight">le 12 février à 15h.</span><br>Comme chaque année, l'association Deuxfleurs organise son assemblée générale. Divers sujets seront abordés, avec notamment l'élection du nouveau bureau pour un an. Vous pourrez y voir tous les membres ou presque.
+ </li>
+
+ <li role="none"><a href="http://www.salonprimevere.org/">Salon Primevère</a> à Eurexpo (Lyon), <span class="highlight">du 17 au 19 février.</span><br> Organisé par une association et réalisé par 300 bénévoles, le salon Primevère a pour ambition de réunir les acteurs de l’écologie pour présenter des alternatives militantes cohérentes et éthiques à la société actuelle, dans une ambiance conviviale. Vous pourrez y rencontrer Quentin au stand de Hadoly dans l'espace numérique.
+ </li>-->
+ <!-- MARS -->
+ <!--<li role="none"><a href="#">Atelier Brico #1</a> à Bricologis (Vaulx-en-Velin), <span class="highlight">le 18 mars.</span><br> Deuxfleurs organise un atelier à Bricologis à Vaulx-en-Velin pour découvrir le concept de système d'exploitation (OS), pourquoi ça impacte notre rapport à l'informatique, et comprendre ce que les alternatives comme Ubuntu peuvent nous apporter. Inscription possible prochainement.
+ </li>
+ <li role="none"><a href="https://www.lirelasociete.com/evenement-journee-du-livre-politique">32ème journée du livre politique</a> à l'Assemblée Nationale (Paris), <span class="highlight">le 25 mars.</span><br> Journée de tables rondes en présence d'élus ou ex-élus, sur le sujet «Réseaux sociaux : alliés ou ennemis de la démocratie ?». Vous pourrez y trouver Vincent.</li>
+ <li role="none"><a href="http://perso.ens-lyon.fr/laurent.lefevre/greendayslyon2023/">Green Days</a> à l'ENS (Lyon), <span class="highlight">le 27 et 28 mars.</span> (Inscription obligatoire, évènement académique). En 2023, la problématique d'un numérique plus éco-responsable recouvre différentes facettes et de nombreux scientifiques adressent ces sujets dans leurs communautés respectives. Il est temps de se rencontrer et de mettre en commun nos forces de recherche pour amplifier les impacts des travaux et réduire les impacts énergétiques et environnementaux du numérique.
+ <li role="none"><a href="https://www.agendadulibre.org/events/26938">Permanence du libre</a> au Café Citoyen (Lille), <span class="highlight">le 28 mars de 20h à 23h.</span><br>La permanence associative autour du Libre est une manifestation conviviale, ouverte à toutes et tous, organisée le dernier mardi de chaque mois par les associations Chtinux, Raoull & Deuxfleurs, avec l'amicale participation de Mycélium, CLX et Cliss XXI.</li>-->
+ <!-- Avril -->
+ <!--<li role="none"><a href="https://www.jdll.org/">Journées Du Logiciel Libre</a> à La Maison Pour Tous (Lyon), <span class="highlight">le 1er et 2 avril.</span><br> Deuxfleurs présentera une conférence intitulée "Entre-hébergement : envisagez l'auto-hébergement collectivement !" et sera présente sur l'évènement le week-end, entre autre sur le stand Hadoly. Vous pourriez y rencontrer Esther ou Quentin.</li>
+ <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 avril à 19h</span>.<br> Un fois par mois nous organisons une réunion en ligne pas trop formalisé pour discuter de ce qui se passe. 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://www.bricologis.com/">Atelier Brico #2</a> à Bricologis (Vaulx-en-Velin), <span class="highlight">le 15 avril.</span><br> Deuxfleurs organise un atelier à Bricologis à Vaulx-en-Velin pour découvrir comment démonter un ordinateur, ses composants, et que faire pour le faire durer plus longtemps. Contactez Bricologis directement pour vous inscrire en amont.</li>-->
+ <!-- Mai -->
+ <!--<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 mai à 19h</span>.<br> Un 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://lerize.villeurbanne.fr/agenda/tisser-la-toile-du-web-avec-des-chatons_040523/">Tisser la toile du web avec des CHATONS</a> au Rize (Villeurbane), <span class="highlight">le 4 mai de 18h30 à 20h30</span>.<br> Et si plutôt que de dépendre des quelques silos des géants du numérique nous revenions à un réseau internet décentralisé et résilient ? Si nous imaginions une AMAP du numérique, humaine, locale, libre et éthique ? C’est possible grâce aux CHATONS, un collectif d’hébergeurs propulsé par l’association Framasoft depuis 2016 !</li>
+ <li role="none"><a href="https://www.agendadulibre.org/events/27478">Permanence associative autour du Libre</a> à Lille, <span class="highlight">le 31 mai à 20h</span>.<br>
+ La permanence associative autour du Libre est une manifestation conviviale, ouverte à toutes et tous, organisée le dernier mardi de chaque mois par les associations Chtinux, Raoull & Deuxfleurs, avec l'amicale participation de Mycélium, CLX et Cliss XXI. Rejoignez-nous au Café Citoyen !-->
+
+ <!-- Juin -->
+ <!--<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 6 juin à 19h</span>.<br> Un 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://programme.passageenseine.fr/">Pas Sage En Seine</a> à la Médiathèque Aragon (Choisy-le-Roi), <span class="highlight">du 15 au 17 juin</span>.<br> Le festival Pas Sage En seine est un rendez-vous annuel de la région parisienne. Lieu incontournable du milieu hacker à ses débuts, il a toujours eu pour vocation d’amener les citoyens de tous horizons à se réapproprier la société en bidouillant le système. Vincent y présentera comment "Surmonter les difficultés de l’auto-hébergement ensemble avec Garage".</li>
+ <li role="none"><a href="https://www.maison-environnement.fr/desconnexions-une-journee-pour-aborder-en-famille-ou-entre-ami-es-les-enjeux-du-numerique-a-la-maison-de-lenvironnement-le-samedi-17-juin/">De(s)connexions</a> à la Maison de l'Environnement (Lyon), <span class="highlight">le 17 juin de 10h à 18h</span>.<br> Une journée pour aborder les enjeux et impacts, positifs et négatifs, du numérique ! Quentin y proposera une animation "technocritique".</li>
+ <li role="none"><a href="#">Barcamp Interne</a> en Auvergne, <span class="highlight">le 24 et 25 juin</span>.<br> Les membres de Deuxfleurs prennent le temps de se retrouver et de discuter de l'association.</li>-->
+
+ <!-- Septembre -->
+ <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 5 septembre à 19h</span>.<br> Un 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://www.agendamilitant.org/Affaire-du-8-decembre-antiterrorisme-et-criminalisation-du-chiffrement.html">Soirée affaire du «8 décembre» </a> à la bourse du travail à Paris, <span class="highlight"> le 25 septembre à 19h00</span>.<br>Soirée de discussion autour de la criminalisation du chiffrement à l’œuvre dans l’affaire du «8 décembre», en présence de la Quadrature du Net, N0thing2Hide, le SNJ, et les avocat·es concernés. Vous pourrez y trouver Vincent.</li>
+ <li role="none"><a href="https://www.agendadulibre.org/events/28118">Permanence associative autour du Libre</a> au Café Citoyen à Lille, <span class="highlight">le 26 septembre à 20h00</span>.<br>La permanence associative autour du Libre est une manifestation conviviale, ouverte à toutes et tous, organisée le dernier mardi de chaque mois par les associations Chtinux, Raoull et Deuxfleurs, avec l'amicale participation de Mycélium, CLX et Cliss XXI. Vous pourrez y croiser Adrien.</li>
+ <li role="none"><a href="https://www.agendadulibre.org/events/28178">Quadrapero</a> au Garage de la Quadrature de Net, <span class="highlight">le 29 septembre à 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 role="none"><a href="https://venissieux.fr/blog/agenda/le-grand-rendez-vous/">Grand RDV</a> Salle Irène Joliot-Curie à Vénissieux, <span class="highlight">le 30 septembre à 9h00</span>.<br>Nous y tiendrons un stand Deuxfleurs sur le "numérique durable" où nous parlerons d'obsolescence dans le numérique et des solutions qu'on explore. Vous y verrez Quentin et Léa.</li>
+
+
+ <!-- Octobre -->
+ <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 3 octobre à 19h</span>.<br> Un 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://forum.chatons.org/t/assemblee-constituante-du-14-10-23-a-paris-vincennes-objet-gouvernance-moderation-continuite/5163">Assemblée pour les CHATONS</a> à Paris VIII, <span class="highlight">le 14 octobre à 9h</span>.<br> (Réservé en priorité aux CHATONS) Nous serons à Paris pour discuter de l'avenir du collectif le temps d'une journée.</li>
+ <li role="none"><a href="https://www.agendadulibre.org/events/28119">Permanence associative autour du Libre</a> au Café Citoyen à Lille, <span class="highlight">le 31 octobre à 20h00</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>
+
+ </ul>
+
+ </div>
+ <div id="calendrier">
+ <!-- passés -->
+<!--
+ <pre aria-hidden="true">.——————————————————————————————————————.
+| CALENDRIER SEPTEMBRE |
+|——————————————————————————————————————|
+| ———— ———— ———— ———— |
+| | 01 |<span class="highlight"> 02 | 03 | 04 |</span> |
+| ———— ———— ———— ———— ———— ———— ———— |
+| <span class="highlight">| 05 </span>| 06 | 07 | 08 | 09 | 10 | 11 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 12 | 13 | 14 |<span class="highlight"> 15 </span>| 16 | 17 | 18 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 19 | 20 | 21 | 22 | 23 | 24 | 25 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 26 |<span class="highlight"> 27 </span>| 28 | 29 | 30 | |
+| ———— ———— ———— ———— ———— |
+|______________________________________|</pre>
+
+ <pre aria-hidden="true">.——————————————————————————————————————.
+| CALENDRIER OCTOBRE |
+|——————————————————————————————————————|
+| ———— ———— |
+| | 01 | 02 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 03 | 04 | 05 | 06 | 07 | 08 |<span class="highlight"> 09 </span>| |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 10 | 11 | 12 | 13 | 14 | 15 | 16 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 17 | 18 | 19 | 20 | 21 | 22 | 23 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 24 |<span class="highlight"> 25 </span>| 26 | 27 | 28 |<span class="highlight"> 29 </span>| 30 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 31 | |
+| ———— |
+|______________________________________|</pre>
+
+ <pre aria-hidden="true">.——————————————————————————————————————.
+| CALENDRIER NOVEMBRE |
+|——————————————————————————————————————|
+| ———— ———— ———— ———— ———— ———— |
+| | 01 | 02 | 03 | 04 | 05 | 06 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 07 | 08 | 09 | 10 | 11 | 12 | 13 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 14 | 15 | 16 | 17 | 18 |<span class="highlight"> 19 | 20 </span>| |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 21 | 22 | 23 | 24 | 25 | 26 | 27 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 28 |<span class="highlight"> 29 </span>| 30 | |
+| ———— ———— ———— |
+|______________________________________|</pre>
+
+
+ <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 JANVIER 2023 |
+|——————————————————————————————————————|
+| ———— |
+| | 01 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 02 | 03 | 04 | 05 | 06 | 07 | 08 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 09 | 10 | 11 | 12 | 13 |<span class="highlight"> 14 </span>| 15 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| |<span class="highlight"> 16 | 17 | 18 | 19 | 20 </span>|<span class="highlight"> 21 </span>| 22 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 23 | 24 | 25 | 26 | 27 | 28 | 29 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 30 | 31 | |
+| ———— ———— |
+|______________________________________|</pre>
+ </div>
+ <div id="mois_actuel" role="img" aria-label="calendrier de nos jours de permanence prévus pour le mois prochain">
+ <pre aria-hidden="true">.——————————————————————————————————————.
+| CALENDRIER FÉVRIER 2023 |
+|——————————————————————————————————————|
+| ———— ———— ———— ———— ———— |
+| | 01 | 02 | 03 | 04 | 05 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 06 | 07 | 08 | 09 | 10 | 11 |<span class="highlight"> 12 </span>| |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 13 | 14 | 15 | 16 |<span class="highlight"> 17 | 18 | 19 </span>| |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 20 | 21 | 22 | 23 | 24 | 25 | 26 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 27 | 28 | |
+| ———— ———— |
+|______________________________________|</pre>
+ </div>
+ -->
+
+ <!--<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 MARS 2023 |
+|——————————————————————————————————————|
+| ———— ———— ———— ———— ———— |
+| | 01 | 02 | 03 | 04 | 05 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 06 | 07 | 08 | 09 | 10 | 11 | 12 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 13 | 14 | 15 | 16 | 17 |<span class="highlight"> 18 </span>| 19 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 20 | 21 | 22 | 23 | 24 |<span class="highlight"> 25 </span>| 26 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| |<span class="highlight"> 27 | 28 </span>| 29 | 30 | 31 | |
+| ———— ———— ———— ———— ———— |
+|______________________________________|</pre>
+ </div>-->
+ <!--<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 AVRIL 2023 |
+|——————————————————————————————————————|
+| ———— ———— |
+| |<span class="highlight"> 01 | 02 </span>| |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 03 |<span class="highlight"> 04 </span>| 05 | 06 | 07 | 08 | 09 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 10 | 11 | 12 | 13 | 14 |<span class="highlight"> 15 </span>| 16 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 17 | 18 | 19 | 20 | 21 | 22 | 23 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 24 | 25 | 26 | 27 | 28 | 29 | 30 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+|______________________________________|</pre>
+ </div>
+ <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 2023 |
+|——————————————————————————————————————|
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 01 |<span class="highlight"> 02 </span>| 03 |<span class="highlight"> 04 </span>| 05 | 06 | 07 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 08 | 09 | 10 | 11 | 12 | 13 | 14 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 15 | 16 | 17 | 18 | 19 | 20 | 21 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 22 | 23 | 24 | 25 | 26 | 27 | 28 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 29 | 30 |<span class="highlight"> 31 </span>| |
+| ———— ———— ———— |
+|______________________________________|</pre>
+ </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 2023 |
+|——————————————————————————————————————|
+| ———— ———— ———— ———— |
+| | 01 | 02 | 03 | 04 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 05 |<span class="highlight"> 06 </span>| 07 | 08 | 09 | 10 | 11 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 12 | 13 | 14 |<span class="highlight"> 15 | 16 | 17 </span>| 18 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 19 | 20 | 21 | 22 | 23 |<span class="highlight"> 24 | 25 </span>| |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 26 | 27 | 28 | 29 | 30 | |
+| ———— ———— ———— ———— ———— |
+|______________________________________|</pre>
+ </div>-->
+<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 SEPTEMBRE 2023 |
+|——————————————————————————————————————|
+| ———— ———— ———— |
+| | 01 | 02 | 03 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 04 |<span class="highlight"> 05 </span>| 06 | 07 | 08 | 09 | 10 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 11 | 12 | 13 | 14 | 15 | 16 | 17 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 18 | 19 | 20 | 21 | 22 | 23 | 24 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| |<span class="highlight"> 25 </span>|<span class="highlight"> 26 </span>| 27 | 28 |<span class="highlight"> 29 </span>|<span class="highlight"> 30 </span>| |
+| ———— ———— ———— ———— ———— ———— |
+|______________________________________|</pre>
+ </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 OCTOBRE 2023 |
+|——————————————————————————————————————|
+| ———— |
+| | 01 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 02 |<span class="highlight"> 03 </span>| 04 | 05 | 06 | 07 | 08 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 09 | 10 | 11 | 12 | 13 |<span class="highlight"> 14 </span>| 15 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 16 | 17 | 18 | 19 | 20 | 21 | 22 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 23 | 24 | 25 | 26 | 27 | 28 | 29 | |
+| ———— ———— ———— ———— ———— ———— ———— |
+| | 30 | <span class="highlight">31</span> | |
+| ———— ———— |
+|______________________________________|</pre>
+ </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">
+ <pre class="center">
+
+
+ . . . , ,
+ \|/ >;:;< .:.:,:,
+ (""") >( >O< )< ,,, ;::x::;
+ \_/ ,,, (_:_)' {{{}} ,:':`:.
+ /|\ {{{}} '. | _ ~~|~~ '|'
+ (\ | {{}~Y~ `> \|.'< (-) \|/ |
+ \| ~Y~\|/ >`>| <` Y \|/ |
+ ____,;/___\\|,,\|/\|//\,;\`|/`/_\|//\ /\.\|/,_\\\\|//_______;._
+~^` ^^^~) ~ ~~^^^- ~ ^ ~~~ ^^^~,` ) /,~~~~~~^^^^~^~~~~~~^^^^~~~~^^~~~~~~~~~~~~~^^^~~^^~~~~~~~~~~~~'''''''''' '''^^~^~~~^^^~~~ ~^~ ~^~ ^^ ^~ ~~ ~^~ ^~~^~
+ . · ., :.,-`·. ~;.,.:`. ,:~, .·".-'.`*,;:,,'.·'``;.'-. : __ - /^^^^^^^^^^- __ _-
+_-__ __/`` _~^~~^~~ ^ ^^ ~~^^~ ^^~ ~_ __~^^^~~ ^~~~ ~``~~~~~;_ ^ '·`- !'`.,` ,.· . ~~~~ ~~*^^ ^^(^^^¨¨¨ ¨ ¨¨ ; ,.; `-. ; _
+ `- - ___ '` .-;)` `_ " '/ `-_ -- : ^* .
+- ' .- * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.
+ - , · .·. , _-` ' `\ ; . ; , ~ . .
+ ` _- .
+- _ _ - . - - _ , - ; ( _. ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ . _ . - _ ; ~ ` ^ ^ | - * - ,
+ \ . , . · - ` ||D |||e |||u |||x |||f |||l |||e |||u |||r |||s || ` `_ ` ' _ -
+ ` _ - ; , . ||__|||__|||__|||__|||__|||__|||__|||__|||__|||__|| " - - '- `
+ - `· |/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\| ; ` _,. ; , _ - ; \
+' - _ ' ~ _ ;· ` - _ ~` ` ^ . : . , ,,, ~ ` ^
+ ` ~ ~ ^ ^ ` _ ` - · : Plantez une graine avec nous ! ' , _ - : - ;
+ - , - `_ -`, .
+ - , - * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.`
+ ^ ., · - , ; `, `;. . ; _ -
+.-; ; ¨¨ ^^ _ ) . . , . . . . . .- ` _ - * ` "`', _ ; , ;, :-
+ _ ` ¨ `_ ' `_,.- ` ;-. ''
+ _ · `'^^ ^
+_ ` ^ ¨ · _ - " ` * - ; - _ .·
+ `` - _ - : ; _ ` "' - : . ,. _ .-__ ¨¨ ;· ·
+ ` _ , _ `_^ ~ ` - \ ` ^^^ ^^ ^^ ^~ `- ^ * , -
+ ~ ~_ _ ` _ "" _.
+
+ </pre>
+ <pre class="center">
+
+
+ . . . • , ,
+ \|/ >;:;< .:.:,:,
+ (""") >( >O< )< ,,, ;::x::;
+ \_/ ,,, (_:_)' {{{}} ,:':`:.
+ /|\ {{{}} '. | _ ~~|~~ '|'
+ (\ | {{}~Y~ `> \|.'< (-) \|/ |
+ \| ~Y~\|/ >`>| <` Y \|/ |
+ ____,;/___\\|,,\|/\|//\,;\`|/`/_\|//\ /\.\|/,_\\\\|//_______;._
+~^` ^^^~) ~ ~~^^^- ~ ^ ~~~ ^^^~,` ) /,~~~~~~^^^^~^~~~~~~^^^^~~~~^^~~~~~~~~~~~~~^^^~~^^~~~~~~~~~~~~'''''''''' '''^^~^~~~^^^~~~ ~^~ ~^~ ^^ ^~ ~~ ~^~ ^~~^~
+ . · ., :.,-`·. ~;.,.:`. ,:~, .·".-'.`*,;:,,'.·'``;.'-. : __ - /^^^^^^^^^^- __ _-
+_-__ __/`` _~^~~^~~ ^ ^^ ~~^^~ ^^~ ~_ __~^^^~~ ^~~~ ~``~~~~~;_ ^ '·`- !'`.,` ,.· . ~~~~ ~~*^^ ^^(^^^¨¨¨ ¨ ¨¨ ; ,.; `-. ; _
+ `- - ___ '` .-;)` `_ " '/ `-_ -- : ^* .
+- ' .- * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.
+ - , · .·. , _-` ' `\ ; . ; , ~ . .
+ ` _- .
+- _ _ - . - - _ , - ; ( _. ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ . _ . - _ ; ~ ` ^ ^ | - * - ,
+ \ . , . · - ` ||D |||e |||u |||x |||f |||l |||e |||u |||r |||s || ` `_ ` ' _ -
+ ` _ - ; , . ||__|||__|||__|||__|||__|||__|||__|||__|||__|||__|| " - - '- `
+ - `· |/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\| ; ` _,. ; , _ - ; \
+' - _ ' ~ _ ;· ` - _ ~` ` ^ . : . , ,,, ~ ` ^
+ ` ~ ~ ^ ^ ` _ ` - · : Plantez une graine avec nous ! ' , _ - : - ;
+ - , - `_ -`, .
+ - , - * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.`
+ ^ ., · - , ; `, `;. . ; _ -
+.-; ; ¨¨ ^^ _ ) . . , . . . . . .- ` _ - * ` "`', _ ; , ;, :-
+ _ ` ¨ `_ ' `_,.- ` ;-. ''
+ _ · `'^^ ^
+_ ` ^ ¨ · _ - " ` * - ; - _ .·
+ `` - _ - : ; _ ` "' - : . ,. _ .-__ ¨¨ ;· ·
+ ` _ , _ `_^ ~ ` - \ ` ^^^ ^^ ^^ ^~ `- ^ * , -
+ ~ ~_ _ ` _ "" _.
+
+ </pre>
+ <pre class="center">
+
+
+ . . . , ,
+ \|/ >;:;< .:.:,:,
+ (""") >( >O< )< • ,,, ;::x::;
+ \_/ ,,, (_:_)' {{{}} ,:':`:.
+ /|\ {{{}} '. | _ ~~|~~ '|'
+ (\ | {{}~Y~ `> \|.'< (-) \|/ |
+ \| ~Y~\|/ >`>| <` Y \|/ |
+ ____,;/___\\|,,\|/\|//\,;\`|/`/_\|//\ /\.\|/,_\\\\|//_______;._
+~^` ^^^~) ~ ~~^^^- ~ ^ ~~~ ^^^~,` ) /,~~~~~~^^^^~^~~~~~~^^^^~~~~^^~~~~~~~~~~~~~^^^~~^^~~~~~~~~~~~~'''''''''' '''^^~^~~~^^^~~~ ~^~ ~^~ ^^ ^~ ~~ ~^~ ^~~^~
+ . · ., :.,-`·. ~;.,.:`. ,:~, .·".-'.`*,;:,,'.·'``;.'-. : __ - /^^^^^^^^^^- __ _-
+_-__ __/`` _~^~~^~~ ^ ^^ ~~^^~ ^^~ ~_ __~^^^~~ ^~~~ ~``~~~~~;_ ^ '·`- !'`.,` ,.· . ~~~~ ~~*^^ ^^(^^^¨¨¨ ¨ ¨¨ ; ,.; `-. ; _
+ `- - ___ '` .-;)` `_ " '/ `-_ -- : ^* .
+- ' .- * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.
+ - , · .·. , _-` ' `\ ; . ; , ~ . .
+ ` _- .
+- _ _ - . - - _ , - ; ( _. ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ . _ . - _ ; ~ ` ^ ^ | - * - ,
+ \ . , . · - ` ||D |||e |||u |||x |||f |||l |||e |||u |||r |||s || ` `_ ` ' _ -
+ ` _ - ; , . ||__|||__|||__|||__|||__|||__|||__|||__|||__|||__|| " - - '- `
+ - `· |/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\| ; ` _,. ; , _ - ; \
+' - _ ' ~ _ ;· ` - _ ~` ` ^ . : . , ,,, ~ ` ^
+ ` ~ ~ ^ ^ ` _ ` - · : Plantez une graine avec nous ! ' , _ - : - ;
+ - , - `_ -`, .
+ - , - * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.`
+ ^ ., · - , ; `, `;. . ; _ -
+.-; ; ¨¨ ^^ _ ) . . , . . . . . .- ` _ - * ` "`', _ ; , ;, :-
+ _ ` ¨ `_ ' `_,.- ` ;-. ''
+ _ · `'^^ ^
+_ ` ^ ¨ · _ - " ` * - ; - _ .·
+ `` - _ - : ; _ ` "' - : . ,. _ .-__ ¨¨ ;· ·
+ ` _ , _ `_^ ~ ` - \ ` ^^^ ^^ ^^ ^~ `- ^ * , -
+ ~ ~_ _ ` _ "" _.
+
+ </pre>
+ <pre class="center">
+
+
+ . . . , ,
+ \|/ >;:;< .:.:,:,
+ (""") >( >O< )< ,,, ;::x::;
+ \_/ ,,, (_:_)' {{{}} ,:':`:.
+ /|\ {{{}} '. | _ ~~|~~ '|'
+ (\ | {{}~Y~ `> \|.'< (-) \|/ |
+ \| ~Y~\|/ >`>| <` Y • \|/ |
+ ____,;/___\\|,,\|/\|//\,;\`|/`/_\|//\ /\.\|/,_\\\\|//_______;._
+~^` ^^^~) ~ ~~^^^- ~ ^ ~~~ ^^^~,` ) /,~~~~~~^^^^~^~~~~~~^^^^~~~~^^~~~~~~~~~~~~~^^^~~^^~~~~~~~~~~~~'''''''''' '''^^~^~~~^^^~~~ ~^~ ~^~ ^^ ^~ ~~ ~^~ ^~~^~
+ . · ., :.,-`·. ~;.,.:`. ,:~, .·".-'.`*,;:,,'.·'``;.'-. : __ - /^^^^^^^^^^- __ _-
+_-__ __/`` _~^~~^~~ ^ ^^ ~~^^~ ^^~ ~_ __~^^^~~ ^~~~ ~``~~~~~;_ ^ '·`- !'`.,` ,.· . ~~~~ ~~*^^ ^^(^^^¨¨¨ ¨ ¨¨ ; ,.; `-. ; _
+ `- - ___ '` .-;)` `_ " '/ `-_ -- : ^* .
+- ' .- * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.
+ - , · .·. , _-` ' `\ ; . ; , ~ . .
+ ` _- .
+- _ _ - . - - _ , - ; ( _. ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ . _ . - _ ; ~ ` ^ ^ | - * - ,
+ \ . , . · - ` ||D |||e |||u |||x |||f |||l |||e |||u |||r |||s || ` `_ ` ' _ -
+ ` _ - ; , . ||__|||__|||__|||__|||__|||__|||__|||__|||__|||__|| " - - '- `
+ - `· |/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\| ; ` _,. ; , _ - ; \
+' - _ ' ~ _ ;· ` - _ ~` ` ^ . : . , ,,, ~ ` ^
+ ` ~ ~ ^ ^ ` _ ` - · : Plantez une graine avec nous ! ' , _ - : - ;
+ - , - `_ -`, .
+ - , - * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.`
+ ^ ., · - , ; `, `;. . ; _ -
+.-; ; ¨¨ ^^ _ ) . . , . . . . . .- ` _ - * ` "`', _ ; , ;, :-
+ _ ` ¨ `_ ' `_,.- ` ;-. ''
+ _ · `'^^ ^
+_ ` ^ ¨ · _ - " ` * - ; - _ .·
+ `` - _ - : ; _ ` "' - : . ,. _ .-__ ¨¨ ;· ·
+ ` _ , _ `_^ ~ ` - \ ` ^^^ ^^ ^^ ^~ `- ^ * , -
+ ~ ~_ _ ` _ "" _.
+
+ </pre>
+ <pre class="center">
+
+
+ . . . , ,
+ \|/ >;:;< .:.:,:,
+ (""") >( >O< )< ,,, ;::x::;
+ \_/ ,,, (_:_)' {{{}} ,:':`:.
+ /|\ {{{}} '. | _ ~~|~~ '|'
+ (\ | {{}~Y~ `> \|.'< (-) \|/ |
+ \| ~Y~\|/ >`>| <` Y \|/ |
+ ____,;/___\\|,,\|/\|//\,;\`|/`/_\|//\ /\.\|/,_\\\\|//_______;._
+~^` ^^^~) ~ ~~^^^- ~ ^ ~~~ ^^^~,` ) /,~~~~~~^^^^~^~~~~~~^^^^~~~~^^~~~~~~~~~~~~~^^•~~^^~~~~~~~~~~~~'''''''''' '''^^~^~~~^^^~~~ ~^~ ~^~ ^^ ^~ ~~ ~^~ ^~~^~
+ . · ., :.,-`·. ~;.,.:`. ,:~, .·".-'.`*,;:,,'.·'``;.'-. : __ - /^^^^^^^^^^- __ _-
+_-__ __/`` _~^~~^~~ ^ ^^ ~~^^~ ^^~ ~_ __~^^^~~ ^~~~ ~``~~~~~;_ ^ '·`- !'`.,` ,.· . ~~~~ ~~*^^ ^^(^^^¨¨¨ ¨ ¨¨ ; ,.; `-. ; _
+ `- - ___ '` .-;)` `_ " '/ `-_ -- : ^* .
+- ' .- * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.
+ - , · .·. , _-` ' `\ ; . ; , ~ . .
+ ` _- .
+- _ _ - . - - _ , - ; ( _. ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ . _ . - _ ; ~ ` ^ ^ | - * - ,
+ \ . , . · - ` ||D |||e |||u |||x |||f |||l |||e |||u |||r |||s || ` `_ ` ' _ -
+ ` _ - ; , . ||__|||__|||__|||__|||__|||__|||__|||__|||__|||__|| " - - '- `
+ - `· |/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\| ; ` _,. ; , _ - ; \
+' - _ ' ~ _ ;· ` - _ ~` ` ^ . : . , ,,, ~ ` ^
+ ` ~ ~ ^ ^ ` _ ` - · : Plantez une graine avec nous ! ' , _ - : - ;
+ - , - `_ -`, .
+ - , - * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.`
+ ^ ., · - , ; `, `;. . ; _ -
+.-; ; ¨¨ ^^ _ ) . . , . . . . . .- ` _ - * ` "`', _ ; , ;, :-
+ _ ` ¨ `_ ' `_,.- ` ;-. ''
+ _ · `'^^ ^
+_ ` ^ ¨ · _ - " ` * - ; - _ .·
+ `` - _ - : ; _ ` "' - : . ,. _ .-__ ¨¨ ;· ·
+ ` _ , _ `_^ ~ ` - \ ` ^^^ ^^ ^^ ^~ `- ^ * , -
+ ~ ~_ _ ` _ "" _.
+
+ </pre>
+ <pre class="center">
+
+
+ . . . , ,
+ \|/ >;:;< .:.:,:,
+ (""") >( >O< )< ,,, ;::x::;
+ \_/ ,,, (_:_)' {{{}} ,:':`:.
+ /|\ {{{}} '. | _ ~~|~~ '|'
+ (\ | {{}~Y~ `> \|.'< (-) \|/ |
+ \| ~Y~\|/ >`>| <` Y \|/ |
+ ____,;/___\\|,,\|/\|//\,;\`|/`/_\|//\|\ /\.\|/,_\\\\|//_______;._
+~^` ^^^~) ~ ~~^^^- ~ ^ ~~~ ^^^~,` ) /,~~~~~~^^^^~^~~~~~~^^^^~~~~^^~~~~~~~~~~~~~^^^~~^^~~~~~~~~~~~~'''''''''' '''^^~^~~~^^^~~~ ~^~ ~^~ ^^ ^~ ~~ ~^~ ^~~^~
+ . · ., :.,-`·. ~;.,.:`. ,:~, .·".-'.`*,;:,,'.·'``;.'-. : __ - /^^^^^^^^^^- __ _-
+_-__ __/`` _~^~~^~~ ^ ^^ ~~^^~ ^^~ ~_ __~^^^~~ ^~~~ ~``~~~~~;_ ^ '·`- !'`.,` ,.· . ~~~~ ~~*^^ ^^(^^^¨¨¨ ¨ ¨¨ ; ,.; `-. ; _
+ `- - ___ '` .-;)` `_ " '/ `-_ -- : ^* .
+- ' .- * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.
+ - , · .·. , _-` ' `\ ; . ; , ~ . .
+ ` _- .
+- _ _ - . - - _ , - ; ( _. ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ . _ . - _ ; ~ ` ^ ^ | - * - ,
+ \ . , . · - ` ||D |||e |||u |||x |||f |||l |||e |||u |||r |||s || ` `_ ` ' _ -
+ ` _ - ; , . ||__|||__|||__|||__|||__|||__|||__|||__|||__|||__|| " - - '- `
+ - `· |/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\| ; ` _,. ; , _ - ; \
+' - _ ' ~ _ ;· ` - _ ~` ` ^ . : . , ,,, ~ ` ^
+ ` ~ ~ ^ ^ ` _ ` - · : Plantez une graine avec nous ! ' , _ - : - ;
+ - , - `_ -`, .
+ - , - * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.`
+ ^ ., · - , ; `, `;. . ; _ -
+.-; ; ¨¨ ^^ _ ) . . , . . . . . .- ` _ - * ` "`', _ ; , ;, :-
+ _ ` ¨ `_ ' `_,.- ` ;-. ''
+ _ · `'^^ ^
+_ ` ^ ¨ · _ - " ` * - ; - _ .·
+ `` - _ - : ; _ ` "' - : . ,. _ .-__ ¨¨ ;· ·
+ ` _ , _ `_^ ~ ` - \ ` ^^^ ^^ ^^ ^~ `- ^ * , -
+ ~ ~_ _ ` _ "" _.
+
+ </pre>
+ <pre class="center">
+
+
+ . . . , ,
+ \|/ >;:;< .:.:,:,
+ (""") >( >O< )< ,,, ;::x::;
+ \_/ ,,, (_:_)' {{{}} ,:':`:.
+ /|\ {{{}} '. | _ ~~|~~ '|'
+ (\ | {{}~Y~ `> \|.'< (-) \| \|/ |
+ \| ~Y~\|/ >`>| <` Y \| \|/ |
+ ____,;/___\\|,,\|/\|//\,;\`|/`/_\|//\|\ /\.\|/,_\\\\|//_______;._
+~^` ^^^~) ~ ~~^^^- ~ ^ ~~~ ^^^~,` ) /,~~~~~~^^^^~^~~~~~~^^^^~~~~^^~~~~~~~~~~~~~^^^~~^^~~~~~~~~~~~~'''''''''' '''^^~^~~~^^^~~~ ~^~ ~^~ ^^ ^~ ~~ ~^~ ^~~^~
+ . · ., :.,-`·. ~;.,.:`. ,:~, .·".-'.`*,;:,,'.·'``;.'-. : __ - /^^^^^^^^^^- __ _-
+_-__ __/`` _~^~~^~~ ^ ^^ ~~^^~ ^^~ ~_ __~^^^~~ ^~~~ ~``~~~~~;_ ^ '·`- !'`.,` ,.· . ~~~~ ~~*^^ ^^(^^^¨¨¨ ¨ ¨¨ ; ,.; `-. ; _
+ `- - ___ '` .-;)` `_ " '/ `-_ -- : ^* .
+- ' .- * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.
+ - , · .·. , _-` ' `\ ; . ; , ~ . .
+ ` _- .
+- _ _ - . - - _ , - ; ( _. ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ . _ . - _ ; ~ ` ^ ^ | - * - ,
+ \ . , . · - ` ||D |||e |||u |||x |||f |||l |||e |||u |||r |||s || ` `_ ` ' _ -
+ ` _ - ; , . ||__|||__|||__|||__|||__|||__|||__|||__|||__|||__|| " - - '- `
+ - `· |/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\| ; ` _,. ; , _ - ; \
+' - _ ' ~ _ ;· ` - _ ~` ` ^ . : . , ,,, ~ ` ^
+ ` ~ ~ ^ ^ ` _ ` - · : Plantez une graine avec nous ! ' , _ - : - ;
+ - , - `_ -`, .
+ - , - * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.`
+ ^ ., · - , ; `, `;. . ; _ -
+.-; ; ¨¨ ^^ _ ) . . , . . . . . .- ` _ - * ` "`', _ ; , ;, :-
+ _ ` ¨ `_ ' `_,.- ` ;-. ''
+ _ · `'^^ ^
+_ ` ^ ¨ · _ - " ` * - ; - _ .·
+ `` - _ - : ; _ ` "' - : . ,. _ .-__ ¨¨ ;· ·
+ ` _ , _ `_^ ~ ` - \ ` ^^^ ^^ ^^ ^~ `- ^ * , -
+ ~ ~_ _ ` _ "" _.
+
+ </pre>
+ <pre class="center">
+
+
+ . . . , ,
+ \|/ >;:;< .:.:,:,
+ (""") >( >O< )< ,,, ;::x::;
+ \_/ ,,, (_:_)' ___ {{{}} ,:':`:.
+ /|\ {{{}} '. | _ \~ ~~|~~ '|'
+ (\ | {{}~Y~ `> \|.'< (-) \| \|/ |
+ \| ~Y~\|/ >`>| <` Y \| \|/ |
+ ____,;/___\\|,,\|/\|//\,;\`|/`/_\|//\|\ /\.\|/,_\\\\|//_______;._
+~^` ^^^~) ~ ~~^^^- ~ ^ ~~~ ^^^~,` ) /,~~~~~~^^^^~^~~~~~~^^^^~~~~^^~~~~~~~~~~~~~^^^~~^^~~~~~~~~~~~~'''''''''' '''^^~^~~~^^^~~~ ~^~ ~^~ ^^ ^~ ~~ ~^~ ^~~^~
+ . · ., :.,-`·. ~;.,.:`. ,:~, .·".-'.`*,;:,,'.·'``;.'-. : __ - /^^^^^^^^^^- __ _-
+_-__ __/`` _~^~~^~~ ^ ^^ ~~^^~ ^^~ ~_ __~^^^~~ ^~~~ ~``~~~~~;_ ^ '·`- !'`.,` ,.· . ~~~~ ~~*^^ ^^(^^^¨¨¨ ¨ ¨¨ ; ,.; `-. ; _
+ `- - ___ '` .-;)` `_ " '/ `-_ -- : ^* .
+- ' .- * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.
+ - , · .·. , _-` ' `\ ; . ; , ~ . .
+ ` _- .
+- _ _ - . - - _ , - ; ( _. ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ . _ . - _ ; ~ ` ^ ^ | - * - ,
+ \ . , . · - ` ||D |||e |||u |||x |||f |||l |||e |||u |||r |||s || ` `_ ` ' _ -
+ ` _ - ; , . ||__|||__|||__|||__|||__|||__|||__|||__|||__|||__|| " - - '- `
+ - `· |/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\| ; ` _,. ; , _ - ; \
+' - _ ' ~ _ ;· ` - _ ~` ` ^ . : . , ,,, ~ ` ^
+ ` ~ ~ ^ ^ ` _ ` - · : Plantez une graine avec nous ! ' , _ - : - ;
+ - , - `_ -`, .
+ - , - * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.`
+ ^ ., · - , ; `, `;. . ; _ -
+.-; ; ¨¨ ^^ _ ) . . , . . . . . .- ` _ - * ` "`', _ ; , ;, :-
+ _ ` ¨ `_ ' `_,.- ` ;-. ''
+ _ · `'^^ ^
+_ ` ^ ¨ · _ - " ` * - ; - _ .·
+ `` - _ - : ; _ ` "' - : . ,. _ .-__ ¨¨ ;· ·
+ ` _ , _ `_^ ~ ` - \ ` ^^^ ^^ ^^ ^~ `- ^ * , -
+ ~ ~_ _ ` _ "" _.
+
+ </pre>
+ <pre class="center">
+
+
+ . . . , ,
+ \|/ >;:;< .:.:,:,
+ (""") >( >O< )< ,,, ;::x::;
+ \_/ ,,, (_:_)' (___) {{{}} ,:':`:.
+ /|\ {{{}} '. | _ \~ ~~|~~ '|'
+ (\ | {{}~Y~ `> \|.'< (-) \| \|/ |
+ \| ~Y~\|/ >`>| <` Y \| \|/ |
+ ____,;/___\\|,,\|/\|//\,;\`|/`/_\|//\|\ /\.\|/,_\\\\|//_______;._
+~^` ^^^~) ~ ~~^^^- ~ ^ ~~~ ^^^~,` ) /,~~~~~~^^^^~^~~~~~~^^^^~~~~^^~~~~~~~~~~~~~^^^~~^^~~~~~~~~~~~~'''''''''' '''^^~^~~~^^^~~~ ~^~ ~^~ ^^ ^~ ~~ ~^~ ^~~^~
+ . · ., :.,-`·. ~;.,.:`. ,:~, .·".-'.`*,;:,,'.·'``;.'-. : __ - /^^^^^^^^^^- __ _-
+_-__ __/`` _~^~~^~~ ^ ^^ ~~^^~ ^^~ ~_ __~^^^~~ ^~~~ ~``~~~~~;_ ^ '·`- !'`.,` ,.· . ~~~~ ~~*^^ ^^(^^^¨¨¨ ¨ ¨¨ ; ,.; `-. ; _
+ `- - ___ '` .-;)` `_ " '/ `-_ -- : ^* .
+- ' .- * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.
+ - , · .·. , _-` ' `\ ; . ; , ~ . .
+ ` _- .
+- _ _ - . - - _ , - ; ( _. ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ . _ . - _ ; ~ ` ^ ^ | - * - ,
+ \ . , . · - ` ||D |||e |||u |||x |||f |||l |||e |||u |||r |||s || ` `_ ` ' _ -
+ ` _ - ; , . ||__|||__|||__|||__|||__|||__|||__|||__|||__|||__|| " - - '- `
+ - `· |/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\| ; ` _,. ; , _ - ; \
+' - _ ' ~ _ ;· ` - _ ~` ` ^ . : . , ,,, ~ ` ^
+ ` ~ ~ ^ ^ ` _ ` - · : Plantez une graine avec nous ! ' , _ - : - ;
+ - , - `_ -`, .
+ - , - * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.`
+ ^ ., · - , ; `, `;. . ; _ -
+.-; ; ¨¨ ^^ _ ) . . , . . . . . .- ` _ - * ` "`', _ ; , ;, :-
+ _ ` ¨ `_ ' `_,.- ` ;-. ''
+ _ · `'^^ ^
+_ ` ^ ¨ · _ - " ` * - ; - _ .·
+ `` - _ - : ; _ ` "' - : . ,. _ .-__ ¨¨ ;· ·
+ ` _ , _ `_^ ~ ` - \ ` ^^^ ^^ ^^ ^~ `- ^ * , -
+ ~ ~_ _ ` _ "" _.
+
+ </pre>
+ <pre class="center">
+
+
+ . . . , ,
+ \|/ >;:;< .:.:,:,
+ (""") >( >O< )< wWWWw ,,, ;::x::;
+ \_/ ,,, (_:_)' (___) {{{}} ,:':`:.
+ /|\ {{{}} '. | _ \~ ~~|~~ '|'
+ (\ | {{}~Y~ `> \|.'< (-) \| \|/ |
+ \| ~Y~\|/ >`>| <` Y \| \|/ |
+ ____,;/___\\|,,\|/\|//\,;\`|/`/_\|//\|\ /\.\|/,_\\\\|//_______;._
+~^` ^^^~) ~ ~~^^^- ~ ^ ~~~ ^^^~,` ) /,~~~~~~^^^^~^~~~~~~^^^^~~~~^^~~~~~~~~~~~~~^^^~~^^~~~~~~~~~~~~'''''''''' '''^^~^~~~^^^~~~ ~^~ ~^~ ^^ ^~ ~~ ~^~ ^~~^~
+ . · ., :.,-`·. ~;.,.:`. ,:~, .·".-'.`*,;:,,'.·'``;.'-. : __ - /^^^^^^^^^^- __ _-
+_-__ __/`` _~^~~^~~ ^ ^^ ~~^^~ ^^~ ~_ __~^^^~~ ^~~~ ~``~~~~~;_ ^ '·`- !'`.,` ,.· . ~~~~ ~~*^^ ^^(^^^¨¨¨ ¨ ¨¨ ; ,.; `-. ; _
+ `- - ___ '` .-;)` `_ " '/ `-_ -- : ^* .
+- ' .- * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.
+ - , · .·. , _-` ' `\ ; . ; , ~ . .
+ ` _- .
+- _ _ - . - - _ , - ; ( _. ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ . _ . - _ ; ~ ` ^ ^ | - * - ,
+ \ . , . · - ` ||D |||e |||u |||x |||f |||l |||e |||u |||r |||s || ` `_ ` ' _ -
+ ` _ - ; , . ||__|||__|||__|||__|||__|||__|||__|||__|||__|||__|| " - - '- `
+ - `· |/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\| ; ` _,. ; , _ - ; \
+' - _ ' ~ _ ;· ` - _ ~` ` ^ . : . , ,,, ~ ` ^
+ ` ~ ~ ^ ^ ` _ ` - · : Plantez une graine avec nous ! ' , _ - : - ;
+ - , - `_ -`, .
+ - , - * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.`
+ ^ ., · - , ; `, `;. . ; _ -
+.-; ; ¨¨ ^^ _ ) . . , . . . . . .- ` _ - * ` "`', _ ; , ;, :-
+ _ ` ¨ `_ ' `_,.- ` ;-. ''
+ _ · `'^^ ^
+_ ` ^ ¨ · _ - " ` * - ; - _ .·
+ `` - _ - : ; _ ` "' - : . ,. _ .-__ ¨¨ ;· ·
+ ` _ , _ `_^ ~ ` - \ ` ^^^ ^^ ^^ ^~ `- ^ * , -
+ ~ ~_ _ ` _ "" _.
+
+ </pre>
+ <pre class="center">
+
+
+ . . . , ,
+ \|/ >;:;< .:.:,:,
+ (""") >( >O< )< wWWWw ,,, ;::x::;
+ \_/ ,,, (_:_)' (___) {{{}} ,:':`:.
+ /|\ {{{}} '. | _ \~ ~~|~~ '|'
+ (\ | {{}~Y~ `> \|.'< (-) \| \|/ |
+ \| ~Y~\|/ >`>| <` Y \| \|/ |
+ ____,;/___\\|,,\|/\|//\,;\`|/`/_\|//\|\ /\.\|/,_\\\\|//_______;._
+~^` ^^^~) ~ ~~^^^- ~ ^ ~~~ ^^^~,` ) /,~~~~~~^^^^~^~~~~~~^^^^~~~~^^~~~~~~~~~~~~~^^^~~^^~~~~~~~~~~~~'''''''''' '''^^~^~~~^^^~~~ ~^~ ~^~ ^^ ^~ ~~ ~^~ ^~~^~
+ . · ., :.,-`·. ~;.,.:`. ,:~, .·".-'.`*,;:,,'.·'``;.'-. : __ - /^^^^^^^^^^- __ _-
+_-__ __/`` _~^~~^~~ ^ ^^ ~~^^~ ^^~ ~_ __~^^^~~ ^~~~ ~``~~~~~;_ ^ '·`- !'`.,` ,.· . ~~~~ ~~*^^ ^^(^^^¨¨¨ ¨ ¨¨ ; ,.; `-. ; _
+ `- - ___ '` .-;)` `_ " '/ `-_ -- : ^* .
+- ' .- * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.
+ - , · .·. , _-` ' `\ ; . ; , ~ . .
+ ` _- .
+- _ _ - . - - _ , - ; ( _. ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ . _ . - _ ; ~ ` ^ ^ | - * - ,
+ \ . , . · - ` ||D |||e |||u |||x |||f |||l |||e |||u |||r |||s || ` `_ ` ' _ -
+ ` _ - ; , . ||__|||__|||__|||__|||__|||__|||__|||__|||__|||__|| " - - '- `
+ - `· |/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\| ; ` _,. ; , _ - ; \
+' - _ ' ~ _ ;· ` - _ ~` ` ^ . : . , ,,, ~ ` ^
+ ` ~ ~ ^ ^ ` _ ` - · : Plantez une graine avec nous ! ' , _ - : - ;
+ - , - `_ -`, .
+ - , - * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.`
+ ^ ., · - , ; `, `;. . ; _ -
+.-; ; ¨¨ ^^ _ ) . . , . . . . . .- ` _ - * ` "`', _ ; , ;, :-
+ _ ` ¨ `_ ' `_,.- ` ;-. ''
+ _ · `'^^ ^
+_ ` ^ ¨ · _ - " ` * - ; - _ .·
+ `` - _ - : ; _ ` "' - : . ,. _ .-__ ¨¨ ;· ·
+ ` _ , _ `_^ ~ ` - \ ` ^^^ ^^ ^^ ^~ `- ^ * , -
+ ~ ~_ _ ` _ "" _.
+
+ </pre>
+ <pre class="center">
+
+
+ . . . , ,
+ \|/ >;:;< .:.:,:,
+ (""") >( >O< )< wWWWw ,,, ;::x::;
+ \_/ ,,, (_:_)' (___) {{{}} ,:':`:.
+ /|\ {{{}} '. | _ \~ ~~|~~ '|'
+ (\ | {{}~Y~ `> \|.'< (-) \| \|/ |
+ \| ~Y~\|/ >`>| <` Y \| \|/ |
+ ____,;/___\\|,,\|/\|//\,;\`|/`/_\|//\|\ /\.\|/,_\\\\|//_______;._
+~^` ^^^~) ~ ~~^^^- ~ ^ ~~~ ^^^~,` ) /,~~~~~~^^^^~^~~~~~~^^^^~~~~^^~~~~~~~~~~~~~^^^~~^^~~~~~~~~~~~~'''''''''' '''^^~^~~~^^^~~~ ~^~ ~^~ ^^ ^~ ~~ ~^~ ^~~^~
+ . · ., :.,-`·. ~;.,.:`. ,:~, .·".-'.`*,;:,,'.·'``;.'-. : __ - /^^^^^^^^^^- __ _-
+_-__ __/`` _~^~~^~~ ^ ^^ ~~^^~ ^^~ ~_ __~^^^~~ ^~~~ ~``~~~~~;_ ^ '·`- !'`.,` ,.· . ~~~~ ~~*^^ ^^(^^^¨¨¨ ¨ ¨¨ ; ,.; `-. ; _
+ `- - ___ '` .-;)` `_ " '/ `-_ -- : ^* .
+- ' .- * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.
+ - , · .·. , _-` ' `\ ; . ; , ~ . .
+ ` _- .
+- _ _ - . - - _ , - ; ( _. ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ . _ . - _ ; ~ ` ^ ^ | - * - ,
+ \ . , . · - ` ||D |||e |||u |||x |||f |||l |||e |||u |||r |||s || ` `_ ` ' _ -
+ ` _ - ; , . ||__|||__|||__|||__|||__|||__|||__|||__|||__|||__|| " - - '- `
+ - `· |/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\| ; ` _,. ; , _ - ; \
+' - _ ' ~ _ ;· ` - _ ~` ` ^ . : . , ,,, ~ ` ^
+ ` ~ ~ ^ ^ ` _ ` - · : Plantez une graine avec nous ! ' , _ - : - ;
+ - , - `_ -`, .
+ - , - * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.`
+ ^ ., · - , ; `, `;. . ; _ -
+.-; ; ¨¨ ^^ _ ) . . , . . . . . .- ` _ - * ` "`', _ ; , ;, :-
+ _ ` ¨ `_ ' `_,.- ` ;-. ''
+ _ · `'^^ ^
+_ ` ^ ¨ · _ - " ` * - ; - _ .·
+ `` - _ - : ; _ ` "' - : . ,. _ .-__ ¨¨ ;· ·
+ ` _ , _ `_^ ~ ` - \ ` ^^^ ^^ ^^ ^~ `- ^ * , -
+ ~ ~_ _ ` _ "" _.
+
+ </pre>
+ <pre class="center">
+
+
+ . . . , ,
+ \|/ >;:;< .:.:,:,
+ (""") >( >O< )< wWWWw ,,, ;::x::;
+ \_/ ,,, (_:_)' (___) {{{}} ,:':`:.
+ /|\ {{{}} '. | _ \~ ~~|~~ '|'
+ (\ | {{}~Y~ `> \|.'< (-) \| \|/ |
+ \| ~Y~\|/ >`>| <` Y \| \|/ |
+ ____,;/___\\|,,\|/\|//\,;\`|/`/_\|//\|\ /\.\|/,_\\\\|//_______;._
+~^` ^^^~) ~ ~~^^^- ~ ^ ~~~ ^^^~,` ) /,~~~~~~^^^^~^~~~~~~^^^^~~~~^^~~~~~~~~~~~~~^^^~~^^~~~~~~~~~~~~'''''''''' '''^^~^~~~^^^~~~ ~^~ ~^~ ^^ ^~ ~~ ~^~ ^~~^~
+ . · ., :.,-`·. ~;.,.:`. ,:~, .·".-'.`*,;:,,'.·'``;.'-. : __ - /^^^^^^^^^^- __ _-
+_-__ __/`` _~^~~^~~ ^ ^^ ~~^^~ ^^~ ~_ __~^^^~~ ^~~~ ~``~~~~~;_ ^ '·`- !'`.,` ,.· . ~~~~ ~~*^^ ^^(^^^¨¨¨ ¨ ¨¨ ; ,.; `-. ; _
+ `- - ___ '` .-;)` `_ " '/ `-_ -- : ^* .
+- ' .- * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.
+ - , · .·. , _-` ' `\ ; . ; , ~ . .
+ ` _- .
+- _ _ - . - - _ , - ; ( _. ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ . _ . - _ ; ~ ` ^ ^ | - * - ,
+ \ . , . · - ` ||D |||e |||u |||x |||f |||l |||e |||u |||r |||s || ` `_ ` ' _ -
+ ` _ - ; , . ||__|||__|||__|||__|||__|||__|||__|||__|||__|||__|| " - - '- `
+ - `· |/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\| ; ` _,. ; , _ - ; \
+' - _ ' ~ _ ;· ` - _ ~` ` ^ . : . , ,,, ~ ` ^
+ ` ~ ~ ^ ^ ` _ ` - · : Plantez une graine avec nous ! ' , _ - : - ;
+ - , - `_ -`, .
+ - , - * ; -. _- ~ . , . . _ - ` '-. ,- '-. -^. `' ._ -·.`
+ ^ ., · - , ; `, `;. . ; _ -
+.-; ; ¨¨ ^^ _ ) . . , . . . . . .- ` _ - * ` "`', _ ; , ;, :-
+ _ ` ¨ `_ ' `_,.- ` ;-. ''
+ _ · `'^^ ^
+_ ` ^ ¨ · _ - " ` * - ; - _ .·
+ `` - _ - : ; _ ` "' - : . ,. _ .-__ ¨¨ ;· ·
+ ` _ , _ `_^ ~ ` - \ ` ^^^ ^^ ^^ ^~ `- ^ * , -
+ ~ ~_ _ ` _ "" _.
+
+ </pre>
+ </div>
+ <div id="liens">
+ <a href="./CGU.html">CGU</a><span role="separator"> · </span><a href="./Gestion%20des%20risques.html">Gestion des risques</a><span role="separator"> · </span><a href="./Mentions%20légales.html">Mentions légales</a><span role="separator"> · </span><a href="./Sources.html">Sources</a>
+ </div>
+ </footer>
+ </div>
+ <!-- script animations -->
+ <script src="script-bon.js"></script>
+</body>
+</html>
diff --git a/static/mentions.html b/static/mentions.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/static/mentions.html diff --git a/static/r/rdv23 b/static/r/rdv23 new file mode 100644 index 0000000..6a8556c --- /dev/null +++ b/static/r/rdv23 @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"/> + <title>Redirection automatique en HTML</title> + <meta http-equiv="refresh" content="0; URL=https://guide.deuxfleurs.fr/formations/rdv-2023/"> +</head> + +<body> + <p>Cette page est une redirection vers : <a href="https://guide.deuxfleurs.fr/formations/rdv-2023/">Vénissieux Grand RDV 2023</a></p> +</body> + +</html> diff --git a/static/risques.html b/static/risques.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/static/risques.html diff --git a/static/ronce.webp b/static/ronce.webp Binary files differnew file mode 100644 index 0000000..de8ad38 --- /dev/null +++ b/static/ronce.webp diff --git a/static/script-bon.js b/static/script-bon.js new file mode 100644 index 0000000..5458968 --- /dev/null +++ b/static/script-bon.js @@ -0,0 +1,44 @@ +// 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);
\ No newline at end of file diff --git a/static/sources.html b/static/sources.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/static/sources.html diff --git a/static/style-bon.css b/static/style-bon.css new file mode 100644 index 0000000..3635d6e --- /dev/null +++ b/static/style-bon.css @@ -0,0 +1,865 @@ +/*PARAMETRES GENERAUX*/
+:root{
+ --big_margin:100px;
+ --med_margin:50px;
+ --small_margin:10px;
+ --day-background: #fdfff9;
+ --day-highlight-color: white;
+ --day-highlight-bg: darkgreen;
+ --night-highlight-color: #ebebed;
+ --night-highlight-bg: #565a4d;
+ --night-background: #242526;/*#3c3c39;*/
+ --txt-night: #ebebed;/*#c7c4d4;*/
+ color-scheme: light dark;
+/*
+ --menu: pink;
+ --jardin: darkseagreen;
+ --infras: gold;
+ --rennes: orange;
+ --orsay: chartreuse;
+ --txt_infras: bisque;
+ --outils: coral;
+ --liste_outils: aliceblue;
+ --txt_outils: aquamarine;
+ --valeurs: grey;
+ --ronce: cornflowerblue;
+ --liste_valeurs: brown;
+ --connaissance: chocolate;
+ --txt_connaissance: crimson;
+ --calendrier: darkkhaki;
+ --footer: deeppink;
+ --lightgrey: lightgrey;*/
+
+}
+
+html, body, main{
+ margin:0;
+ padding: 0;
+ font-size: 13px;
+}
+
+body{
+ font-family: monospace;
+ color: black;
+}
+
+pre{
+ padding: 0;
+ margin: 0;
+ font-size: 1rem;
+}
+
+p{
+ font-size: 1rem;
+}
+
+a{
+ color: darkgreen;
+}
+
+h1:after, h2:after{
+ content:'\A___________________________________\A"""""""""""""""""""""""""""""""""""';
+}
+
+h2, h1{
+ font-size: 1rem;
+ font-weight: normal;
+ margin: 0px;
+ padding: 0px;
+ text-align: left;
+}
+
+h2, h1{
+ text-transform: uppercase;
+ white-space:pre;
+ overflow: hidden;
+}
+
+img{
+ width: 100%;
+}
+
+#txt_infras, #txt_outils, #txt_connaissance{
+ line-height: 1.3rem;
+ text-align: justify;
+ text-justify: inter-character;
+ hyphens: auto;
+ word-spacing: -2px;
+ -ms-hyphens: auto;
+ -webkit-hyphens: auto;
+ -moz-hyphens: auto;
+ margin-top: 0;
+}
+
+.noscroll{
+ overflow: hidden;
+}
+
+pre.center{
+ font-size: 1rem;
+ display: flex;
+ justify-content: center;
+}
+
+div#calendrier > pre.center{
+justify-content: right;
+}
+
+#calendrier #mois_actuel{
+ margin-bottom: 1rem;
+}
+
+#mois_actuel, #mois_suivant{
+ text-align: center;
+}
+
+.highlight{
+ color: var(--day-highlight-color);
+ background-color: var(--day-highlight-bg);
+}
+
+#txt_connaissance li{
+ margin-bottom: 1rem;
+}
+
+#txt_connaissance p{
+ margin-top: 0px;
+}
+
+pre.center > a{
+ font-size: 1rem;
+ display: contents;
+ text-decoration: 1px black solid;
+}
+
+/*GESTION DE LA GRILLE DU DOCUMENT*/
+div#container{
+ background-color: var(--day-background);
+ display: grid;
+ grid-template-columns: [main-col-start] repeat(12, calc(100% / 12) [main-col-sep]);
+ grid-template-rows:
+ [main-row-debut] auto [main-row-fin]
+ var(--big_margin)
+ [footer-start] auto [footer-end]
+ ;
+}
+
+/*GESTION DE LA GRILLE DU MAIN*/
+main{
+ display: grid;
+ grid-template-columns: [col-start] repeat(12, calc(100% / 12) [col-sep]);
+ grid-template-rows:
+ [row-start] var(--med_margin) [h1-start] auto [h1-end] auto [jardin-end]
+ repeat(3,
+ var(--big_margin)
+ [title-start] auto [title-end]
+ var(--med_margin)
+ [illu-start] auto [illu-end] auto [illu-extended-end]
+ var(--med_margin)
+ [txt-start] auto [txt-end])
+ var(--big_margin)
+ [title-start-contact] auto [title-end-contact]
+ var(--med_margin)
+ [txt-start-contact] auto [txt-end-contact] auto [cal-end-contact] /* au lieu de mettre auto on pourrait mettre 100px ici pour avoir les 2 cadres de la même taille*/
+ ;
+}
+
+/*POSITIONNEMENT SUR LA GRILLE PRINCIPALE*/
+nav#menu{
+ /*
+ grid-area: row-start / col-sep 6 / end-nav / col-sep 12;*/
+ background-color: var(--day-background);
+ display: flex;
+ justify-content: flex-end;
+ flex-direction: column;
+ position: fixed;
+ bottom: 1rem;
+ right: 1rem;
+}
+
+main{
+ grid-area: main-row-debut / main-col-start / main-row-fin / main-col-sep 12;
+}
+
+.icone > pre{
+ padding-top: 1rem;
+ color: black;
+}
+
+.icone{
+ position : relative;
+ display: inline-block;
+ text-decoration: none;
+}
+
+.icone .img_top{
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 99;
+ background-color: var(--day-background);
+ color: darkgreen;
+}
+
+.icone:hover .img_top{
+ display: inline;
+}
+
+.icone a{
+ text-decoration: none;
+ color:black;
+}
+
+nav#menu > a{
+ display: block;
+ color: black;
+ text-decoration: none;
+}
+
+nav#menu > a:hover{
+ color: darkgreen;
+ text-decoration: none;
+}
+
+h1#deuxfleurs{
+ grid-area: h1-start / col-sep 1 / h1-end / col-sep 12;
+}
+
+div#jardin{
+ background-color: var(--jardin);
+ grid-area: row-start / col-start / jardin-end / col-sep 12;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ height: 100vh;
+}
+
+div#jardin p{
+ display: flex;
+ justify-content:center;
+}
+
+h2#infras{
+ background-color: var(--infras);
+ grid-area: title-start 1 / col-sep 1 / title-end 1 / col-sep 12;
+}
+
+div#rennes{
+ background-color: var(--rennes);
+ grid-area: illu-start 1 / col-sep 1 / illu-end 1 / col-sep 6;
+ overflow: hidden;
+ /*height: 450px;*/
+}
+
+div#orsay{
+ background-color: var(--orsay);
+ grid-area: illu-start 1 / col-sep 6 / illu-end 1 / col-sep 11;
+ overflow: hidden;
+ /*height:450px;*/
+}
+
+p#txt_infras{
+ background-color: var(--txt_infras);
+ grid-area: txt-start 1 / col-sep 1 / txt-end 1 / col-sep 7;
+}
+
+h2#outils{
+ background-color: var(--outils);
+ grid-area: title-start 2 / col-sep 1 / title-end 2 / col-sep 12;
+}
+
+section#liste_outils{
+ background-color: var(--liste_outils);
+ grid-area: illu-start 2 / col-sep 7 / illu-end 2 / col-sep 11;
+}
+
+section#liste_outils > a > div > p{
+ text-align: center;
+}
+
+section#liste_outils > a{
+ /*display: contents;*/
+ color: black;
+ text-decoration: none;
+}
+
+section#liste_outils > a:hover{
+ color: darkgreen;
+}
+
+div#txt_outils{
+ background-color: var(--txt_outils);
+ grid-area: txt-start 2 / col-sep 1 / txt-end 2 / col-sep 7;
+}
+
+h2#valeurs{
+ background-color: var(--valeurs);
+ grid-area: title-start 3 / col-sep 1 / title-end 3 / col-sep 12;
+}
+
+div#ronce{
+ background-color: var(--ronce);
+ grid-area: illu-start 3 / col-sep 2 / illu-end 3 / col-sep 10;
+ padding: 0.5rem;
+ filter: grayscale(100%);
+ border: 1px dashed black;
+ transition: filter 0.15s ease 0s;
+}
+
+div#ronce:hover{
+ filter: none;
+}
+
+section#liste_valeurs{
+ background-color: var(--liste_valeurs);
+ grid-area: txt-start 3 / col-sep 2 / txt-end 3 / col-sep 10;
+}
+
+h2#connaissance{
+ background-color: var(--connaissance);
+ grid-area: title-start-contact / col-sep 1 / title-end-contact / col-sep 12;
+}
+
+div#txt_connaissance{
+ background-color: var(--txt_connaissance);
+ grid-area: txt-start-contact / col-sep 1 / txt-end-contact / col-sep 6;
+}
+
+div#calendrier{
+ background-color: var(--calendrier);
+ grid-area: txt-start-contact / col-sep 7 / txt-end-contact / col-sep 10;
+ overflow: hidden;
+}
+
+.mois_actuel, .mois_suivant{
+ overflow: hidden;
+}
+
+footer{
+ background-color: var(--footer);
+ grid-area: footer-start / main-col-start / footer-end / main-col-sep 12;
+}
+
+#liens{
+ text-align: center;
+ margin-bottom: var(--med_margin)
+}
+
+/*GESTION DE LA GRILLE LISTE DE NOS VALEURS*/
+
+section#liste_valeurs{
+ /*on ne peut pas faire plusieurs opérations en même temps dans calc, il faut un calc par opération*/
+ --demie-goutiere: calc(var(--small_margin) / 2);
+ --valeurs_width: calc(50% - var(--demie-goutiere));
+ display: grid;
+ grid-template-columns:
+ [col2-start] var(--valeurs_width) [col2-mid-left] /*bloc de gauche*/
+ var(--small_margin) /*goutière*/
+ [col2-mid-right] var(--valeurs_width) [col2-end]; /*bloc de droite*/
+ grid-template-rows:
+ [line1-start] auto [line1-end]
+ var(--small_margin)
+ [line2-start] auto [line2-end]
+ var(--small_margin)
+ [suivre-start] auto [suivre-end];
+}
+
+p#coop{
+ background-color: var(--lightgrey);
+ grid-area: line1-start / col2-start / line1-end / col2-mid-left;
+ text-align: center;
+}
+
+p#autonomie{
+ background-color: var(--lightgrey);
+ grid-area: line1-start / col2-mid-right / line1-end / col2-end;
+}
+
+p#solidarite{
+ background-color: var(--lightgrey);
+ grid-area: line2-start / col2-start / line2-end / col2-mid-left;
+}
+
+p#liberte{
+ background-color: var(--lightgrey);
+ grid-area: line2-start / col2-mid-right / line2-end / col2-end;
+}
+
+p#suivre {
+ background-color: var(--lightgrey);
+ grid-area: suivre-start / col2-start / suivre-end / col2-end;
+ text-align: center;
+}
+
+#coop, #autonomie, #solidarite, #liberte{
+ padding: 2rem;
+ border: 1px dashed black;
+ text-align: center;
+}
+
+section#liste_outils {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ column-gap: 1rem;
+ row-gap: 1rem;
+}
+
+section#liste_outils > a > div {
+ overflow: hidden;
+}
+
+div#ordinateur {
+ background-color: var(--lightgrey);
+ grid-area: illu-start 2 / col-start / illu-end 2 / col-sep 7;
+}
+
+
+div#discussion {
+ background-color: var(--lightgrey);
+ grid-area: line1-start / col-start / line1-end / col-mid-left;
+}
+
+div#visio {
+ background-color: var(--lightgrey);
+ grid-area: line2-start / col-start / line2-end / col-mid-left;
+}
+
+div#sites-web {
+ background-color: var(--lightgrey);
+ grid-area: line3-start / col-start / line3-end / col-mid-left;
+}
+
+div#emails {
+ background-color: var(--lightgrey);
+ grid-area: line1-start / col-mid-right / line1-end / col-end;
+}
+
+div#collaboration {
+ background-color: var(--lightgrey);
+ grid-area: line2-start / col-mid-right / line2-end / col-end;
+
+}
+
+div#blog {
+ background-color: var(--lightgrey);
+ grid-area: line3-start / col-mid-right / line3-end / col-end;
+}
+
+
+nav ul{
+ list-style: none;
+ padding: 0px;
+ margin: 0px;
+}
+
+
+
+
+
+
+/*GESTION DES MEDIA QUERIES*/
+
+/*Tablettes et petits ordinateurs*/
+@media (max-width: 1500px) and (min-width: 801px){
+
+h2, h1{
+ font-size: 1rem;
+ font-weight: normal;
+ margin: 0px;
+ padding: 0px;
+}
+
+h2, h1{
+ text-transform: uppercase;
+ white-space:pre;
+ overflow: hidden;
+}
+
+h1#deuxfleurs{
+ grid-area: h1-start / col-sep 1 / h1-end / col-sep 12;
+}
+
+h2#infras{
+ grid-area: title-start 1 / col-sep 1 / title-end 1 / col-sep 12;
+}
+
+h2#outils{
+ grid-area: title-start 2 / col-sep 1 / title-end 2 / col-sep 12;
+}
+
+h2#valeurs{
+ grid-area: title-start 3 / col-sep 1 / title-end 3 / col-sep 12;
+}
+
+h2#connaissance{
+ grid-area: title-start-contact / col-sep 1 / title-end-contact / col-sep 12;
+}
+
+div#rennes{
+ grid-area: illu-start 1 / col-sep 2 / illu-end 1 / col-sep 6;
+ margin-right: 0.5rem;
+}
+
+div#orsay{
+ grid-area: illu-start 1 / col-sep 6 / illu-end 1 / col-sep 10;
+ margin-left: 0.5rem;
+}
+
+div#rennes, div#orsay{
+ border: 1px solid black;
+ border-radius: 5px;
+}
+
+div#rennes pre.center, div#orsay pre.center{
+ margin-top: -5px;
+ margin-bottom: -5px
+}
+
+div#orsay pre.center{
+ justify-content: center;
+}
+
+p#txt_infras{
+ background-color: var(--txt_infras);
+ grid-area: txt-start 1 / col-sep 2 / txt-end 1 / col-sep 10;
+}
+
+div#txt_outils{
+ background-color: var(--txt_outils);
+ grid-area: txt-start 2 / col-sep 2 / txt-end 2 / col-sep 10;
+}
+
+div#txt_connaissance{
+ grid-area: txt-start-contact / col-sep 2 / txt-end-contact / col-sep 10;
+}
+
+div#txt_connaissance ul{
+ padding-left: 0px;
+ list-style-position: inside;
+}
+
+div#ordinateur {
+ grid-area: illu-start 2 / col-sep 1 / illu-end 2 / col-sep 11;
+ overflow: hidden;
+}
+
+section#liste_outils{
+ background-color: var(--liste_outils);
+ grid-area: illu-end 2 / col-sep 1 / illu-extended-end 2 / col-sep 11;
+ margin-top: var(--med_margin);
+}
+
+/*
+section#liste_outils {
+ --demie-goutiere: calc(var(--small_margin) / 2);
+ --valeurs_width: calc(33% - var(--demie-goutiere));
+ display: grid;
+ grid-template-columns:
+ [col-tiers1-start] var(--valeurs_width) [col-tiers1-end] bloc de gauche
+ var(--small_margin) goutière
+ [col-tiers2-start] var(--valeurs_width) [col-tiers2-end]
+ var(--small_margin) goutière
+ [col-tiers3-start] var(--valeurs_width) [col-tiers3-end]; bloc de droite
+
+ grid-template-rows:
+ [line1-start] auto [line1-end]
+ var(--small_margin)
+ [line2-start] auto [line2-end]
+ var(--small_margin)
+ [faisons-connaissance-start] auto [faisons-connaissance-end];
+ );
+}
+*/
+
+section#liste_outils{
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ row-gap: 1rem;
+ column-gap: 1rem;
+}
+
+div#discussion {
+ background-color: var(--lightgrey);
+ grid-area: line1-start / col-tiers1-start / line1-end / col-tiers1-end;
+ overflow: hidden;
+}
+
+div#emails {
+ background-color: var(--lightgrey);
+ grid-area: line1-start / col-tiers2-start / line1-end / col-tiers2-start;
+}
+
+div#visio {
+ background-color: var(--lightgrey);
+ grid-area: line1-start / col-tiers3-start / line1-end / col-tiers3-end;
+ overflow: hidden;
+}
+
+/**/
+
+div#sites-web {
+ background-color: var(--lightgrey);
+ grid-area: line2-start / col-tiers1-start / line2-end / col-tiers1-end;
+ overflow: hidden;
+}
+
+div#collaboration {
+ background-color: var(--lightgrey);
+ grid-area: line2-start / col-tiers2-start / line2-end / col-tiers2-end;
+
+}
+
+div#blog {
+ background-color: var(--lightgrey);
+ grid-area: line2-start / col-tiers3-start / line2-end / col-tiers3-end;
+}
+
+div#ronce{
+ grid-area: illu-start 3 / col-sep 1 / illu-end 3 / col-sep 11;
+}
+
+div#calendrier{
+ margin-top: var(--med_margin);
+ grid-area: txt-end-contact / col-sep 1 / cal-end-contact / col-sep 11;
+ display: flex;
+ justify-content: center;
+}
+
+#mois_actuel, #mois_suivant{
+ overflow: hidden;
+}
+
+#mois_actuel{
+ margin-bottom: 0px;
+ margin-right: 2rem;
+}
+
+}
+
+
+/*Smartphones*/
+@media (max-width: 800px){
+
+:root{
+ --big_margin:50px;
+ --med_margin:25px;
+ --small_margin:5px;
+}
+
+h1:before, h1:after{
+ content: '';
+}
+
+h2:before{
+ content: '______________________________________________________________________\A""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""\A* ';
+}
+
+h2:after{
+ content: ' *\A______________________________________________________________________\A""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""';
+}
+
+h2, h1{
+ font-size: 1rem;
+ text-align: center;
+}
+
+h2, h1{
+ text-transform: uppercase;
+ white-space: pre;
+ overflow: hidden;
+}
+
+h1#deuxfleurs{
+ grid-area: h1-start / col-start / h1-end / col-sep 12;
+}
+
+h2#infras{
+ grid-area: title-start 1 / col-start / title-end 1 / col-sep 12;
+}
+
+h2#outils{
+ grid-area: title-start 2 / col-start / title-end 2 / col-sep 12;
+}
+
+h2#valeurs{
+ grid-area: title-start 3 / col-start / title-end 3 / col-sep 12;
+}
+
+h2#connaissance{
+ grid-area: title-start-contact / col-start / title-end-contact / col-sep 12;
+}
+
+div#jardin{
+ grid-area: row-start / col-sep 1 / jardin-end / col-sep 11;
+}
+
+nav#menu{
+ position: fixed;
+ width: 100%;
+ right: 0px;
+ bottom: 0px;
+ padding-bottom: 1rem;
+ background-color: --day-background;
+ z-index: 1;
+ border-top: black 1px dashed;
+}
+
+nav#menu ul{
+ list-style: none;
+ flex-direction: row;
+ display: flex;
+ justify-content: space-evenly;
+ padding: 0px;
+ margin: 0px;
+ width: 100%;
+}
+
+div#txt_connaissance ul{
+ padding-left: 0px;
+ list-style-position: inside;
+ margin-bottom: var(--med_margin);
+}
+
+.icone > pre{
+ font-size: 0.8rem;
+}
+
+#illustration-accueil > pre.center{
+ font-size: 0.85rem;
+}
+
+div#orsay{
+ display: none;
+}
+
+div#rennes{
+ grid-area: illu-start 1 / col-sep 1 / illu-end 1 / col-sep 11;
+ border: 1px solid black;
+ border-radius: 5px;
+}
+
+div#rennes pre{
+ margin-top: -5px;
+ margin-bottom: -5px;
+}
+
+pre{
+ font-size: 0.95rem;
+}
+
+#txt_infras, #txt_outils, #txt_connaissance{
+ text-align: left;
+ hyphens: none;
+ margin-top: 0;
+ hyphens: none;
+ word-spacing: -2px;
+ -ms-hyphens: none;
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ margin-top: 0;
+}
+
+p#txt_infras{
+ background-color: var(--txt_infras);
+ grid-area: txt-start 1 / col-sep 1 / txt-end 1 / col-sep 11;
+}
+
+div#txt_outils{
+ background-color: var(--txt_outils);
+ grid-area: txt-start 2 / col-sep 1 / txt-end 2 / col-sep 11;
+}
+
+div#txt_connaissance{
+ grid-area: txt-start-contact / col-sep 1 / txt-end-contact / col-sep 11;
+}
+
+div#ordinateur {
+ display: none;
+}
+
+section#liste_outils {
+ display: block;
+}
+
+section#liste_outils{
+ grid-area: illu-start 2 / col-start / illu-end 2 / col-sep 12;
+ font-size: 1rem;
+}
+
+section#liste_outils pre{
+ font-size: 1rem;
+}
+
+section#liste_outils > a > div{
+ margin-bottom: 1rem;
+}
+
+div#ronce{
+ grid-area: illu-start 3 / col-sep 1 / illu-end 3 / col-sep 11;
+ border: none;
+ padding: 0px;
+}
+
+#coop, #autonomie, #solidarite, #liberte{
+ padding: 1rem;
+ margin: 0px;
+}
+
+#suivre{
+ margin-top: 2rem;
+}
+
+section#liste_valeurs{
+ grid-area: txt-start 3 / col-sep 1 / txt-end 3 / col-sep 11;
+}
+
+section#liste_valeurs .description{
+ display: none;
+}
+
+div#calendrier{
+ grid-area: txt-end-contact / col-sep 1 / cal-end-contact / col-sep 11;
+ display: none;
+}
+
+div#calendrier > pre.center {
+justify-content: center;
+}
+
+footer pre.center{
+ font-size: 0.85rem;
+}
+
+#liens{
+ text-align: center;
+ margin-bottom: 12rem;
+}
+
+}
+
+@media (prefers-color-scheme: dark) {
+ div#container, nav#menu, body{
+ background-color: var(--night-background);
+ }
+ p, pre, ul, li, a, a:hover, h1, h2, footer{
+ color: var(--txt-night);
+ }
+ .highlight{
+ color: var(--night-highlight-color);
+ background-color: var(--night-highlight-bg);
+ }
+ .icone > pre{
+ color: var(--txt-night);
+ }
+ .icone .img_top{
+ background-color: var(--night-background);
+ color: var(--txt-night);
+ }
+ .icone a{
+ color: var(--txt-night);
+ }
+ div#ronce, #coop, #autonomie, #solidarite, #liberte, nav#menu, div#rennes, div#orsay{
+ border-color: var(--txt-night);
+ }
+}
|
