fix d'une typo dans l'adresse

README.md

@@ -2,4 +2,40 @@
 
 Site web de l'association
 
-Le script export.py genere un dossier build statique à déployer sur un serveur web.
+Le script export.py génère un dossier build statique à déployer sur un serveur web.
+
+## Tester en local
+
+Créer un environnement python virtuel :
+`python -m venv. venv`
+
+Activer l'environnement virtuel :
+`source .venv/bin/activate`
+
+Check qu'on utilise bien l'environnement virtuel :
+`which python`
+
+Installer les dépendances :
+`pip install -r requirements.txt`
+
+Générer le site HTML via le script python :
+`python export.py`
+
+Autres arguments :
+```
+python export.py --help
+usage: export.py [-h] [-o OUTPUT] [-f {gzip,folder,dev}] [-q]
+
+Build website
+
+options:
+  -h, --help            show this help message and exit
+  -o OUTPUT, --output OUTPUT
+                        Output folder or file
+  -f {gzip,folder,dev}, --format {gzip,folder,dev}
+                        Format output (either gzip, dev or folder)
+  -q, --quiet
+```
+
+Déployer le serveur web en local :
+`python -m http.server -d build`

config.py

@@ -3,5 +3,4 @@ from datetime import datetime
 context = {
     'generated_date': datetime.now(),
     'site_name': 'Katzei',
-    'mail_key': '_fxvwk',
 }

static/css/styles.css

@@ -1,3 +1,7 @@
+html {
+  overflow-y: auto !important;
+}
+
 .logo
 {
   margin-right: 10px;
@@ -40,7 +44,8 @@
   width:100%;
 }
 
-#service_pro li::before, #service_con li::before {
+#service_pro li::before, #service_con li::before
+{
   font-size: 1.2em;
   font-weight: 500;
   display: inline-block;
@@ -52,6 +57,7 @@
   content: "\2295";
   color:#25c425;
 }
+
 #service_con li::before
 {
   content: "\2296";
@@ -63,7 +69,6 @@
   margin-bottom: 1.5em;
 }
 
-
 #service_infobox tr td
 {
   padding-left:5px;
@@ -91,6 +96,7 @@
 {
   margin-top: 2em !important;
 }
+
 @media screen and (min-width: 1022px)
 {
   #main
@@ -99,20 +105,23 @@
     padding-top: 25px;
     padding-bottom: 25px;
   }
+
   #service_infobox
   {
     border-left: 1px solid black;
     min-width:300px;
   }
 
-  .columns {
+  .columns
+  {
     display: flex;
     margin-left: -0.75rem;
     margin-right: -0.75rem;
     margin-top: -0.75rem;
   }
 
-  .column {
+  .column
+  {
     display: block;
     flex-basis: auto;
     flex-grow: 1;
@@ -124,9 +133,11 @@
 @media screen and (max-width: 1023px) 
 {
   html.has-navbar-fixed-top,
-  body.has-navbar-fixed-top{
+  body.has-navbar-fixed-top
+  {
     padding-top: 6.5rem;
   }
+
   .navbar, .navbar-brand
   {
     min-height: 6.5rem;
@@ -138,41 +149,49 @@
     max-height: 3.5rem;
   }
 
-  .navbar-burger{
+  .navbar-burger
+  {
     height: 6.5rem;
     width: 12rem;
   }
 
-  .navbar-burger span{
+  .navbar-burger span
+  {
     height: 3px;
     left: calc(50% - 16px);
     width: 32px;
   }
 
-  .navbar-burger span:nth-child(1){
+  .navbar-burger span:nth-child(1)
+  {
     top: calc(50% - 12px);
   }
 
-  .navbar-burger span:nth-child(2){
+  .navbar-burger span:nth-child(2)
+  {
     top: calc(50% - 1px);
   }
 
-  .navbar-burger span:nth-child(3){
+  .navbar-burger span:nth-child(3)
+  {
     top: calc(50% + 10px);
   }
 
-  .navbar-burger:hover{
+  .navbar-burger:hover
+  {
     background-color: rgba(0, 0, 0, 0.05);
   }
 
-  .navbar-dropdown{
+  .navbar-dropdown
+  {
     font-size: 1.5rem;
     padding-bottom: 1rem;
     padding-top: 1rem;
     padding-left: 48px;
   }
   
-  .navbar-end .navbar-item{
+  .navbar-end .navbar-item
+  {
     width: 40%;
     height: 3.5rem;
     display: inline-block;
@@ -180,7 +199,8 @@
     padding:0;
     margin:0;
   }
-  .navbar-end .navbar-item img{
+  .navbar-end .navbar-item img
+  {
     width:3.5rem;
   }
 
@@ -235,3 +255,34 @@ li
 {
   min-height:150px;
 }
+
+.form-line>.input, .form-line>.textarea
+{
+  border-color: #aaaaaa;
+  width:100%;
+  margin-bottom: 1em;
+}
+
+.form-line>.textarea
+{
+  min-height: 25em;
+  resize: vertical;
+}
+
+.form-error
+{
+  width: 100%;
+  border-radius: 4px;
+  margin-bottom: 1em;
+}
+
+.form-alert
+{
+  background-color: rgba(255, 0, 0, 0.2);
+}
+
+.contact-form-embed
+{
+  width: 100%;
+  height: 700px;
+}

templates/Informations-techniques/Matériel.html

@@ -39,7 +39,7 @@
     Hyperviseur secondaire
   </h2>
   <p>
-    Cette machine sert à héberger de l'infrastructure sur un autre site. c'est notamment elle qui héberge le site d'<a href="https://status.katzei.fr">état des services</a> ou le deuxième backup des services. Nous utilisons une machine de recyclage pour laquelle nous avons changé les stockages. Cette machine étant construite par Lenovo, elle est très peu évolutive et la seule amélioration encore envisageable est de rajouter un peu de RAM.
+    Cette machine sert à héberger de l'infrastructure sur un autre site. C'est notamment elle qui héberge le site d'<a href="https://status.katzei.fr">état des services</a> ou le deuxième backup des services. Nous utilisons une machine de recyclage pour laquelle nous avons changé les stockages. Cette machine étant construite par Lenovo, elle est très peu évolutive et la seule amélioration encore envisageable est de rajouter un peu de RAM.
   </p>
   <table class="hardware">
     <tr>

templates/a-propos/CGU.html

@@ -67,7 +67,7 @@
         Katzei se réserve le droit de changer sans préavis tout ou partie des Conditions Générales d’Utilisation.
       </li>
       <li>
-        Les questions sur les conditions de service doivent être envoyées par courrier électronique à l'adresse <a href="mailto:cgu{{ mail_key }}@katzei.fr">cgu{{ mail_key }}@katzei.fr</a>.
+        Les questions sur les conditions de service doivent être envoyées via le <a href="/a-propos/Nous%20contacter.html">formulaire de contact</a>.
       </li>
     </ol>
   </p>
@@ -148,7 +148,7 @@
     Données personnelles
   </h1>
   <p>
-    Conformément à l’article 34 de la loi « Informatique et Libertés », Katzei garantit à l’utilisateur un droit d’opposition, d’accès et de rectification sur les données nominatives le concernant. L’utilisateur a la possibilité d’exercer ce droit en utilisant l'adresse de courrier électronique mise à sa disposition (<a href="mailto:dpo{{ mail_key }}@katzei.fr">dpo{{ mail_key }}@katzei.fr</a>).
+    Conformément à l’article 34 de la loi « Informatique et Libertés », Katzei garantit à l’utilisateur un droit d’opposition, d’accès et de rectification sur les données nominatives le concernant. L’utilisateur a la possibilité d’exercer ce droit en utilisant le <a href="/a-propos/Nous%20contacter.html">formulaire de contact</a>.
     <ol start="30">
       <li>
         Pour utiliser certains services Katzei, vous devez créer un compte. Katzei demande certaines informations personnelles : une adresse e-mail valide et un mot de passe qui est utilisé pour protéger votre compte contre tout accès non autorisé. Les champs « Nom » et « Prénom » peuvent être requis pour le bon fonctionnement du logiciel, mais il n’est pas nécessaire qu’ils révèlent votre véritable identité.

templates/a-propos/Mentions légales.html

@@ -21,7 +21,7 @@
     katzei.fr et les services qui y sont associés sont publiés et hébergés par :
     <ul>
       <li>Nom : <span class="small-caps">Katzei</span></li>
-      <li>Adresse : 18 rue Paul Banéat 35700 Rennes</li>
+      <li>Adresse : 19 rue Paul Banéat 35700 Rennes</li>
       <li>Téléphone : 06.52.17.80.69</li>
     </ul>
   </p>
@@ -33,7 +33,7 @@
     Katzei est une association déclarée :
   </p>
   <ul>
-      <li>Adresse : 18 rue Paul Banéat 37500 Rennes</li>
+      <li>Adresse : 19 rue Paul Banéat 37500 Rennes</li>
       <li>Déclaration au journal officiel : <a href="https://www.journal-officiel.gouv.fr/associations/detail-annonce/associations_b/20200023/913">www.journal-officiel.gouv.fr</a></li>
       <li>Statut : <a href="https://git.katzei.fr/katzei/legal/src/branch/master/status.rst">status.rst</a></li>
       <li>Règlement intérieur : <a href="https://git.katzei.fr/katzei/legal/src/branch/master/reglement.rst">reglement.rst</a></li>

templates/a-propos/Nous contacter.html

@@ -0,0 +1,6 @@
+{% extends "/meta/master.html" %}
+
+{% block main %}
+  <embed class="contact-form-embed" type="text/html" src="/dyn/contact" frameborder="0">
+  </embed>
+{% endblock %}

templates/meta/master.html

@@ -97,7 +97,7 @@
         </a>
         </div>
         <div class="navbar-end">
-          <a href="mailto:contact{{ mail_key }}@katzei.fr" class="navbar-item mail" title="Nous contacter par mail">
+          <a href="/a-propos/Nous%20contacter.html" class="navbar-item mail" title="Nous contacter par mail">
             ✉
           </a>
           <a rel="me" href="https://mamot.fr/@katzei" class="navbar-item logo" title="Nous contacter sur mastodon">