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

@@ -11,7 +11,7 @@
     Hyperviseur principal
   </h2>
   <p>
-    L'hyperviseur principal est le cœur de katzei. C'est lui qui héberge les différentes machines virtuelles aussi bien pour les services que pour le reste de l'infrastructure. Si vous faites une architecture du même type que Katzei, ce sera de loin la machine la plus cher (même s'il est possible de ne pas la payer trop cher en restant à l'écoute des bons plans).
+    L'hyperviseur principal est le cœur de katzei. C'est lui qui héberge les différentes machines virtuelles aussi bien pour les services que pour le reste de l'infrastructure. Si vous faites une architecture du même type que Katzei, ce sera de loin la machine la plus chère (même s'il est possible de limiter les couts en restant à l'écoute des bons plans).
   </p>
   <table class="hardware">
     <tr>
@@ -39,20 +39,20 @@
     Hyperviseur secondaire
   </h2>
   <p>
-    Cette machine sert a héberger de l'infrastructure sur un autre site. c'est notamment elle qui héberge le site <a href="https://status.katzei.fr">d'é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. La seule amélioration encore envisageable est de lui 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>
       <td>CPU</td>
-      <td><a href="https://ark.intel.com/content/www/fr/fr/ark/products/88196/intel-core-i7-6700-processor-8m-cache-up-to-4-00-ghz.html">Intel Core i7-6700</a></td>
+      <td><a href="https://ark.intel.com/content/www/fr/fr/ark/products/97128/intel-core-i7-7700-processor-8m-cache-up-to-4-20-ghz.html">Intel Core i7-7700</a></td>
     </tr>
     <tr>
       <td>RAM</td>
-      <td>16 Go</td>
+      <td>32 Go</td>
     </tr>
     <tr>
       <td>Stockage SSD</td>
-      <td>1 To</td>
+      <td>2 To</td>
     </tr>
     <tr>
       <td>Stockage HDD</td>
@@ -63,7 +63,7 @@
     Backup
   </h2>
   <p>
-    Comme pour l'hyperviseur secondaire, cette machine est le recyclage. Dans ce cas il s’agit du NAS d'un membre. Comme il est encore utilisé par le membre, seul sera référencé sur cette page l'espace de stockage dédié à Katzei. Pour la gestion des sauvegardes, il est possible de prendre un NAS commercial mais il est souvent plus économique (et bien plus amusant) de construire soi-même la machine et de choisir les logiciels selon ses besoins. Pour ses performances, ne vous fiez pas à ses 4 cœurs, il utilise une architecture très basse consommation et très peu puissante.
+    Comme pour l'hyperviseur secondaire, cette machine est un recyclage. Dans le cas présent, il s’agit du NAS d'un membre. Etant encore utilisé par le membre, seul sera référencé sur cette page l'espace de stockage dédié à Katzei. Pour la gestion des sauvegardes, il est possible de prendre un NAS commercial mais il est souvent plus économique (et bien plus amusant) de construire soi-même la machine et de choisir les logiciels selon ses besoins. Concernant ses performances, il utilise une architecture très basse consommation et très peu puissante malgré ses 4 cœurs.
   </p>
    <table class="hardware">
     <tr>

templates/Informations-techniques/Sauvegardes.html

@@ -17,10 +17,10 @@
     Les sauvegardes qui sont conservées sur les 7 derniers mois de service sont les suivantes :
     <ul>
       <li>
-        Les 8 dernières sauvegardes quotidiennes
+        Les 8 dernières sauvegardes quotidiennes.
       </li>
       <li>
-        Les 5 dernières sauvegardes hebdomadaires
+        Les 5 dernières sauvegardes hebdomadaires.
       </li>
       <li>
         Les 6 dernières sauvegardes mensuelles.
@@ -31,7 +31,7 @@
     Les sauvegardes en pratique
   </h2>
   <p>
-    En pratique, les sauvegardes sont effectuées en clair sur une machine différente de l'hyperviseur mais située dans le même local{# et une seconde sauvegarde est effectuée sur une machine hébergée à moins de 150km #}. Cette sauvegarde se fait grâce à l'outil <a href="https://borgbackup.readthedocs.io/en/stable/">Borg</a> avec la surcouche <a href="https://torsion.org/borgmatic/">Borgmatic</a> et une série de scripts internes pour automatiser la préparation du dépôt de sauvegarde et de la configuration.
+    En pratique, les sauvegardes sont effectuées en clair sur une machine différente de l'hyperviseur mais située dans le même local et une seconde sauvegarde est effectuée sur une machine hébergée chez un autre membre de l'association. Cette sauvegarde se fait grâce à l'outil <a href="https://borgbackup.readthedocs.io/en/stable/">Borg</a> avec la surcouche <a href="https://torsion.org/borgmatic/">Borgmatic</a>.
   </p>
   <h2 class="subtitle">
     Intégrité des sauvegardes

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">