site/static/index.html

1 line
137 KiB
HTML
Raw Normal View History

2024-05-07 17:56:27 +00:00
<!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="css/layout.css"> <link rel="stylesheet" type="text/css" href="css/home.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"> <header> <h1 id="deuxfleurs"><span role="img" aria-label="2 e