restyled all pages

1 files changed, 27 insertions, 0 deletions

diff --git a/site/js/scroll-detector-for-header.js b/site/js/scroll-detector-for-header.js
new file mode 100644
index 0000000..db7958f
--- /dev/null
+++ b/site/js/scroll-detector-for-header.js
@@ -0,0 +1,27 @@
+document.addEventListener('DOMContentLoaded', function () {
+  resolveHeadersClasses()
+
+  document.addEventListener('scroll', () => {
+    resolveHeadersClasses()
+  })
+})
+
+function resolveHeadersClasses() {
+  const header = document.getElementById('navigation')
+  const background = 'background__white'
+  const shadow = 'bottom-shadow'
+
+  if(!header) return
+
+  if(window?.scrollY && window.scrollY > 0) {
+    if(header.classList.contains(background)) return
+
+    header.classList.add(background)
+    header.classList.add(shadow)
+  } else {
+    if(!header.classList.contains(background)) return
+
+    header.classList.remove(background)
+    header.classList.remove(shadow)
+  }
+}
\ No newline at end of file