From 6f0925e23f01a79b845d7dedc76d7600e730ca7c Mon Sep 17 00:00:00 2001
From: pacome <pacome@atelier-cartographique.be>
Date: Mon, 24 May 2021 00:50:05 +0200
Subject: [PATCH] updated style

---
 site/index.html       | 36 +++++++++++++++++++++++++-----------
 site/style/style.css  | 14 ++++++++++++--
 site/style/style.less | 10 ++++++++++
 3 files changed, 47 insertions(+), 13 deletions(-)

diff --git a/site/index.html b/site/index.html
index dd0b679..e0911ec 100644
--- a/site/index.html
+++ b/site/index.html
@@ -30,7 +30,9 @@
         <div class="main__wrapper">
             <!-- <h1>Portail de distribution de cartes de randonnée à la demande.</h1> -->
 
-            <h1>Des cartes locales, à prix libre, <br> <span class="second-line">optimisées pour la randonnée.</span>
+            <h1>Des cartes locales, à prix libre,
+
+                <br> <span class="second-line">optimisées pour la randonnée.</span>
             </h1>
 
             <div class="block block-with-sidebar sidebar-left">
@@ -49,7 +51,15 @@
 
                 <h2>Liste des cartes</h2>
 
-                <p> La carte que vous souhaitez n'existe pas encore ? <a href="#quiSommesNous">Contactez-nous</a>, nous la mettrons à disposition rapidement. </p>
+                <p> La carte que vous souhaitez n'existe pas encore ?
+
+                    <br> Même si le processus de création des cartes OpenArdenneMap est semi-automatisé, nos cartes sont produites au fur et à mesure des demandes et de la complétude des données OpenStreetMap, particulièrement en ce qui concerne les itinéraires balisés.
+                </p>
+
+                <p> Vous désirez une carte d'un endroit particulier?
+
+                    <br> <a href="#quiSommesNous">Contactez-nous</a>!
+                </p>
             </div>
 
             <div id="firstLink" class="block block-with-sidebar sidebar-right">
@@ -94,19 +104,19 @@
                 <details>
                     <summary>Quelle est l'exactitude de ces cartes ?</summary>
 
-                    <p id="exact">Pratiquement aucune carte n'est exempte d'erreurs. En particulier, des éléments tels que des sentiers et du balisage peuvent évoluer rapidement dans le temps. Nous ne donnons aucune garantie quant à l'exactitude et la complétude des informations de nos cartes. Néanmoins, nous savons par expérience que les données OpenStreetMap gagnent en exactitude et en précision d'année en année. Un conseil: les chemins de type "mauvais chemin" sont, comme leur nom l'indique, moins bien tracés et sont plus susceptibles d'être envahis par la végétation et difficile à pratiquer.</p>
-                </details>
+                    <p id="exact">Pratiquement aucune carte n'est exempte d'erreurs. En particulier, des éléments tels que des sentiers et du balisage peuvent évoluer rapidement dans le temps.</p>
 
-                <details>
-                    <summary>J'aimerais avoir une carte de ma région avec les promenades balisées. Pourquoi n'est-elle pas disponible?</summary>
+                    <p> Nous ne donnons aucune garantie quant à l'exactitude et la complétude des informations de nos cartes. Néanmoins, nous savons par expérience que les données OpenStreetMap gagnent en exactitude et en précision d'année en année. </p>
 
-                    <p>Même si le processus de création des cartes OpenArdenneMap est semi-automatisé, nos cartes sont produites au fur et à mesure des demandes et de la complétude des données OpenStreetMap, particulièrement en ce qui concerne les itinéraires balisés. Vous désirez une carte d'un endroit particulier? Contactez-nous!</p>
+                    <p> Un conseil: les chemins de type "mauvais chemin" sont, comme leur nom l'indique, moins bien tracés et sont plus susceptibles d'être envahis par la végétation et difficile à pratiquer.</p>
                 </details>
 
                 <details>
                     <summary>Y-a-t'il une application mobile pour ces randonnées ?</summary>
 
-                    <p>Il existe une foule d'applications mobiles de cartographie et pour la pratique de la randonnée. Bonne nouvelle, l'immense majorité de celles-ci utilisent exactement les mêmes données que nos cartes: OpenStreetMap. Si vous voulez combiner nos cartes avec une application de randonnée, nous vous conseillons d'installer une application qui conserve les données hors connexion (il existe encore de nombreuses zones blanches en forêt) et qui ne gardera pas trace de vos données personnelles, comme OsmAnd, WindyMaps, MapsMe.</p>
+                    <p>Il existe une foule d'applications mobiles de cartographie et pour la pratique de la randonnée. Bonne nouvelle, l'immense majorité de celles-ci utilisent exactement les mêmes données que nos cartes: OpenStreetMap. </p>
+
+                    <p>Si vous voulez combiner nos cartes avec une application de randonnée, nous vous conseillons d'installer une application qui conserve les données hors connexion (il existe encore de nombreuses zones blanches en forêt) et qui ne gardera pas trace de vos données personnelles, comme OsmAnd, WindyMaps, MapsMe.</p>
                 </details>
 
                 <details>
@@ -120,19 +130,23 @@
 
                     <p>Nous utilisons des données ouvertes (OpenStreetMap, données du relief publiques), des logiciels libres de cartographie et un style cartographique libre de droit. Néanmoins, cette offre de cartes a un coût: la retouche de certains éléments de nos cartes "à la main", notre travail de promotion, l'hébergement de ce site web, etc. C'est pourquoi nous proposons le téléchargement de ces cartes à un prix libre. Ces cartes sont également disponibles à la vente au prix de 3,00€, en impressions de haute qualité, dans divers endroits.</p>
 
-                    <p>L'argent collecté est redistribué en partie (quelle proportion?) à OpenStreetMap-Belgium, l'association qui accompagne la communauté des contributeur·rice·s d'OpenStreetMap en Belgique.</p>
+                    <p>L'argent collecté est redistribué en partie à OpenStreetMap-Belgium, l'association qui accompagne la communauté des contributeur·rice·s d'OpenStreetMap en Belgique.</p>
                 </details>
 
                 <details>
                     <summary>Je suis un⋅e opérateur⋅rice touristique/gestionnaire d'un hébergement, puis-je imprimer/utiliser/distribuer/vendre vos cartes ?</summary>
 
-                    <p>Oui. Les cartes OpenArdenneMap sont disponibles sous licence CC By-Sa 4.0. Cela signifie que vous pouvez les imprimer, les utiliser, les distribuer et même les vendre. Si vous êtes un opérateur touristique, nous conseillons le prix de vente de 3,00€ pour une impression A3. Nous distribuons nous-mêmes une partie de nos cartes dans divers syndicats d'initiative. Dans le cas où vous retiriez un certain bénéfice de la vente de ces cartes, nous vous serons reconnaissant de soutenir financièrement le projet. Dans tous les cas où vous réutiliseriez nos produits d'un manière ou d'une autre, merci également de nous le faire savoir! Si vous êtes intéressé par des collaborations ou d'autres produits (posters, cartes sur demande, cartographie participative), contactez-nous!</p>
+                    <p>Oui. Les cartes OpenArdenneMap sont disponibles sous licence CC By-Sa 4.0. Cela signifie que vous pouvez les imprimer, les utiliser, les distribuer et même les vendre. Si vous êtes un opérateur touristique, nous conseillons le prix de vente de 3,00€ pour une impression A3. Nous distribuons nous-mêmes une partie de nos cartes dans divers syndicats d'initiative.</p>
+
+                    <p> Dans le cas où vous retiriez un certain bénéfice de la vente de ces cartes, nous vous serons reconnaissant de soutenir financièrement le projet. Dans tous les cas où vous réutiliseriez nos produits d'un manière ou d'une autre, merci également de nous le faire savoir! </p>
+
+                    <p>Si vous êtes intéressé par des collaborations ou d'autres produits (posters, cartes sur demande, cartographie participative), <a href="#quiSommesNous">contactez-nous</a>!</p>
                 </details>
 
                 <details>
                     <summary>Est-ce que vous faites des tirages/produits sur mesure, ou des animations d'ateliers ?</summary>
 
-                    <p>Bien sûr. Si vous êtes intéressé par des collaborations ou d'autres produits tels que des tirages haute qualité, des grands formats, des atlas plus complets, ou l'accompagnement d'ateliers cartographie participative pour tout type de public, contactez-nous!</p>
+                    <p>Bien sûr. Si vous êtes intéressé par des collaborations ou d'autres produits tels que des tirages haute qualité, des grands formats, des atlas plus complets, ou l'accompagnement d'ateliers cartographie participative pour tout type de public, <a href="#quiSommesNous">contactez-nous</a>!</p>
                 </details>
             </div>
 
diff --git a/site/style/style.css b/site/style/style.css
index 5e0c1d6..ae9796a 100644
--- a/site/style/style.css
+++ b/site/style/style.css
@@ -358,7 +358,7 @@ body {
   margin: auto;
   padding: 64px;
   padding-top: 0px;
-  max-width: 1280px;
+  max-width: 1440px;
 }
 h1 {
   font-size: 4rem;
@@ -372,6 +372,16 @@ h1 .second-line {
 details {
   margin-bottom: 10.66666667px;
 }
+details summary {
+  cursor: pointer;
+  font-size: 1.25rem;
+}
+details summary:hover {
+  background-color: #ffff94;
+}
+details > *:not(summary) {
+  margin-left: 1.4rem;
+}
 p.pitch {
   font-size: 2.4rem;
   line-height: 135%;
@@ -412,7 +422,7 @@ p.pitch a:hover {
   width: 60%;
 }
 .block-with-sidebar > div.block-main img {
-  width: 90%;
+  width: 100%;
 }
 .block-with-sidebar.sidebar-right .block-sidebar {
   padding-left: 16px;
diff --git a/site/style/style.less b/site/style/style.less
index 25af488..5ccb58f 100644
--- a/site/style/style.less
+++ b/site/style/style.less
@@ -43,6 +43,16 @@ h1 {
 
 details {
     margin-bottom: @margin / 3;
+    summary {
+        cursor: pointer;
+        font-size: 1.25rem;
+        &:hover {
+            background-color: @pitchLinkColor;
+        }
+    }
+    >*:not(summary) {
+        margin-left: 1.4rem;
+    }
 }
 
 p.pitch {