fix(design): use bootstrap success as primary color

assets/sass/landing.scss

@@ -24,7 +24,11 @@
 }
 
 .landing__container .landing__section:nth-child(even) {
-  background-color: #00912430;
+  background-color: #19875420;
+}
+
+.landing__slogan__content {
+  word-break: keep-all;
 }
 
 @media(max-width: $md-breakpoint) {
@@ -32,3 +36,4 @@
         display: block;
     }
 }
+

assets/sass/main.scss

@@ -7,10 +7,9 @@ $xs-breakpoint: 400px;
 
 $background-dark: #1f1f1e;
 $background: #303131;
-$primary: #db8d42;
+$primary: #009124;
 $secondary: #f15a24;
 
-
 @import "./vendor/bootstrap.scss";
 @import "./page_container.scss";
 @import "./title.scss";

assets/sass/nav.scss

@@ -9,3 +9,50 @@
 #navbar-toggle-cbox {
     display:none
 }
+
+.site__header {
+  height: 3.5em;
+  font-size: 1.2rem;
+
+  .navbar-brand {
+    font-size: 1.75rem;
+  }
+}
+
+@media (min-width: $md-breakpoint) {
+  .site__header {
+    .navbar-collapse {
+      flex-grow: 0;
+    }
+  }
+}
+
+@media (max-width: $md-breakpoint) {
+  .site__header {
+    .navbar-brand {
+      padding-left: 12px;
+    }
+    .navbar-header {
+      padding-right: 12px;
+    }
+
+    .navbar-collapse {
+      ul {
+        margin-bottom: 0;
+      }
+      position: relative;
+      z-index: 99;
+      top: 7px;
+      background-color: #E9ECEF;
+      color: black;
+      .nav-link {
+        padding: 0.5em 1em;
+        color: black !important;
+        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+      }
+    }
+    .container {
+      padding: 0 !important;
+    }
+  }
+}

assets/sass/vendor/bootstrap.scss

@@ -12054,4 +12054,4 @@ textarea.form-control-lg {
   }
 }
 
-/*# sourceMappingURL=bootstrap.css.map */
+/*# sourceMappingURL=bootstrap.css.map */

content/association/_index.md

@@ -35,7 +35,9 @@ Notre association est une association de loi 1901 déclaré en préfecture de l'
 - Matthieu BESSAT, Secrétaire
 - Alexis Martini, Secrétaire-Adjoint
 
-<a href="/association/rejoindre" class="btn btn-primary">
+<p class="text-center">
-    Nous rejoindre
+    <a href="/association/rejoindre" class="btn btn-lg btn-success">
-</a>
+        Nous rejoindre
+    </a>
+</p>
 

content/association/rejoindre.md

@@ -19,7 +19,9 @@ Alors n'attendez pas et rejoignez notre association pour nous aider dans nos ac
 
 Nous utilisons un groupe [Signal](https://www.signal.org/fr) pour communiquer et syncroniser nos actions. Voici un lien d'invitation dans ce groupe.
 
-<a class="mb-3 btn btn-primary" href="https://signal.group/#CjQKIGTvDcOQdQ64gs2tBtBZhn9xNC9rEsoQH59u_HLWDJYQEhCUCZM1iiAOaiAz7lreaYRX">
+<a
+    class="mb-3 btn btn-info btn-lg"
+    href="https://signal.group/#CjQKIGTvDcOQdQ64gs2tBtBZhn9xNC9rEsoQH59u_HLWDJYQEhCUCZM1iiAOaiAz7lreaYRX">
     Rejoindre le groupe Signal
 </a>
 

layouts/index.html

@@ -10,9 +10,9 @@
                         src="{{ $image.RelPermalink }}"
                     />
                 </div>
-                <div class="col-12 col-lg-9 d-flex flex-column justify-content-center align-items-center">
+                <div class="landing__slogan__content col-12 col-lg-9 mt-4 mt-md-0 d-flex flex-column justify-content-center align-items-center">
                     <h1 class="text-center">Ensemble, rendons Gaillon-Aubevoye cyclable !</h1>
-                    <h5 class="mt-3">Association Vélo et Mobilités en Eure-Madrie-Seine</h5>
+                    <h5 class="text-center mt-3">Association Vélo et Mobilités en Eure-Madrie-Seine</h5>
                 </div>
             </div>
             </div>
@@ -76,6 +76,11 @@
                 </li>
                 <li>Aider les cyclistes, plus particulièrement les novices</li>
             </ul>
+            <div class="text-end mt-4">
+                <a href="/projets" class="btn btn-lg btn-success">
+                    Les sujets et projets en cours
+                </a>
+            </div>
             </div>
             </div>
         </section>
@@ -92,11 +97,11 @@
                 <li>Pour communiquer, au public, aux médias…</li>
                 <li>Pour organiser des évènements…</li>
             </ul>
-            <p class="text-end">
+            <div class="mt-4">
-                <a href="/association/rejoindre" class="btn btn-lg btn-primary">
+                <a href="/association/rejoindre" class="btn btn-lg btn-success">
                     Nous rejoindre
                 </a>
-            </p>
+            </div>
             </div>
         </section>
         <section class="landing__section" id="landing-last-news">

layouts/partials/head.html

@@ -24,9 +24,9 @@
 <link rel="apple-touch-icon" sizes="192x192" href="{{ $faviconSm.RelPermalink }}">
 <link rel="icon" type="image/png" sizes="192x192"  href="{{ $faviconSm.RelPermalink }}">
 <link rel="manifest" href="/manifest.json">
-<meta name="msapplication-TileColor" content="#009124">
+<meta name="msapplication-TileColor" content="#198754">
 <meta name="msapplication-TileImage" content="{{ $faviconSm.RelPermalink }}">
-<meta name="theme-color" content="#009124">
+<meta name="theme-color" content="#198754">
 
 <!-- Note: j'ai galérer à rajouter du scss car en fait y'avait déja une variable $style de définit plus haut... -->
 {{ $style := resources.Get "sass/main.scss" | resources.ToCSS  | resources.Fingerprint }}

layouts/partials/header.html

@@ -1,4 +1,4 @@
-<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+<nav class="site__header navbar navbar-expand-lg navbar-dark bg-success bg-gradient">
     <div class="container">
         <a class="navbar-brand" href="/">VMEMS</a>
         <input type="checkbox" id="navbar-toggle-cbox">
@@ -16,7 +16,7 @@
             </label>
         </div>
         <div id="navbar" class="collapse navbar-collapse">
-            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+            <ul class="navbar-nav me-auto mt-1 mt-lg-0 mb-2 mb-lg-0">
                 <li class="nav-item">
                     <a class="nav-link" href="/projets">Projets cyclables</a>
                 </li>

layouts/partials/newsletter_subscribe.html

@@ -27,6 +27,6 @@
         <input id="newsletter1" type="email" name="email" class="form-control" placeholder="Adresse email">
         <input id="list" type="hidden" name="l" value="c1b38c9f-f876-42c8-a5fd-d53e4724bd0a" />
         <input id="nounce" type="hidden" name="nonce" value="" />
-        <button class="btn btn-primary" type="submit">S'abonner</button>
+        <button class="btn btn-success" type="submit">S'abonner</button>
     </div>
 </form>