toggle --> toggle-btn

assets/css/src/generic.css

@@ -79,21 +79,21 @@ body {
 }
 
 /* ================= BUTTONS ================= */
-button.toggle.left::after {
+.toggle-btn.left::after {
   margin-left: var(--unit--horizontal);
 }
-button.toggle.left.close::after {
+.toggle-btn.left::after {
   content: "+";
 }
-button.toggle.left.open::after {
+.toggle-btn.left.open::after {
   content: "-";
 }
-button.toggle.right::before {
+.toggle-btn.right::before {
   margin-right: var(--unit--horizontal);
 }
-button.toggle.right.close::before {
+.toggle-btn.right::before {
   content: "+";
 }
-button.toggle.right.open::before {
+.toggle-btn.right.open::before {
   content: "-";
 }

site/snippets/cover.php

@@ -16,11 +16,11 @@ $isOpen = isset($isOpen) ? $isOpen : false;
 </header>
 <div id="entry-btns">
   <button
-    class="entry-btn entry-btn--left toggle left"
+    class="entry-btn entry-btn--left toggle-btn left"
     onclick="togglePanel('left')"
   >années</button>
   <button
-    class="entry-btn entry-btn--right toggle right"
+    class="entry-btn entry-btn--right toggle-btn right"
     onclick="togglePanel('right')"
   >categories</button>
 </div>

site/snippets/header.php

@@ -9,7 +9,7 @@ $entryTopPos = $entryTopPos ?? 20;
     <title><?= $site->title() ?><?= e($page->url() !== $site->url(), '-' . $page->title()) ?></title>
     <link rel="stylesheet" href="<?= url('assets/css/style.css') . '?version-cache-prevent' . rand(0, 1000) ?>" />
     <script src="<?= url('assets') ?>/js/script.js?version-cache-prevent<?= rand(0, 1000)?>" defer></script>
-    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
+    <script defer src="<?= url('assets/js/alpine.min.js') ?>"></script>
     <meta name="robots" content="noindex, nofollow, noarchive">
     <style>
       :root {

site/templates/home.php

@@ -10,8 +10,8 @@
           et des techniques<br>
         </h2>
         <button 
-          class="main-edito-btn | toggle left"
-          :class="isEditoOpen ? 'open': ''"
+          class="main-edito-btn | toggle-btn left"
+          :class="isEditoOpen ? 'open' : 'close'"
         >édito</button>
       </button>
     </div>