Add stark❕

1 files changed, 27 insertions, 0 deletions

diff --git a/src/js/zen.js b/src/js/zen.js
new file mode 100644
index 0000000..4dca729
--- /dev/null
+++ b/src/js/zen.js
@@ -0,0 +1,27 @@
+'use strict';
+
+window.addEventListener('scroll', () => {
+  const articles = document.getElementsByTagName('article');
+  const header = document.getElementById('side-bar');
+
+  if (window.pageYOffset >= 500) {
+    if (header && !header.classList.contains('hidden')) {
+      console.log('Hide');
+      header.classList.add('hidden');
+
+      if (articles) {
+        [...articles].forEach(e => {
+          e.classList.add('zen-mode');
+        });
+      }
+    }
+  } else if (header && header.classList.contains('hidden')) {
+    console.log('Show');
+    header.classList.remove('hidden');
+    if (articles) {
+      [...articles].forEach(e => {
+        e.classList.remove('zen-mode');
+      });
+    }
+  }
+});