redesign b&w

site/snippets/desktop-nav.php

@@ -23,10 +23,17 @@
     "></li>
     <li 
       class="left top" 
+      id="subscribe-btn-wrapper"
     >
-      <a href="#">
-        s'abonner
-      </a>
+      <button onclick="showSubscribeField(event)">
+        s'inscrire
+      </button>
+      <form id="subscribe-form" class="hidden">
+        <label for="email">
+          <input type="email" name="email" id="email" placeholder="votre e-mail">
+          <button type="submit" onclick="subscribe(event)">→</button>
+        </label>
+      </form>
     </li>
     <li 
       class="left top" 

site/templates/home.php

@@ -3,17 +3,17 @@
 <main>
   <article>
     <?php snippet('cover', slots: true) ?>
-    <?php slot('title') ?>
-    <a 
-      href="#main-edito" 
-      class="no-line" 
-    >
-      <h2 class="main-title <?= setTitleFontSizeClass($site->subtitle()) ?>"><?= $site->subtitle()->inline() ?></h2>
-      <p 
-        class="main-edito-btn | toggle-btn toggle-btn--left"
-      >éditorial</p>
-    </a>
-    <?php endslot() ?>
+      <?php slot('title') ?>
+      <a 
+        href="#main-edito" 
+        class="no-line" 
+      >
+        <h2 class="main-title <?= setTitleFontSizeClass($site->subtitle()) ?>"><?= $site->subtitle()->inline() ?></h2>
+        <p 
+          class="main-edito-btn | toggle-btn toggle-btn--left"
+        >éditorial</p>
+      </a>
+      <?php endslot() ?>
     <?php endsnippet() ?>
     <div id="main-edito" class="content">
       <?= $site->edito() ?>