testing

M-MUGESHCHARLES · Sep 10, 2024 · 8e4ea7f · 8e4ea7f
1 parent d9630f4
commit 8e4ea7f
Show file tree

Hide file tree

Showing 3 changed files with 1,380 additions and 833 deletions.
diff --git a/assets/Jscript/script.js b/assets/Jscript/script.js
@@ -4,7 +4,7 @@ document.addEventListener("DOMContentLoaded", function () {
   const navLinks = document.querySelectorAll(".nav-link");
   const observerOptions = {
     root: null,
-    threshold: 0.7, 
+    threshold: 0.3, 
   };
   const observer = new IntersectionObserver((entries) => {
     entries.forEach((entry) => {
@@ -44,21 +44,25 @@ toggleClassBasedOnWidth();
 window.addEventListener("resize", toggleClassBasedOnWidth);
 
 // AOS
-
+function initializeAOS() {
 if (window.innerWidth < 768) {
   AOS.init({
-    disable: false,
-    duration: 500,
+    disable: true,
+    duration: 200,
     once: true,
-  });
+   });
 } else {
-  AOS.init({
-    disable: false,
-    duration: 1000,
-    once: false,
-    mirror:true,
+   AOS.init({
+      disable: false,
+      once: false,
+      mirror:true,
   });
+    AOS.refresh(); 
+    AOS.remove(); 
+  }
 }
+window.addEventListener("load", initializeAOS);
+window.addEventListener("resize", initializeAOS);
 
 
 // AOS.init({
@@ -68,6 +72,7 @@ if (window.innerWidth < 768) {
 //    offset:200,
 //    duration:500,
 // })
+// =========================================
 
 // function initializeAOS() {
 //   if (window.innerWidth >= 768) {
@@ -87,6 +92,7 @@ if (window.innerWidth < 768) {
 // window.addEventListener("load", initializeAOS);
 // window.addEventListener("resize", initializeAOS);
 
+// ============================================
 
 //   function initializeAOS() {
 //     if (window.innerWidth >= 768) {

diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -23,12 +23,29 @@ body, html {
   overflow-x: hidden;
 }
 
+body {
+  scrollbar-width: none; /* For Firefox */
+  -ms-overflow-style: none; /* For Internet Explorer and Edge */
+}
+
+body::-webkit-scrollbar {
+  display: none; /* For Chrome, Safari, and Opera */
+}
+
+
 body {
     background-color: #793FDF !important;
 }
 
 #main nav{
     background-color: transparent;
+        background-color: transparent;
+    -webkit-backdrop-filter: blur(10px);  
+    backdrop-filter: blur(10px);             
+    position: sticky;
+    top: 5px;
+    z-index: 10;
+    transition: background-color 0.3s ease; 
 }
 
 #main #main_div,
@@ -98,12 +115,12 @@ body {
 
 /* ================================================== Header Section */
 
-nav {
+#main nav.nav-bar{
     background-color: transparent;
     -webkit-backdrop-filter: blur(10px);  
     backdrop-filter: blur(10px);             
     position: sticky;
-    /* top: 0; */
+    top: 5px;
     z-index: 10;
     transition: background-color 0.3s ease; 
 }