1 files changed, 28 insertions, 8 deletions

diff --git a/src/js/zen.js b/src/js/zen.js
index d897603..be5f7d7 100644
--- a/src/js/zen.js
+++ b/src/js/zen.js
@@ -1,17 +1,25 @@
 window.addEventListener('DOMContentLoaded', () => {
   let firstTime = window.location.pathname != '/' && window.pageYOffset < 800;
   const toggleArrow = document.querySelector('#harr');
+  const hid = document.querySelector('#hid');
   const initValue = document.body.style.getPropertyValue('--width_panel_bis');
 
   toggleArrow.addEventListener('click', () => {
     if (toggleArrow.classList.contains('hide_arrow_off')) {
+      firstTime = false;
       showAbout();
+      showHID();
       setTimeout(() => {
         toggleArrow.classList.remove('hide_arrow_off');
       }, 1000);
     } else {
       toggleArrow.classList.add('hide_arrow_off');
       hideAbout();
+
+      // If the screen is smaller than 500px, hide the HID
+      if (window.screen.availWidth <= 500) {
+        hideHID();
+      }
     }
   });
 
@@ -23,20 +31,32 @@ window.addEventListener('DOMContentLoaded', () => {
     document.body.style.setProperty('--width_panel_bis', initValue);
   }
 
+  function hideHID() {
+    hid.style.setProperty('display', 'none');
+  }
+
+  function showHID() {
+    hid.style.setProperty('display', '');
+  }
+
   window.addEventListener('scroll', () => {
+    if(!toggleArrow) return;
     if (window.pageYOffset >= 800) {
-      if (toggleArrow) {
-        if (firstTime) {
-          toggleArrow.click();
-          firstTime = false;
-        } else {
-          toggleArrow.classList.add('hide_arrow_show');
-        }
+      if (firstTime && document.body.style.getPropertyValue('--width_panel_bis') === initValue) {
+        toggleArrow.click();
+        firstTime = true;
       }
+
+      toggleArrow.classList.add('hide_arrow_show');
       // A hideAbout(header, articles);
-    } else if (toggleArrow && !toggleArrow.classList.contains('hide_arrow_off')) {
+    } else if (!toggleArrow.classList.contains('hide_arrow_off')) {
       // A showAbout(header, articles);
       toggleArrow.classList.remove('hide_arrow_show');
     }
+
+    if(firstTime && window.pageYOffset === 0 && document.body.style.getPropertyValue('--width_panel_bis') !== initValue) {
+      toggleArrow.click();
+      firstTime = true;
+    }
   });
 });