From c800f1f8364572533749530aa0b4765689965d7e Mon Sep 17 00:00:00 2001
From: Meewan <meewan@meewan.fr>
Date: Sat, 24 Aug 2024 12:02:13 +0200
Subject: [PATCH] supression des adresses mails au profit du formulaire de
 contact

---
 static/css/styles.css       | 61 +++++++++++++++++++++++++------------
 templates/a-propos/CGU.html |  4 +--
 templates/meta/master.html  |  2 +-
 3 files changed, 44 insertions(+), 23 deletions(-)

diff --git a/static/css/styles.css b/static/css/styles.css
index f527a45..81287c6 100644
--- a/static/css/styles.css
+++ b/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;
 }
\ No newline at end of file
diff --git a/templates/a-propos/CGU.html b/templates/a-propos/CGU.html
index 0d12120..18f5283 100644
--- a/templates/a-propos/CGU.html
+++ b/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é.
diff --git a/templates/meta/master.html b/templates/meta/master.html
index 0ffd19f..233fd81 100644
--- a/templates/meta/master.html
+++ b/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">