fix mobile footer

assets/css/src/header.css

@@ -89,6 +89,15 @@ button.toggle.right::before {
   margin-right: var(--unit--horizontal);
 }
 
+[data-template="author"] .page-cover,
+[data-template="category"] .page-cover,
+[data-template="year"] .page-cover,
+[data-template="email"] .page-cover,
+[data-template="error"] .page-cover,
+[data-template="info"] .page-cover {
+  height: initial !important;
+}
+
 @media screen and (min-width: 640px) {
   body:not([data-template="home"]) #main-header {
     width: var(--body-padding);
@@ -121,14 +130,6 @@ button.toggle.right::before {
     padding-top: calc(42.5vw) !important;
   }
 
-  [data-template="author"] .page-cover,
-  [data-template="category"] .page-cover,
-  [data-template="year"] .page-cover,
-  [data-template="email"] .page-cover,
-  [data-template="error"] .page-cover {
-    height: initial !important;
-  }
-
   .page-cover .links {
     display: none;
   }

assets/css/src/home.css

@@ -4,5 +4,6 @@
 }
 
 #main-edito {
+  margin-top: calc(var(--unit--vertical) * 4);
   scroll-margin-block-start: 25vw;
 }

site/snippets/footer.php

@@ -1,29 +1,31 @@
-    <footer id="main-footer">
+    <!-- <footer id="main-footer">
       <ul id="links">
-        <?php if (!$page->isHomePage() && $kirby->user()): ?>
-          <li class="open-nav-wrapper">
-            <button class="plus open-nav" title="chercher parmi les textes">textes</button>
-          </li>  
-        <?php endif ?>
-        <?php if ($page->is(page('lettre'))): ?>
-          <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() ?>">
-            à propos
-          </a>
-        </li>
-      </ul>
-    </footer>
-  </body>
-</html>
+        <?php // if (!$page->isHomePage() && $kirby->user()):?>
+    <li class="open-nav-wrapper">
+      <button class="plus open-nav" title="chercher parmi les textes">textes</button>
+    </li>
+    <?php // endif?>
+    <?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() ?>">
+        à propos
+      </a>
+    </li>
+    </ul>
+    </footer> -->
+    </body>
+
+    </html>

site/templates/info.php

@@ -1,15 +1,17 @@
 <?php snippet('header') ?>
 <main id="<?= $page->template() ?>">
   <article>
-    <?php snippet('cover', array('isOpen' => true), slots: true) ?>
-      <?php slot('title') ?>
-      <h2 class="main-title <?= setTitleFontSizeClass($page->title()) ?>"><?= $page->title() ?></h2>
-      <?php endslot() ?>
+    <?php snippet('cover', ['isOpen' => true], slots: true) ?>
+    <?php slot('title') ?>
+    <h2
+      class="main-title <?= setTitleFontSizeClass($page->title()) ?>">
+      <?= $page->title() ?></h2>
+      <div id="main-content">
+        <?= $page->body() ?>
+      </div>
+    <?php endslot() ?>
     <?php endsnippet() ?>
 
-    <div id="main-content">
-      <?= $page->body() ?>
-    </div>
   </article>
 </main>