Zen mode

1 files changed, 28 insertions, 0 deletions

diff --git a/res/zen.js b/res/zen.js
new file mode 100644
index 0000000..a61bf79
--- /dev/null
+++ b/res/zen.js
@@ -0,0 +1,28 @@
+'use strict';
+
+window.addEventListener("scroll", () => {
+  const articles = document.getElementsByTagName('article');
+  const header = document.getElementById('side-bar');
+
+  if(window.pageYOffset >= 500){
+    if( header ) {
+      header.classList.add('hidden');
+    }
+    if( articles ) {
+      console.log(articles);
+      Array.from(articles).forEach( (e) => {
+        console.log(e);
+        e.classList.add('zen-mode');
+      });
+    }
+  } else {
+    if( header ) {
+      header.classList.remove('hidden');
+    }
+    if( articles ) {
+      Array.from(articles).forEach( (e) => {
+        e.classList.remove('zen-mode');
+      });
+    }
+  }
+});