fix #31

assets/css/src/footer.css

@@ -2,14 +2,14 @@
   position: fixed;
   bottom: 0;
   box-sizing: border-box;
-  padding: 3px var(--unit--horizontal) 6px var(--unit--horizontal);
 
   border-bottom: 0;
 }
-.main-footer--background {
+.open-nav-wrapper {
   border-top: 1px solid #eee;
   border-right: 1px solid #eee;
   background-color: #000;
+  padding: 3px var(--unit--horizontal) 6px var(--unit--horizontal);
 }
 [data-template="home"] #main-footer {
   position: fixed;
@@ -43,4 +43,14 @@
   #main-footer button.open-nav {
     margin-bottom: var(--unit--vertical);
   }
+
+  [data-template="home"] #main-footer .open-nav-wrapper {
+    display: none !important;
+  }
+
+  .open-nav-wrapper {
+    padding: 0;
+    border: none;
+    background-color: transparent;
+  }
 }

assets/css/src/header.css

@@ -91,9 +91,6 @@ button.toggle.right::before {
   display: inline-block;
   margin-right: var(--unit--horizontal);
 }
-.page-cover .links li:last-child {
-  margin-bottom: var(--unit--horizontal);
-}
 
 [data-template="author"] .page-cover,
 [data-template="category"] .page-cover,

assets/js/script.js

@@ -69,13 +69,9 @@ function toggleLogoState() {
 }
 function toggleFooterState() {
   if (scrollY > 90) {
-    document
-      .querySelector("#main-footer")
-      .classList.add("main-footer--background");
+    document.querySelector(".open-nav-wrapper").classList.remove("hidden");
   } else {
-    document
-      .querySelector("#main-footer")
-      .classList.remove("main-footer--background");
+    document.querySelector(".open-nav-wrapper").classList.add("hidden");
   }
 }
 

site/snippets/footer.php

@@ -1,22 +1,15 @@
-    <?php if ($page->isHomePage()): ?>
+
+<?php if (!$page->is(page('lettre')) && !$page->is(page('a-propos'))): ?>
   <footer id="main-footer">
     <ul id="links">
-          <!-- <li class="open-nav-wrapper">
+      <li class="open-nav-wrapper hidden">
         <button class="plus open-nav" title="chercher parmi les textes">textes</button>
-          </li> -->
-          <?php if ($page->is(page('lettre')) || $page->is(page('a-propos'))):?>
-          <li>
-            <a href="<?= $site->url() ?>">
-              accueil
-            </a>
       </li>
-          <?php else: ?>
       <li>
         <a href="/lettre" id="subscribe-btn" class="plus">
           s'inscrire
         </a>
       </li>
-          <?php endif ?>
       <li>
         <a
           href="<?= $site->find('a-propos')->url() ?>">