[doc] ajout commandes dans README

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`

static/css/styles.css

@@ -2,7 +2,6 @@ html {
   overflow-y: auto !important;
 }
 
-
 .logo
 {
   margin-right: 10px;
@@ -45,7 +44,8 @@ html {
   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;
@@ -57,6 +57,7 @@ html {
   content: "\2295";
   color:#25c425;
 }
+
 #service_con li::before
 {
   content: "\2296";
@@ -68,7 +69,6 @@ html {
   margin-bottom: 1.5em;
 }
 
-
 #service_infobox tr td
 {
   padding-left:5px;
@@ -96,6 +96,7 @@ html {
 {
   margin-top: 2em !important;
 }
+
 @media screen and (min-width: 1022px)
 {
   #main
@@ -104,20 +105,23 @@ html {
     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;
@@ -129,9 +133,11 @@ html {
 @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;
@@ -143,41 +149,49 @@ html {
     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;
@@ -185,7 +199,8 @@ html {
     padding:0;
     margin:0;
   }
-  .navbar-end .navbar-item img{
+  .navbar-end .navbar-item img
+  {
     width:3.5rem;
   }
 
@@ -241,27 +256,33 @@ li
   min-height:150px;
 }
 
-.form-line>.input, .form-line>.textarea{
+.form-line>.input, .form-line>.textarea
+{
   border-color: #aaaaaa;
   width:100%;
   margin-bottom: 1em;
 }
 
-.form-line>.textarea{
+.form-line>.textarea
+{
   min-height: 25em;
+  resize: vertical;
 }
 
-.form-error{
+.form-error
+{
   width: 100%;
   border-radius: 4px;
   margin-bottom: 1em;
 }
 
-.form-alert{
+.form-alert
+{
   background-color: rgba(255, 0, 0, 0.2);
 }
 
-.contact-form-embed{
+.contact-form-embed
+{
   width: 100%;
   height: 700px;
 }

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