Config prettier and eslint

.eslintrc.json

@@ -0,0 +1,14 @@
+{
+  "env": {
+    "browser": true,
+    "commonjs": true,
+    "es2021": true
+  },
+  "extends": ["airbnb-base"],
+  "parserOptions": {
+    "ecmaVersion": "latest"
+  },
+  "rules": {
+    "quotes": ["error", "double"]
+  }
+}

.prettierignore

@@ -0,0 +1,3 @@
+_site 
+index.js 
+bundle.css

.prettierrc.json

@@ -0,0 +1 @@
+{}

js/_nav.js

@@ -1,20 +1,18 @@
+/* eslint-disable no-unused-expressions */
 const HEADER = document.querySelector(".header");
 const HERO = document.querySelector(".hero");
 const MENU_BUTTON = document.querySelector(".header__menu-btn");
 const NAV = document.querySelector(".header__nav");
 const OVERLAY = document.querySelector(".overlay");
 const STICKY = "header--sticky";
-const CAROUSEL_WRAPPER = document.querySelector(".gallery__carousel-wrapper");
 
 let navOpen = false;
 
-MENU_BUTTON.addEventListener("click", function () {
+MENU_BUTTON.addEventListener("click", () => {
   MENU_BUTTON.classList.toggle("hidden");
   NAV.classList.toggle("opened");
   OVERLAY.classList.toggle("hidden");
 
-  // Remove backdrop filter from image carousel to fix nav stacking bug
-  CAROUSEL.style.backdropFilter = "none";
   navOpen = !navOpen;
 });
 
@@ -23,15 +21,12 @@ function closeNav() {
   MENU_BUTTON.classList.remove("hidden");
   OVERLAY.classList.add("hidden");
 
-  // Return backdrop filter to image carousel
-  CAROUSEL_WRAPPER.style.backdropFilter = "blur(3rem)";
-
   navOpen = false;
 }
 
 OVERLAY.addEventListener("click", closeNav);
 
-window.onscroll = function (e) {
+window.onscroll = () => {
   if (navOpen) {
     closeNav();
   }
@@ -46,7 +41,8 @@ function listHover(o) {
         .querySelectorAll(".header__nav-link");
 
       siblings.forEach((el) => {
-        if (el !== link) el.style.opacity = o;
+        const sibling = el;
+        if (sibling !== link) sibling.style.opacity = o;
       });
     }
   };
@@ -55,7 +51,7 @@ function listHover(o) {
 NAV.addEventListener("mouseover", listHover(0.5));
 NAV.addEventListener("mouseout", listHover(1));
 
-function stickyHeader(entries, observer) {
+function stickyHeader(entries) {
   entries.forEach((entry) => {
     entry.isIntersecting
       ? HEADER.classList.remove(STICKY)