feat(landing): buttons

assets/sass/button.scss

@@ -32,3 +32,22 @@
         color: white;
     }
 }
+
+.button.button-light {
+    background-color: transparent;
+    border-color: $accent;
+    border-width: 1px;
+    border-style: solid;
+    color: $accent;
+
+    &:hover {
+        background-color: transparent;
+        color: white;
+        background-color: $accent;
+    }
+}
+
+.button.button-sm {
+    font-size: 1rem;
+    font-weight: 500;
+}

assets/sass/general.scss

@@ -171,3 +171,9 @@ img {
         }
     }
 }
+
+.end-action-container {
+    display: flex;
+    justify-content: flex-end;
+    padding-bottom: 1.5rem;
+}

layouts/index.html

@@ -18,8 +18,9 @@
     <div class="accent-separator">
     </div>
 
-    <div class="page-container" style="padding: 2rem 0"> 
-        <a class="button">Adhérer !</a>
+    <div class="page-container" style="padding: 2rem 0; display: flex; justify-content: space-between"> 
+        <p>Campagne d'adhésion 2024, nous avons besoin de vous !</p>
+        <a href="/adhesion" class="button">Adhérer !</a>
     </div>
 
 	<main class="landing-main">
@@ -260,6 +261,13 @@
                     </ol>
                 </aside>
             </div>
+            <div class="page-container end-action-container">
+                <a
+                    href="/histoires"
+                    class="button button-sm button-light">
+                    L'Histoire en détails
+                </a>
+            </div>
         </section>
 
 
@@ -385,9 +393,13 @@
                     <p>
                     Formé en septembre 2022, suite aux efforts des propriétaires et des passionées de ce monument. Elle a pour but de contribuer à la sauvegarde et à la restauration de la Chapelle de Bethléem d’Aubevoye et de promouvoir ce monument ainsi que mieux le connaitre et l’animer.
                     </p>
-                    <p>
-                    L’association “L’Étoile de Bethléem - Association des amis de la chapelle de bethléem d’Aubevoye” est immatriculé au près de la préfecture de l’Eure sous le numéro RNA W271006556.
-                    </p>
+                    <div class="end-action-container">
+                        <a
+                            href="/association"
+                            class="button button-sm button-light">
+                            L'association en détails
+                        </a>
+                    </div>
                 </div>
             </div>
         </section>
@@ -521,8 +533,9 @@
 
     <div class="separation-section secondary-bg">
         <div class="page-container">
-            <h2>Rejoignez nous dans notre aventure !</h2>
-            <a class="button">Adhérer !</a>
+            <h2>Rejoignez nous dans notre aventure !</h2>
+            <p>Déjà plus de 80 membres !<p>
+            <a href="/adhesion" class="button">Adhérer !</a>
         </div>
     </div>
 	<div class="page-container">