From f0e7ea07185f257a664b7b756ec2b9165c9eb01d Mon Sep 17 00:00:00 2001
From: EpicKiwi <me@epickiwi.fr>
Date: Fri, 9 Jun 2023 15:44:17 +0200
Subject: [PATCH] WIP reglement

---
 reglement/index.html | 119 ++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 113 insertions(+), 6 deletions(-)
diff --git a/reglement/index.html b/reglement/index.html
index 3ece4f8..2772010 100644
--- a/reglement/index.html
+++ b/reglement/index.html
@@ -4,19 +4,19 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Le LOL - Reglement interieur</title>
-
     <style>
         body {
             width: 100%;
             margin: 0;
             margin-left: auto;
             margin-right: auto;
-            max-width: 700px;
+            max-width: 800px;
 
             padding-bottom: 25vh;
 
             font-family: sans-serif;
+
+            position: relative;
         }
 
         @media print {
@@ -34,6 +34,21 @@
             flex-direction: column;
         }
 
+        footer {
+            text-align: center;
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            padding: 10px;
+            font-size: 0.8rem;
+        }
+
+        header p {
+            margin-top: 50px;
+            text-align: justify;
+        }
+
         @media print {
             header {
                 height: 100vh;
@@ -47,23 +62,68 @@
 
         h1 small, h2 small, h3 small {
             display: block;
+            font-weight: normal;
+            font-style: italic;
+        }
+
+        a {
+            color: inherit;
         }
 
         .example {
             font-style: italic;
         }
+        
+        .side-note {
+            font-size: 0.9em;
+            margin-top: 30px;
+            margin-bottom: 30px;
+            border: solid 1px currentColor;
+            padding: 10px;
+        }
+
+        h2:first-child {
+            break-before: always;
+        }
+
+        .printed {
+            display: none;
+        }
+
+        @media print {
+            .printed {
+                display: block;
+            }
+        }
     </style>
+
+    <title>Le LOL - Code de conduite & Reglement</title>
 </head>
 <body>
     
     <header>
-        <h1>Le LOL <small>Reglement interieur</small></h1>
+        <h1>Le LOL <small>Code de conduite & Reglement</small></h1>
         <img src="logo_picto.svg" alt="Logo du LOL, LOL en Morse" />
+
+        <p class="side-note"><strong>Note Importante : </strong> Ce document est une ébauche d'un nouveau réglement intérieur. Je (<a href="mailto:me@epickiwi.fr">EpicKiwi</a>) parle de "Nous" comme du groupe du LOL mais la majorité de ce qui est écrit représente mes opinions (en constante évolution) de ce que j'aimerai voir advenir. <em>Discutons ensemble de ce document.</em></p>
     </header>
 
     <main>
 
-        <h2>Adhesion</h2>
+        <p>Le LOL est un <em>Hackerspace</em>, un lieu ouvert à tous de partage, d'expérimentation et d'apprentissage sur divers sujets plus ou moins techniques (éléctronique, informatique, etc.).</p>
+
+        <p>Dans ce document, nous traçons les contours de notre fonctionnement collectif. Ce document donne des indications plus ou moins précises sur notre organisation et nous tentons de le respecter le plus possible.</p>
+
+        <p>Ce document à vocation à changer si une majorité des adherent·es sont d'accord. Une mise à jour de ce document se fait en assemblée générale (ordinaire ou extraordinaire) après la concertation des adherent·es présents.</p>
+
+        <ul>
+            <li><a href="#adhesion">Comment adherer ? Combien ça coute ?</a></li>
+            <li><a href="#organisation">Comment m'impliquer ?</a></li>
+        </ul>
+
+        <p class="side-note"> Nous utilisons dans ce document le pronom <em>"iel"</em> comme pronom neutre. Si c'est plus agreable pour vous, vous pouvez le remplacer par "il" ou "elle" pendant la lecture. Nous faisons aussi l'usage du point médiant (·) pour apposer les terminaisons masculines et féminines d'un même mot.</p>
+
+        <h2 id="adhesion">Adhesion</h2>
 
         <p>Bienvenue au LOL ! On est heureux de t'accueillir !</p>
 
@@ -71,7 +131,7 @@
 
         <p>Cela signifie que tu peux donner ce que tu veux pour devenir adherent·e pendant un an. Pour maintenir le lieu en place, aquerir du materiel et payer les charges nous estimons que si une majorite donne 50€ par ans nous seront confortable. Mais libre a toi de donner moins si tu en as envie ou que tu n'as pas les moyens de payer le prix d'equilibre.</p>
 
-        <h2>Organsation collective</h2>
+        <h2 id="organisation">Organsation collective</h2>
 
         <p>Pour la gestion du materiel, la tenue de projet a plusieurs et les differentes taches de gestion du lieu, nous nous organisons en <em>collectif</em>. Un <em>collectif</em> est un groupe d'adherent·es qui se cree de maniere spontanee et se maintien par la motivation de ces membres.</p>
 
@@ -91,7 +151,54 @@
 
         <p>Tu peux laisser du materiel sur place mais nous essayons de garder l'espace pour tous sans stocker trop de materiel des membres. <strong>Mets ton nom sur ce qui t'appartiens.</strong> et si ce que tu deposes reste au LOL plus d'<em>1 mois</em>, il apprtiendra maintenant au LOL et tout les adherent·es pourront en faire l'usage.</p>
 
+        <h2>Expérimentations, autonomie et apprentissage</h2>
+
+        <p>Le LOL est un lieu de partage, d'expérimentation et d'apprentissage. Nous essayons de favoriser la creativité de chacun ainsi que l'apprentissage des compétences techniques (éléctronique, informatique, chimie, cuisine, etc.) par l'échange entre les adhérents du LOL.</p>
+
+        <p>Nous estimons que chacun est important au groupe et que personne n'est au dessus des autre. Tout le monde n'a pas les même compétences techniques mais chacun apporte quelque chose par son point de vue ou ses experiences personnelles.</p>
+
+        <p>L'autonomie et le fait de "faire soi même" permet de se sentir capable, de cultiver sa curiosité et de laisser libre court à sa créativité. Nous essayons de favoriser l'autonomie de chacun; même des débutant·es.</p>
+        
+        <p>Ainsi, nous essayons de ne pas faire les projets des autres et de ne pas trop nous implquer sans qu'iels en ai fait la demande. Il est évidemment toujours possible de poser des question et de donner des conseils lorsque cela est demandé. Mais cela sera toujours préférable de chercher ensemble plutot que de donner directment la solution.</p>
+
+        <h2>Sécurité</h2>
+
+        <p class="side-note">Ce paragraphe est issu du Reglement interieur du LOL</p>
+
+        <p>L’accès et l’utilisation des ressources du Laboratoire sont soumis à l’acceptation des règles de sécurité ci-dessous. Les membres sont responsables de leur propre sécurité et doivent à ce titre :</p>
+
+        <ul>
+            <li>s’informer des risques associés à la mise en œuvre des équipements qu’ils souhaitent utiliser et se former à leur usage ;</li>
+            <li>s’équiper personnellement des EPI (équipement de protection individuelle) recommandés lors de l’usage de ces équipements quand l’association n’est pas en mesure de les fournir ;</li>
+            <li>s’assurer que ces EPI sont aux normes en vigueur, en bon état et de taille adaptée.</li>
+        </ul>
+
+        <p>Par ailleurs, un membre qui met à disposition des autres membres un équipement dont l’usage présente des risques a le devoir :</p>
+
+        <ul>
+            <li>d’informer les autres membres des risques associés à la mise en œuvre de cet équipement ;</li>
+            <li>de s’assurer de la maintenance de l’équipement et en particulier des dispositifs de sécurité intégrés à cet équipement ;</li>
+            <li>de marquer l’équipement de manière à signaler les risques, notamment en utilisant les pictogrammes normalisés adéquats</li>
+        </ul>
+
+        <h2>Mettre à jour ce document</h2>
+
+        <p class="side-note">Ce paragraphe est issu du Reglement interieur du LOL</p>
+
+        <p>Tout projet visant à modifier ce document doit être soumis à l’approbation de l’assemblée générale ordinaire ou extraordinaire.</p>
+
     </main>
 
+    <footer>
+        <div class="printed">Le <time datetime="" id="rendered-date"></time></div>
+        <script>
+            let date = new Date()
+            let formatter = new Intl.DateTimeFormat("fr-FR", {dateStyle: "long"})
+            let el = document.getElementById("rendered-date");
+            el.dateTime = date.toISOString()
+            el.textContent = formatter.format(date)
+        </script>
+    </footer>
+
 </body>
 </html>
\ No newline at end of file
