Add files via upload

MedAziz26 · Sep 25, 2024 · 1322cec · 1322cec
commit 1322cec
Show file tree

Hide file tree

Showing 38 changed files with 1,302 additions and 0 deletions.
diff --git a/My-logo/Dark logo-no bg - Copy.png b/My-logo/Dark logo-no bg - Copy.png
diff --git a/My-logo/Dark logo-no bg.png b/My-logo/Dark logo-no bg.png
diff --git a/My-logo/OdaaaShop.png b/My-logo/OdaaaShop.png
diff --git a/My-logo/light logo-no bg.png b/My-logo/light logo-no bg.png
diff --git a/css/style.css b/css/style.css
diff --git a/images/AOT.jpg b/images/AOT.jpg
diff --git a/images/AboutMe.png b/images/AboutMe.png
diff --git a/images/background.png b/images/background.png
diff --git a/images/background_1.png b/images/background_1.png
diff --git a/images/background_2.jpg b/images/background_2.jpg
diff --git a/images/bitmap.png b/images/bitmap.png
diff --git a/images/bitmap2.png b/images/bitmap2.png
diff --git a/images/coding.png b/images/coding.png
diff --git a/images/home__img.png b/images/home__img.png
diff --git a/images/icon02.png b/images/icon02.png
diff --git a/images/icon1.png b/images/icon1.png
diff --git a/images/icon2.png b/images/icon2.png
diff --git a/images/icon3.png b/images/icon3.png
diff --git a/images/image_1.jpg b/images/image_1.jpg
diff --git a/images/image_2.jpg b/images/image_2.jpg
diff --git a/images/image_3.png b/images/image_3.png
diff --git a/images/image_4.jpg b/images/image_4.jpg
diff --git a/images/nn.png b/images/nn.png
diff --git a/images/project1.jpg b/images/project1.jpg
diff --git a/images/project2.jpg b/images/project2.jpg
diff --git a/images/project3.jpg b/images/project3.jpg
diff --git a/images/project4.png b/images/project4.png
diff --git a/images/project5.jpg b/images/project5.jpg
diff --git a/images/project6.png b/images/project6.png
diff --git a/images/project7.png b/images/project7.png
diff --git a/images/project8.jpg b/images/project8.jpg
diff --git a/images/zizou_1.png b/images/zizou_1.png
diff --git a/images/zizou_2.jpg b/images/zizou_2.jpg
diff --git a/images/zizou_3.png b/images/zizou_3.png
diff --git a/images/zizou_4.jpg b/images/zizou_4.jpg
diff --git a/images/zizou_5.jpg b/images/zizou_5.jpg
diff --git a/js/main.js b/js/main.js
@@ -0,0 +1,43 @@
+// Get all nav links
+const navLinks = document.querySelectorAll('.nav__link');
+
+// Get all sections
+const sections = document.querySelectorAll('section');
+
+// Add event listener to each section
+sections.forEach((section) => {
+  section.addEventListener('intersect', () => {
+    // Get the id of the current section
+    const sectionId = section.id;
+
+    // Get the corresponding nav link
+    const navLink = document.querySelector(`.nav__link[href="#${sectionId}"]`);
+
+    // Add active class to the nav link
+    navLink.classList.add('active-link');
+
+    // Remove active class from other nav links
+    navLinks.forEach((link) => {
+      if (link !== navLink) {
+        link.classList.remove('active-link');
+      }
+    });
+  });
+});
+
+// Add event listener to window scroll
+window.addEventListener('scroll', () => {
+  // Get the current scroll position
+  const scrollPosition = window.scrollY;
+
+  // Loop through sections and check if they are in view
+  sections.forEach((section) => {
+    const sectionTop = section.offsetTop;
+    const sectionHeight = section.offsetHeight;
+
+    if (scrollPosition >= sectionTop && scrollPosition < sectionTop + sectionHeight) {
+      // Trigger intersect event on the section
+      section.dispatchEvent(new Event('intersect'));
+    }
+  });
+});