From 1caa645e6f9534f572a7614ddafc0d1eaa2ef812 Mon Sep 17 00:00:00 2001
From: Arsomuu <adityaraj8284@gmail.com>
Date: Sat, 5 Oct 2024 00:07:37 +0530
Subject: [PATCH 1/2] Contact page fixed

---
 contact.html |   2 +-
 index.html   | 497 ++++++++++++++++++++++++++-------------------------
 2 files changed, 257 insertions(+), 242 deletions(-)

diff --git a/contact.html b/contact.html
index c77e4b1f..3130f9f5 100644
--- a/contact.html
+++ b/contact.html
@@ -369,7 +369,7 @@
   <div class="container" id="nav-menu">
     <div class="radio-wrapper">
       <div class="btn">
-        <a id="aid" class="nav-link" href="">
+        <a id="aid" class="nav-link" href="index.html">
           <i class="fas fa-home"></i> Home
         </a>
         <label class="number"></label>
diff --git a/index.html b/index.html
index 8f89e3ae..8e057525 100644
--- a/index.html
+++ b/index.html
@@ -23,7 +23,7 @@
   <link rel="stylesheet" href="style.css">
   <link rel="shortcut icon" href="./images/metaverse.png" type="image/x-icon">
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
-  
+
   <!--
     - custom css link
   -->
@@ -45,12 +45,15 @@
 
 
 <!-- <p class="invert-color" style="position: sticky; top: 30px; z-index:100; margin-left: 30px;">Theme :</p> -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+  integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+  crossorigin="anonymous" referrerpolicy="no-referrer" />
 
 <style>
   body {
     overflow-x: hidden;
   }
+
   .circle {
     position: absolute;
     width: 25px;
@@ -74,39 +77,41 @@
     z-index: 9999;
   }
 
-  .navbar{
+  .navbar {
     position: fixed;
     top: 0%;
     left: 0%;
     width: 100%;
     z-index: 100;
-  } 
-  .dark-theme .navbar{
+  }
+
+  .dark-theme .navbar {
     position: fixed;
     top: 0%;
     left: 0%;
     width: 100%;
     z-index: 100;
   }
-  .navbar-container{
+
+  .navbar-container {
     backdrop-filter: blur(10px);
   }
 
-  .dark-theme a{
+  .dark-theme a {
     color: black;
   }
 
-  .main-content{
+  .main-content {
     padding-top: 4rem;
   }
-  
+
 
   @media (max-width: 740px) {
-    .circle-container{
+    .circle-container {
       display: none;
     }
   }
-  
+
   #preloader {
     position: fixed;
     top: 0;
@@ -118,32 +123,32 @@
     justify-content: center;
     align-items: center;
     z-index: 9999;
-}
+  }
 
-.spinner {
+  .spinner {
     position: relative;
-    width: 130px; 
+    width: 130px;
     height: 130px;
     display: flex;
     justify-content: center;
     align-items: center;
-}
+  }
 
-.spinner-inner {
+  .spinner-inner {
     width: 100px;
-    height: 100px; 
+    height: 100px;
     border-radius: 50%;
-    border: 10px solid transparent; 
+    border: 10px solid transparent;
     border-top: 10px solid transparent;
     border-right: 10px solid transparent;
     border-bottom: 10px solid transparent;
-    border-left: 10px solid transparent; 
-    border-image: linear-gradient(45deg, #ff2d15, #be18ff, #0d3dff); 
+    border-left: 10px solid transparent;
+    border-image: linear-gradient(45deg, #ff2d15, #be18ff, #0d3dff);
     border-image-slice: 1;
     animation: spin 1s linear infinite;
-}
+  }
 
-#loading-percentage {
+  #loading-percentage {
     position: absolute;
     font-size: 24px;
     font-weight: bold;
@@ -151,25 +156,30 @@
     width: 100%;
     top: 50%;
     transform: translateY(-50%);
-    background: linear-gradient(45deg, #be18ff, #ffffff); 
+    background: linear-gradient(45deg, #be18ff, #ffffff);
     -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent; 
-    color: transparent; 
-}
+    -webkit-text-fill-color: transparent;
+    color: transparent;
+  }
 
-@keyframes spin {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
-}
+  @keyframes spin {
+    0% {
+      transform: rotate(0deg);
+    }
 
-#content {
-    display: none;
-}
+    100% {
+      transform: rotate(360deg);
+    }
+  }
 
+  #content {
+    display: none;
+  }
 </style>
+
 <body>
 
-  
+
   <div class="circle-container">
     <div class="circle"></div>
     <div class="circle"></div>
@@ -201,226 +211,228 @@
     <div class="circle"></div>
     <div class="circle"></div>
     <div class="circle"></div>
-</div>
-<script>
+  </div>
+  <script>
     document.addEventListener("DOMContentLoaded", function () {
-        const coords = { x: 0, y: 0 };
-        const circles = document.querySelectorAll(".circle");
-
-        circles.forEach(function (circle) {
-            circle.x = 0;
-            circle.y = 0;
-        });
-
-        window.addEventListener("mousemove", function (e) {
-            coords.x = e.pageX;
-            coords.y = e.pageY - window.scrollY; // Adjust for vertical scroll position
+      const coords = { x: 0, y: 0 };
+      const circles = document.querySelectorAll(".circle");
+
+      circles.forEach(function (circle) {
+        circle.x = 0;
+        circle.y = 0;
+      });
+
+      window.addEventListener("mousemove", function (e) {
+        coords.x = e.pageX;
+        coords.y = e.pageY - window.scrollY; // Adjust for vertical scroll position
+      });
+
+      function animateCircles() {
+        let x = coords.x;
+        let y = coords.y;
+
+        circles.forEach(function (circle, index) {
+          circle.style.left = `${x - 12}px`;
+          circle.style.top = `${y - 12}px`;
+          circle.style.transform = `scale(${(circles.length - index) / circles.length})`;
+
+          const nextCircle = circles[index + 1] || circles[0];
+          circle.x = x;
+          circle.y = y;
+
+          x += (nextCircle.x - x) * 0.25;
+          y += (nextCircle.y - y) * 0.25;
         });
 
-        function animateCircles() {
-            let x = coords.x;
-            let y = coords.y;
-
-            circles.forEach(function (circle, index) {
-                circle.style.left = `${x - 12}px`;
-                circle.style.top = `${y - 12}px`;
-                circle.style.transform = `scale(${(circles.length - index) / circles.length})`;
-
-                const nextCircle = circles[index + 1] || circles[0];
-                circle.x = x;
-                circle.y = y;
-
-                x += (nextCircle.x - x) * 0.25;
-                y += (nextCircle.y - y) * 0.25;
-            });
-
-            requestAnimationFrame(animateCircles);
-        }
+        requestAnimationFrame(animateCircles);
+      }
 
-        animateCircles();
+      animateCircles();
     });
-    document.getElementById("newsletter-form").addEventListener("submit", function(event) {
-    event.preventDefault(); // Prevent form from submitting the traditional way
-    const emailInput = document.getElementById("email");
-    const email = emailInput.value.trim();
+    document.getElementById("newsletter-form").addEventListener("submit", function (event) {
+      event.preventDefault(); // Prevent form from submitting the traditional way
+      const emailInput = document.getElementById("email");
+      const email = emailInput.value.trim();
 
-    if (email) {
+      if (email) {
         // Simulate a successful submission
         document.querySelector(".success-message").style.display = "block";
         document.querySelector(".error-message").style.display = "none";
         emailInput.value = ""; // Clear the input
-    } else {
+      } else {
         // Show an error message if something goes wrong
         document.querySelector(".success-message").style.display = "none";
         document.querySelector(".error-message").style.display = "block";
-    }
-});
+      }
+    });
 
 
-</script>
+  </script>
 
 
-    <!-- Preloader starts -->
-    <div id="preloader">
-      <div class="spinner">
-          <div class="spinner-inner"></div>
-          <div id="loading-percentage">0%</div>
-      </div>
+  <!-- Preloader starts -->
+  <div id="preloader">
+    <div class="spinner">
+      <div class="spinner-inner"></div>
+      <div id="loading-percentage">0%</div>
+    </div>
   </div>
   <script>
-      window.addEventListener('load', () => {
-  const preloader = document.getElementById('preloader');
-  const content = document.getElementById('content');
-  const loadingPercentage = document.getElementById('loading-percentage');
+    window.addEventListener('load', () => {
+      const preloader = document.getElementById('preloader');
+      const content = document.getElementById('content');
+      const loadingPercentage = document.getElementById('loading-percentage');
 
-  let percentage = 0;
+      let percentage = 0;
 
-  const interval = setInterval(() => {
-      percentage += 10; 
-      loadingPercentage.textContent = `${percentage}%`;
-      if (percentage >= 100) {
+      const interval = setInterval(() => {
+        percentage += 10;
+        loadingPercentage.textContent = `${percentage}%`;
+        if (percentage >= 100) {
           clearInterval(interval);
           setTimeout(() => {
-              preloader.style.display = 'none';
-              content.style.display = 'block';
-              document.body.style.overflow = 'auto'; 
-          }, 300); 
-      }
-  }, 100); 
-});
+            preloader.style.display = 'none';
+            content.style.display = 'block';
+            document.body.style.overflow = 'auto';
+          }, 300);
+        }
+      }, 100);
+    });
 
   </script>
-<!-- Preloader Ends -->
-<div id="content"> 
+  <!-- Preloader Ends -->
+  <div id="content">
 
-<!-- Scroll down progress bar -->
+    <!-- Scroll down progress bar -->
 
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
 
-<style>
-  .main{
-    padding-top: 4rem;
-  }
-  .container{
-    display: flex;
-    align-items: center;
-    flex-direction: row;
-    justify-content: space-evenly;
-    margin-bottom: 5rem;
-  }
+    <style>
+      .main {
+        padding-top: 4rem;
+      }
 
-  .hamburger {
-  display: none;
-  cursor: pointer;
-  }
-  .hamburger i {
-  color: white;
-  font-size: 24px;
-  }
-  
-  @media (max-width: 770px) {
-    .circle-container{
-      display: none;
-    }
-    .hamburger {
-      color: white;
-    display: block;
-    }
+      .container {
+        display: flex;
+        align-items: center;
+        flex-direction: row;
+        justify-content: space-evenly;
+        margin-bottom: 5rem;
+      }
 
-    .container {
-      display: none;
-    }
+      .hamburger {
+        display: none;
+        cursor: pointer;
+      }
 
-    .container.active {
-      display: flex;
-      flex-direction: column;
-    }
-  }
-  
-</style>
+      .hamburger i {
+        color: white;
+        font-size: 24px;
+      }
 
-<div class="nav-wrapper">
-  <div class="progress-bar"></div>
-</div>
+      @media (max-width: 770px) {
+        .circle-container {
+          display: none;
+        }
 
-<div class="main navbar" id="navbar">
-  <div class="hamburger" onclick="toggleNavbar()">
-    <div class="line"></div>
-    <div class="line"></div>
-    <div class="line"></div>
-  </div>
-  <div  class="container navbar-container">
-
-    <div class="radio-wrapper">
-      <div class="btn">
-        <a id="aid" class="nav-link" href="">
-          <i class="fas fa-home"></i> Home
-        </a>
-        <label class="number"></label>
-      </div>
+        .hamburger {
+          color: white;
+          display: block;
+        }
+
+        .container {
+          display: none;
+        }
+
+        .container.active {
+          display: flex;
+          flex-direction: column;
+        }
+      }
+    </style>
+
+    <div class="nav-wrapper">
+      <div class="progress-bar"></div>
     </div>
-    <div class="radio-wrapper">
-      <div class="btn">
-        <a id="aid" class="nav-link" href="about.html">
-          <i class="fas fa-info-circle"></i> About
-        </a>
-        <label class="number"></label>
+
+    <div class="main navbar" id="navbar">
+      <div class="hamburger" onclick="toggleNavbar()">
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
       </div>
+      <div class="container navbar-container">
+
+        <div class="radio-wrapper">
+          <div class="btn">
+            <a id="aid" class="nav-link" href="">
+              <i class="fas fa-home"></i> Home
+            </a>
+            <label class="number"></label>
+          </div>
+        </div>
+        <div class="radio-wrapper">
+          <div class="btn">
+            <a id="aid" class="nav-link" href="about.html">
+              <i class="fas fa-info-circle"></i> About
+            </a>
+            <label class="number"></label>
+          </div>
+        </div>
+        <div class="radio-wrapper">
+          <div class="btn">
+            <a id="aid" class="nav-link" href="contact.html">
+              <i class="fas fa-envelope"></i> Contact
+            </a>
+            <label class="number"></label>
+          </div>
+        </div>
+        <div class="radio-wrapper">
+          <div class="btn">
+            <a id="aid" class="nav-link" href="RateUs.html">
+              <i class="fas fa-star"></i> RateUs
+            </a>
+            <label class="number"></label>
+          </div>
+        </div>
+        <div class="radio-wrapper">
+          <div class="btn" style="width: 160px !important;">
+            <a id="aid" class="nav-link" href="contributor.html">
+              <i class="fas fa-users"></i> Contributors
+            </a>
+            <label class="number"></label>
+          </div>
+        </div>
+      </div>
+
+      <script>
+        function toggleMenu() {
+          const navMenu = document.getElementById('nav-menu');
+          navMenu.classList.toggle('active');
+        }
+
+      </script>
     </div>
-    <div class="radio-wrapper">
-      <div class="btn">
-        <a id="aid" class="nav-link" href="contact.html">
-          <i class="fas fa-envelope"></i> Contact
-        </a>
-        <label class="number"></label>
-      </div> 
-    </div>
-    <div class="radio-wrapper">
-      <div class="btn">
-        <a id="aid" class="nav-link" href="RateUs.html">
-          <i class="fas fa-star"></i> RateUs
-        </a>
-        <label class="number"></label>
-      </div> 
-    </div>
-    <div class="radio-wrapper">
-      <div class="btn" style="width: 160px !important;">
-        <a id="aid" class="nav-link" href="contributor.html">
-          <i class="fas fa-users"></i> Contributors
-        </a>
-        <label class="number"></label>
-      </div> 
-    </div>
-  </div>
 
+  </div>
   <script>
-    function toggleMenu() {
-    const navMenu = document.getElementById('nav-menu');
-    navMenu.classList.toggle('active');
+    function toggleNavbar() {
+      const navbar = document.getElementById('navbar');
+      navbar.classList.toggle('open');
+      const hamburger = document.querySelector('.hamburger');
+      hamburger.classList.toggle('open');
     }
-
   </script>
-</div>
+  <main>
 
-    </div>
-    <script>
-      function toggleNavbar() {
-        const navbar = document.getElementById('navbar');
-        navbar.classList.toggle('open');
-        const hamburger = document.querySelector('.hamburger');
-        hamburger.classList.toggle('open');
-      }
-    </script>
-    <main>
-
-      <div class="main-content">
-        <div class="sub-main-content">
+    <div class="main-content">
+      <div class="sub-main-content">
         <div class="heading1">
           <div class="heading">
-          <span>🚀&nbsp;</span><span>M</span><span>E</span><span>T</span><span>A</span><span>V</span><span>E</span><span>R</span><span>S</span><span>E</span>
-        </div>
-          <label class="theme-toggle" for="themeToggle" >
-          
+            <span>🚀&nbsp;</span><span>M</span><span>E</span><span>T</span><span>A</span><span>V</span><span>E</span><span>R</span><span>S</span><span>E</span>
+          </div>
+          <label class="theme-toggle" for="themeToggle">
+
             <input type="checkbox" id="themeToggle" onclick="toggleTheme()" checked aria-label="Switch theme mode">
             <span class="slider"></span>
           </label>
@@ -443,22 +455,22 @@
           <h1 class="no-result-heading">No Result Found</h1>
           <img class="no-results-img" src="./assets/img/No_Text_Found.png" />
         </div>
-        
+
         <div class="pagination">
           <button id="prev-page-tile" onclick="goToPreviousPage()">Previous</button>
           <div class="pagination_section"></div>
           <button id="next-page-tile" onclick="goToNextPage()">Next</button>
         </div>
-       
 
 
-  <!--
+
+        <!--
         FOOTER
   -->
 
-  </div>
-  </section>
-  </div>
+      </div>
+      </section>
+    </div>
 
   </main>
   <div class="main" id="footer">
@@ -475,7 +487,7 @@ <h1 class="no-result-heading">No Result Found</h1>
           <use xlink:href="#gentle-wave" x="48" y="7" fill="#B616C7" />
         </g>
       </svg>
-    </div>    
+    </div>
     <footer class="pt-4 page-footer font-small unique-color-dark">
       <div class="container1">
         <div class="py-2 text-center text-black list-unstyled list-inline">
@@ -489,7 +501,7 @@ <h1 class="no-result-heading">No Result Found</h1>
               style="font-size: 20px; font-style:cursive;color: rgb(215, 213, 85);">Make sure you
               checkout our socials and also ⭐ <b class="METAVERSE" style="cursor: pointer;">METAVERSE</b> on GitHub</a>
           </div>
-    
+
           <!-- Newsletter Section -->
           <div class="newsletter-section">
             <h3>Subscribe to our Newsletter</h3>
@@ -503,38 +515,41 @@ <h3>Subscribe to our Newsletter</h3>
           </div>
           <!-- End Newsletter Section -->
           <ul class="socials">
-            <li><a href="https://github.com/apu52/METAVERSE" aria-label="Follow me on Github" title="GitHub (External Link)"
-                rel="noopener noreferrer" target="_blank"><i class="fa-brands fa-github"></i></a></li>
-            <li><a href="https://twitter.com/METAVERSE" aria-label="Follow me on Twitter" title="Twitter (External Link)"
-                rel="noopener noreferrer" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
-            <li><a href="https://www.linkedin.com/in/METAVERSE" aria-label="Follow me on LinkedIn" title="LinkedIn (External Link)"
-                rel="noopener noreferrer" target="_blank"><i class="fa-brands fa-linkedin"></i></a></li>
+            <li><a href="https://github.com/apu52/METAVERSE" aria-label="Follow me on Github"
+                title="GitHub (External Link)" rel="noopener noreferrer" target="_blank"><i
+                  class="fa-brands fa-github"></i></a></li>
+            <li><a href="https://twitter.com/METAVERSE" aria-label="Follow me on Twitter"
+                title="Twitter (External Link)" rel="noopener noreferrer" target="_blank"><i
+                  class="fa-brands fa-twitter"></i></a></li>
+            <li><a href="https://www.linkedin.com/in/METAVERSE" aria-label="Follow me on LinkedIn"
+                title="LinkedIn (External Link)" rel="noopener noreferrer" target="_blank"><i
+                  class="fa-brands fa-linkedin"></i></a></li>
           </ul>
           <div class="policy">
             <a href="privacynotice.html" target="_blank"
-                style="font-size: 20px; font-style:cursive;color: rgb(215, 213, 85);"> Privacy Notice</a>
-                <a href="copyright.html" target="_blank"
-                style="font-size: 20px; font-style:cursive;color: rgb(215, 213, 85);"> Copyright Policy</a>
+              style="font-size: 20px; font-style:cursive;color: rgb(215, 213, 85);"> Privacy Notice</a>
+            <a href="copyright.html" target="_blank"
+              style="font-size: 20px; font-style:cursive;color: rgb(215, 213, 85);"> Copyright Policy</a>
           </div>
         </div>
       </div>
     </footer>
-  <!-- SCROLL TO TOP BUTTON -->
-  <div id="progress">
-    <span id="progress-value">&#x1F815;</span>
-  </div>
+    <!-- SCROLL TO TOP BUTTON -->
+    <div id="progress">
+      <span id="progress-value">&#x1F815;</span>
+    </div>
 
-  <!--
+    <!--
     - custom js link
   -->
-  <script src="./assets/js/index.js"></script>
-  <script src="./assets/js/script.js"></script>
-  <script src="./assets/js/scroll.js"></script>
-  <script src="./assets/js/contributors.js"></script>
-  <!-- <script src="./assets/js/mouse_transition.js"></script> -->
-  <script src="scrolldownprogressbar.js"></script>
-
-</div>
+    <script src="./assets/js/index.js"></script>
+    <script src="./assets/js/script.js"></script>
+    <script src="./assets/js/scroll.js"></script>
+    <script src="./assets/js/contributors.js"></script>
+    <!-- <script src="./assets/js/mouse_transition.js"></script> -->
+    <script src="scrolldownprogressbar.js"></script>
+
+  </div>
 </body>
 
 </html>
\ No newline at end of file

From f33911e3319d60d7df74d049943516222776c001 Mon Sep 17 00:00:00 2001
From: Arsomuu <adityaraj8284@gmail.com>
Date: Sat, 5 Oct 2024 01:12:50 +0530
Subject: [PATCH 2/2] Fixed the navigation to home page issue

---
 about.html       | 2 +-
 contributor.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/about.html b/about.html
index 371239b7..a3662425 100644
--- a/about.html
+++ b/about.html
@@ -333,7 +333,7 @@
   <div class="container" id="nav-menu">
     <div class="radio-wrapper">
       <div class="btn">
-        <a id="aid" class="nav-link" href="">
+        <a id="aid" class="nav-link" href="index.html">
           <i class="fas fa-home"></i> Home
         </a>
         <label class="number"></label>
diff --git a/contributor.html b/contributor.html
index 80d69fc9..d7aaf360 100644
--- a/contributor.html
+++ b/contributor.html
@@ -211,7 +211,7 @@
   <div class="container" id="nav-menu">
     <div class="radio-wrapper">
       <div class="btn">
-        <a id="aid" class="nav-link" href="">
+        <a id="aid" class="nav-link" href="index.html">
           <i class="fas fa-home"></i> Home
         </a>
         <label class="number"></label>