1 files changed, 35 insertions, 31 deletions
diff --git a/src/js/zen.js b/src/js/zen.js
index 05ec6b3..301e21b 100644
--- a/src/js/zen.js
+++ b/src/js/zen.js
@@ -1,38 +1,42 @@
-'use strict';
+window.addEventListener('DOMContentLoaded', () => {
+  let firstTime = window.location.pathname != '/';
+  const toggleArrow = document.querySelector('#harr');
+  const initValue = document.body.style.getPropertyValue('--width_panel_bis');
 
-const toggleArrow = document.getElementById('harr');
-const initValue = document.body.style.getPropertyValue('--width_panel_bis');
+  toggleArrow.addEventListener('click', () => {
+    if (toggleArrow.classList.contains('hide_arrow_off')) {
+      showAbout();
+      setTimeout(() => {
+        toggleArrow.classList.remove('hide_arrow_off');
+      }, 1000);
+    } else {
+      toggleArrow.classList.add('hide_arrow_off');
+      hideAbout();
+    }
+  });
 
-toggleArrow.addEventListener('click', () => {
-  if (toggleArrow.classList.contains('hide_arrow_off')) {
-    showAbout();
-    setTimeout(() => {
-      toggleArrow.classList.remove('hide_arrow_off');
-    }, 1000);
-  } else {
-    toggleArrow.classList.add('hide_arrow_off');
-    hideAbout();
+  function hideAbout() {
+    document.body.style.setProperty('--width_panel_bis', '0px');
   }
-});
-
-function hideAbout() {
-  document.body.style.setProperty('--width_panel_bis', '0px');
-}
 
-function showAbout() {
-  document.body.style.setProperty('--width_panel_bis', initValue);
-}
-
-window.addEventListener('scroll', () => {
-  const toggleArrow = document.getElementById('harr');
+  function showAbout() {
+    document.body.style.setProperty('--width_panel_bis', initValue);
+  }
 
-  if (window.pageYOffset >= 800) {
-    if (toggleArrow) {
-      toggleArrow.classList.add('hide_arrow_show');
+  window.addEventListener('scroll', () => {
+    if (window.pageYOffset >= 800) {
+      if (toggleArrow) {
+        if (firstTime) {
+          toggleArrow.click();
+          firstTime = false;
+        } else {
+          toggleArrow.classList.add('hide_arrow_show');
+        }
+      }
+      // A hideAbout(header, articles);
+    } else if (toggleArrow && !toggleArrow.classList.contains('hide_arrow_off')) {
+      // A showAbout(header, articles);
+      toggleArrow.classList.remove('hide_arrow_show');
     }
-    // A hideAbout(header, articles);
-  } else if (toggleArrow && !toggleArrow.classList.contains('hide_arrow_off')) {
-    // A showAbout(header, articles);
-    toggleArrow.classList.remove('hide_arrow_show');
-  }
+  });
 });