From 3d647121b976b8427bf6ed1435a1b8bdf8327a27 Mon Sep 17 00:00:00 2001
From: unknown <dindishriya@gmail.com>
Date: Mon, 4 Nov 2024 20:42:51 +0530
Subject: [PATCH 01/39] remember me

---
 website/login.html  | 76 +++++++++++++++++++++-------------
 website/signup.html | 99 ++++++++++++++++++++++++++++-----------------
 2 files changed, 112 insertions(+), 63 deletions(-)
diff --git a/website/login.html b/website/login.html
index 97a6f23..22e2609 100644
--- a/website/login.html
+++ b/website/login.html
@@ -8,11 +8,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Login</title>
     <style>
-        body{
+        body {
             background-color: black;
             overflow-x: hidden;
         }
-        .image1{
+        .image1 {
             width: 43%;
             height: 90.9%;
             object-fit: cover;
@@ -22,7 +22,7 @@
             top: -10%;
             rotate: 36deg;
         }
-        .image2{
+        .image2 {
             width: 37%;
             height: 47%;
             position: absolute;
@@ -32,48 +32,46 @@
             right: 84%;
             rotate: -46deg;
         }
-        .login-container{
+        .login-container {
             width: 40vw;
             padding-bottom: 10px;
             height: min-content;
             position: relative;
             background-color: rgba(58, 58, 58, 0.288);
             box-shadow: 0 0 5px black;
-            top:20px;
+            top: 20px;
             backdrop-filter: blur(10px);
             border-radius: 10px;
         }
+        .form-check-input:checked {
+    background-color: #004ab7; /* Change to your desired color */
+    border-color: #004ab7; /* Change to your desired color */
+}
 
         @media screen and (max-width: 660px) {
-            .login-container{
+            .login-container {
                 width: 90vw;
                 margin-bottom: 100px;
             }
-            .image1{
-                height:100px;
+            .image1 {
+                height: 100px;
                 display: none;
             }
-            .image2{
+            .image2 {
                 height: 100px;
                 overflow-x: hidden;
             }
-            #forget{
+            #forget {
                 width: 90%;
             }
         }
-        
     </style>
 </head>
 
-<body >
-    <img class="image1"  src="./web_images/2dglow.png" alt="login_bg">
-    <img class="image2"  src="./web_images/2dglowhalfbg-removebg-preview.png" alt="login_bg">
-    <img style="
-    top:10px;
-    margin-left: 10px;
-    position: relative;
-    width: 80px;
-    height: 80px;" src="./web_images/3d_glow.webp" alt="Dataverse Logo">
+<body>
+    <img class="image1" src="./web_images/2dglow.png" alt="login_bg">
+    <img class="image2" src="./web_images/2dglowhalfbg-removebg-preview.png" alt="login_bg">
+    <img style="top:10px; margin-left: 10px; position: relative; width: 80px; height: 80px;" src="./web_images/3d_glow.webp" alt="Dataverse Logo">
     <center>
         <div class="login-container" style="padding-top: 20px; margin-top: 0px;">
             <h1 style="text-align: center; color: rgb(255, 255, 255); font-weight: 400; font-size: 35px">HEY! WELCOME BACK</h1>
@@ -93,29 +91,53 @@ <h6 style="text-align: center; color: rgb(197 197 197); font-weight: 500; font-s
                     • Must not contain spaces, special characters, or emojis.
                 </div>
             </div>
+            <!-- Remember Me Checkbox -->
+            <div style="text-align: left; margin-left: 35%;">
+                <input type="checkbox" id="rememberMe" style="margin-top: -5px; width: 15px; height: 15px;">
+                <label for="rememberMe" style="color: white;">Remember Me</label>
+            </div>
             <button type="button" class="btn btn-primary" id="loginButton" style="width: 50%; font-weight: 400;">LOGIN</button>
             <div style="text-align: center; margin-top: 10px;">
-                <p>Don't have an account ?  <a href="signup.html" style="text-decoration: underline; color: #004ab7;"> Sign Up</a></p>
+                <p>Don't have an account? <a href="signup.html" style="text-decoration: underline; color: #004ab7;"> Sign Up</a></p>
             </div>
         </div>
         <!--login form end-->
     </center>
     <a href="../index.html"><button class="goBack">Go To Home</button></a>
     <script>
+        // On page load, check local storage for email
+        window.onload = function() {
+            const savedEmail = localStorage.getItem('email');
+            if (savedEmail) {
+                document.getElementById('emailInput').value = savedEmail;
+                document.getElementById('rememberMe').checked = true;
+            }
+        };
+
         document.getElementById('loginButton').addEventListener('click', function() {
             const emailInput = document.getElementById('emailInput');
             const passwordInput = document.getElementById('passwordInput');
             const emailValue = emailInput.value.trim();
-    const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
-    if (!emailRegex.test(emailValue)) {
-        alert('Invalid email address');
-        return;
-    }
+            const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+            if (!emailRegex.test(emailValue)) {
+                alert('Invalid email address');
+                return;
+            }
+
+            // Check if "Remember Me" is checked
+            const rememberMe = document.getElementById('rememberMe').checked;
+            if (rememberMe) {
+                localStorage.setItem('email', emailValue);
+            } else {
+                localStorage.removeItem('email');
+            }
+
+            // Clear the input fields
             emailInput.value = '';
             passwordInput.value = '';
             // Redirect to index.html
-            window.location.href = '/index.html';
             alert('Login successful!');
+            window.location.href = '/index.html';
         });
     </script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
diff --git a/website/signup.html b/website/signup.html
index a9233f4..91720d6 100644
--- a/website/signup.html
+++ b/website/signup.html
@@ -8,10 +8,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Sign Up</title>
     <style>
-        body{
+        body {
             background-color: black;
         }
-        .image1{
+        .image1 {
             width: 43%;
             height: 90.9%;
             object-fit: cover;
@@ -21,7 +21,7 @@
             top: -10%;
             rotate: 36deg;
         }
-        .image2{
+        .image2 {
             width: 37%;
             height: 47%;
             position: absolute;
@@ -31,7 +31,7 @@
             right: 84%;
             rotate: -46deg;
         }
-        .login-container{
+        .login-container {
             backdrop-filter: blur(10px);
             margin-bottom: 100px;
             width: 40vw;
@@ -41,57 +41,59 @@
             top: 20px;
             border-radius: 10px;
         }
-        
 
         @media screen and (max-width: 660px) {
-            .login-container{
+            .login-container {
                 width: 90vw;
             }
-            .image1{
-                height:100px;
+            .image1 {
+                height: 100px;
                 display: none;
             }
-            .image2{
+            .image2 {
                 height: 100px;
                 overflow-x: hidden;
             }
-            input{
+            input {
                 width: 90%;
             }
         }
     </style>
 </head>
 
-<body >
-    <img class="image1"  src="./web_images/2dglow.png" alt="sign_bg">
-    <img class="image2"  src="./web_images/2dglowhalfbg-removebg-preview.png" alt="sign_bg">
-    <img style="
-    top: 10px;
-    margin-left: 10px;
-    position: relative;
-    width: 80px;
-    height: 80px;" src="./web_images/3d_glow.webp" alt="Dataverse Logo">
+<body>
+    <img class="image1" src="./web_images/2dglow.png" alt="sign_bg">
+    <img class="image2" src="./web_images/2dglowhalfbg-removebg-preview.png" alt="sign_bg">
+    <img style="top: 10px; margin-left: 10px; position: relative; width: 80px; height: 80px;" src="./web_images/3d_glow.webp" alt="Dataverse Logo">
     <center>
-        <div class="login-container" style="padding-top: 20px;">
+        <div class="login-container" style="padding-top: 20px; margin-left: 700px;">
             <h1 style="text-align: center; color: rgb(255, 255, 255); font-weight: 400; font: sans-serif;">SIGN UP</h1>
-            <div id="errorContainer" class="error-message"></div> <!-- Error message container -->
+            <div id="errorContainer" class="error-message"></div>
             <div style="text-align: left; margin-left: 10%;" class="mb-3">
                 <label for="emailInput" class="form-label" style="color: white;">Email address</label>
                 <input type="email" class="form-control" id="emailInput" placeholder="Enter your Email Address" style="width: 90%; margin-top: -5px">
             </div>
             <div style="text-align: left; margin-left: 10%;" class="mb-3">
                 <label for="passwordInput" class="form-label" style="color: white;">Password</label>
-                <input type="password" placeholder="Enter your Password" id="passwordInput" class="form-control" aria-describedby="passwordHelpBlock" style="width: 90%; margin-top: -5px"></div>
-                <div style="text-align: left; margin-left: 10%;" class="mb-3">
-                    <label for="confirmPasswordInput" class="form-label" style="color: white;">Confirm Password</label>
-                    <input type="password" placeholder="Confirm your Password" id="confirmPasswordInput" class="form-control" aria-describedby="passwordHelpBlock" style="width: 90%; margin-top: -5px">
-                </div>
-                <div id="passwordHelpBlock" class="form-text" style="width: 90%; text-align: left; margin-top: -10px; margin-left: 10px; color: white;">
-                    <span style="color: rgb(255, 255, 255); font-size: 14px; position: relative;">Your password must be :</span><br>
-                    • 8-20 characters long.<br>
-                    • Should contain letters and numbers<br>
-                    • Must not contain spaces, special characters, or emojis.
-                </div>
+                <input type="password" placeholder="Enter your Password" id="passwordInput" class="form-control" aria-describedby="passwordHelpBlock" style="width: 90%; margin-top: -5px">
+            </div>
+            <div style="text-align: left; margin-left: 10%;" class="mb-3">
+                <label for="confirmPasswordInput" class="form-label" style="color: white;">Confirm Password</label>
+                <input type="password" placeholder="Confirm your Password" id="confirmPasswordInput" class="form-control" aria-describedby="passwordHelpBlock" style="width: 90%; margin-top: -5px">
+            </div>
+            <div id="passwordHelpBlock" class="form-text" style="width: 90%; text-align: left; margin-top: -10px; margin-left: 10px; color: white;">
+                <span style="color: rgb(255, 255, 255); font-size: 14px; position: relative;">Your password must be :</span><br>
+                • 8-20 characters long.<br>
+                • Should contain letters and numbers<br>
+                • Must not contain spaces, special characters, or emojis.
+            </div>
+
+            <!-- Remember Me Checkbox -->
+            <div class="form-check" style="text-align: left; margin-left: 35%; margin-bottom: -5px; margin-top: 5px;">
+                <input type="checkbox" id="rememberMe" class="form-check-input" style="width: 5px;">
+                <label for="rememberMe" class="form-check-label" style="color: white; font-weight: 500;">Remember Me</label>
+            </div>
+
             <button type="button" class="btn btn-primary" id="signupButton" style="width: 60%; margin-top: 15px; font-weight: 400;">SIGN UP</button>
             <div style="text-align: center; margin-top: 10px;">
                 <p>Already have an account? <a href="login.html" style="text-decoration: underline; color: #004ab7;">Login</a></p>
@@ -99,41 +101,66 @@ <h1 style="text-align: center; color: rgb(255, 255, 255); font-weight: 400; font
         </div>
         <a href="../index.html"><button class="goBack">Go To Home</button></a>
         <script>
-            document.getElementById('signupButton').addEventListener('click', function() {
+            // Function to handle signup
+            document.getElementById('signupButton').addEventListener('click', function () {
                 const emailInput = document.getElementById('emailInput');
                 const passwordInput = document.getElementById('passwordInput');
                 const confirmPasswordInput = document.getElementById('confirmPasswordInput');
                 const errorContainer = document.getElementById('errorContainer');
+                const rememberMe = document.getElementById('rememberMe');
+
                 const emailValue = emailInput.value.trim();
                 const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+
                 // Trusted email domains
-                const trustedDomains = ["gmail.com", "outlook.com", "yahoo.com", "hotmail.com" , "protonmail.com" , "icloud.com" , "tutanota.com"];
+                const trustedDomains = ["gmail.com", "outlook.com", "yahoo.com", "hotmail.com", "protonmail.com", "icloud.com", "tutanota.com"];
                 const emailDomain = emailValue.split('@')[1];
+
                 // Clear previous error messages
                 errorContainer.style.display = 'none';
                 errorContainer.innerHTML = '';
+
                 // Validate email format and trusted domain
                 if (!emailRegex.test(emailValue) || !trustedDomains.includes(emailDomain)) {
                     errorContainer.innerHTML = 'Please use a valid email address from trusted providers (e.g., Gmail, Outlook, Yahoo) etc.';
                     errorContainer.style.display = 'block'; // Show error message
                     return;
                 }
+
                 // Check if passwords match
                 if (passwordInput.value !== confirmPasswordInput.value) {
                     errorContainer.innerHTML = 'Both passwords do not match.';
                     errorContainer.style.display = 'block'; // Show error message
                     return;
                 }
+
+                // Save email to local storage if "Remember Me" is checked
+                if (rememberMe.checked) {
+                    localStorage.setItem('rememberedEmail', emailValue);
+                } else {
+                    localStorage.removeItem('rememberedEmail');
+                }
+
                 // Clear input fields
                 emailInput.value = '';
                 passwordInput.value = '';
                 confirmPasswordInput.value = '';
+                
                 // Redirect to login page
                 alert('Your account has been created successfully!');
                 window.location.href = 'login.html';
             });
+
+            // Load remembered email on page load
+            window.onload = function () {
+                const rememberedEmail = localStorage.getItem('rememberedEmail');
+                if (rememberedEmail) {
+                    document.getElementById('emailInput').value = rememberedEmail;
+                    document.getElementById('rememberMe').checked = true;
+                }
+            };
         </script>
         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
         <script src="website/script.js"></script>
-        </body>
-        </html>
\ No newline at end of file
+    </body>
+</html>

From da199a6adfcd6b93b6f803a72f68aa14ebcb2236 Mon Sep 17 00:00:00 2001
From: unknown <dindishriya@gmail.com>
Date: Tue, 5 Nov 2024 00:03:25 +0530
Subject: [PATCH 02/39] Implemented the changes

---
 website/login.html  | 2 +-
 website/signup.html | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/website/login.html b/website/login.html
index 22e2609..26f256d 100644
--- a/website/login.html
+++ b/website/login.html
@@ -98,7 +98,7 @@ <h6 style="text-align: center; color: rgb(197 197 197); font-weight: 500; font-s
             </div>
             <button type="button" class="btn btn-primary" id="loginButton" style="width: 50%; font-weight: 400;">LOGIN</button>
             <div style="text-align: center; margin-top: 10px;">
-                <p>Don't have an account? <a href="signup.html" style="text-decoration: underline; color: #004ab7;"> Sign Up</a></p>
+                <p style="color: white;">Don't have an account? <a href="signup.html" style="text-decoration: underline; color: #004ab7;"> Sign Up</a></p>
             </div>
         </div>
         <!--login form end-->
diff --git a/website/signup.html b/website/signup.html
index 91720d6..79d138c 100644
--- a/website/signup.html
+++ b/website/signup.html
@@ -66,7 +66,7 @@
     <img class="image2" src="./web_images/2dglowhalfbg-removebg-preview.png" alt="sign_bg">
     <img style="top: 10px; margin-left: 10px; position: relative; width: 80px; height: 80px;" src="./web_images/3d_glow.webp" alt="Dataverse Logo">
     <center>
-        <div class="login-container" style="padding-top: 20px; margin-left: 700px;">
+        <div class="login-container" style="padding-top: 20px;">
             <h1 style="text-align: center; color: rgb(255, 255, 255); font-weight: 400; font: sans-serif;">SIGN UP</h1>
             <div id="errorContainer" class="error-message"></div>
             <div style="text-align: left; margin-left: 10%;" class="mb-3">
@@ -96,7 +96,7 @@ <h1 style="text-align: center; color: rgb(255, 255, 255); font-weight: 400; font
 
             <button type="button" class="btn btn-primary" id="signupButton" style="width: 60%; margin-top: 15px; font-weight: 400;">SIGN UP</button>
             <div style="text-align: center; margin-top: 10px;">
-                <p>Already have an account? <a href="login.html" style="text-decoration: underline; color: #004ab7;">Login</a></p>
+                <p style="color: white;">Already have an account? <a href="login.html" style="text-decoration: underline; color: #004ab7;">Login</a></p>
             </div>
         </div>
         <a href="../index.html"><button class="goBack">Go To Home</button></a>

From 700f0e18d59c754c1213c38f414f9a428386a72a Mon Sep 17 00:00:00 2001
From: multiverseweb <multiverse.letter@gmail.com>
Date: Tue, 5 Nov 2024 09:22:45 +0530
Subject: [PATCH 03/39] fixed all minor bugs

---
 LICENSE => .github/LICENSE                    |    0
 README.md => .github/README.md                |  418 +--
 .../code_of_conduct.md                        |    0
 .github/workflows/greetings.yml               |    4 +-
 .github/workflows/issue_open_close.yml        |    2 +-
 .github/workflows/pr_raise.yml                |    2 +-
 .../Contributing.md                           |    0
 index.html                                    |   18 +-
 plot.png                                      |  Bin 4408 -> 0 bytes
 .../financeTracker.cpython-311.pyc            |  Bin 16503 -> 16513 bytes
 software/database.sql                         |    4 +-
 software/financeTracker.py                    |   14 +-
 software/main.py                              |   15 +-
 software/report.py                            |    2 +-
 website/{ => pages}/codeOfconduct.html        |  366 +--
 website/{ => pages}/contributor.html          |   10 +-
 website/{ => pages}/license.html              |   22 +-
 website/{ => pages}/login.html                |   18 +-
 website/{ => pages}/signup.html               |   16 +-
 website/{ => scripts}/codeOfconduct.js        |  208 +-
 website/{ => scripts}/contributor.js          |    0
 website/{ => scripts}/license.js              |  302 +-
 website/{ => scripts}/script.js               |  854 ++---
 website/{ => styles}/contributor.css          |    0
 website/{ => styles}/style.css                | 2762 ++++++++---------
 25 files changed, 2519 insertions(+), 2518 deletions(-)
 rename LICENSE => .github/LICENSE (100%)
 rename README.md => .github/README.md (97%)
 rename code_of_conduct.md => .github/code_of_conduct.md (100%)
 rename Contributing.md => Documentation/Contributing.md (100%)
 delete mode 100644 plot.png
 rename website/{ => pages}/codeOfconduct.html (91%)
 rename website/{ => pages}/contributor.html (82%)
 rename website/{ => pages}/license.html (84%)
 rename website/{ => pages}/login.html (91%)
 rename website/{ => pages}/signup.html (93%)
 rename website/{ => scripts}/codeOfconduct.js (97%)
 rename website/{ => scripts}/contributor.js (100%)
 rename website/{ => scripts}/license.js (97%)
 rename website/{ => scripts}/script.js (97%)
 rename website/{ => styles}/contributor.css (100%)
 rename website/{ => styles}/style.css (94%)

diff --git a/LICENSE b/.github/LICENSE
similarity index 100%
rename from LICENSE
rename to .github/LICENSE
diff --git a/README.md b/.github/README.md
similarity index 97%
rename from README.md
rename to .github/README.md
index d4d0f20..0e4f9ed 100644
--- a/README.md
+++ b/.github/README.md
@@ -1,209 +1,209 @@
-# GSSoc'24  <a href="https://codeittool.netlify.app">Extended<img src="https://user-images.githubusercontent.com/63473496/153487849-4f094c16-d21c-463e-9971-98a8af7ba372.png" height=40px align=right></a>
-
-## Tech Stack
-
-![Python](https://img.shields.io/badge/Python-FFD43B?style=for-the-badge&logo=python&logoColor=blue)
-![MySQL](https://img.shields.io/badge/MySQL-005C84?style=for-the-badge&logo=mysql&logoColor=white) 
-![NumPy](https://img.shields.io/badge/numpy-%23013243.svg?style=for-the-badge&logo=numpy&logoColor=white)
-![Pandas](https://img.shields.io/badge/pandas-%23150458.svg?style=for-the-badge&logo=pandas&logoColor=white)
-![Matplotlib](https://img.shields.io/badge/Matplotlib-%2311557c.svg?style=for-the-badge&logo=python&logoColor=white)
-![Tkinter](https://img.shields.io/badge/Tkinter-blue?style=for-the-badge&logo=python&logoColor=white) 
-![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white) 
-![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)
-![JavaScript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E) 
-![Microsoft Excel](https://img.shields.io/badge/Microsoft_Excel-217346?style=for-the-badge&logo=microsoft-excel&logoColor=white)
-
-#### Read the description below and [start contributing](#contributions) now! If you like the project, show some love ❤️ and star the repo! ⭐
-
-
----
-
-# Dataverse
-<img src="website/web_images/3d_glow.webp" height=50px align=right>
-
-###### Data Visualisation Software & Personal Finance Tracker
-
-<!--![Visitors](https://api.visitorbadge.io/api/visitors?path=multiverseweb/Dataverse%20&countColor=%2523263759&style=for-the-badge)-->
-
-
-![Visitors](https://api.visitorbadge.io/api/visitors?path=multiverseweb2%2Dataverse%20&countColor=%23263759&style=flat&initial=5767)
-  ![Github](https://img.shields.io/github/license/multiverseweb/Dataverse)
-  ![GitHub Repo stars](https://img.shields.io/github/stars/multiverseweb/Dataverse)
-  ![GitHub contributors](https://img.shields.io/github/contributors/multiverseweb/Dataverse)
-  ![GitHub issues](https://img.shields.io/github/issues/multiverseweb/Dataverse)
-  ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/multiverseweb/Dataverse)
-  ![GitHub forks](https://img.shields.io/github/forks/multiverseweb/Dataverse)
-  ![GitHub pull requests](https://img.shields.io/github/issues-pr/multiverseweb/Dataverse)
-  ![GitHub closed pull requests](https://img.shields.io/github/issues-pr-closed/multiverseweb/Dataverse)
-  ![GitHub last commit](https://img.shields.io/github/last-commit/multiverseweb/Dataverse)
-  ![GitHub repo size](https://img.shields.io/github/repo-size/multiverseweb/Dataverse)
-  ![GitHub total lines](https://sloc.xyz/github/multiverseweb/Dataverse)
-  
-### Featured In
-
-<table>
-<tr>
-      <th>Event Logo</th>
-      <th>Event Name</th>
-      <th>Event Description</th>
-    </tr>
-    <tr>
-        <td><img src="https://user-images.githubusercontent.com/63473496/213306279-338f7ce9-9a9f-4427-8c2a-3e344874498f.png#gh-dark-mode-only" width="200" height="auto" loading="lazy" alt="GSSoC Ext 24"/></td>
-        <td>GirlScript Summer of Code Ext 2024</td>
-        <td><a href="https://gssoc.girlscript.tech/">GSSOC Ext</a> is a one-month-long open-source program by the GirlScript Foundation that's running from October 1 to November 10, 2024 and encourages participants to contribute to various open source projects.</td> 
-    </tr>
-   <tr>
-        <td><img src="https://cdn.prod.website-files.com/63bc83b29094ec80844b6dd5/66fc35d92c74c4e4103f3673_Flyte-at-Hacktoberfest-2024.png" width="200" height="auto" loading="lazy" alt="Hacktoberfest 24"/></td>
-        <td>Hacktoberfest 2024</td>
-        <td><a href="https://hacktoberfest.com/">Hacktober Fest</a> is an annual celebration of open-source software development. It's a month-long event encouraging developers to contribute to open-source projects.</td> 
-    </tr>
-</table>
-
----
-
-### Table of Contents
-
-| [About Dataverse](#what-does-this-software-do) | [Versions](#versions) | [Use Dataverse](#deployment-specifications) | [Preview](#preview) | [Software Representation](#software-representation) | [Make Contributions](#contributions) | [Website](#website) |
-|:--:|:--:|:--:|:--:|:--:|:--:|:--:|
-
----
-
-### What does this software do?
-- This software can be used to visualise data in many basic as well as advanced forms.
-- It allows the user to download the generated charts.
-- It can be used as a finance tracker, providing various useful outputs.
-- It supports data inputs from excel sheets.
-- The data can also be stored for later use.
-- Uses encryption techniques to securely store your passwords.
-
----
-### Versions
-
-- 6550(24) `Latest`
-- 06.02.24
-
----
-
-### Deployment Specifications
-
-Dataverse is currently under development. It will be available for installastion soon.
-
-However, you can follow these steps to run the project locally on your computer:
-> [!IMPORTANT]
-> Don't forget to read the [prerequisites](#prerequisites).
-
-
-   - Clone the project
-   
-      ```
-     git clone https://github.com/multiverseweb/Dataverse.git
-      ```
-
-   -  Open `software` folder in VSCode.
-
-      ```
-      cd Dataverse/software
-      ```
-
-   - Go to `mainGUI.py` and run it.
-
-Now the software should run locally with no errors, feel free to use the software and don't forget to give feedback on the [website](https://multiverse-dataverse.netlify.app/)!
-
----
-
-### Prerequisites
-<highlight>For Data Visualization</highlight>
-- You must have a python interpreter installed on your computer.
-- You must have python packages such as `numpy, pandas, matplotlib, tkinter`.
-
-  ```
-  pip install package_name
-  ```
-<highlight>For Finance Tracker</highlight>
-- For using the Finance Tracker, you must have `MySQL` installed on your computer. If you don't have it you can download it from [here](https://dev.mysql.com/downloads/installer/).
-- Go to `line no. 15` under `connecting MySQL` section of `financeTracker.py` and change the values of `host, user and passwd` according to your MySQL account.
-- Also, run the command
-  ```
-  CREATE DATABASE FINANCE;
-  ```
-  on your MySQL workbench or commandline client.
-
----
-
-### Preview
-<sup><a href="#table-of-contents" align="right">Back to top</a></sup>
-<div align=center>
-
-Software GUI
-<br>
-<img src="software/images/preview.png" width="800px">
-<br><br>
-<details> 
- <summary align=left><H4>View More</H4></summary><br>
-Visualised Finance Data
-<br>
-<img src="website/web_images/preview.png" width="800px">
-<br><br>
-Relational Data
-<br>
-<img src="website/web_images/data.png" width="800px">
-</details>
-</div>
-
----
-
-### Software Representation
-<sup><a href="#table-of-contents" align="right">Back to top</a></sup>
-
-ER Diagram for Finance Tracker
-![](website/web_images/ER_diagram.png)
-
----
-### Contributions
-<sup><a href="#table-of-contents" align="right">Back to top</a></sup>
-
-Want to contribute to this project? Follow these steps:
-
-- Star the Repository.
-- Go to [issues](https://github.com/multiverseweb/Dataverse/issues), find an issue that you can solve or create a new issue.
-- Fork the repository.
-- Create a new branch (`git checkout -b feature-branch`).
-- Go to [`line no. 1` in script.js](https://github.com/multiverseweb/Dataverse/blob/main/website/script.js#L1-L2) and append the name of your city to the `cities` array. (optional)
-- Make your contributions and commit them (`git commit -m 'Add feature'`).
-- Push to the branch (`git push origin feature-branch`).
-- Create a Pull Request, so I can review and merge it.
-
-
-
-
-### Our Valuable Contributors ❤️✨
-
-[![Contributors](https://contrib.rocks/image?repo=multiverseweb/Dataverse)](https://github.com/multiverseweb/Dataverse/graphs/contributors)
-
-
-### Stargazers ❤️
-
-<div align='left'>
-
-[![Stargazers repo roster for @multiverseweb/Dataverse](https://reporoster.com/stars/dark/multiverseweb/Dataverse)](https://github.com/multiverseweb/Dataverse/stargazers)
-
-
-</div>
-
-### Forkers ❤️
-
-[![Forkers repo roster for @multiverseweb/Dataverse](https://reporoster.com/forks/dark/multiverseweb/Dataverse)](https://github.com/multiverseweb/Dataverse/network/members)
-
----
- 
-### Website
-
-Deployed on
-
-<img height="50px" src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/97/Netlify_logo_%282%29.svg/1200px-Netlify_logo_%282%29.svg.png">
-
-You can visit the live site for Dataverse and related tools [here](https://multiverse-dataverse.netlify.app/).
-
-
-<sup><a href="#table-of-contents" align="right">Back to top</a></sup>
-
+# GSSoc'24  <a href="https://codeittool.netlify.app">Extended<img src="https://user-images.githubusercontent.com/63473496/153487849-4f094c16-d21c-463e-9971-98a8af7ba372.png" height=40px align=right></a>
+
+## Tech Stack
+
+![Python](https://img.shields.io/badge/Python-FFD43B?style=for-the-badge&logo=python&logoColor=blue)
+![MySQL](https://img.shields.io/badge/MySQL-005C84?style=for-the-badge&logo=mysql&logoColor=white) 
+![NumPy](https://img.shields.io/badge/numpy-%23013243.svg?style=for-the-badge&logo=numpy&logoColor=white)
+![Pandas](https://img.shields.io/badge/pandas-%23150458.svg?style=for-the-badge&logo=pandas&logoColor=white)
+![Matplotlib](https://img.shields.io/badge/Matplotlib-%2311557c.svg?style=for-the-badge&logo=python&logoColor=white)
+![Tkinter](https://img.shields.io/badge/Tkinter-blue?style=for-the-badge&logo=python&logoColor=white) 
+![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white) 
+![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)
+![JavaScript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E) 
+![Microsoft Excel](https://img.shields.io/badge/Microsoft_Excel-217346?style=for-the-badge&logo=microsoft-excel&logoColor=white)
+
+#### Read the description below and [start contributing](#contributions) now! If you like the project, show some love ❤️ and star the repo! ⭐
+
+
+---
+
+# Dataverse
+<img src="website/web_images/3d_glow.webp" height=50px align=right>
+
+###### Data Visualisation Software & Personal Finance Tracker
+
+<!--![Visitors](https://api.visitorbadge.io/api/visitors?path=multiverseweb/Dataverse%20&countColor=%2523263759&style=for-the-badge)-->
+
+
+![Visitors](https://api.visitorbadge.io/api/visitors?path=multiverseweb2%2Dataverse%20&countColor=%23263759&style=flat&initial=5767)
+  ![Github](https://img.shields.io/github/license/multiverseweb/Dataverse)
+  ![GitHub Repo stars](https://img.shields.io/github/stars/multiverseweb/Dataverse)
+  ![GitHub contributors](https://img.shields.io/github/contributors/multiverseweb/Dataverse)
+  ![GitHub issues](https://img.shields.io/github/issues/multiverseweb/Dataverse)
+  ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/multiverseweb/Dataverse)
+  ![GitHub forks](https://img.shields.io/github/forks/multiverseweb/Dataverse)
+  ![GitHub pull requests](https://img.shields.io/github/issues-pr/multiverseweb/Dataverse)
+  ![GitHub closed pull requests](https://img.shields.io/github/issues-pr-closed/multiverseweb/Dataverse)
+  ![GitHub last commit](https://img.shields.io/github/last-commit/multiverseweb/Dataverse)
+  ![GitHub repo size](https://img.shields.io/github/repo-size/multiverseweb/Dataverse)
+  ![GitHub total lines](https://sloc.xyz/github/multiverseweb/Dataverse)
+  
+### Featured In
+
+<table>
+<tr>
+      <th>Event Logo</th>
+      <th>Event Name</th>
+      <th>Event Description</th>
+    </tr>
+    <tr>
+        <td><img src="https://user-images.githubusercontent.com/63473496/213306279-338f7ce9-9a9f-4427-8c2a-3e344874498f.png#gh-dark-mode-only" width="200" height="auto" loading="lazy" alt="GSSoC Ext 24"/></td>
+        <td>GirlScript Summer of Code Ext 2024</td>
+        <td><a href="https://gssoc.girlscript.tech/">GSSOC Ext</a> is a one-month-long open-source program by the GirlScript Foundation that's running from October 1 to November 10, 2024 and encourages participants to contribute to various open source projects.</td> 
+    </tr>
+   <tr>
+        <td><img src="https://cdn.prod.website-files.com/63bc83b29094ec80844b6dd5/66fc35d92c74c4e4103f3673_Flyte-at-Hacktoberfest-2024.png" width="200" height="auto" loading="lazy" alt="Hacktoberfest 24"/></td>
+        <td>Hacktoberfest 2024</td>
+        <td><a href="https://hacktoberfest.com/">Hacktober Fest</a> is an annual celebration of open-source software development. It's a month-long event encouraging developers to contribute to open-source projects.</td> 
+    </tr>
+</table>
+
+---
+
+### Table of Contents
+
+| [About Dataverse](#what-does-this-software-do) | [Versions](#versions) | [Use Dataverse](#deployment-specifications) | [Preview](#preview) | [Software Representation](#software-representation) | [Make Contributions](#contributions) | [Website](#website) |
+|:--:|:--:|:--:|:--:|:--:|:--:|:--:|
+
+---
+
+### What does this software do?
+- This software can be used to visualise data in many basic as well as advanced forms.
+- It allows the user to download the generated charts.
+- It can be used as a finance tracker, providing various useful outputs.
+- It supports data inputs from excel sheets.
+- The data can also be stored for later use.
+- Uses encryption techniques to securely store your passwords.
+
+---
+### Versions
+
+- 6550(24) `Latest`
+- 06.02.24
+
+---
+
+### Deployment Specifications
+
+Dataverse is currently under development. It will be available for installastion soon.
+
+However, you can follow these steps to run the project locally on your computer:
+> [!IMPORTANT]
+> Don't forget to read the [prerequisites](#prerequisites).
+
+
+   - Clone the project
+   
+      ```
+     git clone https://github.com/multiverseweb/Dataverse.git
+      ```
+
+   -  Open `software` folder in VSCode.
+
+      ```
+      cd Dataverse/software
+      ```
+
+   - Go to `mainGUI.py` and run it.
+
+Now the software should run locally with no errors, feel free to use the software and don't forget to give feedback on the [website](https://multiverse-dataverse.netlify.app/)!
+
+---
+
+### Prerequisites
+<highlight>For Data Visualization</highlight>
+- You must have a python interpreter installed on your computer.
+- You must have python packages such as `numpy, pandas, matplotlib, tkinter`.
+
+  ```
+  pip install package_name
+  ```
+<highlight>For Finance Tracker</highlight>
+- For using the Finance Tracker, you must have `MySQL` installed on your computer. If you don't have it you can download it from [here](https://dev.mysql.com/downloads/installer/).
+- Go to `line no. 15` under `connecting MySQL` section of `financeTracker.py` and change the values of `host, user and passwd` according to your MySQL account.
+- Also, run the command
+  ```
+  CREATE DATABASE FINANCE;
+  ```
+  on your MySQL workbench or commandline client.
+
+---
+
+### Preview
+<sup><a href="#table-of-contents" align="right">Back to top</a></sup>
+<div align=center>
+
+Software GUI
+<br>
+<img src="software/images/preview.png" width="800px">
+<br><br>
+<details> 
+ <summary align=left><H4>View More</H4></summary><br>
+Visualised Finance Data
+<br>
+<img src="website/web_images/preview.png" width="800px">
+<br><br>
+Relational Data
+<br>
+<img src="website/web_images/data.png" width="800px">
+</details>
+</div>
+
+---
+
+### Software Representation
+<sup><a href="#table-of-contents" align="right">Back to top</a></sup>
+
+ER Diagram for Finance Tracker
+![](website/web_images/ER_diagram.png)
+
+---
+### Contributions
+<sup><a href="#table-of-contents" align="right">Back to top</a></sup>
+
+Want to contribute to this project? Follow these steps:
+
+- Star the Repository.
+- Go to [issues](https://github.com/multiverseweb/Dataverse/issues), find an issue that you can solve or create a new issue.
+- Fork the repository.
+- Create a new branch (`git checkout -b feature-branch`).
+- Go to [`line no. 1` in script.js](https://github.com/multiverseweb/Dataverse/blob/main/website/script.js#L1-L2) and append the name of your city to the `cities` array. (optional)
+- Make your contributions and commit them (`git commit -m 'Add feature'`).
+- Push to the branch (`git push origin feature-branch`).
+- Create a Pull Request, so I can review and merge it.
+
+
+
+
+### Our Valuable Contributors ❤️✨
+
+[![Contributors](https://contrib.rocks/image?repo=multiverseweb/Dataverse)](https://github.com/multiverseweb/Dataverse/graphs/contributors)
+
+
+### Stargazers ❤️
+
+<div align='left'>
+
+[![Stargazers repo roster for @multiverseweb/Dataverse](https://reporoster.com/stars/dark/multiverseweb/Dataverse)](https://github.com/multiverseweb/Dataverse/stargazers)
+
+
+</div>
+
+### Forkers ❤️
+
+[![Forkers repo roster for @multiverseweb/Dataverse](https://reporoster.com/forks/dark/multiverseweb/Dataverse)](https://github.com/multiverseweb/Dataverse/network/members)
+
+---
+ 
+### Website
+
+Deployed on
+
+<img height="50px" src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/97/Netlify_logo_%282%29.svg/1200px-Netlify_logo_%282%29.svg.png">
+
+You can visit the live site for Dataverse and related tools [here](https://multiverse-dataverse.netlify.app/).
+
+
+<sup><a href="#table-of-contents" align="right">Back to top</a></sup>
+
diff --git a/code_of_conduct.md b/.github/code_of_conduct.md
similarity index 100%
rename from code_of_conduct.md
rename to .github/code_of_conduct.md
diff --git a/.github/workflows/greetings.yml b/.github/workflows/greetings.yml
index 005bce4..96ab245 100644
--- a/.github/workflows/greetings.yml
+++ b/.github/workflows/greetings.yml
@@ -12,5 +12,5 @@ jobs:
     - uses: actions/first-interaction@v1
       with:
         repo-token: ${{ secrets.GITHUB_TOKEN }}
-        issue-message: "👋 Thank you for raising an issue! We appreciate your effort in helping us improve. Our `Dataverse` team will review it shortly. Stay tuned!"
-        pr-message: " 🎉 Thank you for your contribution! Your pull request has been submitted successfully. A maintainer from `Dataverse` team will review it as soon as possible. We appreciate your support in making this project better"
\ No newline at end of file
+        issue-message: "👋 Thank you for raising an issue! We appreciate your effort in helping us improve. A maintainer from `Dataverse` will review it shortly. Stay tuned!"
+        pr-message: " 🎉 Thank you for your contribution! Your pull request has been submitted successfully. A maintainer from `Dataverse` will review it as soon as possible. We appreciate your support in making this project better."
\ No newline at end of file
diff --git a/.github/workflows/issue_open_close.yml b/.github/workflows/issue_open_close.yml
index b64181e..622d775 100644
--- a/.github/workflows/issue_open_close.yml
+++ b/.github/workflows/issue_open_close.yml
@@ -14,7 +14,7 @@ jobs:
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
           issue_number: ${{ github.event.issue.number }}
-          body: "👋 Thanks for opening this issue! We appreciate your contribution. Please make sure you’ve provided all the necessary details and screenshots, and don't forget to follow our Guidelines and Code of Conduct. Happy coding! 🚀
+          body: "👋 Thanks for opening this issue! We appreciate your contribution. Please make sure you've provided all the necessary details and screenshots, and don't forget to follow our Guidelines and Code of Conduct. Happy coding! 🚀
 "
 
       - name: Add a comment when an issue is closed
diff --git a/.github/workflows/pr_raise.yml b/.github/workflows/pr_raise.yml
index 6724b78..86c51d1 100644
--- a/.github/workflows/pr_raise.yml
+++ b/.github/workflows/pr_raise.yml
@@ -18,7 +18,7 @@ jobs:
       run: |
         COMMENT=$(cat <<EOF
         {
-          "body": "Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊"
+          "body": " 🎉 Thank you for your contribution! Your pull request has been submitted successfully. A maintainer from `Dataverse` team will review it as soon as possible. We appreciate your support in making Dataverse better."
         }
         EOF
         )
diff --git a/Contributing.md b/Documentation/Contributing.md
similarity index 100%
rename from Contributing.md
rename to Documentation/Contributing.md
diff --git a/index.html b/index.html
index 94360ca..16ec896 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
     <title>Dataverse</title>
     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
     <link rel="shortcut icon" href="website/web_images/3dlogo.svg" type="image/x-icon">
-    <link rel="stylesheet" href="website/style.css">
+    <link rel="stylesheet" href="website/styles/style.css">
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -45,7 +45,7 @@
         <img src="website/web_images/3dlogo.svg" alt="Dataverse Logo" class="logo" id="normal">
         <img src="website/web_images/3d_glow.webp" alt="Dataverse Logo" class="logo" id="glow">
         <div class="scrollBar" id="progress_bar"></div> <!--PROGRESS BAR-->
-        <a href="website/login.html">
+        <a href="website/pages/login.html">
             <button class="loginSignupbtn">
               <span class="button-text">Login</span>
               <img src="website/web_images/user.png" alt="User Icon" class="user-icon">
@@ -73,7 +73,7 @@
                         class="table_link">Documentation</a></td>
             </tr>
             <tr>
-                <td><a href="website/contributor.html" class="table_link">Contributors</a></td>
+                <td><a href="website/pages/contributor.html" class="table_link">Contributors</a></td>
             </tr>
             <tr>
                 <td>
@@ -82,10 +82,10 @@
                 </td>
             </tr>
             <tr>
-                <td><a href="website/codeOfconduct.html" class="table_link" target="_blank">Code of Conduct</a></td>
+                <td><a href="website/pages/codeOfconduct.html" class="table_link" target="_blank">Code of Conduct</a></td>
             </tr>
             <tr>
-                <td><a href="website/license.html" class="table_link">License</a></td>
+                <td><a href="website/pages/license.html" class="table_link">License</a></td>
             </tr>
         </table>
     </div>
@@ -262,9 +262,9 @@
             <div class="link_class">
                 <a href="https://github.com/multiverseweb/Dataverse/blob/main/README.md"
                     class="table_link">Documentation</a>
-                <a href="./website/contributor.html" class="table_link">Contributors</a>
-                <a href="website/codeOfconduct.html" class="table_link" target="_blank">Code of Conduct</a>
-                <a href="website/license.html" class="table_link">License</a>
+                <a href="./website/pages/contributor.html" class="table_link">Contributors</a>
+                <a href="website/pages/codeOfconduct.html" class="table_link" target="_blank">Code of Conduct</a>
+                <a href="website/pages/license.html" class="table_link">License</a>
             </div>
             <div class="link_class">
                 <a href="https://www.figma.com/proto/BBbXARgpxercxacjm0qpgX/Dataverse?type=design&node-id=45-25&t=zMFBUgENaIeqhRYZ-1&scaling=scale-down-width&page-id=0%3A1&starting-point-node-id=22%3A310&show-proto-sidebar=1&mode=design"
@@ -299,7 +299,7 @@
     </div>
     <div class="end_line"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-    <script src="website/script.js"></script>
+    <script src="website/scripts/script.js"></script>
 
 
 </body>
diff --git a/plot.png b/plot.png
deleted file mode 100644
index 1db2e44805dd659332e7d91ff8700ab413b04bbc..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4408
zcmeAS@N?(olHy`uVBq!ia0y~yU_QXWz;uCw4JZ;{F1ZCrS(dm)lmzFem6RtIr84*?
zmK5aVm*iw7DU_ua6=&w>8S7c-8R#fvl#~<{Tj}fP!WHP{7p3c)Zrr*WXb5M4M`SSr
zgSZd~Gp5hK1hh(Esi%u$NX4AD*AMa@P!Kq<;nLr7yKM}eH-w+eHZ}gt$iQ&m@xR+Z
zilLy15$GU=gAB|J3=<L>fI=Py2Y})#5(z+3h{pg(a<WM<Ff_0*^Dr<tj4B@unbAZr
znmtBKg3&T^v^p5AC`a1_2SyXYXd)O*1f#u!(SFlt7jd-nOu{&Ubc7%0oE5XeK_emz
Mp00i_>zopr0NNT=0RR91

diff --git a/software/__pycache__/financeTracker.cpython-311.pyc b/software/__pycache__/financeTracker.cpython-311.pyc
index 278c9d347463ebc750049169e94dd87e72d938c6..4506ebb36e53a44be02cf849b4890cd7eacc4ac6 100644
GIT binary patch
delta 288
zcmey~z}VQx$h(}Emx}=i7ME+L|J}$tm5GxxC9x#2EVZb3@=B%>#?r}h%-I|+jv<a=
zu0g?@`<WLoiYXVT=A<T<C}=6973JqDq-EwM<|U_Yc4k#);y1l6U~@^pW=Hr%0oN-6
zuA3{_|M3b6xVQ#82YEWV!qiUAW3`xko=<S{dC?Sc6{vC5wJ7FI_7HoIZrtQbcGJn#
z;=EkC7kTuq@aSFO(VIL;+*Zi$x`gW`3D*PJ7lNZMN<?3gh~E5AJXxJ9_5x4bMV`1T
qJaLo#?0q!+m@fndePCeF@nc3NKQb_|`ZIq4lR$A+|H+5!w*mm3OknB&

delta 274
zcmZo{Wc=R1$h(}Emx}=izARQsf4`A;Dib?<T4r8iUh?GCOeKuPlNFe=+1xz+9Q~X(
zPi9`gD56-Lnv<GbqM)UaR+OKskei>ETDjSiRh^07__~1AB>}4)<`)H=uLw9#4iGop
zyoLQFFF&7)Yp`>Wr;{s0^<)P<i^<1COGTBSMpf4$nKd~`>^&BvoVc_v^5|UQ(Ye5*
zGkK1<t&q)i3Fk`^&Ii0N1V&txh`b^Zx%sttvN~7v1)i9TJTX^zVkSq}`)K$uUkD8P
dz`&s6!;DORWME+RW&Q#tf#R&blh4?11pr2&TfG1P

diff --git a/software/database.sql b/software/database.sql
index c4078e0..a7827c4 100644
--- a/software/database.sql
+++ b/software/database.sql
@@ -1,9 +1,9 @@
--- Create the database if it does not exist
+-- Create the database if it does not exists
 CREATE DATABASE IF NOT EXISTS finance_data;
 USE finance_data;
 
 -- Create the users table if it does not exist
-CREATE TABLE IF NOT EXISTS users (
+CREATE TABLE IF NOT EXISTS user (
     user_id INT AUTO_INCREMENT PRIMARY KEY,
     username VARCHAR(50) NOT NULL,
     email VARCHAR(100) NOT NULL
diff --git a/software/financeTracker.py b/software/financeTracker.py
index 5685a23..a0e7941 100644
--- a/software/financeTracker.py
+++ b/software/financeTracker.py
@@ -14,11 +14,11 @@
 colors=["#440154", "#3b528b","#21918c", "#5ec962", "#fde725","#f89540", "#e16462","#b12a90", "#6a00a8", "#0d0887", "#3474eb", "#5ec962", "yellow", "#f89540", "tomato","tan"]
 #==================================================================================================connecting MySQL
 try:
-    mycon = my.connect(host='localhost', user='root', passwd='tejas123', database='finance')  # Declared as constant
+    mycon = my.connect(host='localhost', user='root', passwd='tejas123', database='dataverse')  # Declared as constant
     cursor = mycon.cursor()  # Declared as constant
 except Error as e:
     print(f"Error connecting to MySQL: {e}")
-    messagebox.showerror("Database Error", f"Failed to connect to the database: {e}\n\nExeccute the following query in your MYSQL Workbench or MySQL Shell and then try again:\n\nCREATE DATABASE FINANCE;")
+    messagebox.showerror("Database Error", f"Failed to connect to the database: {e}\n\nExeccute the following query in your MYSQL Workbench or MySQL Shell and then try again:\n\nCREATE DATABASE DATAVERSE;")
     exit()  # Exit the program if the database connection fails
 
 z = 0  # Declared as constant
@@ -26,7 +26,7 @@
 #=========================================================================================view data
 def view_data(user_id):
     try:
-        query = "select * from money where u_id={}".format(user_id)
+        query = "select * from finance where u_id={}".format(user_id)
         cursor.execute(query)
         result_set = cursor.fetchall()
         if len(result_set) == 0:
@@ -84,22 +84,22 @@ def check_credentials(username, password):
         print(f"Database error: {e}")
     return message
 
-#============================================================================================================fetch user's money data
+#============================================================================================================fetch user's finance data
 def fetch_data(user_id):
     try:
-        query = "select * from money where u_id={}".format(user_id)
+        query = "select * from finance where u_id={}".format(user_id)
         cursor.execute(query)
         result_set = cursor.fetchall()
         if len(result_set) == 0:
             return None
         else:
-            cursor.execute("DESCRIBE money")
+            cursor.execute("DESCRIBE finance")
             schema = cursor.fetchall()
             column_names = [column[0] for column in schema]
             data_pool = {}
             for column_name in column_names:
                 column_data = []
-                query = "select {} from money where u_id={}".format(column_name, user_id)
+                query = "select {} from finance where u_id={}".format(column_name, user_id)
                 cursor.execute(query)
                 values = cursor.fetchall()
                 for value in values:
diff --git a/software/main.py b/software/main.py
index 1b2fce2..a7849eb 100644
--- a/software/main.py
+++ b/software/main.py
@@ -22,7 +22,7 @@
 mycon=financeTracker.mycon
 cursor=financeTracker.cursor
 cursor.execute("CREATE TABLE IF NOT EXISTS user (u_id INT PRIMARY KEY, u_name VARCHAR(255), pwd VARCHAR(255), country varchar(50) default 'India')")
-cursor.execute("CREATE TABLE IF NOT EXISTS money (u_id INT, fiat FLOAT DEFAULT 0, gold FLOAT DEFAULT 0, stocks FLOAT DEFAULT 0, commodity FLOAT DEFAULT 0, sales FLOAT DEFAULT 0, expenditure FLOAT DEFAULT 0, total DOUBLE AS (fiat + gold + stocks + commodity + sales - expenditure), entryDate date);")
+cursor.execute("CREATE TABLE IF NOT EXISTS finance (u_id INT, fiat FLOAT DEFAULT 0, gold FLOAT DEFAULT 0, stocks FLOAT DEFAULT 0, commodity FLOAT DEFAULT 0, sales FLOAT DEFAULT 0, expenditure FLOAT DEFAULT 0, total DOUBLE AS (fiat + gold + stocks + commodity + sales - expenditure), entryDate date);")
 #===================================================================================================================================
 #============================================================================================Dataverse Operations
 #======================================================================password encryption
@@ -240,7 +240,7 @@ def show_message(u_name,u_id,pwd,names):
             if u_id==data[0][0] and pwd==data[0][1]:
                 cursor.execute("delete from user where u_id={}".format(u_id))
                 mycon.commit()
-                cursor.execute("delete from money where u_id={}".format(u_id))
+                cursor.execute("delete from finance where u_id={}".format(u_id))
                 mycon.commit()
                 messagebox.showinfo(title="", message="Account deleted successfully. ✓",icon="info")
             else:
@@ -304,7 +304,7 @@ def user_menu(u_id,u_name):
 
     profile=Frame(root,bg="#171717",relief=SUNKEN,width=25,height=100)
     profile.pack(side=RIGHT,fill=Y,anchor=NE)
-    q="select entryDate from money where u_id={}".format(u_id)
+    q="select entryDate from finance where u_id={}".format(u_id)
     cursor.execute(q)
     data=cursor.fetchall()
     since="NA"
@@ -368,7 +368,7 @@ def visualize(u_name):
 def insert(u_id,u_name):
     def show_message():
         ti=str(time.strftime('%y-%m-%d'))
-        q="insert into money (u_id,salary,gold,stocks,commodity,sales,expenditure,entryDate) values({},{},{},{},{},{},{},'{}')".format(u_id,variables[0].get(),variables[1].get(),variables[2].get(),variables[3].get(),variables[4].get(),variables[5].get(),ti)
+        q="insert into finance (u_id,salary,gold,stocks,commodity,sales,expenditure,entryDate) values({},{},{},{},{},{},{},'{}')".format(u_id,variables[0].get(),variables[1].get(),variables[2].get(),variables[3].get(),variables[4].get(),variables[5].get(),ti)
         cursor.execute(q)
         mycon.commit()
         messagebox.showinfo(title="", message="Data added successfully. ✓",icon="info")
@@ -390,7 +390,7 @@ def show_message():
     title=Label(form,font="poppins 10",fg='#ffffff',bg='#171717',text="Enter Today's Data")
     title.pack(fill=Y,pady=35,padx=0)
 
-    cursor.execute("DESCRIBE money")
+    cursor.execute("DESCRIBE finance")
     schema = cursor.fetchall()
     money=IntVar()
     gold=IntVar()
@@ -412,13 +412,13 @@ def show_message():
 #==========================================================================================delete data
 def delete_data(u_id):
     def show(u_id,e_date):
-        q="select * from money where u_id={} and entryDate='{}'".format(u_id,e_date.get())
+        q="select * from finance where u_id={} and entryDate='{}'".format(u_id,e_date.get())
         cursor.execute(q)
         data=cursor.fetchall()
         if len(data)==0:
             messagebox.showinfo(title="", message="Data not found. ✖",icon="warning")
         else:
-            q="delete from money where u_id={} and entryDate='{}'".format(u_id,e_date.get())
+            q="delete from finance where u_id={} and entryDate='{}'".format(u_id,e_date.get())
             cursor.execute(q)
             mycon.commit()
             messagebox.showinfo(title="", message="Data deleted successfully. ✓",icon="info")
@@ -1371,3 +1371,4 @@ def dark(window):
 menu=Frame(root,bg="#171717",relief=SUNKEN)
 menu.pack(side=LEFT,fill=Y)
 main()
+mycon.close()
\ No newline at end of file
diff --git a/software/report.py b/software/report.py
index 1a70fcd..2dcec9d 100644
--- a/software/report.py
+++ b/software/report.py
@@ -18,7 +18,7 @@ def fetch_data_from_db(username):
 
     try:
         # Fetch user data
-        cursor.execute("SELECT user_id FROM users WHERE username = %s", (username,))
+        cursor.execute("SELECT user_id FROM user WHERE username = %s", (username,))
         user = cursor.fetchone()
 
         if user:
diff --git a/website/codeOfconduct.html b/website/pages/codeOfconduct.html
similarity index 91%
rename from website/codeOfconduct.html
rename to website/pages/codeOfconduct.html
index 7879849..2fd21d0 100644
--- a/website/codeOfconduct.html
+++ b/website/pages/codeOfconduct.html
@@ -1,183 +1,183 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Dataverse</title>
-    <link rel="shortcut icon" href="web_images/3dlogo.svg" type="image/x-icon">
-    <link rel="stylesheet" href="style.css">
-    <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap" rel="stylesheet">
-</head>
-
-<body id="body">
-    <div class="buttons" id="buttons">
-        <div id="indicator"></div>
-        <div class="group">
-            <button id="darkButton" onclick="dark(false)">
-                <img src="https://static.thenounproject.com/png/4066359-200.png" class="copy" id="moon">
-            </button>
-            <button id="lightButton" onclick="light(false)">
-                <!-- <div id="theme2"> -->
-                    <img src="https://cdn-icons-png.freepik.com/256/467/467619.png?semt=ais_hybrid" alt="" class="copy"
-                        id="sun">
-                <!-- </div> -->
-            </button>
-            <button id="defaultButton" onclick="systemDefault()">
-                <img src="web_images/settings.webp" class="copy" id="default">
-            </button>
-        </div>
-    </div>
-    <button class="top" id="top" onclick="topFunction()"><img src="web_images/top.webp" alt=""></button>
-    <nav id="navbar">
-        <img src="web_images/3dlogo.svg" alt="Dataverse Logo" class="logo" id="normal">
-        <img src="web_images/3d_glow.webp" alt="Dataverse Logo" class="logo" id="glow">
-        <div class="scrollBar" id="progress_bar"></div> <!--PROGRESS BAR-->
-        <a href="login.html"><button class="loginSignupbtn">Login
-        </button></a>
-    </nav>
-    
-    <button class="burger" id="burger" onclick="show()"></button>
-    <button id="cross" class="burger" onclick="hide()"></button>
-    <div class="burger" id="lines">
-        <div class="line" id="l1"></div>
-        <div class="line" id="l2"></div>
-        <div class="line" id="l3"></div>
-    </div>
-    <div class="plane" id="plane">
-        <table>
-            <tr>
-                <td><a href="../index.html" class="table_link">Home</a></td>
-            </tr>
-            <tr>
-                <td><a href="https://github.com/multiverseweb/Dataverse" class="table_link">Github Repository</a></td>
-            </tr>
-            <tr>
-                <td><a href="https://github.com/multiverseweb/Dataverse/blob/main/README.md"
-                        class="table_link">Documentation</a></td>
-            </tr>
-            <tr>
-                <td><a href="contributor.html"
-                        class="table_link">Contributors</a></td>
-            </tr>
-            <tr>
-                <td>
-                    <a href="https://www.figma.com/proto/BBbXARgpxercxacjm0qpgX/Dataverse?type=design&node-id=45-25&t=zMFBUgENaIeqhRYZ-1&scaling=scale-down-width&page-id=0%3A1&starting-point-node-id=22%3A310&show-proto-sidebar=1&mode=design"
-                        class="table_link">Figma Design</a>
-                </td>
-            </tr>
-            <tr>
-                <td><a href="codeOfconduct.html" class="table_link" target="_blank">Code of Conduct</a></td>
-            </tr>
-            <tr>
-                <td><a href="license.html" class="table_link">License</a></td>
-            </tr>
-        </table>
-    </div>
-
-    <div id="codeOfconduct">
-        <h1>CONTRIBUTOR COVENANT CODE OF CONDUCT</h1>
-    
-        <div>
-            <h2>Our Pledge</h2>
-            <p>We as members, contributors, and leaders pledge to make participation in our community a harassment-free 
-                experience for everyone, regardless of age, body size, visible or invisible disability, ethnicity, sex 
-                characteristics, gender identity and expression, level of experience, education, socio-economic status, 
-                nationality, personal appearance, race, caste, color, religion, or sexual identity and orientation.
-            </p>
-            <br>
-            <p>We pledge to act and interact in ways that contribute to an open, welcoming, diverse, inclusive, and healthy community.</p>
-        </div>
-    
-        <div>
-            <h2>Our Standards</h2>
-            <p>Examples of behavior that contributes to a positive environment for our community include:</p>
-            <ul>
-                <li>Demonstrating empathy and kindness toward other people</li>
-                <li>Being respectful of differing opinions, viewpoints, and experiences</li>
-                <li>Giving and gracefully accepting constructive feedback</li>
-                <li>Accepting responsibility and apologizing to those affected by our mistakes, and learning from the experience</li>
-                <li>Focusing on what is best not just for us as individuals, but for the overall community</li>
-            </ul>
-            <br>
-            <p>Examples of unacceptable behavior include:</p>
-            <ul>
-                <li>The use of sexualized language or imagery, and sexual attention or advances of any kind</li>
-                <li>Trolling, insulting or derogatory comments, and personal or political attacks</li>
-                <li>Public or private harassment</li>
-                <li>Publishing others’ private information, such as a physical or email address, without their explicit permission</li>
-                <li>Other conduct which could reasonably be considered inappropriate in a professional setting</li>
-            </ul>
-        </div>
-    
-        <div>
-            <h2>Enforcement Responsibilities</h2>
-            <p>Community leaders are responsible for clarifying and enforcing our standards of acceptable behavior and 
-                will take appropriate and fair corrective action in response to any behavior that they deem 
-                inappropriate, threatening, offensive, or harmful.
-            </p>
-            <br>
-            <p>Community leaders have the right and responsibility to remove, edit, or reject comments, commits, 
-                code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, and 
-                will communicate reasons for moderation decisions when appropriate.
-            </p>
-        </div>
-    
-        <div>
-            <h2>Scope</h2>
-            <p>This Code of Conduct applies within all community spaces, and also applies when an individual is officially representing the community in public spaces. Examples of representing our community include using an official email address, posting via an official social media account, or acting as an appointed representative at an online or offline event.</p>
-        </div>
-    
-        <div>
-            <h2>Enforcement</h2>
-            <p>Instances of abusive, harassing, or otherwise unacceptable behavior may be reported to the community
-                 leaders. All complaints will be reviewed and investigated promptly and fairly.
-            </p>
-        </div>
-    
-        <div>
-            <h2>Enforcement Guidelines</h2>
-            <ol>
-                <li>
-                    <h3>Correction</h3>
-                    <ul>
-                        <li><strong>Community Impact:</strong> Use of inappropriate language or other behavior deemed unprofessional or unwelcome in the community.</li>
-                        <li><strong>Consequence:</strong> A private, written warning from community leaders, providing clarity around the nature of the violation and an explanation of why the behavior was inappropriate. A public apology may be requested.</li>
-                    </ul>
-                </li>
-                <li>
-                    <h3>Warning</h3>
-                    <ul>
-                        <li><strong>Community Impact:</strong> A violation through a single incident or series of actions.</li>
-                        <li><strong>Consequence:</strong> A warning with consequences for continued behavior. No interaction with the people involved, including unsolicited interaction with those enforcing the Code of Conduct, for a specified period of time. This includes avoiding interactions in community spaces as well as external channels like social media. Violating these terms may lead to a temporary or permanent ban.</li>
-                    </ul>
-                </li>
-                <li>
-                    <h3>Temporary Ban</h3>
-                    <ul>
-                        <li><strong>Community Impact:</strong> A serious violation of community standards, including sustained inappropriate behavior.</li>
-                        <li><strong>Consequence:</strong> A temporary ban from any sort of interaction or public communication with the community for a specified period of time. No public or private interaction with the people involved, including unsolicited interaction with those enforcing the Code of Conduct, is allowed during this period. Violating these terms may lead to a permanent ban.</li>
-                    </ul>
-                </li>
-                <li>
-                    <h3>Permanent Ban</h3>
-                    <ul>
-                        <li><strong>Community Impact:</strong> Demonstrating a pattern of violation of community standards, including sustained inappropriate behavior, harassment of an individual, or aggression toward or disparagement of classes of individuals.</li>
-                        <li><strong>Consequence:</strong> A permanent ban from any sort of public interaction within the community.</li>
-                    </ul>
-                </li>
-            </ol>
-        </div>        
-    
-        <div>
-            <h2>Attribution</h2>
-            <p>This Code of Conduct is adapted from the <a href="https://www.contributor-covenant.org/" target="_blank">Contributor Covenant</a>, version 2.1, available at <a href="https://www.contributor-covenant.org/version/2/1/code_of_conduct.html" target="_blank">https://www.contributor-covenant.org/version/2/1/code_of_conduct.html</a>.</p>
-        </div>
-    </div>
-    <a href="../index.html"><button class="goBack">Go To Home</button></a>
-    
-    <script src="codeOfconduct.js"></script>
-    <script src="website/script.js"></script>
-
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Dataverse | Code of Conduct</title>
+    <link rel="shortcut icon" href="../web_images/3dlogo.svg" type="image/x-icon">
+    <link rel="stylesheet" href="../styles/style.css">
+    <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap" rel="stylesheet">
+</head>
+
+<body id="body">
+    <div class="buttons" id="buttons">
+        <div id="indicator"></div>
+        <div class="group">
+            <button id="darkButton" onclick="dark(false)">
+                <img src="https://static.thenounproject.com/png/4066359-200.png" class="copy" id="moon">
+            </button>
+            <button id="lightButton" onclick="light(false)">
+                <!-- <div id="theme2"> -->
+                    <img src="https://cdn-icons-png.freepik.com/256/467/467619.png?semt=ais_hybrid" alt="" class="copy"
+                        id="sun">
+                <!-- </div> -->
+            </button>
+            <button id="defaultButton" onclick="systemDefault()">
+                <img src="../web_images/settings.webp" class="copy" id="default">
+            </button>
+        </div>
+    </div>
+    <button class="top" id="top" onclick="topFunction()"><img src="../web_images/top.webp" alt=""></button>
+    <nav id="navbar">
+        <img src="../web_images/3dlogo.svg" alt="Dataverse Logo" class="logo" id="normal">
+        <img src="../web_images/3d_glow.webp" alt="Dataverse Logo" class="logo" id="glow">
+        <div class="scrollBar" id="progress_bar"></div> <!--PROGRESS BAR-->
+        <a href="login.html"><button class="loginSignupbtn">Login
+        </button></a>
+    </nav>
+    
+    <button class="burger" id="burger" onclick="show()"></button>
+    <button id="cross" class="burger" onclick="hide()"></button>
+    <div class="burger" id="lines">
+        <div class="line" id="l1"></div>
+        <div class="line" id="l2"></div>
+        <div class="line" id="l3"></div>
+    </div>
+    <div class="plane" id="plane">
+        <table>
+            <tr>
+                <td><a href="../../index.html" class="table_link">Home</a></td>
+            </tr>
+            <tr>
+                <td><a href="https://github.com/multiverseweb/Dataverse" class="table_link">Github Repository</a></td>
+            </tr>
+            <tr>
+                <td><a href="https://github.com/multiverseweb/Dataverse/blob/main/README.md"
+                        class="table_link">Documentation</a></td>
+            </tr>
+            <tr>
+                <td><a href="contributor.html"
+                        class="table_link">Contributors</a></td>
+            </tr>
+            <tr>
+                <td>
+                    <a href="https://www.figma.com/proto/BBbXARgpxercxacjm0qpgX/Dataverse?type=design&node-id=45-25&t=zMFBUgENaIeqhRYZ-1&scaling=scale-down-width&page-id=0%3A1&starting-point-node-id=22%3A310&show-proto-sidebar=1&mode=design"
+                        class="table_link">Figma Design</a>
+                </td>
+            </tr>
+            <tr>
+                <td><a href="codeOfconduct.html" class="table_link" target="_blank">Code of Conduct</a></td>
+            </tr>
+            <tr>
+                <td><a href="license.html" class="table_link">License</a></td>
+            </tr>
+        </table>
+    </div>
+
+    <div id="codeOfconduct">
+        <h1>CONTRIBUTOR COVENANT CODE OF CONDUCT</h1>
+    
+        <div>
+            <h2>Our Pledge</h2>
+            <p>We as members, contributors, and leaders pledge to make participation in our community a harassment-free 
+                experience for everyone, regardless of age, body size, visible or invisible disability, ethnicity, sex 
+                characteristics, gender identity and expression, level of experience, education, socio-economic status, 
+                nationality, personal appearance, race, caste, color, religion, or sexual identity and orientation.
+            </p>
+            <br>
+            <p>We pledge to act and interact in ways that contribute to an open, welcoming, diverse, inclusive, and healthy community.</p>
+        </div>
+    
+        <div>
+            <h2>Our Standards</h2>
+            <p>Examples of behavior that contributes to a positive environment for our community include:</p>
+            <ul>
+                <li>Demonstrating empathy and kindness toward other people</li>
+                <li>Being respectful of differing opinions, viewpoints, and experiences</li>
+                <li>Giving and gracefully accepting constructive feedback</li>
+                <li>Accepting responsibility and apologizing to those affected by our mistakes, and learning from the experience</li>
+                <li>Focusing on what is best not just for us as individuals, but for the overall community</li>
+            </ul>
+            <br>
+            <p>Examples of unacceptable behavior include:</p>
+            <ul>
+                <li>The use of sexualized language or imagery, and sexual attention or advances of any kind</li>
+                <li>Trolling, insulting or derogatory comments, and personal or political attacks</li>
+                <li>Public or private harassment</li>
+                <li>Publishing others’ private information, such as a physical or email address, without their explicit permission</li>
+                <li>Other conduct which could reasonably be considered inappropriate in a professional setting</li>
+            </ul>
+        </div>
+    
+        <div>
+            <h2>Enforcement Responsibilities</h2>
+            <p>Community leaders are responsible for clarifying and enforcing our standards of acceptable behavior and 
+                will take appropriate and fair corrective action in response to any behavior that they deem 
+                inappropriate, threatening, offensive, or harmful.
+            </p>
+            <br>
+            <p>Community leaders have the right and responsibility to remove, edit, or reject comments, commits, 
+                code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, and 
+                will communicate reasons for moderation decisions when appropriate.
+            </p>
+        </div>
+    
+        <div>
+            <h2>Scope</h2>
+            <p>This Code of Conduct applies within all community spaces, and also applies when an individual is officially representing the community in public spaces. Examples of representing our community include using an official email address, posting via an official social media account, or acting as an appointed representative at an online or offline event.</p>
+        </div>
+    
+        <div>
+            <h2>Enforcement</h2>
+            <p>Instances of abusive, harassing, or otherwise unacceptable behavior may be reported to the community
+                 leaders. All complaints will be reviewed and investigated promptly and fairly.
+            </p>
+        </div>
+    
+        <div>
+            <h2>Enforcement Guidelines</h2>
+            <ol>
+                <li>
+                    <h3>Correction</h3>
+                    <ul>
+                        <li><strong>Community Impact:</strong> Use of inappropriate language or other behavior deemed unprofessional or unwelcome in the community.</li>
+                        <li><strong>Consequence:</strong> A private, written warning from community leaders, providing clarity around the nature of the violation and an explanation of why the behavior was inappropriate. A public apology may be requested.</li>
+                    </ul>
+                </li>
+                <li>
+                    <h3>Warning</h3>
+                    <ul>
+                        <li><strong>Community Impact:</strong> A violation through a single incident or series of actions.</li>
+                        <li><strong>Consequence:</strong> A warning with consequences for continued behavior. No interaction with the people involved, including unsolicited interaction with those enforcing the Code of Conduct, for a specified period of time. This includes avoiding interactions in community spaces as well as external channels like social media. Violating these terms may lead to a temporary or permanent ban.</li>
+                    </ul>
+                </li>
+                <li>
+                    <h3>Temporary Ban</h3>
+                    <ul>
+                        <li><strong>Community Impact:</strong> A serious violation of community standards, including sustained inappropriate behavior.</li>
+                        <li><strong>Consequence:</strong> A temporary ban from any sort of interaction or public communication with the community for a specified period of time. No public or private interaction with the people involved, including unsolicited interaction with those enforcing the Code of Conduct, is allowed during this period. Violating these terms may lead to a permanent ban.</li>
+                    </ul>
+                </li>
+                <li>
+                    <h3>Permanent Ban</h3>
+                    <ul>
+                        <li><strong>Community Impact:</strong> Demonstrating a pattern of violation of community standards, including sustained inappropriate behavior, harassment of an individual, or aggression toward or disparagement of classes of individuals.</li>
+                        <li><strong>Consequence:</strong> A permanent ban from any sort of public interaction within the community.</li>
+                    </ul>
+                </li>
+            </ol>
+        </div>        
+    
+        <div>
+            <h2>Attribution</h2>
+            <p>This Code of Conduct is adapted from the <a href="https://www.contributor-covenant.org/" target="_blank">Contributor Covenant</a>, version 2.1, available at <a href="https://www.contributor-covenant.org/version/2/1/code_of_conduct.html" target="_blank">https://www.contributor-covenant.org/version/2/1/code_of_conduct.html</a>.</p>
+        </div>
+    </div>
+    <a href="../../index.html"><button class="goBack">Go To Home</button></a>
+    
+    <script src="../scripts/codeOfconduct.js"></script>
+    <script src="../scripts/script.js"></script>
+
+</body>
+</html>
diff --git a/website/contributor.html b/website/pages/contributor.html
similarity index 82%
rename from website/contributor.html
rename to website/pages/contributor.html
index 303f73c..50199bb 100644
--- a/website/contributor.html
+++ b/website/pages/contributor.html
@@ -3,9 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Dataverse Contributors</title>
-    <link rel="stylesheet" href="contributor.css">
-    <link rel="shortcut icon" href="website/web_images/3dlogo.svg" type="image/x-icon">
+    <title>Dataverse's Contributors</title>
+    <link rel="stylesheet" href="../styles/contributor.css">
+    <link rel="shortcut icon" href="../web_images/3dlogo.svg" type="image/x-icon">
 </head>
 <body>
         <div class="containerr">
@@ -39,8 +39,8 @@ <h2>Ready to Make an Impact?</h2>
                 <div id="notification" class="notification hidden"></div>
             </section>
         </div>
-        <a href="../index.html"><button class="goBack">Go To Home</button></a>
+        <a href="../../index.html"><button class="goBack">Go To Home</button></a>
 
-    <script src="contributor.js"></script>
+    <script src="../scripts/contributor.js"></script>
 </body>
 </html>
diff --git a/website/license.html b/website/pages/license.html
similarity index 84%
rename from website/license.html
rename to website/pages/license.html
index 4ae6bc9..7a98a8b 100644
--- a/website/license.html
+++ b/website/pages/license.html
@@ -3,9 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Dataverse MIT License</title>
-    <link rel="shortcut icon" href="web_images/3dlogo.svg" type="image/x-icon">
-    <link rel="stylesheet" href="style.css">
+    <title>Dataverse | MIT License</title>
+    <link rel="shortcut icon" href="../web_images/3dlogo.svg" type="image/x-icon">
+    <link rel="stylesheet" href="../styles/style.css">
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap" rel="stylesheet">
 </head>
 
@@ -20,15 +20,15 @@
                 <img src="https://cdn-icons-png.freepik.com/256/467/467619.png?semt=ais_hybrid" alt="" class="copy" id="sun">
             </button>
             <button id="defaultButton" onclick="systemDefault()">
-                <img src="web_images/settings.webp" class="copy" id="default">
+                <img src="../web_images/settings.webp" class="copy" id="default">
             </button>
             
         </div>
     </div>
     <nav id="navbar">
-        <img src="web_images/3dlogo.svg" alt="Dataverse Logo" class="logo" id="normal">
-        <img src="web_images/3d_glow.webp" alt="Dataverse Logo" class="logo" id="glow">
-        <a href="login.html"><button class="loginSignupbtn">Login
+        <img src="../web_images/3dlogo.svg" alt="Dataverse Logo" class="logo" id="normal">
+        <img src="../web_images/3d_glow.webp" alt="Dataverse Logo" class="logo" id="glow">
+        <a href="../../login.html"><button class="loginSignupbtn">Login
         </button></a>
     </nav>
     
@@ -42,7 +42,7 @@
     <div class="plane" id="plane">
         <table>
             <tr>
-                <td><a href="../index.html" class="table_link">Home</a></td>
+                <td><a href="../../index.html" class="table_link">Home</a></td>
             </tr>
             <tr>
                 <td><a href="https://github.com/multiverseweb/Dataverse" class="table_link">Github Repository</a></td>
@@ -109,9 +109,9 @@ <h3>Copyright &copy; <span id="copyright">32949832</span> Tejas Gupta</h3>
         OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
         SOFTWARE.
     </div>
-    <a href="../index.html"><button class="goBack">Go To Home</button></a>
+    <a href="../../index.html"><button class="goBack">Go To Home</button></a>
 
-    <script src="license.js"></script>
-    <script src="website/script.js"></script>
+    <script src="../scripts/license.js"></script>
+    <script src="../scripts/script.js"></script>
 </body>
 </html>
diff --git a/website/login.html b/website/pages/login.html
similarity index 91%
rename from website/login.html
rename to website/pages/login.html
index 26f256d..487bd5f 100644
--- a/website/login.html
+++ b/website/pages/login.html
@@ -2,11 +2,11 @@
 <html lang="en">
 <head>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <link rel="stylesheet" href="./style.css">
-    <link rel="shortcut icon" href="website/web_images/3dlogo.svg" type="image/x-icon">
+    <link rel="stylesheet" href="../styles/style.css">
+    <link rel="shortcut icon" href="../web_images/3dlogo.svg" type="image/x-icon">
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Login</title>
+    <title>Login to Dataverse</title>
     <style>
         body {
             background-color: black;
@@ -69,9 +69,9 @@
 </head>
 
 <body>
-    <img class="image1" src="./web_images/2dglow.png" alt="login_bg">
-    <img class="image2" src="./web_images/2dglowhalfbg-removebg-preview.png" alt="login_bg">
-    <img style="top:10px; margin-left: 10px; position: relative; width: 80px; height: 80px;" src="./web_images/3d_glow.webp" alt="Dataverse Logo">
+    <img class="image1" src="../web_images/2dglow.png" alt="login_bg">
+    <img class="image2" src="../web_images/2dglowhalfbg-removebg-preview.png" alt="login_bg">
+    <img style="top:10px; margin-left: 10px; position: relative; width: 80px; height: 80px;" src="../web_images/3d_glow.webp" alt="Dataverse Logo">
     <center>
         <div class="login-container" style="padding-top: 20px; margin-top: 0px;">
             <h1 style="text-align: center; color: rgb(255, 255, 255); font-weight: 400; font-size: 35px">HEY! WELCOME BACK</h1>
@@ -103,7 +103,7 @@ <h6 style="text-align: center; color: rgb(197 197 197); font-weight: 500; font-s
         </div>
         <!--login form end-->
     </center>
-    <a href="../index.html"><button class="goBack">Go To Home</button></a>
+    <a href="../../index.html"><button class="goBack">Go To Home</button></a>
     <script>
         // On page load, check local storage for email
         window.onload = function() {
@@ -137,10 +137,10 @@ <h6 style="text-align: center; color: rgb(197 197 197); font-weight: 500; font-s
             passwordInput.value = '';
             // Redirect to index.html
             alert('Login successful!');
-            window.location.href = '/index.html';
+            window.location.href = '../../index.html';
         });
     </script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-    <script src="website/script.js"></script>
+    <script src="../scripts/script.js"></script>
 </body>
 </html>
diff --git a/website/signup.html b/website/pages/signup.html
similarity index 93%
rename from website/signup.html
rename to website/pages/signup.html
index 79d138c..d1ef90e 100644
--- a/website/signup.html
+++ b/website/pages/signup.html
@@ -2,11 +2,11 @@
 <html lang="en">
 <head>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <link rel="stylesheet" href="./style.css">
+    <link rel="stylesheet" href="../styles/style.css">
     <meta charset="UTF-8">
-    <link rel="shortcut icon" href="website/web_images/3dlogo.svg" type="image/x-icon">
+    <link rel="shortcut icon" href="../web_images/3dlogo.svg" type="image/x-icon">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Sign Up</title>
+    <title>Sign Up to Dataverse</title>
     <style>
         body {
             background-color: black;
@@ -62,9 +62,9 @@
 </head>
 
 <body>
-    <img class="image1" src="./web_images/2dglow.png" alt="sign_bg">
-    <img class="image2" src="./web_images/2dglowhalfbg-removebg-preview.png" alt="sign_bg">
-    <img style="top: 10px; margin-left: 10px; position: relative; width: 80px; height: 80px;" src="./web_images/3d_glow.webp" alt="Dataverse Logo">
+    <img class="image1" src="../web_images/2dglow.png" alt="sign_bg">
+    <img class="image2" src="../web_images/2dglowhalfbg-removebg-preview.png" alt="sign_bg">
+    <img style="top: 10px; margin-left: 10px; position: relative; width: 80px; height: 80px;" src="../web_images/3d_glow.webp" alt="Dataverse Logo">
     <center>
         <div class="login-container" style="padding-top: 20px;">
             <h1 style="text-align: center; color: rgb(255, 255, 255); font-weight: 400; font: sans-serif;">SIGN UP</h1>
@@ -99,7 +99,7 @@ <h1 style="text-align: center; color: rgb(255, 255, 255); font-weight: 400; font
                 <p style="color: white;">Already have an account? <a href="login.html" style="text-decoration: underline; color: #004ab7;">Login</a></p>
             </div>
         </div>
-        <a href="../index.html"><button class="goBack">Go To Home</button></a>
+        <a href="../../index.html"><button class="goBack">Go To Home</button></a>
         <script>
             // Function to handle signup
             document.getElementById('signupButton').addEventListener('click', function () {
@@ -161,6 +161,6 @@ <h1 style="text-align: center; color: rgb(255, 255, 255); font-weight: 400; font
             };
         </script>
         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-        <script src="website/script.js"></script>
+        <script src="../scripts/script.js"></script>
     </body>
 </html>
diff --git a/website/codeOfconduct.js b/website/scripts/codeOfconduct.js
similarity index 97%
rename from website/codeOfconduct.js
rename to website/scripts/codeOfconduct.js
index 1feed51..a36a5a7 100644
--- a/website/codeOfconduct.js
+++ b/website/scripts/codeOfconduct.js
@@ -1,104 +1,104 @@
-var l1 = document.getElementById("l1");
-var l2 = document.getElementById("l2");
-var l3 = document.getElementById("l3");
-var burger = document.getElementById("burger");
-var lines = document.getElementById("lines");
-var cross = document.getElementById("cross");
-var plane = document.getElementById("plane");
-var body = document.getElementById("body");
-var buttons = document.getElementById("buttons");
-var shadow = document.getElementById("shadow");
-var codeOfConductSection = document.getElementById("codeOfconduct");
-const navbar = document.querySelector('navbar');
-
-function show() {
-  l2.style.opacity = 0;
-  l1.style.transform = "rotate(-45deg)";
-  l3.style.transform = "rotate(45deg)";
-  burger.style.display = "none";
-  cross.style.display = "block";
-  plane.style.right = 0;
-  body.style.overflowY = "hidden";
-  buttons.style.marginLeft = 0;
-}
-function hide() {
-  l2.style.opacity = 1;
-  l1.style.transform = "rotate(0deg)";
-  l3.style.transform = "rotate(0deg)";
-  burger.style.display = "block";
-  cross.style.display = "none";
-  plane.style.right = "-100vw";
-  body.style.overflowY = "scroll";
-  buttons.style.marginLeft = "-60px";
-}
-
-function updateIndicator(button) {
-  // Set the position of the indicator to align with the selected button
-  const adjustment = (button.offsetHeight - indicator.offsetHeight) / 2;
-  indicator.style.top = `${button.offsetTop + adjustment}px`;
-
-  // Set the color of the indicator based on the theme
-  const currentTheme = localStorage.getItem('theme');
-  if (currentTheme === 'light') {
-    indicator.style.backgroundImage = "radial-gradient(circle, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 70%)"; // Black glow in light mode
-  } else {
-    indicator.style.backgroundImage = "radial-gradient(circle, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%)"; // White glow in dark mode
-  }
-}
-
-function light(flag) {
-  localStorage.setItem('theme', 'light');
-  body.style.backgroundColor = "white";
-  body.style.color = "black";
-
-  codeOfConductSection.style.backgroundColor = "white";
-  codeOfConductSection.style.color = "black";
-
-  const lightButton = document.getElementById("lightButton");
-  updateIndicator(lightButton);
-}
-
-function dark(flag) {
-  localStorage.setItem('theme', 'dark');
-  body.style.backgroundColor = "black";
-  body.style.color = "white";
-
-  codeOfConductSection.style.backgroundColor = "black";
-  codeOfConductSection.style.color = "white";
-
-  const darkButton = document.getElementById("darkButton");
-  updateIndicator(darkButton);
-}
-
-function systemDefault() {
-  const theme = localStorage.getItem('theme');
-  const defaultButton = document.getElementById("defaultButton");
-
-  if (theme === 'light') {
-    light(true);
-    updateIndicator(document.getElementById("lightButton")); // Ensure the indicator moves to the light button
-  } else if (theme === 'dark') {
-    dark(true);
-    updateIndicator(document.getElementById("darkButton")); // Ensure the indicator moves to the dark button
-  } else {
-    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
-      dark(true);
-      updateIndicator(document.getElementById("darkButton")); // If system preference is dark
-    } else {
-      light(true);
-      updateIndicator(document.getElementById("lightButton")); // If system preference is light
-    }
-  }
-}
-
-// Initialize the theme and indicator position on page load
-systemDefault();
-
-// Add event listeners to ensure the glow moves when buttons are clicked
-document.getElementById("lightButton").addEventListener("click", () => light(false));
-document.getElementById("darkButton").addEventListener("click", () => dark(false));
-document.getElementById("defaultButton").addEventListener("click", () => {
-  systemDefault();
-  updateIndicator(document.getElementById("defaultButton")); // Move indicator to the default button
-});
-
+var l1 = document.getElementById("l1");
+var l2 = document.getElementById("l2");
+var l3 = document.getElementById("l3");
+var burger = document.getElementById("burger");
+var lines = document.getElementById("lines");
+var cross = document.getElementById("cross");
+var plane = document.getElementById("plane");
+var body = document.getElementById("body");
+var buttons = document.getElementById("buttons");
+var shadow = document.getElementById("shadow");
+var codeOfConductSection = document.getElementById("codeOfconduct");
+const navbar = document.querySelector('navbar');
+
+function show() {
+  l2.style.opacity = 0;
+  l1.style.transform = "rotate(-45deg)";
+  l3.style.transform = "rotate(45deg)";
+  burger.style.display = "none";
+  cross.style.display = "block";
+  plane.style.right = 0;
+  body.style.overflowY = "hidden";
+  buttons.style.marginLeft = 0;
+}
+function hide() {
+  l2.style.opacity = 1;
+  l1.style.transform = "rotate(0deg)";
+  l3.style.transform = "rotate(0deg)";
+  burger.style.display = "block";
+  cross.style.display = "none";
+  plane.style.right = "-100vw";
+  body.style.overflowY = "scroll";
+  buttons.style.marginLeft = "-60px";
+}
+
+function updateIndicator(button) {
+  // Set the position of the indicator to align with the selected button
+  const adjustment = (button.offsetHeight - indicator.offsetHeight) / 2;
+  indicator.style.top = `${button.offsetTop + adjustment}px`;
+
+  // Set the color of the indicator based on the theme
+  const currentTheme = localStorage.getItem('theme');
+  if (currentTheme === 'light') {
+    indicator.style.backgroundImage = "radial-gradient(circle, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 70%)"; // Black glow in light mode
+  } else {
+    indicator.style.backgroundImage = "radial-gradient(circle, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%)"; // White glow in dark mode
+  }
+}
+
+function light(flag) {
+  localStorage.setItem('theme', 'light');
+  body.style.backgroundColor = "white";
+  body.style.color = "black";
+
+  codeOfConductSection.style.backgroundColor = "white";
+  codeOfConductSection.style.color = "black";
+
+  const lightButton = document.getElementById("lightButton");
+  updateIndicator(lightButton);
+}
+
+function dark(flag) {
+  localStorage.setItem('theme', 'dark');
+  body.style.backgroundColor = "black";
+  body.style.color = "white";
+
+  codeOfConductSection.style.backgroundColor = "black";
+  codeOfConductSection.style.color = "white";
+
+  const darkButton = document.getElementById("darkButton");
+  updateIndicator(darkButton);
+}
+
+function systemDefault() {
+  const theme = localStorage.getItem('theme');
+  const defaultButton = document.getElementById("defaultButton");
+
+  if (theme === 'light') {
+    light(true);
+    updateIndicator(document.getElementById("lightButton")); // Ensure the indicator moves to the light button
+  } else if (theme === 'dark') {
+    dark(true);
+    updateIndicator(document.getElementById("darkButton")); // Ensure the indicator moves to the dark button
+  } else {
+    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+      dark(true);
+      updateIndicator(document.getElementById("darkButton")); // If system preference is dark
+    } else {
+      light(true);
+      updateIndicator(document.getElementById("lightButton")); // If system preference is light
+    }
+  }
+}
+
+// Initialize the theme and indicator position on page load
+systemDefault();
+
+// Add event listeners to ensure the glow moves when buttons are clicked
+document.getElementById("lightButton").addEventListener("click", () => light(false));
+document.getElementById("darkButton").addEventListener("click", () => dark(false));
+document.getElementById("defaultButton").addEventListener("click", () => {
+  systemDefault();
+  updateIndicator(document.getElementById("defaultButton")); // Move indicator to the default button
+});
+
diff --git a/website/contributor.js b/website/scripts/contributor.js
similarity index 100%
rename from website/contributor.js
rename to website/scripts/contributor.js
diff --git a/website/license.js b/website/scripts/license.js
similarity index 97%
rename from website/license.js
rename to website/scripts/license.js
index 282fa70..bbe9bc0 100644
--- a/website/license.js
+++ b/website/scripts/license.js
@@ -1,151 +1,151 @@
-// Selecting elements
-var l1 = document.getElementById("l1");
-var l2 = document.getElementById("l2");
-var l3 = document.getElementById("l3");
-var burger = document.getElementById("burger");
-var lines = document.getElementById("lines");
-var cross = document.getElementById("cross");
-var plane = document.getElementById("plane");
-var body = document.getElementById("body");
-var buttons = document.getElementById("buttons");
-var indicator = document.getElementById("indicator");
-var codeOfConductSection = document.getElementById("codeOfconduct");
-
-// Adding error checking for missing elements
-if (!indicator) {
-    console.error("Indicator element is missing");
-}
-
-function show() {
-    l2.style.opacity = 0;
-    l1.style.transform = "rotate(-45deg)";
-    l3.style.transform = "rotate(45deg)";
-    burger.style.display = "none";
-    cross.style.display = "block";
-    plane.style.right = 0;
-    body.style.overflowY = "hidden";
-    buttons.style.marginLeft = 0;
-}
-
-function hide() {
-    l2.style.opacity = 1;
-    l1.style.transform = "rotate(0deg)";
-    l3.style.transform = "rotate(0deg)";
-    burger.style.display = "block";
-    cross.style.display = "none";
-    plane.style.right = "-100vw";
-    body.style.overflowY = "scroll";
-    buttons.style.marginLeft = "-60px";
-}
-
-// function updateIndicator(button) {
-//     if (!button || !indicator) return;
-
-//     // Adjust the indicator position to align with the selected button
-//     const adjustment = (button.offsetHeight - indicator.offsetHeight) / 2;
-//     indicator.style.top = `${button.offsetTop + adjustment}px`;
-
-//     // Update the indicator's color based on the theme
-//     const currentTheme = localStorage.getItem('theme');
-//     if (currentTheme === 'light') {
-//         indicator.style.backgroundImage = "radial-gradient(circle, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 70%)"; // Black glow in light mode
-//     } else {
-//         indicator.style.backgroundImage = "radial-gradient(circle, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%)"; // White glow in dark mode
-//     }
-
-//     console.log(`Indicator updated: ${currentTheme} mode, positioned at ${button.id}`);
-// }
-
-function updateIndicator(button) {
-    // Calculate the vertical adjustment for perfect centering of the indicator over the button
-    const adjustment = (button.offsetHeight - indicator.offsetHeight) / 2;
-
-    // Correct the top position based on the button's offsetTop value
-    indicator.style.top = `${button.offsetTop + adjustment}px`;
-
-    // Apply the correct glow effect based on the current theme
-    const currentTheme = localStorage.getItem('theme');
-    if (currentTheme === 'light') {
-        indicator.style.backgroundImage = "radial-gradient(circle, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 70%)"; // Black glow in light mode
-        indicator.style.boxShadow = "none"; // No box-shadow needed for glow
-    } else {
-        indicator.style.backgroundImage = "radial-gradient(circle, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%)"; // White glow in dark mode
-        indicator.style.boxShadow = "none"; // No box-shadow needed for glow
-    }
-}
-
-
-
-function light(flag) {
-    localStorage.setItem('theme', 'light');
-    body.style.backgroundColor = "white";
-    body.style.color = "black";
-
-    // If the codeOfConductSection is present, change its color
-    if (codeOfConductSection) {
-        codeOfConductSection.style.backgroundColor = "white";
-        codeOfConductSection.style.color = "black";
-    }
-
-    const lightButton = document.getElementById("lightButton");
-    updateIndicator(lightButton);
-}
-
-function dark(flag) {
-    localStorage.setItem('theme', 'dark');
-    body.style.backgroundColor = "black";
-    body.style.color = "white";
-
-    if (codeOfConductSection) {
-        codeOfConductSection.style.backgroundColor = "black";
-        codeOfConductSection.style.color = "white";
-    }
-
-    const darkButton = document.getElementById("darkButton");
-    updateIndicator(darkButton);
-}
-
-// Display the current year in the copyright section
-function displayCopyright() {
-    const year = new Date().getFullYear();
-    document.getElementById("copyright").innerText = year;
-  }
-
-function systemDefault() {
-    const theme = localStorage.getItem('theme');
-    const defaultButton = document.getElementById("defaultButton");
-    displayCopyright();
-    if (theme === 'light') {
-        light(true);
-        updateIndicator(document.getElementById("lightButton"));
-    } else if (theme === 'dark') {
-        dark(true);
-        updateIndicator(document.getElementById("darkButton"));
-    } else {
-        if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
-            dark(true);
-            updateIndicator(document.getElementById("darkButton"));
-        } else {
-            light(true);
-            updateIndicator(document.getElementById("lightButton"));
-        }
-    }
-}
-
-// Initialize the theme and indicator position on page load
-document.addEventListener("DOMContentLoaded", systemDefault);
-
-// Add event listeners to ensure the glow moves when buttons are clicked
-document.getElementById("lightButton").addEventListener("click", () => {
-    console.log("Light button clicked");
-    light(false);
-});
-document.getElementById("darkButton").addEventListener("click", () => {
-    console.log("Dark button clicked");
-    dark(false);
-});
-document.getElementById("defaultButton").addEventListener("click", () => {
-    console.log("Default button clicked");
-    systemDefault();
-    updateIndicator(document.getElementById("defaultButton"));
-});
+// Selecting elements
+var l1 = document.getElementById("l1");
+var l2 = document.getElementById("l2");
+var l3 = document.getElementById("l3");
+var burger = document.getElementById("burger");
+var lines = document.getElementById("lines");
+var cross = document.getElementById("cross");
+var plane = document.getElementById("plane");
+var body = document.getElementById("body");
+var buttons = document.getElementById("buttons");
+var indicator = document.getElementById("indicator");
+var codeOfConductSection = document.getElementById("codeOfconduct");
+
+// Adding error checking for missing elements
+if (!indicator) {
+    console.error("Indicator element is missing");
+}
+
+function show() {
+    l2.style.opacity = 0;
+    l1.style.transform = "rotate(-45deg)";
+    l3.style.transform = "rotate(45deg)";
+    burger.style.display = "none";
+    cross.style.display = "block";
+    plane.style.right = 0;
+    body.style.overflowY = "hidden";
+    buttons.style.marginLeft = 0;
+}
+
+function hide() {
+    l2.style.opacity = 1;
+    l1.style.transform = "rotate(0deg)";
+    l3.style.transform = "rotate(0deg)";
+    burger.style.display = "block";
+    cross.style.display = "none";
+    plane.style.right = "-100vw";
+    body.style.overflowY = "scroll";
+    buttons.style.marginLeft = "-60px";
+}
+
+// function updateIndicator(button) {
+//     if (!button || !indicator) return;
+
+//     // Adjust the indicator position to align with the selected button
+//     const adjustment = (button.offsetHeight - indicator.offsetHeight) / 2;
+//     indicator.style.top = `${button.offsetTop + adjustment}px`;
+
+//     // Update the indicator's color based on the theme
+//     const currentTheme = localStorage.getItem('theme');
+//     if (currentTheme === 'light') {
+//         indicator.style.backgroundImage = "radial-gradient(circle, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 70%)"; // Black glow in light mode
+//     } else {
+//         indicator.style.backgroundImage = "radial-gradient(circle, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%)"; // White glow in dark mode
+//     }
+
+//     console.log(`Indicator updated: ${currentTheme} mode, positioned at ${button.id}`);
+// }
+
+function updateIndicator(button) {
+    // Calculate the vertical adjustment for perfect centering of the indicator over the button
+    const adjustment = (button.offsetHeight - indicator.offsetHeight) / 2;
+
+    // Correct the top position based on the button's offsetTop value
+    indicator.style.top = `${button.offsetTop + adjustment}px`;
+
+    // Apply the correct glow effect based on the current theme
+    const currentTheme = localStorage.getItem('theme');
+    if (currentTheme === 'light') {
+        indicator.style.backgroundImage = "radial-gradient(circle, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 70%)"; // Black glow in light mode
+        indicator.style.boxShadow = "none"; // No box-shadow needed for glow
+    } else {
+        indicator.style.backgroundImage = "radial-gradient(circle, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%)"; // White glow in dark mode
+        indicator.style.boxShadow = "none"; // No box-shadow needed for glow
+    }
+}
+
+
+
+function light(flag) {
+    localStorage.setItem('theme', 'light');
+    body.style.backgroundColor = "white";
+    body.style.color = "black";
+
+    // If the codeOfConductSection is present, change its color
+    if (codeOfConductSection) {
+        codeOfConductSection.style.backgroundColor = "white";
+        codeOfConductSection.style.color = "black";
+    }
+
+    const lightButton = document.getElementById("lightButton");
+    updateIndicator(lightButton);
+}
+
+function dark(flag) {
+    localStorage.setItem('theme', 'dark');
+    body.style.backgroundColor = "black";
+    body.style.color = "white";
+
+    if (codeOfConductSection) {
+        codeOfConductSection.style.backgroundColor = "black";
+        codeOfConductSection.style.color = "white";
+    }
+
+    const darkButton = document.getElementById("darkButton");
+    updateIndicator(darkButton);
+}
+
+// Display the current year in the copyright section
+function displayCopyright() {
+    const year = new Date().getFullYear();
+    document.getElementById("copyright").innerText = year;
+  }
+
+function systemDefault() {
+    const theme = localStorage.getItem('theme');
+    const defaultButton = document.getElementById("defaultButton");
+    displayCopyright();
+    if (theme === 'light') {
+        light(true);
+        updateIndicator(document.getElementById("lightButton"));
+    } else if (theme === 'dark') {
+        dark(true);
+        updateIndicator(document.getElementById("darkButton"));
+    } else {
+        if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+            dark(true);
+            updateIndicator(document.getElementById("darkButton"));
+        } else {
+            light(true);
+            updateIndicator(document.getElementById("lightButton"));
+        }
+    }
+}
+
+// Initialize the theme and indicator position on page load
+document.addEventListener("DOMContentLoaded", systemDefault);
+
+// Add event listeners to ensure the glow moves when buttons are clicked
+document.getElementById("lightButton").addEventListener("click", () => {
+    console.log("Light button clicked");
+    light(false);
+});
+document.getElementById("darkButton").addEventListener("click", () => {
+    console.log("Dark button clicked");
+    dark(false);
+});
+document.getElementById("defaultButton").addEventListener("click", () => {
+    console.log("Default button clicked");
+    systemDefault();
+    updateIndicator(document.getElementById("defaultButton"));
+});
diff --git a/website/script.js b/website/scripts/script.js
similarity index 97%
rename from website/script.js
rename to website/scripts/script.js
index 9229f31..3ee4677 100644
--- a/website/script.js
+++ b/website/scripts/script.js
@@ -1,428 +1,428 @@
-// Array of city names
-var cities = ["Pune", "Moradabad", "Dehradun","Rampur","Delhi","Coimbatore"];
-
-// /preloader js styling
-window.addEventListener('DOMContentLoaded', () => {
-  // Hide the loader after 3 seconds
-  setTimeout(() => {
-      const loader = document.getElementById('video-loader');
-      loader.style.display = 'none';
-
-      displayCopyright();
-  }, 3000);
-});
-
-function topFunction() {
-    document.body.scrollTop = 0;
-    document.documentElement.scrollTop = 0;
-}
-function changeCss() {
-    var top = document.getElementById("top");
-    var scroll_icon = document.getElementById("scroll_icon");
-    (this.scrollY > 30) ? top.style.opacity = 1 : top.style.opacity = 0;
-    (this.scrollY > 0) ? scroll_icon.style.opacity = 0 : scroll_icon.style.opacity = 1;
-}
-
-window.addEventListener("scroll", changeCss, false);
-
-
-var map = L.map('map', {
-    center: [23.7937, 80.9629],
-    zoom: 5,
-    zoomControl: false
-});
-
-// Add OpenStreetMap tile layer
-L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
-}).addTo(map);
-
-var redIcon = L.icon({
-    iconUrl: 'https://img1.picmix.com/output/stamp/normal/2/5/4/3/873452_376bb.png',
-    iconSize: [25, 25],
-    iconAnchor: [12, 12],
-    popupAnchor: [1, -34],
-    shadowSize: [41, 41]
-});
-
-// Function to get coordinates for a city and add a marker
-async function addMarker(city) {
-    var url = `https://nominatim.openstreetmap.org/search?format=json&q=${city}`;
-    
-    try {
-        const response = await fetch(url, {
-            headers: {
-                'User-Agent': 'YourAppName/1.0' // Replace with your app name
-            }
-        });
-        const data = await response.json();
-        
-        if (data.length > 0) {
-            var lat = data[0].lat;
-            var lon = data[0].lon;
-            L.marker([lat, lon], { icon: redIcon }).addTo(map)
-              .bindPopup(city);
-        } else {
-            console.log("No results found for " + city);
-        }
-    } catch (error) {
-        console.error("Error fetching coordinates for " + city + ": " + error);
-    }
-}
-
-// Add markers for each city
-cities.forEach(city => addMarker(city));
-
-
-console.log("Tejas' Codes :)");
-
-var l1 = document.getElementById("l1");
-var l2 = document.getElementById("l2");
-var l3 = document.getElementById("l3");
-var burger = document.getElementById("burger");
-var lines = document.getElementById("lines");
-var cross = document.getElementById("cross");
-var plane = document.getElementById("plane");
-var body = document.getElementById("body");
-var buttons = document.getElementById("buttons");
-var examples = document.getElementById("examples");
-var examples2 = document.getElementById("examples2");
-var tags = document.getElementById("tags");
-var contribute = document.getElementById("contribute");
-var github = document.getElementById("github");
-var last_link = document.getElementById("last_link");
-var indicator = document.getElementById("indicator");
-var shadow = document.getElementById("shadow");
-var download = document.getElementById("download_btn");
-const lightButton = document.getElementById("lightButton");
-const darkButton = document.getElementById("darkButton");
-const technologies = document.getElementById("technologies");
-
-
-let lastScrollTop = 0;
-const navbar = document.getElementById("navbar");
-
-window.addEventListener('scroll', () => {
-  const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
-
-  if (scrollTop > lastScrollTop) {
-    // Scroll down
-    navbar.style.top = '-60px';
-    burger.style.top = '-60px';
-    lines.style.top = '-60px';
-    cross.style.top = '-60px';
-  } else {
-    // Scroll up
-    navbar.style.top = '0';
-    burger.style.top = '10px';
-    lines.style.top = '10px';
-    cross.style.top = '10px';
-  }
-
-  lastScrollTop = scrollTop;
-});
-
-let lastScroll = 0;
-function progress() {
-  var scroll = this.scrollY;
-  var scrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
-  var percent = Math.round((scroll / scrollHeight) * 100);
-  document.getElementById("progress_bar").style.width = percent + 'vw';
-};
-
-window.addEventListener("scroll", progress);
-
-
-function show() {
-  l2.style.opacity = 0;
-  l1.style.transform = "rotate(-45deg)";
-  l3.style.transform = "rotate(45deg)";
-  burger.style.display = "none";
-  cross.style.display = "block";
-  plane.style.right = 0;
-  body.style.overflowY = "hidden";
-  buttons.style.marginLeft = 0;
-}
-function hide() {
-  l2.style.opacity = 1;
-  l1.style.transform = "rotate(0deg)";
-  l3.style.transform = "rotate(0deg)";
-  burger.style.display = "block";
-  cross.style.display = "none";
-  plane.style.right = "-100vw";
-  body.style.overflowY = "scroll";
-  buttons.style.marginLeft = "-60px";
-}
-
-
-// function updateIndicator(button) {
-//   // Set the position of the indicator to align with the selected button
-//   const adjustment = (button.offsetHeight - indicator.offsetHeight) / 2;
-//   indicator.style.top = `${button.offsetTop + adjustment}px`;
-
-//   // Set the glow effect based on the theme
-//   const currentTheme = localStorage.getItem('theme');
-//   if (currentTheme === 'light') {
-//       indicator.style.backgroundImage = "radial-gradient(circle, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 70%)"; // Black glow in light mode
-//       // indicator.style.boxShadow = "0 0 5px 3px rgba(0, 0, 0, 0.7)"; // Adjust the box-shadow radius and spread here
-//   } else {
-//       indicator.style.backgroundImage = "radial-gradient(circle, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%)"; // White glow in dark mode
-//       // indicator.style.boxShadow = "0 0 5px 3px rgba(255, 255, 255, 0.7)"; // Adjust the box-shadow radius and spread here
-//   }
-// }
-
-function updateIndicator(button) {
-  const adjustment = (button.offsetHeight - indicator.offsetHeight) / 2;
-  indicator.style.top = `${button.offsetTop + adjustment}px`;
-
-  const currentTheme = localStorage.getItem('theme');
-  if (currentTheme === 'light') {
-      indicator.style.backgroundImage = "radial-gradient(circle, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0))"; // Black glow for light mode
-      // indicator.style.boxShadow = "0 0 5px 3px rgba(0, 0, 0, 0.7)"; // Subtle black glow
-  } else {
-      indicator.style.backgroundImage = "radial-gradient(circle, rgba(255, 255, 255, 0.7), rgba(0, 0, 0, 0))"; // White glow for dark mode
-      // indicator.style.boxShadow = "0 0 5px 3px rgba(255, 255, 255, 0.7)"; // Subtle white glow
-  }
-}
-
-
-
-function light(flag) {
-  localStorage.setItem('theme', 'light');
-  body.classList.remove('dark-mode');
-  body.classList.add('light-mode');
-  document.getElementById("map").style.filter = "none";
-  document.getElementById("map").style.zIndex = 0;
-  tags.style.borderColor = "black";
-  tags.style.backgroundColor = "#171717";
-  indicator.style.backgroundImage = "radial-gradient(rgba(0,0,0, 0.608),#00000000,#00000000)";
-  shadow.style.backgroundImage = "linear-gradient(115deg, #00000000,#f9f9f9,#00000000)";
-  contribute.style.filter="invert(1)";
-  technologies.style.border="1px solid #00000044";
-  const lightButton = document.getElementById("lightButton");
-  updateIndicator(lightButton); // Update the indicator position and style for the light button
-}
-
-function dark(flag) {
-  localStorage.setItem('theme', 'dark');
-  document.getElementById("map").style.filter = "invert(1) hue-rotate(180deg) brightness(1.5)";
-  tags.style.borderColor = "rgba(255, 255, 255, 0.323)";
-  tags.style.backgroundColor = "#00000000";
-  indicator.style.backgroundImage = "radial-gradient(rgba(255,255,255, 0.608),#00000000,#00000000)";
-  shadow.style.backgroundImage = "linear-gradient(115deg, #00000000,#000000d4,#00000000)";
-  body.classList.remove('light-mode');
-  body.classList.add('dark-mode');
-  contribute.style.filter="invert(0)";
-  technologies.style.border="1px solid #ffffff044";
-
-  const darkButton = document.getElementById("darkButton");
-  updateIndicator(darkButton); // Update the indicator position and style for the dark button
-}
-
-function systemDefault() {
-  const theme = localStorage.getItem('theme');
-  const defaultButton = document.getElementById("defaultButton");
-
-  if (theme === 'light') {
-      light(true);
-      updateIndicator(document.getElementById("lightButton")); // Ensure the indicator moves to the light button
-  } else if (theme === 'dark') {
-      dark(true);
-      updateIndicator(document.getElementById("darkButton")); // Ensure the indicator moves to the dark button
-  } else {
-      // Fallback based on system preference
-      if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
-          dark(true);
-          updateIndicator(document.getElementById("darkButton")); // If system preference is dark
-      } else {
-          light(true);
-          updateIndicator(document.getElementById("lightButton")); // If system preference is light
-      }
-  }
-
-  // Move indicator to the default button when explicitly selected
-  updateIndicator(defaultButton);
-}
-
-// Initialize the theme and indicator position on page load
-systemDefault();
-document.getElementById("lightButton").addEventListener("click", () => {
-  light(false);
-  updateIndicator(document.getElementById("lightButton"));
-});
-document.getElementById("darkButton").addEventListener("click", () => {
-  dark(false);
-  updateIndicator(document.getElementById("darkButton"));
-});
-document.getElementById("defaultButton").addEventListener("click", () => {
-  systemDefault();
-  updateIndicator(document.getElementById("defaultButton"));
-});
-
-
-function animate() {
-  var reveal = document.querySelectorAll(".section");
-
-  for (var i = 1; i < reveal.length; i++) {
-    var windowHeight = window.innerHeight;
-    var elementTop = reveal[i].getBoundingClientRect().top;
-    var e = 90;
-
-    if (elementTop < windowHeight - e) {
-      reveal[i].classList.add("big_container");
-    }
-    else {
-      reveal[i].classList.remove("big_container");
-    }
-  }
-}
-
-window.addEventListener("scroll", animate);
-
-let scrollSpeed = 2;
-let currentSpeed = scrollSpeed;
-let autoScroll = true;
-let scrollTimeout;
-
-// Function to scroll the 'examples' and 'examples2' div automatically
-function autoScrollExamples() {
-    if (autoScroll) {
-        examples.scrollLeft += currentSpeed;
-        examples2.scrollLeft += currentSpeed * 1.2;
-
-        // Looping the scroll
-        if (examples.scrollLeft + examples.clientWidth >= examples.scrollWidth) {
-            examples.scrollLeft = 0;
-        }
-        if (examples2.scrollLeft + examples2.clientWidth >= examples2.scrollWidth) {
-            examples2.scrollLeft = 0;
-        }
-    }
-}
-
-setInterval(autoScrollExamples, 30);
-
-// Smoothly adjust scroll speed
-const adjustSpeed = (targetSpeed) => {
-    clearInterval(scrollTimeout);
-    scrollTimeout = setInterval(() => {
-        if (currentSpeed !== targetSpeed) {
-            currentSpeed += (targetSpeed > currentSpeed ? 0.1 : -0.3);
-            currentSpeed = Math.abs(currentSpeed - targetSpeed) < 0.1 ? targetSpeed : currentSpeed;
-        } else {
-            clearInterval(scrollTimeout);
-        }
-    }, 30);
-};
-
-// Hovering behavior with smooth stop/resume
-const stopAutoScroll = () => {
-    autoScroll = false;
-    adjustSpeed(0);
-};
-
-const startAutoScroll = () => {
-    autoScroll = true;
-    adjustSpeed(scrollSpeed);
-};
-
-examples.addEventListener("mouseenter", stopAutoScroll);
-examples.addEventListener("mouseleave", startAutoScroll);
-examples2.addEventListener("mouseenter", stopAutoScroll);
-examples2.addEventListener("mouseleave", startAutoScroll);
-
-window.addEventListener("scroll", progress);
-
-
-function showCustomAlert(message) {
-  document.getElementById('alert-message').innerText = message;
-  document.getElementById('custom-alert').style.display = 'block';
-}
-
-function closeCustomAlert() {
-  document.getElementById('custom-alert').style.display = 'none';
-}
-
-/*CHANGING DIRECTION OF AEROPLANE*/
-
-function updateAngle() {
-  let randomAngle = Math.floor(Math.random() * 360) + 'deg';
-  document.documentElement.style.setProperty('--angle', randomAngle);
-}
-
-setInterval(updateAngle, 10000);
-
-function validateForm() { 
-  const name = document.querySelector('input[name="Name"]').value.trim();
-  const email = document.querySelector('input[name="Email"]').value.trim();
-  const message = document.querySelector('textarea[name="Message"]').value.trim();
-
-  console.log("Name:", name);
-  console.log("Email:", email);
-  console.log("Message:", message);
-
-  if (!name) {
-      alert("Please enter your name.");
-      return false;
-  }
-  if (!email) {
-      alert("Please enter your email.");
-      return false;
-  }
-  if (!message) {
-      alert("Please enter your message.");
-      return false;
-  }
-  
-  return true;
-}
-
-// FORM VALIDATING FUNCTION
-function validateForm() {
-
-  const nameInput = document.querySelector('[name="Name"]');
-  const emailInput = document.querySelector('[name="Email"]');
-  const messageInput = document.querySelector('[name="Message"]');
-
-
-  if (nameInput.value === '') {
-      alert('Please enter your name.');
-      return false;
-  }
-  
-  if (!isValidEmail(emailInput.value)) {
-    alert('Please enter a valid email address.');
-    return false;
-  }
-  
-  if (messageInput.value === '') {
-      alert('Please enter your message.');
-      return false;
-  }
-  
-  
-  const formData = {
-    Name: nameInput.value,
-    Email: emailInput.value,
-    Message: messageInput.value
-  };
-  localStorage.setItem('reviewData', JSON.stringify(formData));
-  
-  nameInput.value = '';
-  emailInput.value = '';
-  messageInput.value = '';
-
-  return false;
-} 
-  
-// EMAIL VALIDATING FUNCTION 
-function isValidEmail(email) {
-    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-    return emailRegex.test(email);
-}
-
-// Display the current year in the copyright section
-function displayCopyright() {
-  const year = new Date().getFullYear();
-  document.getElementById("copyright").innerText = year;
+// Array of city names
+var cities = ["Pune", "Moradabad", "Dehradun","Rampur","Delhi","Coimbatore"];
+
+// /preloader js styling
+window.addEventListener('DOMContentLoaded', () => {
+  // Hide the loader after 3 seconds
+  setTimeout(() => {
+      const loader = document.getElementById('video-loader');
+      loader.style.display = 'none';
+
+      displayCopyright();
+  }, 3000);
+});
+
+function topFunction() {
+    document.body.scrollTop = 0;
+    document.documentElement.scrollTop = 0;
+}
+function changeCss() {
+    var top = document.getElementById("top");
+    var scroll_icon = document.getElementById("scroll_icon");
+    (this.scrollY > 30) ? top.style.opacity = 1 : top.style.opacity = 0;
+    (this.scrollY > 0) ? scroll_icon.style.opacity = 0 : scroll_icon.style.opacity = 1;
+}
+
+window.addEventListener("scroll", changeCss, false);
+
+
+var map = L.map('map', {
+    center: [23.7937, 80.9629],
+    zoom: 5,
+    zoomControl: false
+});
+
+// Add OpenStreetMap tile layer
+L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+}).addTo(map);
+
+var redIcon = L.icon({
+    iconUrl: 'https://img1.picmix.com/output/stamp/normal/2/5/4/3/873452_376bb.png',
+    iconSize: [25, 25],
+    iconAnchor: [12, 12],
+    popupAnchor: [1, -34],
+    shadowSize: [41, 41]
+});
+
+// Function to get coordinates for a city and add a marker
+async function addMarker(city) {
+    var url = `https://nominatim.openstreetmap.org/search?format=json&q=${city}`;
+    
+    try {
+        const response = await fetch(url, {
+            headers: {
+                'User-Agent': 'YourAppName/1.0' // Replace with your app name
+            }
+        });
+        const data = await response.json();
+        
+        if (data.length > 0) {
+            var lat = data[0].lat;
+            var lon = data[0].lon;
+            L.marker([lat, lon], { icon: redIcon }).addTo(map)
+              .bindPopup(city);
+        } else {
+            console.log("No results found for " + city);
+        }
+    } catch (error) {
+        console.error("Error fetching coordinates for " + city + ": " + error);
+    }
+}
+
+// Add markers for each city
+cities.forEach(city => addMarker(city));
+
+
+console.log("Tejas' Codes :)");
+
+var l1 = document.getElementById("l1");
+var l2 = document.getElementById("l2");
+var l3 = document.getElementById("l3");
+var burger = document.getElementById("burger");
+var lines = document.getElementById("lines");
+var cross = document.getElementById("cross");
+var plane = document.getElementById("plane");
+var body = document.getElementById("body");
+var buttons = document.getElementById("buttons");
+var examples = document.getElementById("examples");
+var examples2 = document.getElementById("examples2");
+var tags = document.getElementById("tags");
+var contribute = document.getElementById("contribute");
+var github = document.getElementById("github");
+var last_link = document.getElementById("last_link");
+var indicator = document.getElementById("indicator");
+var shadow = document.getElementById("shadow");
+var download = document.getElementById("download_btn");
+const lightButton = document.getElementById("lightButton");
+const darkButton = document.getElementById("darkButton");
+const technologies = document.getElementById("technologies");
+
+
+let lastScrollTop = 0;
+const navbar = document.getElementById("navbar");
+
+window.addEventListener('scroll', () => {
+  const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+
+  if (scrollTop > lastScrollTop) {
+    // Scroll down
+    navbar.style.top = '-60px';
+    burger.style.top = '-60px';
+    lines.style.top = '-60px';
+    cross.style.top = '-60px';
+  } else {
+    // Scroll up
+    navbar.style.top = '0';
+    burger.style.top = '10px';
+    lines.style.top = '10px';
+    cross.style.top = '10px';
+  }
+
+  lastScrollTop = scrollTop;
+});
+
+let lastScroll = 0;
+function progress() {
+  var scroll = this.scrollY;
+  var scrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+  var percent = Math.round((scroll / scrollHeight) * 100);
+  document.getElementById("progress_bar").style.width = percent + 'vw';
+};
+
+window.addEventListener("scroll", progress);
+
+
+function show() {
+  l2.style.opacity = 0;
+  l1.style.transform = "rotate(-45deg)";
+  l3.style.transform = "rotate(45deg)";
+  burger.style.display = "none";
+  cross.style.display = "block";
+  plane.style.right = 0;
+  body.style.overflowY = "hidden";
+  buttons.style.marginLeft = 0;
+}
+function hide() {
+  l2.style.opacity = 1;
+  l1.style.transform = "rotate(0deg)";
+  l3.style.transform = "rotate(0deg)";
+  burger.style.display = "block";
+  cross.style.display = "none";
+  plane.style.right = "-100vw";
+  body.style.overflowY = "scroll";
+  buttons.style.marginLeft = "-60px";
+}
+
+
+// function updateIndicator(button) {
+//   // Set the position of the indicator to align with the selected button
+//   const adjustment = (button.offsetHeight - indicator.offsetHeight) / 2;
+//   indicator.style.top = `${button.offsetTop + adjustment}px`;
+
+//   // Set the glow effect based on the theme
+//   const currentTheme = localStorage.getItem('theme');
+//   if (currentTheme === 'light') {
+//       indicator.style.backgroundImage = "radial-gradient(circle, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 70%)"; // Black glow in light mode
+//       // indicator.style.boxShadow = "0 0 5px 3px rgba(0, 0, 0, 0.7)"; // Adjust the box-shadow radius and spread here
+//   } else {
+//       indicator.style.backgroundImage = "radial-gradient(circle, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%)"; // White glow in dark mode
+//       // indicator.style.boxShadow = "0 0 5px 3px rgba(255, 255, 255, 0.7)"; // Adjust the box-shadow radius and spread here
+//   }
+// }
+
+function updateIndicator(button) {
+  const adjustment = (button.offsetHeight - indicator.offsetHeight) / 2;
+  indicator.style.top = `${button.offsetTop + adjustment}px`;
+
+  const currentTheme = localStorage.getItem('theme');
+  if (currentTheme === 'light') {
+      indicator.style.backgroundImage = "radial-gradient(circle, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0))"; // Black glow for light mode
+      // indicator.style.boxShadow = "0 0 5px 3px rgba(0, 0, 0, 0.7)"; // Subtle black glow
+  } else {
+      indicator.style.backgroundImage = "radial-gradient(circle, rgba(255, 255, 255, 0.7), rgba(0, 0, 0, 0))"; // White glow for dark mode
+      // indicator.style.boxShadow = "0 0 5px 3px rgba(255, 255, 255, 0.7)"; // Subtle white glow
+  }
+}
+
+
+
+function light(flag) {
+  localStorage.setItem('theme', 'light');
+  body.classList.remove('dark-mode');
+  body.classList.add('light-mode');
+  document.getElementById("map").style.filter = "none";
+  document.getElementById("map").style.zIndex = 0;
+  tags.style.borderColor = "black";
+  tags.style.backgroundColor = "#171717";
+  indicator.style.backgroundImage = "radial-gradient(rgba(0,0,0, 0.608),#00000000,#00000000)";
+  shadow.style.backgroundImage = "linear-gradient(115deg, #00000000,#f9f9f9,#00000000)";
+  contribute.style.filter="invert(1)";
+  technologies.style.border="1px solid #00000044";
+  const lightButton = document.getElementById("lightButton");
+  updateIndicator(lightButton); // Update the indicator position and style for the light button
+}
+
+function dark(flag) {
+  localStorage.setItem('theme', 'dark');
+  document.getElementById("map").style.filter = "invert(1) hue-rotate(180deg) brightness(1.5)";
+  tags.style.borderColor = "rgba(255, 255, 255, 0.323)";
+  tags.style.backgroundColor = "#00000000";
+  indicator.style.backgroundImage = "radial-gradient(rgba(255,255,255, 0.608),#00000000,#00000000)";
+  shadow.style.backgroundImage = "linear-gradient(115deg, #00000000,#000000d4,#00000000)";
+  body.classList.remove('light-mode');
+  body.classList.add('dark-mode');
+  contribute.style.filter="invert(0)";
+  technologies.style.border="1px solid #ffffff044";
+
+  const darkButton = document.getElementById("darkButton");
+  updateIndicator(darkButton); // Update the indicator position and style for the dark button
+}
+
+function systemDefault() {
+  const theme = localStorage.getItem('theme');
+  const defaultButton = document.getElementById("defaultButton");
+
+  if (theme === 'light') {
+      light(true);
+      updateIndicator(document.getElementById("lightButton")); // Ensure the indicator moves to the light button
+  } else if (theme === 'dark') {
+      dark(true);
+      updateIndicator(document.getElementById("darkButton")); // Ensure the indicator moves to the dark button
+  } else {
+      // Fallback based on system preference
+      if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+          dark(true);
+          updateIndicator(document.getElementById("darkButton")); // If system preference is dark
+      } else {
+          light(true);
+          updateIndicator(document.getElementById("lightButton")); // If system preference is light
+      }
+  }
+
+  // Move indicator to the default button when explicitly selected
+  updateIndicator(defaultButton);
+}
+
+// Initialize the theme and indicator position on page load
+systemDefault();
+document.getElementById("lightButton").addEventListener("click", () => {
+  light(false);
+  updateIndicator(document.getElementById("lightButton"));
+});
+document.getElementById("darkButton").addEventListener("click", () => {
+  dark(false);
+  updateIndicator(document.getElementById("darkButton"));
+});
+document.getElementById("defaultButton").addEventListener("click", () => {
+  systemDefault();
+  updateIndicator(document.getElementById("defaultButton"));
+});
+
+
+function animate() {
+  var reveal = document.querySelectorAll(".section");
+
+  for (var i = 1; i < reveal.length; i++) {
+    var windowHeight = window.innerHeight;
+    var elementTop = reveal[i].getBoundingClientRect().top;
+    var e = 90;
+
+    if (elementTop < windowHeight - e) {
+      reveal[i].classList.add("big_container");
+    }
+    else {
+      reveal[i].classList.remove("big_container");
+    }
+  }
+}
+
+window.addEventListener("scroll", animate);
+
+let scrollSpeed = 2;
+let currentSpeed = scrollSpeed;
+let autoScroll = true;
+let scrollTimeout;
+
+// Function to scroll the 'examples' and 'examples2' div automatically
+function autoScrollExamples() {
+    if (autoScroll) {
+        examples.scrollLeft += currentSpeed;
+        examples2.scrollLeft += currentSpeed * 1.2;
+
+        // Looping the scroll
+        if (examples.scrollLeft + examples.clientWidth >= examples.scrollWidth) {
+            examples.scrollLeft = 0;
+        }
+        if (examples2.scrollLeft + examples2.clientWidth >= examples2.scrollWidth) {
+            examples2.scrollLeft = 0;
+        }
+    }
+}
+
+setInterval(autoScrollExamples, 30);
+
+// Smoothly adjust scroll speed
+const adjustSpeed = (targetSpeed) => {
+    clearInterval(scrollTimeout);
+    scrollTimeout = setInterval(() => {
+        if (currentSpeed !== targetSpeed) {
+            currentSpeed += (targetSpeed > currentSpeed ? 0.1 : -0.3);
+            currentSpeed = Math.abs(currentSpeed - targetSpeed) < 0.1 ? targetSpeed : currentSpeed;
+        } else {
+            clearInterval(scrollTimeout);
+        }
+    }, 30);
+};
+
+// Hovering behavior with smooth stop/resume
+const stopAutoScroll = () => {
+    autoScroll = false;
+    adjustSpeed(0);
+};
+
+const startAutoScroll = () => {
+    autoScroll = true;
+    adjustSpeed(scrollSpeed);
+};
+
+examples.addEventListener("mouseenter", stopAutoScroll);
+examples.addEventListener("mouseleave", startAutoScroll);
+examples2.addEventListener("mouseenter", stopAutoScroll);
+examples2.addEventListener("mouseleave", startAutoScroll);
+
+window.addEventListener("scroll", progress);
+
+
+function showCustomAlert(message) {
+  document.getElementById('alert-message').innerText = message;
+  document.getElementById('custom-alert').style.display = 'block';
+}
+
+function closeCustomAlert() {
+  document.getElementById('custom-alert').style.display = 'none';
+}
+
+/*CHANGING DIRECTION OF AEROPLANE*/
+
+function updateAngle() {
+  let randomAngle = Math.floor(Math.random() * 360) + 'deg';
+  document.documentElement.style.setProperty('--angle', randomAngle);
+}
+
+setInterval(updateAngle, 10000);
+
+function validateForm() { 
+  const name = document.querySelector('input[name="Name"]').value.trim();
+  const email = document.querySelector('input[name="Email"]').value.trim();
+  const message = document.querySelector('textarea[name="Message"]').value.trim();
+
+  console.log("Name:", name);
+  console.log("Email:", email);
+  console.log("Message:", message);
+
+  if (!name) {
+      alert("Please enter your name.");
+      return false;
+  }
+  if (!email) {
+      alert("Please enter your email.");
+      return false;
+  }
+  if (!message) {
+      alert("Please enter your message.");
+      return false;
+  }
+  
+  return true;
+}
+
+// FORM VALIDATING FUNCTION
+function validateForm() {
+
+  const nameInput = document.querySelector('[name="Name"]');
+  const emailInput = document.querySelector('[name="Email"]');
+  const messageInput = document.querySelector('[name="Message"]');
+
+
+  if (nameInput.value === '') {
+      alert('Please enter your name.');
+      return false;
+  }
+  
+  if (!isValidEmail(emailInput.value)) {
+    alert('Please enter a valid email address.');
+    return false;
+  }
+  
+  if (messageInput.value === '') {
+      alert('Please enter your message.');
+      return false;
+  }
+  
+  
+  const formData = {
+    Name: nameInput.value,
+    Email: emailInput.value,
+    Message: messageInput.value
+  };
+  localStorage.setItem('reviewData', JSON.stringify(formData));
+  
+  nameInput.value = '';
+  emailInput.value = '';
+  messageInput.value = '';
+
+  return false;
+} 
+  
+// EMAIL VALIDATING FUNCTION 
+function isValidEmail(email) {
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    return emailRegex.test(email);
+}
+
+// Display the current year in the copyright section
+function displayCopyright() {
+  const year = new Date().getFullYear();
+  document.getElementById("copyright").innerText = year;
 }
\ No newline at end of file
diff --git a/website/contributor.css b/website/styles/contributor.css
similarity index 100%
rename from website/contributor.css
rename to website/styles/contributor.css
diff --git a/website/style.css b/website/styles/style.css
similarity index 94%
rename from website/style.css
rename to website/styles/style.css
index f548997..10ea500 100644
--- a/website/style.css
+++ b/website/styles/style.css
@@ -1,1382 +1,1382 @@
-* {
-    margin: 0;
-    padding: 0;
-}
-
-:root {
-    --angle: 300deg;
-}
-
-
-html {
-    scroll-behavior: smooth;
-}
-#video-loader {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100vw;
-    height: calc(100vh + 50px);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin-top: -50px;
-    background-color: black;
-    z-index: 9999;
-}
-
-#video-loader img{
-    height: 80px;
-}
-#video-loader video{
-    height: 80px;
-}
-
-html {
-    -webkit-font-smoothing: antialiased;
-}
-
-* {
-    box-sizing: border-box;
-
-    &:before,
-    &:after {
-        box-sizing: border-box;
-    }
-}
-
-body {
-    overflow-x: hidden;
-    background-color: black;
-    color: white;
-    transition-duration: 0.2s;
-    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
-}
-
-input {
-    color: white;
-}
-
-button {
-    cursor: pointer;
-}
-
-::-webkit-scrollbar {
-    display: none;
-}
-
-::selection {
-    background-color: rgba(0, 255, 255, 0.263);
-    color: black;
-}
-
-a {
-    color: white;
-    text-decoration: none;
-}
-
-.buttons {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    position: fixed;
-    width: 40px;
-    padding: 10px 0px;
-    background-color: #3b3b3b57;
-    backdrop-filter: blur(2px);
-    border-radius: 40px;
-    top: 33vh;
-    left: 10px;
-    margin-left: -60px;
-    transition-duration: 0.3s;
-    z-index: 100;
-    box-shadow: 0px 0px 10px black, 0px 0px 10px black;
-}
-
-
-#indicator {
-    height: 35px;
-    /* Set the height of the indicator slightly larger than buttons */
-    width: 35px;
-    /* Set the width to match */
-    border-radius: 50%;
-    /* Ensure circular shape */
-    position: absolute;
-    transition-duration: 0.3s;
-    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.501), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
-    /* Glow effect */
-}
-
-
-
-.group {
-    border-radius: 40px;
-    border: 1px solid rgba(255, 255, 255, 0.236);
-}
-
-
-.buttons button {
-    margin-top: 20px;
-    background-color: transparent;
-    border: none;
-    width: 40px;
-    /* Uniform button size */
-    height: 40px;
-    /* Ensure consistent height */
-    padding: 0;
-    display: block;
-    position: relative;
-}
-
-
-#darkButton {
-    margin-top: 0;
-}
-
-
-#defaultButton {
-    margin-top: 12px;
-}
-
-/* Apply inversion only to specific elements */
-/* General styles for light mode */
-body {
-    background-color: white;
-    /* Light mode background */
-    color: black;
-    /* Default text color in light mode */
-}
-
-.dark-mode #download_btn {
-    color: white;
-    border: 1px solid #fff;
-}
-
-.dark-mode #download_btn:hover {
-    color: rgb(0, 0, 0);
-    background-color: white;
-    border: 1px solid #fff;
-}
-
-.light-mode #download_btn:hover {
-    color: rgb(255, 255, 255);
-    background-color: rgb(0, 0, 0);
-    border: 1px solid #000000;
-}
-
-/* Dark mode styles */
-body.dark-mode {
-    background-color: black;
-    /* Dark mode background */
-    color: white;
-    /* Default text color in dark mode */
-}
-
-/* Specific footer styles for light mode */
-footer {
-    background-color: white;
-    /* Light mode footer background */
-    color: black;
-    /* Light mode footer text color */
-    padding: 20px;
-    /* Padding for the footer */
-}
-
-/* Dark mode footer styling */
-body.dark-mode footer {
-    background-color: black;
-    /* Dark mode footer background */
-    color: white;
-    /* Dark mode footer text color */
-}
-
-/* Footer heading styles for light mode */
-footer h3 {
-    margin: 0;
-    /* Remove default margin */
-    color: black;
-    /* Light mode h3 text color */
-}
-
-/* Dark mode heading styles */
-body.dark-mode footer h3 {
-    color: white;
-    /* Ensure h3 text is white in dark mode */
-}
-
-body.light-mode footer h3 {
-    color: black;
-}
-
-#moon,
-#sun {
-    filter: invert(1);
-}
-
-#default {
-    filter: invert(1);
-    margin-top: 20px;
-}
-
-
-.glow {
-    box-shadow: 0 0 10px 5px rgba(255, 255, 0, 0.7);
-    /* Customize glow style */
-    transition: box-shadow 0.3s ease-in-out;
-    /* Smooth transition */
-}
-
-
-
-.copy {
-    height: 20px;
-    width: 20px;
-}
-
-#copy {
-    font-size: 20px;
-    color: white;
-}
-
-.top {
-    background-color: #3333337b;
-    padding: 10px 7px 10px 7px;
-    border: none;
-    border-radius: 10px;
-    position: fixed;
-    bottom: 80px;
-    right: 25px;
-    backdrop-filter: blur(7px);
-    box-shadow: 5px 5px 10px black;
-    z-index: 50;
-
-}
-
-#top {
-    opacity: 0;
-    transition-duration: 0.3s;
-}
-
-.top img {
-    height: 20px;
-}
-
-#navbar {
-    width: 100vw;
-    height: 60px;
-    position: fixed;
-    top: 0;
-    z-index: 100;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    /* Space between logo and button */
-    border-bottom: 1px solid rgba(255, 255, 255, 0.077);
-    backdrop-filter: blur(7px);
-    background-color: #0000004b;
-    transition-duration: 0.3s;
-    padding: 0 20px;
-    /* Padding for left and right spacing */
-}
-
-/* Center the button in the navbar */
-.loginSignupbtn {
-    background-color: rgba(162, 162, 162, 0.203);
-    height: 40px;
-    width: min-content;
-    color: #ffffff;
-    font-size: 17px;
-    border: none;
-    border-radius: 7px;
-    padding: 0px 30px 0px 30px;
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
-    position: absolute;
-    /* Make the button positionable */
-    right: 65px;
-    /* Distance from the right side */
-    top: 10px;
-    /* Adjust the vertical positioning as needed */
-
-}
-
-/* Ensure the button's anchor tag is styled correctly */
-.loginSignupbtn a {
-    color: white;
-    text-decoration: none;
-}
-
-/* Center all items in the navbar */
-#navbar {
-    justify-content: center;
-    /* Center all items in the navbar */
-}
-
-.loginSignupbtn a {
-    color: white;
-    text-decoration: none;
-}
-
-/* To avoid overlap, use flex properties properly for the logo and button */
-.logo {
-    position: absolute;
-    left: 2px;
-    /* Align the logo on the left */
-}
-
-.goBack {
-    position: fixed;
-    bottom: 20px;
-    left: 20px;
-    padding: 10px;
-    background-color: #d0d0d032;
-    backdrop-filter: blur(7px);
-    color: rgb(105, 105, 105);
-    border: none;
-    border-radius: 7px;
-    box-shadow: 0 0 5px black;
-}
-
-@media (max-width: 768px) {
-    #navbar {
-        flex-direction: column;
-        height: 60px;
-    }
-}
-
-table {
-    margin-top: 60px;
-    width: 100%;
-}
-
-table,
-th,
-td {
-    border: none;
-}
-
-th,
-td {
-    padding: 20px;
-    text-align: center;
-}
-
-tr {
-    background-color: #31313100;
-    transition-duration: 0.2s;
-}
-
-tr:hover {
-    background-color: rgba(59, 59, 59, 0.527);
-}
-
-.logo {
-    position: absolute;
-    height: 40px;
-    margin: 10px;
-    transition-duration: 0s;
-}
-
-#glow {
-    top: -20px;
-    left: -17px;
-    height: 80px;
-    z-index: -10;
-    opacity: 0;
-    filter: brightness(1.7);
-    height: 78px;
-}
-
-#glow:hover {
-    opacity: 1;
-}
-
-#normal:hover {
-    z-index: -105;
-}
-
-.burger {
-    background-color: rgba(73, 89, 103, 0);
-    border: none;
-    position: fixed;
-    top: 10px;
-    right: 10px;
-    height: 40px;
-    width: 40px;
-    z-index: 120;
-    transition-duration: 0.5s;
-}
-
-#cross {
-    z-index: 250;
-    display: none;
-}
-
-#burger {
-    z-index: 250;
-}
-
-#lines {
-    z-index: 200;
-}
-
-.line {
-    height: 2px;
-    width: 35px;
-    background-color: rgba(255, 255, 255, 0.821);
-    margin-top: 10px;
-    transform-origin: 100%;
-    transition-duration: 0.2s;
-}
-
-#l1 {
-    margin-top: 5px;
-}
-
-.plane {
-    height: 110vh;
-    width: calc(100vw - 60px);
-    background-color: #0f0f0fba;
-    backdrop-filter: blur(7px);
-    position: fixed;
-    z-index: 103;
-    right: -100vw;
-    top: 0px;
-    transition-duration: 0.2s;
-    overflow-y: scroll;
-    max-width: 400px;
-    box-shadow: 0px 0px 10px black;
-    font-size: 1.2rem;
-}
-
-.preview {
-    margin-left: 10%;
-    width: 45vw;
-    border-radius: 7px;
-    box-shadow: 5px -3px 10px rgb(0, 0, 0);
-    transition-duration: 0.4s;
-}
-
-.down {
-    transform: translateY(-40%) translateX(-10%);
-}
-
-.heading {
-    font-size: xxx-large;
-    margin: 20px;
-}
-
-.subheading {
-    font-size: xx-large;
-    margin: 20px;
-    margin-top: 50px;
-}
-
-.text {
-    width: 35vw;
-    word-wrap: break-word;
-    margin: 20px;
-    margin-top: 40px;
-    font-size: x-large;
-}
-
-.top_dataverse {
-    display: flex;
-}
-
-#data {
-    background: linear-gradient(to right, goldenrod, rgb(0, 141, 141));
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
-    animation-name: hue;
-    animation-duration: 1.5s;
-    animation-timing-function: linear;
-}
-
-@keyframes hue {
-    0% {
-        filter: hue-rotate(0deg);
-    }
-
-    100% {
-        filter: hue-rotate(360deg);
-    }
-}
-
-#download {
-    padding-top: 90px;
-    height: calc(100vh - 290px);
-    display: flex;
-}
-
-#map {
-    width: 45vw;
-    margin-left: 80px;
-    margin-right: 60px;
-    height: 70vh;
-    transition: 0.5s ease;
-    filter: invert(1) hue-rotate(180deg) brightness(1.5);
-    border-radius: 7px;
-}
-
-#aeroplane {
-    position: absolute;
-    z-index: 410;
-    height: 20px;
-    rotate: 45deg;
-    animation-name: fly;
-    animation-duration: 10s;
-    animation-iteration-count: infinite;
-    animation-timing-function: linear;
-}
-
-.direction {
-    position: absolute;
-    z-index: 410;
-    top: 50%;
-    left: 50%;
-    width: 110vh;
-    height: 20px;
-    transform: translate(-50%, -50%) rotate(var(--angle));
-}
-
-/*=====================hiding map watermark=================*/
-.leaflet-control-attribution {
-    display: none !important;
-}
-
-@keyframes fly {
-    0% {
-        margin-left: 0vw;
-    }
-
-    90% {
-        margin-left: 110vh;
-    }
-
-    100% {
-        margin-left: 110vh;
-    }
-}
-
-.right {
-    margin-top: 80px;
-}
-
-.top_dataverse p {
-    font-size: xxx-large;
-}
-
-#intro_text {
-    font-size: x-large;
-    width: 40vw;
-    word-wrap: break-word;
-    margin-top: 40px;
-    margin-bottom: 40px;
-}
-
-#download_btn {
-    background-color: #00000000;
-    border: 1px solid black;
-    color: black;
-    font-size: large;
-    transition-duration: 0.3s;
-    padding: 10px 20px 10px 20px;
-    z-index: 20;
-    border-radius: 5px;
-}
-
-.scroll_icon {
-    position: fixed;
-    bottom: 25px;
-    left: 50vw;
-    transform: translate(-50%);
-    font-size: x-small;
-    transition-duration: 0.3s;
-}
-
-.shadow {
-    height: 20px;
-    width: 180px;
-    background-image: linear-gradient(115deg, #00000000, #000000d4, #00000000);
-    position: absolute;
-    margin-top: -20px;
-    animation-name: wave;
-    animation-duration: 2s;
-    animation-iteration-count: infinite;
-    animation-timing-function: ease-in-out;
-}
-
-@keyframes wave {
-    0% {
-        margin-left: -180px;
-    }
-
-    100% {
-        margin-left: 7rem;
-    }
-}
-
-#about {
-    padding-top: 200px;
-    display: flex;
-    padding-bottom: 0;
-    border-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), #FDE725, #7AD151, #22A884, #2A788E, #414487, #440154) 1;
-    border-width: 2px;
-    border-style: solid;
-    border-top-style: none;
-    border-bottom-style: none;
-    border-right-style: none;
-}
-
-#charts {
-    padding-top: 0;
-    margin-top: 30px;
-    margin-bottom: 120px;
-    margin-left: -30px;
-    display: flex;
-    flex-direction: column;
-    border-image: linear-gradient(black, black) 1;
-    border-width: 2px;
-    border-style: solid;
-    border-top-style: none;
-    border-bottom-style: none;
-    border-right-style: none;
-}
-
-#charts p {
-    margin-left: 20px;
-    width: calc(100vw - 40px);
-}
-
-.examples {
-    border-radius: 10px 0px 0px 10px;
-    margin-left: 0%;
-    width: 100vw;
-    display: flex;
-    overflow-x: scroll;
-    background-color: #16161600;
-    margin-left: 0px;
-}
-
-.examples img {
-    height: 35vh;
-    margin: 20px;
-    box-shadow: 5px -3px 10px rgb(0, 0, 0);
-    border-radius: 3px;
-}
-
-.scroll_animate {
-    background-color: rgba(255, 255, 255, 0);
-    margin-bottom: 30px;
-    height: 4px;
-    width: 7px;
-}
-
-#finance {
-    display: flex;
-    padding-top: 0;
-    padding-bottom: 0;
-    border-image: linear-gradient(#440154, #260590, #5F01A5, #A31E99, #EC7535, #F2F224, rgba(0, 0, 0, 0)) 1;
-    border-width: 2px;
-    border-style: solid;
-    border-top-style: none;
-    border-bottom-style: none;
-    border-right-style: none;
-}
-
-#develop {
-    display: flex;
-    padding-top: 0;
-    padding-bottom: 0;
-    border-image: linear-gradient(rgba(0, 0, 0, 0), #F5E020, #C5BD5B, #37B89D, #0C86D4, #2841B2, rgba(0, 0, 0, 0)) 1;
-    border-width: 2px;
-    border-style: solid;
-    border-top-style: none;
-    border-bottom-style: none;
-    border-right-style: none;
-}
-
-
-.section.big_container {
-    transform: translateX(0);
-    opacity: 1;
-}
-
-.section {
-    position: relative;
-    transform: translateY(-100px);
-    opacity: 0;
-    transition: .5s all ease;
-}
-
-.section {
-    width: calc(100vw - 60px);
-    margin-left: 30px;
-    padding-left: 30px;
-}
-
-.circle {
-    height: 10px;
-    width: 10px;
-    border-radius: 50%;
-    background-color: #31c356;
-    margin-top: 7px;
-    margin-left: 3px;
-}
-
-#red {
-    background-color: rgb(244, 82, 82);
-}
-
-#yellow {
-    background-color: rgb(230, 230, 102);
-}
-
-#technologies {
-    display: flex;
-    flex-direction: row;
-    width: calc(35vw - 0px);
-    border-radius: 10px 10px 0px 0px;
-    margin-bottom: 0px;
-    padding: 5px;
-    border: 1px solid rgba(255, 255, 255, 0.323);
-}
-
-#technologies p {
-    font-size: large;
-    margin-left: 10px;
-}
-
-.tags {
-    border-radius: 0px 0px 10px 10px;
-    border: 1px solid rgba(255, 255, 255, 0.323);
-    padding: 0px;
-    display: flex;
-    width: 35vw;
-    margin: 20px;
-    margin-top: -1px;
-    justify-content: center;
-    flex-wrap: wrap;
-}
-
-.tags p {
-    margin: 10px;
-    font-family: "Inconsolata", monospace;
-    font-weight: 400;
-}
-
-#htmltag {
-    background: linear-gradient(to right, #E44D26, #f1d329);
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
-}
-
-#csstag {
-    background: linear-gradient(to right, #264de4, rgb(0, 195, 255));
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
-}
-
-#jstag {
-    background: linear-gradient(to right, #f0db4f, #5e8d00);
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
-}
-
-#exceltag {
-    background: linear-gradient(to right, #008120, #42ea00, #15672a);
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
-}
-
-#pythontag {
-    background: linear-gradient(to right, rgb(0, 149, 255), yellow);
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
-}
-
-#mysqltag {
-    background: linear-gradient(to right, teal, orange);
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
-}
-
-#numpytag {
-    background: linear-gradient(to right, rgb(77, 171, 207), rgb(77, 119, 207));
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
-}
-
-#pandastag {
-    background: linear-gradient(to right, #150458, #FFCA00, #E70488);
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
-}
-
-#matplotlibtag {
-    background: linear-gradient(to right, #0b4a72,
-            #71dbc4, #a3f5a0, #ffd95c, #fe9f5d, #dfff73, #728bc5);
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
-}
-
-#github {
-    height: 25px;
-    filter: invert(1);
-    transition-duration: 0.3s;
-}
-
-#contribute {
-    margin-left: 50%;
-    transform: translate(-50%);
-    display: flex;
-    background-color: #00000000;
-    border: 1px solid white;
-    color: white;
-    font-size: large;
-    transition-duration: 0.3s;
-    padding: 10px 20px 10px 20px;
-    border-radius: 5px;
-}
-
-#contribute:hover {
-    background-color: white;
-    color: black;
-}
-
-#contribute:hover #github {
-    filter: invert(0);
-}
-
-#contribute p {
-    margin-right: 10px;
-    margin-top: 5px;
-}
-
-footer {
-    display: flex;
-    flex-direction: row;
-    padding-left: 10vw;
-    padding-right: 10vw;
-    background-color: rgb(0, 0, 0);
-    /* Semi-transparent black for dark mode */
-    color: silver;
-    /* Silver text for good contrast */
-    transition: background-color 0.3s, color 0.3s;
-    /* Smooth transition effect */
-    justify-content: space-between;
-    /* Ensures even spacing between elements */
-    align-items: center;
-    /* Vertically centers the elements */
-}
-
-footer a {
-    color: silver;
-    /* Silver links */
-    transition: color 0.3s;
-    /* Smooth transition for links */
-}
-
-footer a:hover {
-    color: white;
-    /* Change link color on hover */
-}
-
-footer .contact {
-    margin-right: auto;
-    /* Aligns the contact section to the left */
-}
-
-footer input[type="text"],
-footer input[type="email"],
-footer input[name="Message"],
-footer input[type="submit"] {
-    backdrop-filter: blur(50px);
-    box-shadow: 0 0 10px black;
-    margin: 10px 0;
-    /* Margin between inputs */
-    padding: 10px;
-    /* Padding for better usability */
-    border-radius: 5px;
-    /* Rounded corners */
-    border: 1px solid rgba(126, 126, 126, 0.382);
-    /* Silver border */
-    background-color: rgba(255, 255, 255, 0.1);
-    /* Light background for inputs in dark mode */
-    color: rgb(255, 255, 255);
-    /* Silver text for inputs */
-    transition: background-color 0.3s, color 0.3s;
-    /* Smooth transition for inputs */
-}
-
-footer input[type="submit"] {
-    background-color: silver;
-    /* Silver background for the submit button */
-    color: black;
-    /* Black text for visibility */
-    cursor: pointer;
-    /* Pointer cursor for button */
-}
-
-footer input[type="submit"]:hover {
-    background-color: white;
-    /* White background on hover */
-    color: black;
-    /* Keep black text on hover */
-}
-
-
-#last_link {
-    margin-top: 16px;
-    margin-left: 60px;
-}
-
-/* Form styling */
-form {
-    background-color: #4c4c4c2a;
-    backdrop-filter: blur(10px);
-    width: 30vw;
-    margin-left: 5vw;
-    padding: 20px;
-    text-align: center;
-    border-radius: 5px;
-    box-shadow: 0px 0px 10px black;
-    transition: transform 0.3s ease-in-out;
-}
-
-
-/* Input field styling */
-input {
-    background-color: #76767639;
-    width: 85%;
-    height: 30px;
-    margin-top: 20px;
-    border-radius: 5px;
-    padding: 5px 10px;
-    transition: transform 0.3s ease-in-out, border 0.3s ease-in-out;
-}
-
-/* Send button styling */
-#send {
-    display: block;
-    margin: 20px auto;
-    /* Center the button horizontally */
-    width: min-content;
-    background-color: rgba(0, 123, 121, 0.364);
-    cursor: pointer;
-    color: rgba(255, 255, 255, 0.873);
-    padding: 8px 15px;
-    border-radius: 5px;
-    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
-}
-
-/* Send button hover effect */
-#send:hover {
-    color: black;
-    background-color: rgba(0, 240, 236, 0.867);
-    box-shadow: 0px 0px 10px cyan;
-}
-
-.cubes {
-    height: 60vh;
-    position: absolute;
-    right: -120px;
-    margin-top: 50px;
-}
-
-.contact {
-    width: 40vw;
-}
-
-.end-logo {
-    position: absolute;
-    height: 40px;
-    margin-top: 13px;
-}
-
-.name {
-    display: flex;
-}
-
-.design_line {
-    height: 1px;
-    width: 50vw;
-    margin-left: calc(50vw + 15px);
-    transform: translate(-50%);
-    margin-bottom: 20px;
-    margin-top: 50px;
-    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(255, 255, 255), rgba(0, 0, 0, 0));
-}
-
-.links {
-    font-weight: 100;
-    background-color: #000000;
-    height: auto;
-    margin-top: -5px;
-    text-align: center;
-    padding-top: 20px;
-}
-
-.links a {
-    color: white;
-}
-
-.links h3 {
-    color: white;
-}
-
-.links h4 {
-    color: white;
-}
-
-.end_line {
-    width: 80vw;
-    margin-top: 25px;
-    margin-left: 50%;
-    transform: translate(-50%);
-    height: 0.1px;
-    background-color: rgba(255, 255, 255, 0.433);
-}
-
-.small {
-    margin-top: 20px;
-    display: flex;
-    font-size: medium;
-    justify-content: space-around;
-}
-
-.link_class a {
-    margin-top: 20px;
-    z-index: 10;
-    border-bottom: 0px solid rgba(255, 255, 255, 0);
-    transition-duration: 0.3s;
-    color: rgb(192, 192, 192);
-}
-
-.small i {
-    margin-top: 20px;
-    z-index: 10;
-    border-bottom: 0px solid rgba(255, 255, 255, 0);
-    transition-duration: 0.3s;
-}
-
-.small a:hover {
-    border-bottom: 1px solid rgba(255, 255, 255, 0.433);
-}
-
-.link_class {
-    display: flex;
-    flex-direction: column;
-    text-align: left;
-}
-
-.user-icon {
-    display: none;
-    width: 26px; /* Adjust the size as needed */
-    height: 26px;
-  }
-
-/*===========================RESPONSIVE===================================*/
-@media screen and (max-width: 660px) {
-    .loginSignupbtn{
-        padding: 10px;
-        border-radius: 50%;
-    }
-
-    .button-text {
-        display: none; /* Hide the text for smaller screens */
-      }
-    
-      .user-icon {
-        display: inline-block; /* Show the image for smaller screens */
-      }
-    .plane {
-        max-width: 600px;
-    }
-
-    .right {
-        margin-top: 0px;
-    }
-
-    #download {
-        margin-top: 80px;
-        padding-top: 0px;
-        height: fit-content;
-        flex-direction: column-reverse;
-    }
-
-    #map {
-        margin-left: 20px;
-        width: calc(100vw - 40px);
-        height: 35vh;
-        margin-top: 0px;
-    }
-
-    .top_dataverse {
-        margin-left: 30px;
-    }
-
-    .top_dataverse p {
-        font-size: xx-large;
-    }
-
-    #intro_text {
-        font-size: medium;
-        width: calc(100vw - 60px);
-        margin-left: 30px;
-        margin-top: 10px;
-        margin-bottom: 20px;
-    }
-
-    #download_btn {
-        position: absolute;
-        margin-top: calc(35vh + 20px);
-        left: 50%;
-        transform: translate(-50%);
-        color: #333;
-    }
-
-
-
-
-    #about {
-        padding-top: 90px;
-        margin-top: 0;
-        flex-direction: column;
-    }
-
-    /*.examples{
-        margin-left: 10vw;
-        width: 82.5vw
-    }
-    .examples img{
-        height: 30vh;
-    }*/
-
-    #finance {
-        margin-top: 0;
-        flex-direction: column-reverse;
-    }
-
-    #develop {
-        margin-top: 0;
-        flex-direction: column;
-    }
-
-    .section {
-        width: calc(100% - 80px);
-    }
-
-    #examples {
-        margin-top: 30px;
-    }
-
-    #charts {
-        flex-direction: column;
-        width: calc(100%);
-        margin-bottom: 40px;
-    }
-
-    #charts p {
-        margin-left: 20px;
-        width: calc(100vw - 40px);
-    }
-
-    .examples img {
-        height: 25vh;
-    }
-
-    .preview {
-        margin-top: 20px;
-        width: 70vw;
-    }
-
-    .subheading {
-        margin: 0;
-        margin-top: 20px;
-    }
-
-    .text {
-        margin: 0;
-        margin-top: 20px;
-        width: 100%;
-    }
-
-    .cubes {
-        width: 70vw;
-        height: 70vw;
-        left: -60px;
-        z-index: 0;
-        margin-top: 70px;
-    }
-
-    footer {
-        margin-top: 50px;
-        flex-direction: column;
-    }
-
-    form {
-        margin-top: 40px;
-        width: calc(80vw - 30px);
-        margin-left: 0vw;
-    }
-
-    .heading {
-        font-size: x-large;
-        margin: 0;
-    }
-
-    .subheading {
-        font-size: larger;
-    }
-
-    #technologies {
-        font-size: large;
-        width: calc(75vw - 0px);
-    }
-
-    .text {
-        font-size: medium;
-    }
-
-    .tags {
-        margin-left: 0;
-        font-size: medium;
-        width: 75vw;
-    }
-
-    #contribute {
-        margin-top: 20px;
-        transform: translate(-55%);
-    }
-
-    .end-logo {
-        height: 30px;
-        margin-left: 20px;
-    }
-}
-
-.scrollBar {
-    position: fixed;
-    z-index: 90;
-    top: 59.8px;
-    left: 0;
-    height: 1.9px;
-    box-shadow: 0px 0px 5px goldenrod;
-    width: 0vw;
-    background: rgb(218, 165, 32);
-    transition: width 200ms linear;
-}
-
-.custom-alert {
-    display: none;
-    position: fixed;
-    z-index: 1000;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0, 0, 0, 0.7);
-}
-
-.custom-alert-content {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 70vw;
-    max-width: 400px;
-    transform: translate(-50%, -50%);
-    background-color: rgb(51, 51, 51);
-    backdrop-filter: blur(4px);
-    padding: 20px;
-    border-radius: 4px;
-    text-align: center;
-    color: white;
-}
-
-.row_buttons {
-    display: flex;
-    justify-content: space-around;
-}
-
-.custom-alert button {
-    margin-top: 20px;
-    background-color: #efefefeb;
-    border-radius: 3px;
-    border: 1px solid white;
-    padding: 5px 20px 5px 20px;
-}
-
-#later {
-    color: white;
-    background-color: #00000000;
-}
-
-.license-content {
-    font-family: "Montserrat Alternates", sans-serif;
-    font-weight: 400;
-    font-style: normal;
-    letter-spacing: 0.05em;
-    font-size: 1.1em;
-    /* Slight increase */
-    line-height: 1.3;
-    /* For multi-line text */
-    margin-top: 50px;
-    padding: 50px 50px;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    font-size: 16px;
-    width: auto;
-    max-width: auto;
-}
-
-#codeOfconduct {
-    font-family: 'Times New Roman', Times, serif;
-    padding: 20px;
-    border-radius: 8px;
-    margin-bottom: 20px;
-    line-height: 1.6;
-}
-
-#codeOfconduct h1 {
-    text-align: center;
-    font-size: 2em;
-    padding-top: 40px;
-    margin-bottom: 40px;
-}
-
-#codeOfconduct h2 {
-    background: linear-gradient(to bottom, rgba(143, 143, 143, 0.8), #8f8f8f);
-    ;
-    text-align: center;
-    font-size: 1.8em;
-    margin-top: 40px;
-    margin-bottom: 10px;
-}
-
-#codeOfconduct p {
-    font-size: 1.1em;
-}
-
-#codeOfconduct ul {
-    padding-left: 20px;
-}
-
-#codeOfconduct ul li {
-    margin-bottom: 10px;
-}
-
-#codeOfconduct a {
-    color: #1a73e8;
-    text-decoration: none;
-}
-
-#codeOfconduct a:hover {
-    text-decoration: underline;
+* {
+    margin: 0;
+    padding: 0;
+}
+
+:root {
+    --angle: 300deg;
+}
+
+
+html {
+    scroll-behavior: smooth;
+}
+#video-loader {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    height: calc(100vh + 50px);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: -50px;
+    background-color: black;
+    z-index: 9999;
+}
+
+#video-loader img{
+    height: 80px;
+}
+#video-loader video{
+    height: 80px;
+}
+
+html {
+    -webkit-font-smoothing: antialiased;
+}
+
+* {
+    box-sizing: border-box;
+
+    &:before,
+    &:after {
+        box-sizing: border-box;
+    }
+}
+
+body {
+    overflow-x: hidden;
+    background-color: black;
+    color: white;
+    transition-duration: 0.2s;
+    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+}
+
+input {
+    color: white;
+}
+
+button {
+    cursor: pointer;
+}
+
+::-webkit-scrollbar {
+    display: none;
+}
+
+::selection {
+    background-color: rgba(0, 255, 255, 0.263);
+    color: black;
+}
+
+a {
+    color: white;
+    text-decoration: none;
+}
+
+.buttons {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    position: fixed;
+    width: 40px;
+    padding: 10px 0px;
+    background-color: #3b3b3b57;
+    backdrop-filter: blur(2px);
+    border-radius: 40px;
+    top: 33vh;
+    left: 10px;
+    margin-left: -60px;
+    transition-duration: 0.3s;
+    z-index: 100;
+    box-shadow: 0px 0px 10px black, 0px 0px 10px black;
+}
+
+
+#indicator {
+    height: 35px;
+    /* Set the height of the indicator slightly larger than buttons */
+    width: 35px;
+    /* Set the width to match */
+    border-radius: 50%;
+    /* Ensure circular shape */
+    position: absolute;
+    transition-duration: 0.3s;
+    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.501), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
+    /* Glow effect */
+}
+
+
+
+.group {
+    border-radius: 40px;
+    border: 1px solid rgba(255, 255, 255, 0.236);
+}
+
+
+.buttons button {
+    margin-top: 20px;
+    background-color: transparent;
+    border: none;
+    width: 40px;
+    /* Uniform button size */
+    height: 40px;
+    /* Ensure consistent height */
+    padding: 0;
+    display: block;
+    position: relative;
+}
+
+
+#darkButton {
+    margin-top: 0;
+}
+
+
+#defaultButton {
+    margin-top: 12px;
+}
+
+/* Apply inversion only to specific elements */
+/* General styles for light mode */
+body {
+    background-color: white;
+    /* Light mode background */
+    color: black;
+    /* Default text color in light mode */
+}
+
+.dark-mode #download_btn {
+    color: white;
+    border: 1px solid #fff;
+}
+
+.dark-mode #download_btn:hover {
+    color: rgb(0, 0, 0);
+    background-color: white;
+    border: 1px solid #fff;
+}
+
+.light-mode #download_btn:hover {
+    color: rgb(255, 255, 255);
+    background-color: rgb(0, 0, 0);
+    border: 1px solid #000000;
+}
+
+/* Dark mode styles */
+body.dark-mode {
+    background-color: black;
+    /* Dark mode background */
+    color: white;
+    /* Default text color in dark mode */
+}
+
+/* Specific footer styles for light mode */
+footer {
+    background-color: white;
+    /* Light mode footer background */
+    color: black;
+    /* Light mode footer text color */
+    padding: 20px;
+    /* Padding for the footer */
+}
+
+/* Dark mode footer styling */
+body.dark-mode footer {
+    background-color: black;
+    /* Dark mode footer background */
+    color: white;
+    /* Dark mode footer text color */
+}
+
+/* Footer heading styles for light mode */
+footer h3 {
+    margin: 0;
+    /* Remove default margin */
+    color: black;
+    /* Light mode h3 text color */
+}
+
+/* Dark mode heading styles */
+body.dark-mode footer h3 {
+    color: white;
+    /* Ensure h3 text is white in dark mode */
+}
+
+body.light-mode footer h3 {
+    color: black;
+}
+
+#moon,
+#sun {
+    filter: invert(1);
+}
+
+#default {
+    filter: invert(1);
+    margin-top: 20px;
+}
+
+
+.glow {
+    box-shadow: 0 0 10px 5px rgba(255, 255, 0, 0.7);
+    /* Customize glow style */
+    transition: box-shadow 0.3s ease-in-out;
+    /* Smooth transition */
+}
+
+
+
+.copy {
+    height: 20px;
+    width: 20px;
+}
+
+#copy {
+    font-size: 20px;
+    color: white;
+}
+
+.top {
+    background-color: #3333337b;
+    padding: 10px 7px 10px 7px;
+    border: none;
+    border-radius: 10px;
+    position: fixed;
+    bottom: 80px;
+    right: 25px;
+    backdrop-filter: blur(7px);
+    box-shadow: 5px 5px 10px black;
+    z-index: 50;
+
+}
+
+#top {
+    opacity: 0;
+    transition-duration: 0.3s;
+}
+
+.top img {
+    height: 20px;
+}
+
+#navbar {
+    width: 100vw;
+    height: 60px;
+    position: fixed;
+    top: 0;
+    z-index: 100;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    /* Space between logo and button */
+    border-bottom: 1px solid rgba(255, 255, 255, 0.077);
+    backdrop-filter: blur(7px);
+    background-color: #0000004b;
+    transition-duration: 0.3s;
+    padding: 0 20px;
+    /* Padding for left and right spacing */
+}
+
+/* Center the button in the navbar */
+.loginSignupbtn {
+    background-color: rgba(162, 162, 162, 0.203);
+    height: 40px;
+    width: min-content;
+    color: #ffffff;
+    font-size: 17px;
+    border: none;
+    border-radius: 7px;
+    padding: 0px 30px 0px 30px;
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    position: absolute;
+    /* Make the button positionable */
+    right: 65px;
+    /* Distance from the right side */
+    top: 10px;
+    /* Adjust the vertical positioning as needed */
+
+}
+
+/* Ensure the button's anchor tag is styled correctly */
+.loginSignupbtn a {
+    color: white;
+    text-decoration: none;
+}
+
+/* Center all items in the navbar */
+#navbar {
+    justify-content: center;
+    /* Center all items in the navbar */
+}
+
+.loginSignupbtn a {
+    color: white;
+    text-decoration: none;
+}
+
+/* To avoid overlap, use flex properties properly for the logo and button */
+.logo {
+    position: absolute;
+    left: 2px;
+    /* Align the logo on the left */
+}
+
+.goBack {
+    position: fixed;
+    bottom: 20px;
+    left: 20px;
+    padding: 10px;
+    background-color: #d0d0d032;
+    backdrop-filter: blur(7px);
+    color: rgb(105, 105, 105);
+    border: none;
+    border-radius: 7px;
+    box-shadow: 0 0 5px black;
+}
+
+@media (max-width: 768px) {
+    #navbar {
+        flex-direction: column;
+        height: 60px;
+    }
+}
+
+table {
+    margin-top: 60px;
+    width: 100%;
+}
+
+table,
+th,
+td {
+    border: none;
+}
+
+th,
+td {
+    padding: 20px;
+    text-align: center;
+}
+
+tr {
+    background-color: #31313100;
+    transition-duration: 0.2s;
+}
+
+tr:hover {
+    background-color: rgba(59, 59, 59, 0.527);
+}
+
+.logo {
+    position: absolute;
+    height: 40px;
+    margin: 10px;
+    transition-duration: 0s;
+}
+
+#glow {
+    top: -20px;
+    left: -17px;
+    height: 80px;
+    z-index: -10;
+    opacity: 0;
+    filter: brightness(1.7);
+    height: 78px;
+}
+
+#glow:hover {
+    opacity: 1;
+}
+
+#normal:hover {
+    z-index: -105;
+}
+
+.burger {
+    background-color: rgba(73, 89, 103, 0);
+    border: none;
+    position: fixed;
+    top: 10px;
+    right: 10px;
+    height: 40px;
+    width: 40px;
+    z-index: 120;
+    transition-duration: 0.5s;
+}
+
+#cross {
+    z-index: 250;
+    display: none;
+}
+
+#burger {
+    z-index: 250;
+}
+
+#lines {
+    z-index: 200;
+}
+
+.line {
+    height: 2px;
+    width: 35px;
+    background-color: rgba(255, 255, 255, 0.821);
+    margin-top: 10px;
+    transform-origin: 100%;
+    transition-duration: 0.2s;
+}
+
+#l1 {
+    margin-top: 5px;
+}
+
+.plane {
+    height: 110vh;
+    width: calc(100vw - 60px);
+    background-color: #0f0f0fba;
+    backdrop-filter: blur(7px);
+    position: fixed;
+    z-index: 103;
+    right: -100vw;
+    top: 0px;
+    transition-duration: 0.2s;
+    overflow-y: scroll;
+    max-width: 400px;
+    box-shadow: 0px 0px 10px black;
+    font-size: 1.2rem;
+}
+
+.preview {
+    margin-left: 10%;
+    width: 45vw;
+    border-radius: 7px;
+    box-shadow: 5px -3px 10px rgb(0, 0, 0);
+    transition-duration: 0.4s;
+}
+
+.down {
+    transform: translateY(-40%) translateX(-10%);
+}
+
+.heading {
+    font-size: xxx-large;
+    margin: 20px;
+}
+
+.subheading {
+    font-size: xx-large;
+    margin: 20px;
+    margin-top: 50px;
+}
+
+.text {
+    width: 35vw;
+    word-wrap: break-word;
+    margin: 20px;
+    margin-top: 40px;
+    font-size: x-large;
+}
+
+.top_dataverse {
+    display: flex;
+}
+
+#data {
+    background: linear-gradient(to right, goldenrod, rgb(0, 141, 141));
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+    animation-name: hue;
+    animation-duration: 1.5s;
+    animation-timing-function: linear;
+}
+
+@keyframes hue {
+    0% {
+        filter: hue-rotate(0deg);
+    }
+
+    100% {
+        filter: hue-rotate(360deg);
+    }
+}
+
+#download {
+    padding-top: 90px;
+    height: calc(100vh - 290px);
+    display: flex;
+}
+
+#map {
+    width: 45vw;
+    margin-left: 80px;
+    margin-right: 60px;
+    height: 70vh;
+    transition: 0.5s ease;
+    filter: invert(1) hue-rotate(180deg) brightness(1.5);
+    border-radius: 7px;
+}
+
+#aeroplane {
+    position: absolute;
+    z-index: 410;
+    height: 20px;
+    rotate: 45deg;
+    animation-name: fly;
+    animation-duration: 10s;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+}
+
+.direction {
+    position: absolute;
+    z-index: 410;
+    top: 50%;
+    left: 50%;
+    width: 110vh;
+    height: 20px;
+    transform: translate(-50%, -50%) rotate(var(--angle));
+}
+
+/*=====================hiding map watermark=================*/
+.leaflet-control-attribution {
+    display: none !important;
+}
+
+@keyframes fly {
+    0% {
+        margin-left: 0vw;
+    }
+
+    90% {
+        margin-left: 110vh;
+    }
+
+    100% {
+        margin-left: 110vh;
+    }
+}
+
+.right {
+    margin-top: 80px;
+}
+
+.top_dataverse p {
+    font-size: xxx-large;
+}
+
+#intro_text {
+    font-size: x-large;
+    width: 40vw;
+    word-wrap: break-word;
+    margin-top: 40px;
+    margin-bottom: 40px;
+}
+
+#download_btn {
+    background-color: #00000000;
+    border: 1px solid black;
+    color: black;
+    font-size: large;
+    transition-duration: 0.3s;
+    padding: 10px 20px 10px 20px;
+    z-index: 20;
+    border-radius: 5px;
+}
+
+.scroll_icon {
+    position: fixed;
+    bottom: 25px;
+    left: 50vw;
+    transform: translate(-50%);
+    font-size: x-small;
+    transition-duration: 0.3s;
+}
+
+.shadow {
+    height: 20px;
+    width: 180px;
+    background-image: linear-gradient(115deg, #00000000, #000000d4, #00000000);
+    position: absolute;
+    margin-top: -20px;
+    animation-name: wave;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+    animation-timing-function: ease-in-out;
+}
+
+@keyframes wave {
+    0% {
+        margin-left: -180px;
+    }
+
+    100% {
+        margin-left: 7rem;
+    }
+}
+
+#about {
+    padding-top: 200px;
+    display: flex;
+    padding-bottom: 0;
+    border-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), #FDE725, #7AD151, #22A884, #2A788E, #414487, #440154) 1;
+    border-width: 2px;
+    border-style: solid;
+    border-top-style: none;
+    border-bottom-style: none;
+    border-right-style: none;
+}
+
+#charts {
+    padding-top: 0;
+    margin-top: 30px;
+    margin-bottom: 120px;
+    margin-left: -30px;
+    display: flex;
+    flex-direction: column;
+    border-image: linear-gradient(black, black) 1;
+    border-width: 2px;
+    border-style: solid;
+    border-top-style: none;
+    border-bottom-style: none;
+    border-right-style: none;
+}
+
+#charts p {
+    margin-left: 20px;
+    width: calc(100vw - 40px);
+}
+
+.examples {
+    border-radius: 10px 0px 0px 10px;
+    margin-left: 0%;
+    width: 100vw;
+    display: flex;
+    overflow-x: scroll;
+    background-color: #16161600;
+    margin-left: 0px;
+}
+
+.examples img {
+    height: 35vh;
+    margin: 20px;
+    box-shadow: 5px -3px 10px rgb(0, 0, 0);
+    border-radius: 3px;
+}
+
+.scroll_animate {
+    background-color: rgba(255, 255, 255, 0);
+    margin-bottom: 30px;
+    height: 4px;
+    width: 7px;
+}
+
+#finance {
+    display: flex;
+    padding-top: 0;
+    padding-bottom: 0;
+    border-image: linear-gradient(#440154, #260590, #5F01A5, #A31E99, #EC7535, #F2F224, rgba(0, 0, 0, 0)) 1;
+    border-width: 2px;
+    border-style: solid;
+    border-top-style: none;
+    border-bottom-style: none;
+    border-right-style: none;
+}
+
+#develop {
+    display: flex;
+    padding-top: 0;
+    padding-bottom: 0;
+    border-image: linear-gradient(rgba(0, 0, 0, 0), #F5E020, #C5BD5B, #37B89D, #0C86D4, #2841B2, rgba(0, 0, 0, 0)) 1;
+    border-width: 2px;
+    border-style: solid;
+    border-top-style: none;
+    border-bottom-style: none;
+    border-right-style: none;
+}
+
+
+.section.big_container {
+    transform: translateX(0);
+    opacity: 1;
+}
+
+.section {
+    position: relative;
+    transform: translateY(-100px);
+    opacity: 0;
+    transition: .5s all ease;
+}
+
+.section {
+    width: calc(100vw - 60px);
+    margin-left: 30px;
+    padding-left: 30px;
+}
+
+.circle {
+    height: 10px;
+    width: 10px;
+    border-radius: 50%;
+    background-color: #31c356;
+    margin-top: 7px;
+    margin-left: 3px;
+}
+
+#red {
+    background-color: rgb(244, 82, 82);
+}
+
+#yellow {
+    background-color: rgb(230, 230, 102);
+}
+
+#technologies {
+    display: flex;
+    flex-direction: row;
+    width: calc(35vw - 0px);
+    border-radius: 10px 10px 0px 0px;
+    margin-bottom: 0px;
+    padding: 5px;
+    border: 1px solid rgba(255, 255, 255, 0.323);
+}
+
+#technologies p {
+    font-size: large;
+    margin-left: 10px;
+}
+
+.tags {
+    border-radius: 0px 0px 10px 10px;
+    border: 1px solid rgba(255, 255, 255, 0.323);
+    padding: 0px;
+    display: flex;
+    width: 35vw;
+    margin: 20px;
+    margin-top: -1px;
+    justify-content: center;
+    flex-wrap: wrap;
+}
+
+.tags p {
+    margin: 10px;
+    font-family: "Inconsolata", monospace;
+    font-weight: 400;
+}
+
+#htmltag {
+    background: linear-gradient(to right, #E44D26, #f1d329);
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+#csstag {
+    background: linear-gradient(to right, #264de4, rgb(0, 195, 255));
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+#jstag {
+    background: linear-gradient(to right, #f0db4f, #5e8d00);
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+#exceltag {
+    background: linear-gradient(to right, #008120, #42ea00, #15672a);
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+#pythontag {
+    background: linear-gradient(to right, rgb(0, 149, 255), yellow);
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+#mysqltag {
+    background: linear-gradient(to right, teal, orange);
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+#numpytag {
+    background: linear-gradient(to right, rgb(77, 171, 207), rgb(77, 119, 207));
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+#pandastag {
+    background: linear-gradient(to right, #150458, #FFCA00, #E70488);
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+#matplotlibtag {
+    background: linear-gradient(to right, #0b4a72,
+            #71dbc4, #a3f5a0, #ffd95c, #fe9f5d, #dfff73, #728bc5);
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+#github {
+    height: 25px;
+    filter: invert(1);
+    transition-duration: 0.3s;
+}
+
+#contribute {
+    margin-left: 50%;
+    transform: translate(-50%);
+    display: flex;
+    background-color: #00000000;
+    border: 1px solid white;
+    color: white;
+    font-size: large;
+    transition-duration: 0.3s;
+    padding: 10px 20px 10px 20px;
+    border-radius: 5px;
+}
+
+#contribute:hover {
+    background-color: white;
+    color: black;
+}
+
+#contribute:hover #github {
+    filter: invert(0);
+}
+
+#contribute p {
+    margin-right: 10px;
+    margin-top: 5px;
+}
+
+footer {
+    display: flex;
+    flex-direction: row;
+    padding-left: 10vw;
+    padding-right: 10vw;
+    background-color: rgb(0, 0, 0);
+    /* Semi-transparent black for dark mode */
+    color: silver;
+    /* Silver text for good contrast */
+    transition: background-color 0.3s, color 0.3s;
+    /* Smooth transition effect */
+    justify-content: space-between;
+    /* Ensures even spacing between elements */
+    align-items: center;
+    /* Vertically centers the elements */
+}
+
+footer a {
+    color: silver;
+    /* Silver links */
+    transition: color 0.3s;
+    /* Smooth transition for links */
+}
+
+footer a:hover {
+    color: white;
+    /* Change link color on hover */
+}
+
+footer .contact {
+    margin-right: auto;
+    /* Aligns the contact section to the left */
+}
+
+footer input[type="text"],
+footer input[type="email"],
+footer input[name="Message"],
+footer input[type="submit"] {
+    backdrop-filter: blur(50px);
+    box-shadow: 0 0 10px black;
+    margin: 10px 0;
+    /* Margin between inputs */
+    padding: 10px;
+    /* Padding for better usability */
+    border-radius: 5px;
+    /* Rounded corners */
+    border: 1px solid rgba(126, 126, 126, 0.382);
+    /* Silver border */
+    background-color: rgba(255, 255, 255, 0.1);
+    /* Light background for inputs in dark mode */
+    color: rgb(255, 255, 255);
+    /* Silver text for inputs */
+    transition: background-color 0.3s, color 0.3s;
+    /* Smooth transition for inputs */
+}
+
+footer input[type="submit"] {
+    background-color: silver;
+    /* Silver background for the submit button */
+    color: black;
+    /* Black text for visibility */
+    cursor: pointer;
+    /* Pointer cursor for button */
+}
+
+footer input[type="submit"]:hover {
+    background-color: white;
+    /* White background on hover */
+    color: black;
+    /* Keep black text on hover */
+}
+
+
+#last_link {
+    margin-top: 16px;
+    margin-left: 60px;
+}
+
+/* Form styling */
+form {
+    background-color: #4c4c4c2a;
+    backdrop-filter: blur(10px);
+    width: 30vw;
+    margin-left: 5vw;
+    padding: 20px;
+    text-align: center;
+    border-radius: 5px;
+    box-shadow: 0px 0px 10px black;
+    transition: transform 0.3s ease-in-out;
+}
+
+
+/* Input field styling */
+input {
+    background-color: #76767639;
+    width: 85%;
+    height: 30px;
+    margin-top: 20px;
+    border-radius: 5px;
+    padding: 5px 10px;
+    transition: transform 0.3s ease-in-out, border 0.3s ease-in-out;
+}
+
+/* Send button styling */
+#send {
+    display: block;
+    margin: 20px auto;
+    /* Center the button horizontally */
+    width: min-content;
+    background-color: rgba(0, 123, 121, 0.364);
+    cursor: pointer;
+    color: rgba(255, 255, 255, 0.873);
+    padding: 8px 15px;
+    border-radius: 5px;
+    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
+}
+
+/* Send button hover effect */
+#send:hover {
+    color: black;
+    background-color: rgba(0, 240, 236, 0.867);
+    box-shadow: 0px 0px 10px cyan;
+}
+
+.cubes {
+    height: 60vh;
+    position: absolute;
+    right: -120px;
+    margin-top: 50px;
+}
+
+.contact {
+    width: 40vw;
+}
+
+.end-logo {
+    position: absolute;
+    height: 40px;
+    margin-top: 13px;
+}
+
+.name {
+    display: flex;
+}
+
+.design_line {
+    height: 1px;
+    width: 50vw;
+    margin-left: calc(50vw + 15px);
+    transform: translate(-50%);
+    margin-bottom: 20px;
+    margin-top: 50px;
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(255, 255, 255), rgba(0, 0, 0, 0));
+}
+
+.links {
+    font-weight: 100;
+    background-color: #000000;
+    height: auto;
+    margin-top: -5px;
+    text-align: center;
+    padding-top: 20px;
+}
+
+.links a {
+    color: white;
+}
+
+.links h3 {
+    color: white;
+}
+
+.links h4 {
+    color: white;
+}
+
+.end_line {
+    width: 80vw;
+    margin-top: 25px;
+    margin-left: 50%;
+    transform: translate(-50%);
+    height: 0.1px;
+    background-color: rgba(255, 255, 255, 0.433);
+}
+
+.small {
+    margin-top: 20px;
+    display: flex;
+    font-size: medium;
+    justify-content: space-around;
+}
+
+.link_class a {
+    margin-top: 20px;
+    z-index: 10;
+    border-bottom: 0px solid rgba(255, 255, 255, 0);
+    transition-duration: 0.3s;
+    color: rgb(192, 192, 192);
+}
+
+.small i {
+    margin-top: 20px;
+    z-index: 10;
+    border-bottom: 0px solid rgba(255, 255, 255, 0);
+    transition-duration: 0.3s;
+}
+
+.small a:hover {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.433);
+}
+
+.link_class {
+    display: flex;
+    flex-direction: column;
+    text-align: left;
+}
+
+.user-icon {
+    display: none;
+    width: 26px; /* Adjust the size as needed */
+    height: 26px;
+  }
+
+/*===========================RESPONSIVE===================================*/
+@media screen and (max-width: 660px) {
+    .loginSignupbtn{
+        padding: 10px;
+        border-radius: 50%;
+    }
+
+    .button-text {
+        display: none; /* Hide the text for smaller screens */
+      }
+    
+      .user-icon {
+        display: inline-block; /* Show the image for smaller screens */
+      }
+    .plane {
+        max-width: 600px;
+    }
+
+    .right {
+        margin-top: 0px;
+    }
+
+    #download {
+        margin-top: 80px;
+        padding-top: 0px;
+        height: fit-content;
+        flex-direction: column-reverse;
+    }
+
+    #map {
+        margin-left: 20px;
+        width: calc(100vw - 40px);
+        height: 35vh;
+        margin-top: 0px;
+    }
+
+    .top_dataverse {
+        margin-left: 30px;
+    }
+
+    .top_dataverse p {
+        font-size: xx-large;
+    }
+
+    #intro_text {
+        font-size: medium;
+        width: calc(100vw - 60px);
+        margin-left: 30px;
+        margin-top: 10px;
+        margin-bottom: 20px;
+    }
+
+    #download_btn {
+        position: absolute;
+        margin-top: calc(35vh + 20px);
+        left: 50%;
+        transform: translate(-50%);
+        color: #333;
+    }
+
+
+
+
+    #about {
+        padding-top: 90px;
+        margin-top: 0;
+        flex-direction: column;
+    }
+
+    /*.examples{
+        margin-left: 10vw;
+        width: 82.5vw
+    }
+    .examples img{
+        height: 30vh;
+    }*/
+
+    #finance {
+        margin-top: 0;
+        flex-direction: column-reverse;
+    }
+
+    #develop {
+        margin-top: 0;
+        flex-direction: column;
+    }
+
+    .section {
+        width: calc(100% - 80px);
+    }
+
+    #examples {
+        margin-top: 30px;
+    }
+
+    #charts {
+        flex-direction: column;
+        width: calc(100%);
+        margin-bottom: 40px;
+    }
+
+    #charts p {
+        margin-left: 20px;
+        width: calc(100vw - 40px);
+    }
+
+    .examples img {
+        height: 25vh;
+    }
+
+    .preview {
+        margin-top: 20px;
+        width: 70vw;
+    }
+
+    .subheading {
+        margin: 0;
+        margin-top: 20px;
+    }
+
+    .text {
+        margin: 0;
+        margin-top: 20px;
+        width: 100%;
+    }
+
+    .cubes {
+        width: 70vw;
+        height: 70vw;
+        left: -60px;
+        z-index: 0;
+        margin-top: 70px;
+    }
+
+    footer {
+        margin-top: 50px;
+        flex-direction: column;
+    }
+
+    form {
+        margin-top: 40px;
+        width: calc(80vw - 30px);
+        margin-left: 0vw;
+    }
+
+    .heading {
+        font-size: x-large;
+        margin: 0;
+    }
+
+    .subheading {
+        font-size: larger;
+    }
+
+    #technologies {
+        font-size: large;
+        width: calc(75vw - 0px);
+    }
+
+    .text {
+        font-size: medium;
+    }
+
+    .tags {
+        margin-left: 0;
+        font-size: medium;
+        width: 75vw;
+    }
+
+    #contribute {
+        margin-top: 20px;
+        transform: translate(-55%);
+    }
+
+    .end-logo {
+        height: 30px;
+        margin-left: 20px;
+    }
+}
+
+.scrollBar {
+    position: fixed;
+    z-index: 90;
+    top: 59.8px;
+    left: 0;
+    height: 1.9px;
+    box-shadow: 0px 0px 5px goldenrod;
+    width: 0vw;
+    background: rgb(218, 165, 32);
+    transition: width 200ms linear;
+}
+
+.custom-alert {
+    display: none;
+    position: fixed;
+    z-index: 1000;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.7);
+}
+
+.custom-alert-content {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 70vw;
+    max-width: 400px;
+    transform: translate(-50%, -50%);
+    background-color: rgb(51, 51, 51);
+    backdrop-filter: blur(4px);
+    padding: 20px;
+    border-radius: 4px;
+    text-align: center;
+    color: white;
+}
+
+.row_buttons {
+    display: flex;
+    justify-content: space-around;
+}
+
+.custom-alert button {
+    margin-top: 20px;
+    background-color: #efefefeb;
+    border-radius: 3px;
+    border: 1px solid white;
+    padding: 5px 20px 5px 20px;
+}
+
+#later {
+    color: white;
+    background-color: #00000000;
+}
+
+.license-content {
+    font-family: "Montserrat Alternates", sans-serif;
+    font-weight: 400;
+    font-style: normal;
+    letter-spacing: 0.05em;
+    font-size: 1.1em;
+    /* Slight increase */
+    line-height: 1.3;
+    /* For multi-line text */
+    margin-top: 50px;
+    padding: 50px 50px;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    font-size: 16px;
+    width: auto;
+    max-width: auto;
+}
+
+#codeOfconduct {
+    font-family: 'Times New Roman', Times, serif;
+    padding: 20px;
+    border-radius: 8px;
+    margin-bottom: 20px;
+    line-height: 1.6;
+}
+
+#codeOfconduct h1 {
+    text-align: center;
+    font-size: 2em;
+    padding-top: 40px;
+    margin-bottom: 40px;
+}
+
+#codeOfconduct h2 {
+    background: linear-gradient(to bottom, rgba(143, 143, 143, 0.8), #8f8f8f);
+    ;
+    text-align: center;
+    font-size: 1.8em;
+    margin-top: 40px;
+    margin-bottom: 10px;
+}
+
+#codeOfconduct p {
+    font-size: 1.1em;
+}
+
+#codeOfconduct ul {
+    padding-left: 20px;
+}
+
+#codeOfconduct ul li {
+    margin-bottom: 10px;
+}
+
+#codeOfconduct a {
+    color: #1a73e8;
+    text-decoration: none;
+}
+
+#codeOfconduct a:hover {
+    text-decoration: underline;
 }
\ No newline at end of file

From 027ecd877cb859b8f1255271b4d6001a02703e84 Mon Sep 17 00:00:00 2001
From: Tejas Gupta <multiverse.letter@gmail.com>
Date: Tue, 5 Nov 2024 09:26:05 +0530
Subject: [PATCH 04/39] Update README.md

---
 .github/README.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/.github/README.md b/.github/README.md
index 0e4f9ed..e28733c 100644
--- a/.github/README.md
+++ b/.github/README.md
@@ -19,7 +19,7 @@
 ---
 
 # Dataverse
-<img src="website/web_images/3d_glow.webp" height=50px align=right>
+<img src="../website/web_images/3d_glow.webp" height=50px align=right>
 
 ###### Data Visualisation Software & Personal Finance Tracker
 
@@ -136,17 +136,17 @@ Now the software should run locally with no errors, feel free to use the softwar
 
 Software GUI
 <br>
-<img src="software/images/preview.png" width="800px">
+<img src="../software/images/preview.png" width="800px">
 <br><br>
 <details> 
  <summary align=left><H4>View More</H4></summary><br>
 Visualised Finance Data
 <br>
-<img src="website/web_images/preview.png" width="800px">
+<img src="../website/web_images/preview.png" width="800px">
 <br><br>
 Relational Data
 <br>
-<img src="website/web_images/data.png" width="800px">
+<img src="../website/web_images/data.png" width="800px">
 </details>
 </div>
 
@@ -156,7 +156,7 @@ Relational Data
 <sup><a href="#table-of-contents" align="right">Back to top</a></sup>
 
 ER Diagram for Finance Tracker
-![](website/web_images/ER_diagram.png)
+![](../website/web_images/ER_diagram.png)
 
 ---
 ### Contributions

From 2d104d115dd1368232a8ab6d508bbc394d61036b Mon Sep 17 00:00:00 2001
From: multiverseweb <multiverse.letter@gmail.com>
Date: Tue, 5 Nov 2024 10:47:25 +0530
Subject: [PATCH 05/39] fixed all minor bugs

---
 .github/404.html         | 16 +++++++++
 index.html               |  2 +-
 website/404.css          | 70 ++++++++++++++++++++++++++++++++++++++++
 website/styles/style.css | 10 ++++--
 4 files changed, 95 insertions(+), 3 deletions(-)
 create mode 100644 .github/404.html
 create mode 100644 website/404.css

diff --git a/.github/404.html b/.github/404.html
new file mode 100644
index 0000000..85601ed
--- /dev/null
+++ b/.github/404.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Page Not Found :(</title>
+    <link rel="stylesheet" href="../website/404.css">
+    <link rel="shortcut icon" href="../website/web_images/3dlogo.svg" type="image/x-icon">
+</head>
+<body>
+    <div class="error404">4<img class="logo" src="../website/web_images/2dglow.png" alt="Dataverese's Logo">4</div>
+    <div class="info">Oops! Page not found.</div>
+        <div class="info" id="detail">We couldn't find the page you requested. It might be unavailable at the moment or have a different URL.</div>
+        <a href="../index.html" class="home">Return to Home</a>
+</body>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 16ec896..0b6113b 100644
--- a/index.html
+++ b/index.html
@@ -295,7 +295,7 @@
         <p class="tejas_credits" style="color:rgb(187, 187, 187); margin-top: 20px;"> Designed & Developed by Tejas
             Gupta</p>
         <br>
-        <p style="color:rgb(177, 177, 177);">&copy; <span id="copyright">32949832</span> Tejas Gupta</p>
+        <p style="color:rgb(177, 177, 177);">&copy; <span id="copyright">32949832</span> <a href=".github/404.html">Tejas Gupta</a></p>
     </div>
     <div class="end_line"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
diff --git a/website/404.css b/website/404.css
new file mode 100644
index 0000000..3882442
--- /dev/null
+++ b/website/404.css
@@ -0,0 +1,70 @@
+*{
+    margin: 0;
+    padding: 0;
+}
+body{
+    background-color: rgb(0, 0, 0);
+    color:white;
+}
+img{
+    margin-top: 20px;
+    height: 30vh;
+}
+div{
+    left: 50%;
+    transform: translate(-50%);
+    display: flex;
+    font-size: 30vh;
+    flex-direction: row;
+    position: fixed;
+    top:10vh;
+}
+.info{
+    text-align: center;
+    font-size: 25px;
+    color: rgb(212, 212, 212);
+    width: max-content;
+    position: fixed;
+    top: 45vh;
+}
+#detail{
+    top:calc(45vh + 40px);
+    font-size: 20px;
+    width:90%;
+    justify-content: center;
+}
+.home{
+    text-align: center;
+    font-size: 20px;
+    color: rgb(212, 212, 212);
+    width: max-content;
+    position: fixed;
+    top: 65vh;
+    left: 50%;
+    transform: translate(-50%);
+    text-decoration: none;
+    padding: 10px;
+    border: 1px solid white;
+    border-radius: 5px;
+    transition-duration: 0.3s;
+}
+.home:hover{
+    background-color: rgb(255, 255, 255);
+    color: black;
+}
+@media (max-width: 400px) {
+    div{
+        font-size: 35vw;
+    }
+    img{
+        margin: 10px;
+        height: 35vw;
+    }
+    .info{
+        top:30vh;
+    }
+    #detail{
+        top:40vh;
+        font-size: 15px;
+    }
+}
\ No newline at end of file
diff --git a/website/styles/style.css b/website/styles/style.css
index 10ea500..23483b6 100644
--- a/website/styles/style.css
+++ b/website/styles/style.css
@@ -941,7 +941,7 @@ form {
     background-color: #4c4c4c2a;
     backdrop-filter: blur(10px);
     width: 30vw;
-    margin-left: 5vw;
+    margin-left: -5vw;
     padding: 20px;
     text-align: center;
     border-radius: 5px;
@@ -983,6 +983,7 @@ input {
 }
 
 .cubes {
+    overflow-x: hidden;
     height: 60vh;
     position: absolute;
     right: -120px;
@@ -1000,6 +1001,7 @@ input {
 }
 
 .name {
+    margin-left: 100px;
     display: flex;
 }
 
@@ -1035,7 +1037,7 @@ input {
 }
 
 .end_line {
-    width: 80vw;
+    width: 70vw;
     margin-top: 25px;
     margin-left: 50%;
     transform: translate(-50%);
@@ -1065,6 +1067,10 @@ input {
     transition-duration: 0.3s;
 }
 
+.small a{
+    width: fit-content;
+}
+
 .small a:hover {
     border-bottom: 1px solid rgba(255, 255, 255, 0.433);
 }

From 936197859dc259baed13a22e7584182f381c435d Mon Sep 17 00:00:00 2001
From: multiverseweb <multiverse.letter@gmail.com>
Date: Tue, 5 Nov 2024 10:52:12 +0530
Subject: [PATCH 06/39] fixed all minor bugs

---
 .github/LICENSE => LICENSE | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename .github/LICENSE => LICENSE (100%)

diff --git a/.github/LICENSE b/LICENSE
similarity index 100%
rename from .github/LICENSE
rename to LICENSE

From f04bc7a513fa7655424fe09a05679a50d051fae1 Mon Sep 17 00:00:00 2001
From: multiverseweb <multiverse.letter@gmail.com>
Date: Tue, 5 Nov 2024 11:47:12 +0530
Subject: [PATCH 07/39] fixed repo structure

---
 .github/404.html             | 2 +-
 website/{ => styles}/404.css | 0
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename website/{ => styles}/404.css (100%)

diff --git a/.github/404.html b/.github/404.html
index 85601ed..1d416bc 100644
--- a/.github/404.html
+++ b/.github/404.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Page Not Found :(</title>
-    <link rel="stylesheet" href="../website/404.css">
+    <link rel="stylesheet" href="../website/styles/404.css">
     <link rel="shortcut icon" href="../website/web_images/3dlogo.svg" type="image/x-icon">
 </head>
 <body>
diff --git a/website/404.css b/website/styles/404.css
similarity index 100%
rename from website/404.css
rename to website/styles/404.css

From d50f82915e65a074c186b21058c59d0873d56177 Mon Sep 17 00:00:00 2001
From: Amin Jalal <mo13241234@gmail.com>
Date: Tue, 5 Nov 2024 22:18:37 +0300
Subject: [PATCH 08/39] Updated all of the links linking to the README.md file
 to the correct path in the .github folder.

---
 index.html                       | 4 ++--
 website/pages/codeOfconduct.html | 2 +-
 website/pages/license.html       | 2 +-
 website/scripts/script.js        | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 0b6113b..884b0ad 100644
--- a/index.html
+++ b/index.html
@@ -69,7 +69,7 @@
                 <td><a href="https://github.com/multiverseweb/Dataverse" class="table_link">Github Repository</a></td>
             </tr>
             <tr>
-                <td><a href="https://github.com/multiverseweb/Dataverse/blob/main/README.md"
+                <td><a href="https://github.com/multiverseweb/Dataverse/blob/main/.github/README.md"
                         class="table_link">Documentation</a></td>
             </tr>
             <tr>
@@ -260,7 +260,7 @@
     <div class="links">
         <div class="small">
             <div class="link_class">
-                <a href="https://github.com/multiverseweb/Dataverse/blob/main/README.md"
+                <a href="https://github.com/multiverseweb/Dataverse/blob/main/.github/README.md"
                     class="table_link">Documentation</a>
                 <a href="./website/pages/contributor.html" class="table_link">Contributors</a>
                 <a href="website/pages/codeOfconduct.html" class="table_link" target="_blank">Code of Conduct</a>
diff --git a/website/pages/codeOfconduct.html b/website/pages/codeOfconduct.html
index 2fd21d0..ae961e7 100644
--- a/website/pages/codeOfconduct.html
+++ b/website/pages/codeOfconduct.html
@@ -53,7 +53,7 @@
                 <td><a href="https://github.com/multiverseweb/Dataverse" class="table_link">Github Repository</a></td>
             </tr>
             <tr>
-                <td><a href="https://github.com/multiverseweb/Dataverse/blob/main/README.md"
+                <td><a href="https://github.com/multiverseweb/Dataverse/blob/main/.github/README.md"
                         class="table_link">Documentation</a></td>
             </tr>
             <tr>
diff --git a/website/pages/license.html b/website/pages/license.html
index 7a98a8b..289a1d8 100644
--- a/website/pages/license.html
+++ b/website/pages/license.html
@@ -48,7 +48,7 @@
                 <td><a href="https://github.com/multiverseweb/Dataverse" class="table_link">Github Repository</a></td>
             </tr>
             <tr>
-                <td><a href="https://github.com/multiverseweb/Dataverse/blob/main/README.md"
+                <td><a href="https://github.com/multiverseweb/Dataverse/blob/main/.github/README.md"
                         class="table_link">Documentation</a></td>
             </tr>
             <tr>
diff --git a/website/scripts/script.js b/website/scripts/script.js
index 3ee4677..1a64acc 100644
--- a/website/scripts/script.js
+++ b/website/scripts/script.js
@@ -1,5 +1,5 @@
 // Array of city names
-var cities = ["Pune", "Moradabad", "Dehradun","Rampur","Delhi","Coimbatore"];
+var cities = ["Pune", "Moradabad", "Dehradun","Rampur","Delhi","Coimbatore", "Riyadh"];
 
 // /preloader js styling
 window.addEventListener('DOMContentLoaded', () => {

From b447f5ab16ee6273e9b0a03ad81b3380341db1f9 Mon Sep 17 00:00:00 2001
From: Rajdeep Chakraborty <rajdeepchka@gmail.com>
Date: Wed, 6 Nov 2024 01:09:13 +0530
Subject: [PATCH 09/39] Added: File to generate and store the project structure
 using python script

---
 Documentation/repo_structure.txt | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 Documentation/repo_structure.txt

diff --git a/Documentation/repo_structure.txt b/Documentation/repo_structure.txt
new file mode 100644
index 0000000..e69de29

From 0859fa723ef8c6686a47bf168cec587d4dc6c2f1 Mon Sep 17 00:00:00 2001
From: Rajdeep Chakraborty <rajdeepchka@gmail.com>
Date: Wed, 6 Nov 2024 01:09:45 +0530
Subject: [PATCH 10/39] Added: Dedicated Markdown(.md) file to store the
 Project Structure for redirect

---
 Documentation/PROJECT_STRUCTURE.md | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 Documentation/PROJECT_STRUCTURE.md

diff --git a/Documentation/PROJECT_STRUCTURE.md b/Documentation/PROJECT_STRUCTURE.md
new file mode 100644
index 0000000..e2e0db4
--- /dev/null
+++ b/Documentation/PROJECT_STRUCTURE.md
@@ -0,0 +1,4 @@
+## Project Structure ✨
+
+<!-- START_STRUCTURE -->
+<!-- END_STRUCTURE -->
\ No newline at end of file

From c5074302b3eb7f2dad548fc307f6b467b6579222 Mon Sep 17 00:00:00 2001
From: Rajdeep Chakraborty <rajdeepchka@gmail.com>
Date: Wed, 6 Nov 2024 01:12:27 +0530
Subject: [PATCH 11/39] Added: Redirect to the Project Repository from the
 Readme file

---
 .github/README.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/.github/README.md b/.github/README.md
index e28733c..efe7f77 100644
--- a/.github/README.md
+++ b/.github/README.md
@@ -130,6 +130,10 @@ Now the software should run locally with no errors, feel free to use the softwar
 
 ---
 
+## ✨ Project Structure
+
+Check the project structure here [Project Structure](/Documentation/PROJECT_STRUCTURE.md)
+
 ### Preview
 <sup><a href="#table-of-contents" align="right">Back to top</a></sup>
 <div align=center>

From 9b7ec07987597f2cdf53883a6bb21dd550f171ca Mon Sep 17 00:00:00 2001
From: Rajdeep Chakraborty <rajdeepchka@gmail.com>
Date: Wed, 6 Nov 2024 01:13:07 +0530
Subject: [PATCH 12/39] Added: Workflow to update and automate the Project
 Repository

---
 .github/workflows/update-readme.yml | 41 +++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 .github/workflows/update-readme.yml

diff --git a/.github/workflows/update-readme.yml b/.github/workflows/update-readme.yml
new file mode 100644
index 0000000..acf56e1
--- /dev/null
+++ b/.github/workflows/update-readme.yml
@@ -0,0 +1,41 @@
+name: Update Repository structure
+
+on:
+  schedule:
+    - cron: '0 * * * *'  # Run every hour
+  workflow_dispatch:  # Allow manual triggering
+  push:
+    branches:
+      # - main
+          # Updates repository when changes pushed into main branch
+      - auto
+
+jobs:
+  detect-and-update-structure:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write   # Permission to the GitHub Bot to access and update the Project Repository 
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v2
+
+      - name: Set up Python
+        uses: actions/setup-python@v2
+        with:
+          python-version: 3.12
+
+      - name: Install dependencies
+        run: |
+          python -m pip install --upgrade pip
+          pip install PyGithub
+      - name: Run update script
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: python .github/scripts/update_structure.py   # Run the python script to create/update the repo sturcture
+
+      - name: Commit and push if changed    # Commit and push changes to the head branch(main)
+        run: |
+          git config user.email "41898282+github-actions[bot]@users.noreply.github.com" 
+          git config user.name "github-actions[bot]"
+          git add . 
+          git diff --quiet && git diff --staged --quiet || (git commit -m "Update repo structure" && git push)
\ No newline at end of file

From 847e33706237f7e5c0226ccb84aece872c917659 Mon Sep 17 00:00:00 2001
From: Rajdeep Chakraborty <rajdeepchka@gmail.com>
Date: Wed, 6 Nov 2024 01:13:28 +0530
Subject: [PATCH 13/39] Added: Python Code to update the Project Structure and
 automate it

---
 .github/scripts/update_structure.py | 101 ++++++++++++++++++++++++++++
 1 file changed, 101 insertions(+)
 create mode 100644 .github/scripts/update_structure.py

diff --git a/.github/scripts/update_structure.py b/.github/scripts/update_structure.py
new file mode 100644
index 0000000..087a077
--- /dev/null
+++ b/.github/scripts/update_structure.py
@@ -0,0 +1,101 @@
+import os
+import github
+from github import Github
+
+# Helper function to recursively build the repo structure and include file extensions
+def get_repo_structure(path='.', prefix=''):
+    structure = []
+    try:
+        items = sorted(os.listdir(path))
+    except FileNotFoundError:
+        print(f"Path not found: {path}")
+        return structure
+
+    for i, item in enumerate(items):
+        if item.startswith('.'):
+            continue  # Skip hidden files and directories
+        item_path = os.path.join(path, item)
+        is_last = i == len(items) - 1
+        current_prefix = '└── ' if is_last else '├── '
+
+        if os.path.isdir(item_path):
+            # Directory case
+            structure.append(f"{prefix}{current_prefix}{item}/")
+            next_prefix = prefix + ('    ' if is_last else '│   ')
+            structure.extend(get_repo_structure(item_path, next_prefix))
+        else:
+            # File case with extension
+            file_name, file_extension = os.path.splitext(item)
+            structure.append(f"{prefix}{current_prefix}{file_name}{file_extension}")
+
+    return structure
+
+# Function to update the repo_structure.txt file
+def update_structure_file(structure):
+    try:
+        with open('repo_structure.txt', 'w') as f:
+            f.write('\n'.join(structure))
+        print("repo_structure.txt updated successfully.")
+    except IOError as e:
+        print(f"Error writing to repo_structure.txt: {e}")
+
+# Function to update the README.md with the new structure
+def update_README(structure):
+    try:
+        with open('PROJECT_STRUCTURE.md', 'r') as f:
+            content = f.read()
+    except FileNotFoundError:
+        print("PROJECT_STRUCTURE.md not found.")
+        return
+
+    start_marker = '<!-- START_STRUCTURE -->'
+    end_marker = '<!-- END_STRUCTURE -->'
+
+    start_index = content.find(start_marker)
+    end_index = content.find(end_marker)
+
+    if start_index != -1 and end_index != -1:
+        new_content = (
+            content[:start_index + len(start_marker)] +
+            '\n```\n' + '\n'.join(structure) + '\n```\n' +
+            content[end_index:]
+        )
+        try:
+            with open('PROJECT_STRUCTURE.md', 'w') as f:
+                f.write(new_content)
+            print("PROJECT_STRUCTURE.md updated with new structure.")
+        except IOError as e:
+            print(f"Error writing to PROJECT_STRUCTURE.md: {e}")
+    else:
+        print("Markers not found in PROJECT_STRUCTURE.md. Structure not updated.")
+
+# Main function to compare and update repository structure
+def main():
+    gh_token = os.getenv('GH_TOKEN')
+    gh_repo = os.getenv('GITHUB_REPOSITORY')
+
+    if not gh_token or not gh_repo:
+        print("Environment variables GH_TOKEN and GITHUB_REPOSITORY must be set.")
+        return
+
+    g = Github(gh_token)
+    repo = g.get_repo(gh_repo)
+
+    current_structure = get_repo_structure()
+
+    try:
+        # Fetch the contents of repo_structure.txt from GitHub
+        contents = repo.get_contents("repo_structure.txt")
+        existing_structure = contents.decoded_content.decode().split('\n')
+    except github.GithubException:
+        existing_structure = None
+
+    if current_structure != existing_structure:
+        update_structure_file(current_structure)
+        update_README(current_structure)
+        print("Repository structure updated.")
+    else:
+        print("No changes in repository structure.")
+
+if __name__ == "__main__":
+    main()
\ No newline at end of file

From c9374af3611c4999cd2cf275b33b21d022c57a88 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Tue, 5 Nov 2024 19:45:00 +0000
Subject: [PATCH 14/39] Update repo structure

---
 repo_structure.txt | 88 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 88 insertions(+)
 create mode 100644 repo_structure.txt

diff --git a/repo_structure.txt b/repo_structure.txt
new file mode 100644
index 0000000..fc98077
--- /dev/null
+++ b/repo_structure.txt
@@ -0,0 +1,88 @@
+├── Documentation/
+│   ├── Contributing.md
+│   ├── PROJECT_STRUCTURE.md
+│   └── repo_structure.txt
+├── LICENSE
+├── index.html
+├── software/
+│   ├── __pycache__/
+│   │   ├── dataVisualization.cpython-311.pyc
+│   │   ├── financeTracker.cpython-311.pyc
+│   │   ├── functions.cpython-311.pyc
+│   │   ├── main.cpython-311.pyc
+│   │   ├── mainGUI.cpython-311.pyc
+│   │   ├── plot.cpython-311.pyc
+│   │   └── report.cpython-311.pyc
+│   ├── database.sql
+│   ├── financeTracker.py
+│   ├── finance_tracker.ipynb
+│   ├── images/
+│   │   ├── 2dlogo.png
+│   │   ├── 3dScatter.png
+│   │   ├── 3dlogo.png
+│   │   ├── area_chart.png
+│   │   ├── background.png
+│   │   ├── bar_graph.png
+│   │   ├── delete-user.png
+│   │   ├── equation.png
+│   │   ├── finance.png
+│   │   ├── globe.png
+│   │   ├── heatmap_plot.png
+│   │   ├── histogram.png
+│   │   ├── home.png
+│   │   ├── line_graph.png
+│   │   ├── pie_chart.png
+│   │   ├── polarScatter.png
+│   │   ├── preview.png
+│   │   ├── radar_chart.png
+│   │   ├── scatter_plot.png
+│   │   ├── surface.png
+│   │   ├── user.png
+│   │   └── visualization.png
+│   ├── main.py
+│   └── report.py
+└── website/
+    ├── pages/
+    │   ├── codeOfconduct.html
+    │   ├── contributor.html
+    │   ├── license.html
+    │   ├── login.html
+    │   └── signup.html
+    ├── scripts/
+    │   ├── codeOfconduct.js
+    │   ├── contributor.js
+    │   ├── license.js
+    │   └── script.js
+    ├── styles/
+    │   ├── 404.css
+    │   ├── contributor.css
+    │   └── style.css
+    └── web_images/
+        ├── 2dglow.png
+        ├── 2dglowhalfbg-removebg-preview.png
+        ├── 2dlogo.svg
+        ├── 3d.gif
+        ├── 3d_glow.webp
+        ├── 3dlogo.svg
+        ├── ER_diagram.png
+        ├── about_down.webp
+        ├── about_up.webp
+        ├── copy.png
+        ├── cubes.webp
+        ├── data.png
+        ├── develop_down.webp
+        ├── develop_up.webp
+        ├── finance_down.webp
+        ├── finance_up.webp
+        ├── galaxy.webp
+        ├── live.gif
+        ├── loader.gif
+        ├── loader.mp4
+        ├── portal.webp
+        ├── preview.png
+        ├── settings.webp
+        ├── stars.webp
+        ├── top.webp
+        ├── user.png
+        ├── volcano.gif
+        └── wordcloud.png
\ No newline at end of file

From 0ce1d7d7b707663d90a075ea97bfa00b1a2f1df9 Mon Sep 17 00:00:00 2001
From: Rajdeep Chakraborty <rajdeepchka@gmail.com>
Date: Wed, 6 Nov 2024 01:20:32 +0530
Subject: [PATCH 15/39] Updated: Path directory for project repository files

---
 .github/scripts/update_structure.py | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/.github/scripts/update_structure.py b/.github/scripts/update_structure.py
index 087a077..a864a0a 100644
--- a/.github/scripts/update_structure.py
+++ b/.github/scripts/update_structure.py
@@ -33,7 +33,7 @@ def get_repo_structure(path='.', prefix=''):
 # Function to update the repo_structure.txt file
 def update_structure_file(structure):
     try:
-        with open('repo_structure.txt', 'w') as f:
+        with open('Documentation/repo_structure.txt', 'w') as f:
             f.write('\n'.join(structure))
         print("repo_structure.txt updated successfully.")
     except IOError as e:
@@ -42,7 +42,7 @@ def update_structure_file(structure):
 # Function to update the README.md with the new structure
 def update_README(structure):
     try:
-        with open('PROJECT_STRUCTURE.md', 'r') as f:
+        with open('Documentation/PROJECT_STRUCTURE.md', 'r') as f:
             content = f.read()
     except FileNotFoundError:
         print("PROJECT_STRUCTURE.md not found.")
@@ -61,7 +61,7 @@ def update_README(structure):
             content[end_index:]
         )
         try:
-            with open('PROJECT_STRUCTURE.md', 'w') as f:
+            with open('Documentation/PROJECT_STRUCTURE.md', 'w') as f:
                 f.write(new_content)
             print("PROJECT_STRUCTURE.md updated with new structure.")
         except IOError as e:
@@ -85,7 +85,7 @@ def main():
 
     try:
         # Fetch the contents of repo_structure.txt from GitHub
-        contents = repo.get_contents("repo_structure.txt")
+        contents = repo.get_contents("Documentation/repo_structure.txt")
         existing_structure = contents.decoded_content.decode().split('\n')
     except github.GithubException:
         existing_structure = None

From 46f3e621fe5a9277fd1f50448b09dbb05ee696d9 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Tue, 5 Nov 2024 19:50:59 +0000
Subject: [PATCH 16/39] Update repo structure

---
 Documentation/PROJECT_STRUCTURE.md | 91 ++++++++++++++++++++++++++++++
 Documentation/repo_structure.txt   | 89 +++++++++++++++++++++++++++++
 2 files changed, 180 insertions(+)

diff --git a/Documentation/PROJECT_STRUCTURE.md b/Documentation/PROJECT_STRUCTURE.md
index e2e0db4..6e54ab2 100644
--- a/Documentation/PROJECT_STRUCTURE.md
+++ b/Documentation/PROJECT_STRUCTURE.md
@@ -1,4 +1,95 @@
 ## Project Structure ✨
 
 <!-- START_STRUCTURE -->
+```
+├── Documentation/
+│   ├── Contributing.md
+│   ├── PROJECT_STRUCTURE.md
+│   └── repo_structure.txt
+├── LICENSE
+├── index.html
+├── repo_structure.txt
+├── software/
+│   ├── __pycache__/
+│   │   ├── dataVisualization.cpython-311.pyc
+│   │   ├── financeTracker.cpython-311.pyc
+│   │   ├── functions.cpython-311.pyc
+│   │   ├── main.cpython-311.pyc
+│   │   ├── mainGUI.cpython-311.pyc
+│   │   ├── plot.cpython-311.pyc
+│   │   └── report.cpython-311.pyc
+│   ├── database.sql
+│   ├── financeTracker.py
+│   ├── finance_tracker.ipynb
+│   ├── images/
+│   │   ├── 2dlogo.png
+│   │   ├── 3dScatter.png
+│   │   ├── 3dlogo.png
+│   │   ├── area_chart.png
+│   │   ├── background.png
+│   │   ├── bar_graph.png
+│   │   ├── delete-user.png
+│   │   ├── equation.png
+│   │   ├── finance.png
+│   │   ├── globe.png
+│   │   ├── heatmap_plot.png
+│   │   ├── histogram.png
+│   │   ├── home.png
+│   │   ├── line_graph.png
+│   │   ├── pie_chart.png
+│   │   ├── polarScatter.png
+│   │   ├── preview.png
+│   │   ├── radar_chart.png
+│   │   ├── scatter_plot.png
+│   │   ├── surface.png
+│   │   ├── user.png
+│   │   └── visualization.png
+│   ├── main.py
+│   └── report.py
+└── website/
+    ├── pages/
+    │   ├── codeOfconduct.html
+    │   ├── contributor.html
+    │   ├── license.html
+    │   ├── login.html
+    │   └── signup.html
+    ├── scripts/
+    │   ├── codeOfconduct.js
+    │   ├── contributor.js
+    │   ├── license.js
+    │   └── script.js
+    ├── styles/
+    │   ├── 404.css
+    │   ├── contributor.css
+    │   └── style.css
+    └── web_images/
+        ├── 2dglow.png
+        ├── 2dglowhalfbg-removebg-preview.png
+        ├── 2dlogo.svg
+        ├── 3d.gif
+        ├── 3d_glow.webp
+        ├── 3dlogo.svg
+        ├── ER_diagram.png
+        ├── about_down.webp
+        ├── about_up.webp
+        ├── copy.png
+        ├── cubes.webp
+        ├── data.png
+        ├── develop_down.webp
+        ├── develop_up.webp
+        ├── finance_down.webp
+        ├── finance_up.webp
+        ├── galaxy.webp
+        ├── live.gif
+        ├── loader.gif
+        ├── loader.mp4
+        ├── portal.webp
+        ├── preview.png
+        ├── settings.webp
+        ├── stars.webp
+        ├── top.webp
+        ├── user.png
+        ├── volcano.gif
+        └── wordcloud.png
+```
 <!-- END_STRUCTURE -->
\ No newline at end of file
diff --git a/Documentation/repo_structure.txt b/Documentation/repo_structure.txt
index e69de29..9dd45b5 100644
--- a/Documentation/repo_structure.txt
+++ b/Documentation/repo_structure.txt
@@ -0,0 +1,89 @@
+├── Documentation/
+│   ├── Contributing.md
+│   ├── PROJECT_STRUCTURE.md
+│   └── repo_structure.txt
+├── LICENSE
+├── index.html
+├── repo_structure.txt
+├── software/
+│   ├── __pycache__/
+│   │   ├── dataVisualization.cpython-311.pyc
+│   │   ├── financeTracker.cpython-311.pyc
+│   │   ├── functions.cpython-311.pyc
+│   │   ├── main.cpython-311.pyc
+│   │   ├── mainGUI.cpython-311.pyc
+│   │   ├── plot.cpython-311.pyc
+│   │   └── report.cpython-311.pyc
+│   ├── database.sql
+│   ├── financeTracker.py
+│   ├── finance_tracker.ipynb
+│   ├── images/
+│   │   ├── 2dlogo.png
+│   │   ├── 3dScatter.png
+│   │   ├── 3dlogo.png
+│   │   ├── area_chart.png
+│   │   ├── background.png
+│   │   ├── bar_graph.png
+│   │   ├── delete-user.png
+│   │   ├── equation.png
+│   │   ├── finance.png
+│   │   ├── globe.png
+│   │   ├── heatmap_plot.png
+│   │   ├── histogram.png
+│   │   ├── home.png
+│   │   ├── line_graph.png
+│   │   ├── pie_chart.png
+│   │   ├── polarScatter.png
+│   │   ├── preview.png
+│   │   ├── radar_chart.png
+│   │   ├── scatter_plot.png
+│   │   ├── surface.png
+│   │   ├── user.png
+│   │   └── visualization.png
+│   ├── main.py
+│   └── report.py
+└── website/
+    ├── pages/
+    │   ├── codeOfconduct.html
+    │   ├── contributor.html
+    │   ├── license.html
+    │   ├── login.html
+    │   └── signup.html
+    ├── scripts/
+    │   ├── codeOfconduct.js
+    │   ├── contributor.js
+    │   ├── license.js
+    │   └── script.js
+    ├── styles/
+    │   ├── 404.css
+    │   ├── contributor.css
+    │   └── style.css
+    └── web_images/
+        ├── 2dglow.png
+        ├── 2dglowhalfbg-removebg-preview.png
+        ├── 2dlogo.svg
+        ├── 3d.gif
+        ├── 3d_glow.webp
+        ├── 3dlogo.svg
+        ├── ER_diagram.png
+        ├── about_down.webp
+        ├── about_up.webp
+        ├── copy.png
+        ├── cubes.webp
+        ├── data.png
+        ├── develop_down.webp
+        ├── develop_up.webp
+        ├── finance_down.webp
+        ├── finance_up.webp
+        ├── galaxy.webp
+        ├── live.gif
+        ├── loader.gif
+        ├── loader.mp4
+        ├── portal.webp
+        ├── preview.png
+        ├── settings.webp
+        ├── stars.webp
+        ├── top.webp
+        ├── user.png
+        ├── volcano.gif
+        └── wordcloud.png
\ No newline at end of file

From c6de09414815936cae75ee71989e633a998c20f6 Mon Sep 17 00:00:00 2001
From: Rajdeep Chakraborty <rajdeepchka@gmail.com>
Date: Wed, 6 Nov 2024 01:22:20 +0530
Subject: [PATCH 17/39] Removed: Test repo strucuture text file

---
 repo_structure.txt | 88 ----------------------------------------------
 1 file changed, 88 deletions(-)
 delete mode 100644 repo_structure.txt

diff --git a/repo_structure.txt b/repo_structure.txt
deleted file mode 100644
index fc98077..0000000
--- a/repo_structure.txt
+++ /dev/null
@@ -1,88 +0,0 @@
-├── Documentation/
-│   ├── Contributing.md
-│   ├── PROJECT_STRUCTURE.md
-│   └── repo_structure.txt
-├── LICENSE
-├── index.html
-├── software/
-│   ├── __pycache__/
-│   │   ├── dataVisualization.cpython-311.pyc
-│   │   ├── financeTracker.cpython-311.pyc
-│   │   ├── functions.cpython-311.pyc
-│   │   ├── main.cpython-311.pyc
-│   │   ├── mainGUI.cpython-311.pyc
-│   │   ├── plot.cpython-311.pyc
-│   │   └── report.cpython-311.pyc
-│   ├── database.sql
-│   ├── financeTracker.py
-│   ├── finance_tracker.ipynb
-│   ├── images/
-│   │   ├── 2dlogo.png
-│   │   ├── 3dScatter.png
-│   │   ├── 3dlogo.png
-│   │   ├── area_chart.png
-│   │   ├── background.png
-│   │   ├── bar_graph.png
-│   │   ├── delete-user.png
-│   │   ├── equation.png
-│   │   ├── finance.png
-│   │   ├── globe.png
-│   │   ├── heatmap_plot.png
-│   │   ├── histogram.png
-│   │   ├── home.png
-│   │   ├── line_graph.png
-│   │   ├── pie_chart.png
-│   │   ├── polarScatter.png
-│   │   ├── preview.png
-│   │   ├── radar_chart.png
-│   │   ├── scatter_plot.png
-│   │   ├── surface.png
-│   │   ├── user.png
-│   │   └── visualization.png
-│   ├── main.py
-│   └── report.py
-└── website/
-    ├── pages/
-    │   ├── codeOfconduct.html
-    │   ├── contributor.html
-    │   ├── license.html
-    │   ├── login.html
-    │   └── signup.html
-    ├── scripts/
-    │   ├── codeOfconduct.js
-    │   ├── contributor.js
-    │   ├── license.js
-    │   └── script.js
-    ├── styles/
-    │   ├── 404.css
-    │   ├── contributor.css
-    │   └── style.css
-    └── web_images/
-        ├── 2dglow.png
-        ├── 2dglowhalfbg-removebg-preview.png
-        ├── 2dlogo.svg
-        ├── 3d.gif
-        ├── 3d_glow.webp
-        ├── 3dlogo.svg
-        ├── ER_diagram.png
-        ├── about_down.webp
-        ├── about_up.webp
-        ├── copy.png
-        ├── cubes.webp
-        ├── data.png
-        ├── develop_down.webp
-        ├── develop_up.webp
-        ├── finance_down.webp
-        ├── finance_up.webp
-        ├── galaxy.webp
-        ├── live.gif
-        ├── loader.gif
-        ├── loader.mp4
-        ├── portal.webp
-        ├── preview.png
-        ├── settings.webp
-        ├── stars.webp
-        ├── top.webp
-        ├── user.png
-        ├── volcano.gif
-        └── wordcloud.png
\ No newline at end of file

From cba1a66579e2755280d5c335496784b988d70f59 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Tue, 5 Nov 2024 19:52:50 +0000
Subject: [PATCH 18/39] Update repo structure

---
 Documentation/PROJECT_STRUCTURE.md | 1 -
 Documentation/repo_structure.txt   | 1 -
 2 files changed, 2 deletions(-)

diff --git a/Documentation/PROJECT_STRUCTURE.md b/Documentation/PROJECT_STRUCTURE.md
index 6e54ab2..1e087a2 100644
--- a/Documentation/PROJECT_STRUCTURE.md
+++ b/Documentation/PROJECT_STRUCTURE.md
@@ -8,7 +8,6 @@
 │   └── repo_structure.txt
 ├── LICENSE
 ├── index.html
-├── repo_structure.txt
 ├── software/
 │   ├── __pycache__/
 │   │   ├── dataVisualization.cpython-311.pyc
diff --git a/Documentation/repo_structure.txt b/Documentation/repo_structure.txt
index 9dd45b5..fc98077 100644
--- a/Documentation/repo_structure.txt
+++ b/Documentation/repo_structure.txt
@@ -4,7 +4,6 @@
 │   └── repo_structure.txt
 ├── LICENSE
 ├── index.html
-├── repo_structure.txt
 ├── software/
 │   ├── __pycache__/
 │   │   ├── dataVisualization.cpython-311.pyc

From dbadc99e7a91d52641eb72964397ce039ea14c6f Mon Sep 17 00:00:00 2001
From: Tejas Gupta <multiverse.letter@gmail.com>
Date: Wed, 6 Nov 2024 04:20:44 +0530
Subject: [PATCH 19/39] Update auto-label.yml

---
 .github/workflows/auto-label.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/auto-label.yml b/.github/workflows/auto-label.yml
index 1273d34..1a4ebda 100644
--- a/.github/workflows/auto-label.yml
+++ b/.github/workflows/auto-label.yml
@@ -49,7 +49,7 @@ jobs:
 
             // Define the label name and color
             const label = 'Review Queued';
-            const color = 'ffae00';  // Custom color hex code
+            const color = '0E8A16';  // Custom color hex code
 
             // Create or update the label and apply it to the issue
             await createOrUpdateLabel(label, color);

From d33b71ad7720ff75f59045c4228b10fa0eea6841 Mon Sep 17 00:00:00 2001
From: Tejas Gupta <multiverse.letter@gmail.com>
Date: Wed, 6 Nov 2024 04:30:43 +0530
Subject: [PATCH 20/39] Update auto-label.yml

---
 .github/workflows/auto-label.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/auto-label.yml b/.github/workflows/auto-label.yml
index 1a4ebda..dceb5a7 100644
--- a/.github/workflows/auto-label.yml
+++ b/.github/workflows/auto-label.yml
@@ -49,7 +49,7 @@ jobs:
 
             // Define the label name and color
             const label = 'Review Queued';
-            const color = '0E8A16';  // Custom color hex code
+            const color = 'faff00';  // Custom color hex code
 
             // Create or update the label and apply it to the issue
             await createOrUpdateLabel(label, color);

From d8a001ed75df870b57e6cb2a468889dff444454c Mon Sep 17 00:00:00 2001
From: Tejas Gupta <multiverse.letter@gmail.com>
Date: Wed, 6 Nov 2024 04:32:49 +0530
Subject: [PATCH 21/39] Update auto-label.yml

---
 .github/workflows/auto-label.yml | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/.github/workflows/auto-label.yml b/.github/workflows/auto-label.yml
index dceb5a7..3f6188b 100644
--- a/.github/workflows/auto-label.yml
+++ b/.github/workflows/auto-label.yml
@@ -1,22 +1,24 @@
-
-name: Auto Label Issue
+name: Auto Label Issue and PR
 
 on:
   issues:
     types: [opened, reopened, edited]
+  pull_request:
+    types: [opened, reopened, edited]
 
 jobs:
-  label_issue:
+  label_issue_or_pr:
     runs-on: ubuntu-latest
     permissions:
       issues: write
+      pull-requests: write
     steps:
-      - name: Label Issue with Custom Color
+      - name: Label Issue or PR with Custom Color
         uses: actions/github-script@v6
         with:
           github-token: ${{secrets.GITHUB_TOKEN}}
           script: |
-            const issue = context.payload.issue;
+            const issueOrPr = context.payload.issue || context.payload.pull_request;
             
             // Function to create or update a label with the specified color
             const createOrUpdateLabel = async (label, color) => {
@@ -42,7 +44,7 @@ jobs:
                   repo: context.repo.repo,
                   name: label,
                   color: color,
-                  description: `Waiting for the Dataverse's Maintainer to review this issue.`
+                  description: `Waiting for the Dataverse's Maintainer's review.`
                 });
               }
             };
@@ -51,11 +53,11 @@ jobs:
             const label = 'Review Queued';
             const color = 'faff00';  // Custom color hex code
 
-            // Create or update the label and apply it to the issue
+            // Create or update the label and apply it to the issue or PR
             await createOrUpdateLabel(label, color);
             await github.rest.issues.addLabels({
               owner: context.repo.owner,
               repo: context.repo.repo,
-              issue_number: issue.number,
+              issue_number: issueOrPr.number,
               labels: [label]
             });

From 840675bbabe185da5021670ab761686413b9f758 Mon Sep 17 00:00:00 2001
From: Tejas Gupta <115937671+Tejas-Gupta-7@users.noreply.github.com>
Date: Wed, 6 Nov 2024 04:40:06 +0530
Subject: [PATCH 22/39] Update Contributing.md

---
 Documentation/Contributing.md | 63 +++++++++++------------------------
 1 file changed, 19 insertions(+), 44 deletions(-)

diff --git a/Documentation/Contributing.md b/Documentation/Contributing.md
index 4bc3651..4ed7474 100644
--- a/Documentation/Contributing.md
+++ b/Documentation/Contributing.md
@@ -1,7 +1,7 @@
 <h1 align="center">✨ Contributors Guide ✨</h1>
 <h3 align="center">Welcome to my DATAVERSE🌍 project! <br> We appreciate your interest in contributing.😊 <br>This guide will help you get started with the project and make your first contribution.</h3>
 
-![Line](https://user-images.githubusercontent.com/85225156/171937799-8fc9e255-9889-4642-9c92-6df85fb86e82.gif)
+---
 
 # What you can contribute? 💭
 
@@ -14,44 +14,19 @@ Contributors can enhance the project by implementing new features or improvement
 **📝 Documentation :**
 High-quality documentation is essential for the success of the project. Contributions to the documentation help ensure that users and contributors can understand and use the travel website effectively.
 
-![Line](https://user-images.githubusercontent.com/85225156/171937799-8fc9e255-9889-4642-9c92-6df85fb86e82.gif)
+---
 
 # Code of Conduct
 
 Please read and follow our [Code of Conduct](https://github.com/multiverseweb/Dataverse/blob/main/code_of_conduct.md)
 
-![Line](https://user-images.githubusercontent.com/85225156/171937799-8fc9e255-9889-4642-9c92-6df85fb86e82.gif)
+---
 
 # Project Structure 📂
 
-```bash
-DATAVERSE/
-├── .github/                  # GitHub-related configurations such as workflows, issue templates, etc
-│   
-├── .vscode/                  # Settings for the file project is included in this
-│   
-├── software/                 # All the python related files are stored here
-│   
-├── website/                  # The scripts and images for the project are stored here
-│     
-├── code_of_conduct.md        # Some rules for the contributors
-│   
-├── Contributing.md           # Instructions for the contribution
-│   
-├── index.html                # Main file of the document that controls the structure of the project
-│   
-├── LICENSE                   # Authority for the project
-│   
-├── login.html                # Login page in the project
-│   
-├── README.md                 # Some basic instructions
-│   
-├── signup.html               # Sign up page in the project
-├──
-├── styles.css                # Stylesheets of the project
-```
+[View Project Structure](Documentation/ProjectScrusture.md)
 
-![Line](https://user-images.githubusercontent.com/85225156/171937799-8fc9e255-9889-4642-9c92-6df85fb86e82.gif)
+---
 
 # General Guidelines 🧾
 
@@ -75,7 +50,7 @@ DATAVERSE/
 - **Commit Message Format**:
   Use meaningful and descriptive commit messages.
 
-![Line](https://user-images.githubusercontent.com/85225156/171937799-8fc9e255-9889-4642-9c92-6df85fb86e82.gif)
+---
 
 # How to Contribute ? 📈
 
@@ -91,7 +66,7 @@ DATAVERSE/
 
 Thank you for your contribution!!
 
-![Line](https://user-images.githubusercontent.com/85225156/171937799-8fc9e255-9889-4642-9c92-6df85fb86e82.gif)
+---
 
 # First Pull Request ✨
 
@@ -141,7 +116,7 @@ git push -u origin <your_branch_name>
 
 10. **Congratulations! 🎉 you've made your contribution**
 
-![Line](https://user-images.githubusercontent.com/85225156/171937799-8fc9e255-9889-4642-9c92-6df85fb86e82.gif)
+---
 
 # Alternatively, contribute using GitHub Desktop 🖥️
 
@@ -177,14 +152,14 @@ git push -u origin <your_branch_name>
 9. **Wait for Review:**
 Your pull request will now be available for review by the project maintainers. They may provide feedback or ask for changes before merging your pull request into the main branch of the project repository.
 
-![Line](https://user-images.githubusercontent.com/85225156/171937799-8fc9e255-9889-4642-9c92-6df85fb86e82.gif)
+---
 
 # For Help And Support 💬
 
 - Admin :- Tejas Gupta
 - Contact :- [Email](multiverse.letter@gmail.com)
 
-![Line](https://user-images.githubusercontent.com/85225156/171937799-8fc9e255-9889-4642-9c92-6df85fb86e82.gif)
+---
 
 # Good Coding Practices 🧑‍💻
 
@@ -218,7 +193,7 @@ Your pull request will now be available for review by the project maintainers. T
    - Conduct code reviews for others and provide meaningful suggestions to improve the code.
    - Always refactor your code based on feedback to meet the project's standards.
 
-![Line](https://user-images.githubusercontent.com/85225156/171937799-8fc9e255-9889-4642-9c92-6df85fb86e82.gif)
+---
 
 # Pull Request Process 🚀
 
@@ -230,7 +205,7 @@ When submitting a pull request, please adhere to the following:
 4. Add relevant screenshots to assist in the review process.
 5. Submit your PR using the provided template and hang tight; we'll review it as soon as possible! 🚀
 
-![Line](https://user-images.githubusercontent.com/85225156/171937799-8fc9e255-9889-4642-9c92-6df85fb86e82.gif)
+---
 
 # Issue Report Process 📌
 
@@ -241,18 +216,18 @@ To report an issue, follow these steps:
 3. Wait until someone looks into your report.
 4. Begin working on the issue only after you have been assigned to it. 🚀
 
-![Line](https://user-images.githubusercontent.com/85225156/171937799-8fc9e255-9889-4642-9c92-6df85fb86e82.gif)
+---
 
 # Contribution Points 
 
 *🏆 Contribution Levels:*
 All the tasks will be assigned various levels based on the complexity of the task and skills required to complete it. Every level will provide you a different amount of Points that is:
 
-- **🥇 Level 1**: 10 Points  
-- **🥈 Level 2**: 25 Points  
-- **🥉 Level 3**: 45 Points  
+- **`🥇 Level 1`**: 10 Points  
+- **`🥈 Level 2`**: 25 Points  
+- **`🥉 Level 3`**: 45 Points  
 
-![Line](https://user-images.githubusercontent.com/85225156/171937799-8fc9e255-9889-4642-9c92-6df85fb86e82.gif)
+---
 
 
 <h2 align="center">Need more help? 🤔</h1>
@@ -265,13 +240,13 @@ All the tasks will be assigned various levels based on the complexity of the tas
   <a href="https://docs.github.com/get-started">Getting started with Git and GitHub</a> <br>
 </p>
 
-![Line](https://user-images.githubusercontent.com/85225156/171937799-8fc9e255-9889-4642-9c92-6df85fb86e82.gif)
+---
 
 # Thank you for contributing 💗
 
 We truly appreciate your time and effort to help improve our project. Feel free to reach out if you have any questions or need guidance. Happy coding! 🚀
 
-![Line](https://user-images.githubusercontent.com/85225156/171937799-8fc9e255-9889-4642-9c92-6df85fb86e82.gif)
+---
 
 <h2 align="center">Tip from us 😇</h1>
 <p align="center">It always takes time to understand and learn. So, don't worry at all. We know <b>you have got this</b>! 💪</p>

From f9459dddef530bcbf1b9f4c036ff5f65e4502261 Mon Sep 17 00:00:00 2001
From: Tejas Gupta <multiverse.letter@gmail.com>
Date: Wed, 6 Nov 2024 04:46:06 +0530
Subject: [PATCH 23/39] Update and rename auto-label.yml to
 auto-label_issue.yml

---
 .../{auto-label.yml => auto-label_issue.yml}    | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)
 rename .github/workflows/{auto-label.yml => auto-label_issue.yml} (81%)

diff --git a/.github/workflows/auto-label.yml b/.github/workflows/auto-label_issue.yml
similarity index 81%
rename from .github/workflows/auto-label.yml
rename to .github/workflows/auto-label_issue.yml
index 3f6188b..5be2042 100644
--- a/.github/workflows/auto-label.yml
+++ b/.github/workflows/auto-label_issue.yml
@@ -1,24 +1,21 @@
-name: Auto Label Issue and PR
+name: Auto Label Issue
 
 on:
   issues:
     types: [opened, reopened, edited]
-  pull_request:
-    types: [opened, reopened, edited]
 
 jobs:
-  label_issue_or_pr:
+  label_issue:
     runs-on: ubuntu-latest
     permissions:
       issues: write
-      pull-requests: write
     steps:
-      - name: Label Issue or PR with Custom Color
+      - name: Label Issue with Custom Color
         uses: actions/github-script@v6
         with:
           github-token: ${{secrets.GITHUB_TOKEN}}
           script: |
-            const issueOrPr = context.payload.issue || context.payload.pull_request;
+            const issue = context.payload.issue;
             
             // Function to create or update a label with the specified color
             const createOrUpdateLabel = async (label, color) => {
@@ -44,7 +41,7 @@ jobs:
                   repo: context.repo.repo,
                   name: label,
                   color: color,
-                  description: `Waiting for the Dataverse's Maintainer's review.`
+                  description: Waiting for the Dataverse's Maintainer to review this issue.
                 });
               }
             };
@@ -53,11 +50,11 @@ jobs:
             const label = 'Review Queued';
             const color = 'faff00';  // Custom color hex code
 
-            // Create or update the label and apply it to the issue or PR
+            // Create or update the label and apply it to the issue
             await createOrUpdateLabel(label, color);
             await github.rest.issues.addLabels({
               owner: context.repo.owner,
               repo: context.repo.repo,
-              issue_number: issueOrPr.number,
+              issue_number: issue.number,
               labels: [label]
             });

From 202ef9834260319b60349ca3e7b281faf59ee2f8 Mon Sep 17 00:00:00 2001
From: Tejas Gupta <multiverse.letter@gmail.com>
Date: Wed, 6 Nov 2024 04:47:57 +0530
Subject: [PATCH 24/39] Create auto-label_PR

---
 .github/workflows/auto-label_PR | 61 +++++++++++++++++++++++++++++++++
 1 file changed, 61 insertions(+)
 create mode 100644 .github/workflows/auto-label_PR

diff --git a/.github/workflows/auto-label_PR b/.github/workflows/auto-label_PR
new file mode 100644
index 0000000..d705d82
--- /dev/null
+++ b/.github/workflows/auto-label_PR
@@ -0,0 +1,61 @@
+name: Auto Label PR
+
+on:
+  pull_request:
+    types: [opened, reopened, edited]
+
+jobs:
+  label_pr:
+    runs-on: ubuntu-latest
+    permissions:
+      pull-requests: write
+    steps:
+      - name: Label PR with Custom Color
+        uses: actions/github-script@v6
+        with:
+          github-token: ${{secrets.GITHUB_TOKEN}}
+          script: |
+            const pr = context.payload.pull_request;
+
+            // Define the label name and color
+            const label = 'Review Queued';
+            const color = 'faff00';  // Custom color hex code
+
+            // Function to create or update the label
+            const createOrUpdateLabel = async (label, color) => {
+              try {
+                await github.rest.issues.getLabel({
+                  owner: context.repo.owner,
+                  repo: context.repo.repo,
+                  name: label
+                });
+
+                // Update label color if it exists
+                await github.rest.issues.updateLabel({
+                  owner: context.repo.owner,
+                  repo: context.repo.repo,
+                  name: label,
+                  color: color
+                });
+              } catch (error) {
+                // Create the label if it does not exist
+                await github.rest.issues.createLabel({
+                  owner: context.repo.owner,
+                  repo: context.repo.repo,
+                  name: label,
+                  color: color,
+                  description: `Waiting for the Dataverse's Maintainer to review this PR.`
+                });
+              }
+            };
+
+            // Ensure the label exists or update it if needed
+            await createOrUpdateLabel(label, color);
+
+            // Apply the label to the pull request
+            await github.rest.issues.addLabels({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number: pr.number,
+              labels: [label]
+            });

From eea493ea1639259e3a37c4629c9e338fd33c338f Mon Sep 17 00:00:00 2001
From: multiverseweb <multiverse.letter@gmail.com>
Date: Wed, 6 Nov 2024 05:03:31 +0530
Subject: [PATCH 25/39] fixed workflows

---
 .../{auto-label_issue.yml => auto-label.yml}  |  0
 .github/workflows/auto-label_PR               | 61 -------------------
 2 files changed, 61 deletions(-)
 rename .github/workflows/{auto-label_issue.yml => auto-label.yml} (100%)
 delete mode 100644 .github/workflows/auto-label_PR

diff --git a/.github/workflows/auto-label_issue.yml b/.github/workflows/auto-label.yml
similarity index 100%
rename from .github/workflows/auto-label_issue.yml
rename to .github/workflows/auto-label.yml
diff --git a/.github/workflows/auto-label_PR b/.github/workflows/auto-label_PR
deleted file mode 100644
index d705d82..0000000
--- a/.github/workflows/auto-label_PR
+++ /dev/null
@@ -1,61 +0,0 @@
-name: Auto Label PR
-
-on:
-  pull_request:
-    types: [opened, reopened, edited]
-
-jobs:
-  label_pr:
-    runs-on: ubuntu-latest
-    permissions:
-      pull-requests: write
-    steps:
-      - name: Label PR with Custom Color
-        uses: actions/github-script@v6
-        with:
-          github-token: ${{secrets.GITHUB_TOKEN}}
-          script: |
-            const pr = context.payload.pull_request;
-
-            // Define the label name and color
-            const label = 'Review Queued';
-            const color = 'faff00';  // Custom color hex code
-
-            // Function to create or update the label
-            const createOrUpdateLabel = async (label, color) => {
-              try {
-                await github.rest.issues.getLabel({
-                  owner: context.repo.owner,
-                  repo: context.repo.repo,
-                  name: label
-                });
-
-                // Update label color if it exists
-                await github.rest.issues.updateLabel({
-                  owner: context.repo.owner,
-                  repo: context.repo.repo,
-                  name: label,
-                  color: color
-                });
-              } catch (error) {
-                // Create the label if it does not exist
-                await github.rest.issues.createLabel({
-                  owner: context.repo.owner,
-                  repo: context.repo.repo,
-                  name: label,
-                  color: color,
-                  description: `Waiting for the Dataverse's Maintainer to review this PR.`
-                });
-              }
-            };
-
-            // Ensure the label exists or update it if needed
-            await createOrUpdateLabel(label, color);
-
-            // Apply the label to the pull request
-            await github.rest.issues.addLabels({
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              issue_number: pr.number,
-              labels: [label]
-            });

From 3e3bdbbf8f1beff134f6280bc477df946d435d54 Mon Sep 17 00:00:00 2001
From: Tejas Gupta <multiverse.letter@gmail.com>
Date: Wed, 6 Nov 2024 07:32:36 +0530
Subject: [PATCH 26/39] Update README.md

---
 .github/README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.github/README.md b/.github/README.md
index e28733c..e4376f8 100644
--- a/.github/README.md
+++ b/.github/README.md
@@ -15,6 +15,8 @@
 
 #### Read the description below and [start contributing](#contributions) now! If you like the project, show some love ❤️ and star the repo! ⭐
 
+> [!IMPORTANT]
+> Look for issues labeled with <img src="https://github.com/user-attachments/assets/a7217478-f5f8-4174-a521-99df72095e28" height="20px"> and ask for assignment if you can solve them.
 
 ---
 

From 2409b010d0aff8897ecb4714b77cbbe3f3afa78e Mon Sep 17 00:00:00 2001
From: Tejas Gupta <multiverse.letter@gmail.com>
Date: Wed, 6 Nov 2024 07:53:46 +0530
Subject: [PATCH 27/39] Update auto-label.yml

---
 .github/workflows/auto-label.yml | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/auto-label.yml b/.github/workflows/auto-label.yml
index 5be2042..1273d34 100644
--- a/.github/workflows/auto-label.yml
+++ b/.github/workflows/auto-label.yml
@@ -1,3 +1,4 @@
+
 name: Auto Label Issue
 
 on:
@@ -41,14 +42,14 @@ jobs:
                   repo: context.repo.repo,
                   name: label,
                   color: color,
-                  description: Waiting for the Dataverse's Maintainer to review this issue.
+                  description: `Waiting for the Dataverse's Maintainer to review this issue.`
                 });
               }
             };
 
             // Define the label name and color
             const label = 'Review Queued';
-            const color = 'faff00';  // Custom color hex code
+            const color = 'ffae00';  // Custom color hex code
 
             // Create or update the label and apply it to the issue
             await createOrUpdateLabel(label, color);

From 4f61601c3ff43cee94baeda29c9871e7ffbaa25d Mon Sep 17 00:00:00 2001
From: Tejas Gupta <multiverse.letter@gmail.com>
Date: Wed, 6 Nov 2024 08:45:28 +0530
Subject: [PATCH 28/39] Delete .github/workflows/issue_open_close.yml

---
 .github/workflows/issue_open_close.yml | 26 --------------------------
 1 file changed, 26 deletions(-)
 delete mode 100644 .github/workflows/issue_open_close.yml

diff --git a/.github/workflows/issue_open_close.yml b/.github/workflows/issue_open_close.yml
deleted file mode 100644
index 622d775..0000000
--- a/.github/workflows/issue_open_close.yml
+++ /dev/null
@@ -1,26 +0,0 @@
-name: Issue Auto Comment (Dataverse)
-
-on:
-  issues:
-    types: [opened, closed]
-
-jobs:
-  comment:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Add a comment when an issue is opened
-        if: github.event.action == 'opened'
-        uses: actions-ecosystem/action-create-comment@v1
-        with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          issue_number: ${{ github.event.issue.number }}
-          body: "👋 Thanks for opening this issue! We appreciate your contribution. Please make sure you've provided all the necessary details and screenshots, and don't forget to follow our Guidelines and Code of Conduct. Happy coding! 🚀
-"
-
-      - name: Add a comment when an issue is closed
-        if: github.event.action == 'closed'
-        uses: actions-ecosystem/action-create-comment@v1
-        with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          issue_number: ${{ github.event.issue.number }}
-          body: " ✅ This issue has been successfully closed. Thank you for your contribution and helping us improve the project! If you have any more ideas or run into other issues, feel free to open a new one. Happy coding! 🚀"

From 6bccb0bc3e7a3239fc456fcc7e335a7b6b1faa63 Mon Sep 17 00:00:00 2001
From: unknown <dindishriya@gmail.com>
Date: Wed, 6 Nov 2024 08:55:14 +0530
Subject: [PATCH 29/39] star rating

---
 index.html               | 37 ++++++++++++++++++++++++++++++++-----
 website/styles/style.css | 29 +++++++++++++++++++++++++++++
 2 files changed, 61 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 884b0ad..bff3734 100644
--- a/index.html
+++ b/index.html
@@ -47,10 +47,10 @@
         <div class="scrollBar" id="progress_bar"></div> <!--PROGRESS BAR-->
         <a href="website/pages/login.html">
             <button class="loginSignupbtn">
-              <span class="button-text">Login</span>
-              <img src="website/web_images/user.png" alt="User Icon" class="user-icon">
+                <span class="button-text">Login</span>
+                <img src="website/web_images/user.png" alt="User Icon" class="user-icon">
             </button>
-          </a>
+        </a>
     </nav>
 
     <button class="burger" id="burger" onclick="show()"></button>
@@ -82,7 +82,8 @@
                 </td>
             </tr>
             <tr>
-                <td><a href="website/pages/codeOfconduct.html" class="table_link" target="_blank">Code of Conduct</a></td>
+                <td><a href="website/pages/codeOfconduct.html" class="table_link" target="_blank">Code of Conduct</a>
+                </td>
             </tr>
             <tr>
                 <td><a href="website/pages/license.html" class="table_link">License</a></td>
@@ -254,6 +255,18 @@
             <input type="text" name="Name" placeholder="Your Name" required>
             <input type="email" name="Email" placeholder="Your Email ID" required>
             <input name="Message" placeholder="Your Message" required>
+            <div class="star-rating" style="text-align: center; margin: 10px;">
+                <input type="radio" id="star5" name="rating" value="5" />
+                <label for="star5" title="5 star">&#9733;</label>
+                <input type="radio" id="star4" name="rating" value="4" />
+                <label for="star4" title="4 stars">&#9733;</label>
+                <input type="radio" id="star3" name="rating" value="3" />
+                <label for="star3" title="3 stars">&#9733;</label>
+                <input type="radio" id="star2" name="rating" value="2" />
+                <label for="star2" title="2 stars">&#9733;</label>
+                <input type="radio" id="star1" name="rating" value="1" />
+                <label for="star1" title="1 stars">&#9733;</label>
+            </div>
             <input type="submit" value="Send" id="send">
         </form>
     </footer>
@@ -274,6 +287,19 @@
                 <a href="https://www.linkedin.com/in/tejascodes/"> LinkedIn</a>
             </div>
             <script>
+                function validateFeedback() {
+                    var feedback = document.forms["CodeIt Reviews"]["Feedback"];
+                    checkFeedbackLength(feedback);
+                    return feedback.value.length >= 10;
+                }
+                function validateForm() {
+                    const rating = document.querySelector('input[name="rating"]:checked');
+                    if (!rating) {
+                        alert("Please select a rating.");
+                        return false; // Prevent form submission
+                    }
+                    return true; // Allow form submission
+                }
                 // Delay the execution by 3 seconds
                 setTimeout(function () {
                     window.embeddedChatbotConfig = {
@@ -295,7 +321,8 @@
         <p class="tejas_credits" style="color:rgb(187, 187, 187); margin-top: 20px;"> Designed & Developed by Tejas
             Gupta</p>
         <br>
-        <p style="color:rgb(177, 177, 177);">&copy; <span id="copyright">32949832</span> <a href=".github/404.html">Tejas Gupta</a></p>
+        <p style="color:rgb(177, 177, 177);">&copy; <span id="copyright">32949832</span> <a
+                href=".github/404.html">Tejas Gupta</a></p>
     </div>
     <div class="end_line"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
diff --git a/website/styles/style.css b/website/styles/style.css
index 23483b6..6ab3124 100644
--- a/website/styles/style.css
+++ b/website/styles/style.css
@@ -52,6 +52,35 @@ body {
     transition-duration: 0.2s;
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
 }
+.star-rating {
+    display: flex;
+    justify-content: center;
+    direction: rtl; /* This reverses the order of the stars */
+  }
+  
+  .star-rating input {
+    display: none;
+    /* Hide the radio buttons */
+  }
+  
+  .star-rating label {
+    font-size: 2em;
+    /* Star size */
+    color: grey;
+    /* Default star color */
+    cursor: pointer;
+  }
+  
+  .star-rating input:checked~label {
+    color: gold;
+    /* Gold color for selected stars */
+  }
+  
+  .star-rating label:hover,
+  .star-rating label:hover~label {
+    color: gold;
+    /* Change color on hover */
+  }  
 
 input {
     color: white;

From a516771da2f9a5928080e02ac449c36b1e0c1042 Mon Sep 17 00:00:00 2001
From: multiverseweb <multiverse.letter@gmail.com>
Date: Wed, 6 Nov 2024 09:20:41 +0530
Subject: [PATCH 30/39] fixed bugs

---
 .github/404.html => 404.html | 8 ++++----
 index.html                   | 2 +-
 website/styles/style.css     | 8 +++++++-
 3 files changed, 12 insertions(+), 6 deletions(-)
 rename .github/404.html => 404.html (55%)

diff --git a/.github/404.html b/404.html
similarity index 55%
rename from .github/404.html
rename to 404.html
index 1d416bc..8f377ba 100644
--- a/.github/404.html
+++ b/404.html
@@ -4,13 +4,13 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Page Not Found :(</title>
-    <link rel="stylesheet" href="../website/styles/404.css">
-    <link rel="shortcut icon" href="../website/web_images/3dlogo.svg" type="image/x-icon">
+    <link rel="stylesheet" href="website/styles/404.css">
+    <link rel="shortcut icon" href="website/web_images/3dlogo.svg" type="image/x-icon">
 </head>
 <body>
-    <div class="error404">4<img class="logo" src="../website/web_images/2dglow.png" alt="Dataverese's Logo">4</div>
+    <div class="error404">4<img class="logo" src="website/web_images/2dglow.png" alt="Dataverese's Logo">4</div>
     <div class="info">Oops! Page not found.</div>
         <div class="info" id="detail">We couldn't find the page you requested. It might be unavailable at the moment or have a different URL.</div>
-        <a href="../index.html" class="home">Return to Home</a>
+        <a href="index.html" class="home">Return to Home</a>
 </body>
 </html>
\ No newline at end of file
diff --git a/index.html b/index.html
index bff3734..5a5a2a4 100644
--- a/index.html
+++ b/index.html
@@ -322,7 +322,7 @@
             Gupta</p>
         <br>
         <p style="color:rgb(177, 177, 177);">&copy; <span id="copyright">32949832</span> <a
-                href=".github/404.html">Tejas Gupta</a></p>
+                href="404.html">Tejas Gupta</a></p>
     </div>
     <div class="end_line"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
diff --git a/website/styles/style.css b/website/styles/style.css
index 6ab3124..861ad6b 100644
--- a/website/styles/style.css
+++ b/website/styles/style.css
@@ -1118,6 +1118,9 @@ input {
 
 /*===========================RESPONSIVE===================================*/
 @media screen and (max-width: 660px) {
+    .name {
+        margin-left: 10px;
+    }
     .loginSignupbtn{
         padding: 10px;
         border-radius: 50%;
@@ -1257,9 +1260,12 @@ input {
 
     form {
         margin-top: 40px;
-        width: calc(80vw - 30px);
+        width: calc(90vw - 20px);
         margin-left: 0vw;
     }
+    input{
+        width: 95%;
+    }
 
     .heading {
         font-size: x-large;

From d7c8b0cbc21281bc33b44110c9053b18c520ed49 Mon Sep 17 00:00:00 2001
From: Amin Jalal <mo13241234@gmail.com>
Date: Wed, 6 Nov 2024 16:36:55 +0300
Subject: [PATCH 31/39] Fixed the unintended behaviour of the hover effect on
 the links.

---
 website/styles/style.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/website/styles/style.css b/website/styles/style.css
index 861ad6b..5798fc4 100644
--- a/website/styles/style.css
+++ b/website/styles/style.css
@@ -1098,6 +1098,7 @@ input {
 
 .small a{
     width: fit-content;
+    border-bottom: 1px solid rgba(255, 255, 255, 0);
 }
 
 .small a:hover {

From a152c6282eaf84451048d4d37964366f1975f082 Mon Sep 17 00:00:00 2001
From: Rajdeep Chakraborty <rajdeepchka@gmail.com>
Date: Wed, 6 Nov 2024 19:12:51 +0530
Subject: [PATCH 32/39] Moved: Readme file to root directory

---
 .github/README.md => README.md | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename .github/README.md => README.md (100%)

diff --git a/.github/README.md b/README.md
similarity index 100%
rename from .github/README.md
rename to README.md

From 9e9381317540a4408040d31949f7109eaefa01f4 Mon Sep 17 00:00:00 2001
From: Rajdeep Chakraborty <rajdeepchka@gmail.com>
Date: Wed, 6 Nov 2024 19:16:38 +0530
Subject: [PATCH 33/39] Modified: The redirect message in the README.md file

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 66309a6..cfae91a 100644
--- a/README.md
+++ b/README.md
@@ -134,7 +134,7 @@ Now the software should run locally with no errors, feel free to use the softwar
 
 ## ✨ Project Structure
 
-Check the project structure here [Project Structure](/Documentation/PROJECT_STRUCTURE.md)
+Check the project structure here [Project Structure](/Documentation/PROJECT_STRUCTURE.md) before Contributing to the repository.
 
 ### Preview
 <sup><a href="#table-of-contents" align="right">Back to top</a></sup>

From 4cf9071c4332122ea39dabc8a9dca88b39c0ba07 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Wed, 6 Nov 2024 13:49:07 +0000
Subject: [PATCH 34/39] Update repo structure

---
 Documentation/PROJECT_STRUCTURE.md | 2 ++
 Documentation/repo_structure.txt   | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/Documentation/PROJECT_STRUCTURE.md b/Documentation/PROJECT_STRUCTURE.md
index 1e087a2..1f5981f 100644
--- a/Documentation/PROJECT_STRUCTURE.md
+++ b/Documentation/PROJECT_STRUCTURE.md
@@ -2,11 +2,13 @@
 
 <!-- START_STRUCTURE -->
 ```
+├── 404.html
 ├── Documentation/
 │   ├── Contributing.md
 │   ├── PROJECT_STRUCTURE.md
 │   └── repo_structure.txt
 ├── LICENSE
+├── README.md
 ├── index.html
 ├── software/
 │   ├── __pycache__/
diff --git a/Documentation/repo_structure.txt b/Documentation/repo_structure.txt
index fc98077..e57441e 100644
--- a/Documentation/repo_structure.txt
+++ b/Documentation/repo_structure.txt
@@ -1,8 +1,10 @@
+├── 404.html
 ├── Documentation/
 │   ├── Contributing.md
 │   ├── PROJECT_STRUCTURE.md
 │   └── repo_structure.txt
 ├── LICENSE
+├── README.md
 ├── index.html
 ├── software/
 │   ├── __pycache__/

From 9bcdba556b0587e5985a8d80bc3e1f134782fad5 Mon Sep 17 00:00:00 2001
From: Rajdeep Chakraborty <rajdeepchka@gmail.com>
Date: Wed, 6 Nov 2024 19:22:02 +0530
Subject: [PATCH 35/39] Updated: Branch of updation from 'auto' to 'main'

---
 .github/workflows/update-readme.yml | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/.github/workflows/update-readme.yml b/.github/workflows/update-readme.yml
index acf56e1..4564eb5 100644
--- a/.github/workflows/update-readme.yml
+++ b/.github/workflows/update-readme.yml
@@ -6,9 +6,7 @@ on:
   workflow_dispatch:  # Allow manual triggering
   push:
     branches:
-      # - main
-          # Updates repository when changes pushed into main branch
-      - auto
+      - main    # Updates repository when changes pushed into main branch
 
 jobs:
   detect-and-update-structure:

From 770f220e1912d7ae8eac7c4d445776d852fc8de2 Mon Sep 17 00:00:00 2001
From: Amin Jalal <mo13241234@gmail.com>
Date: Wed, 6 Nov 2024 23:46:36 +0300
Subject: [PATCH 36/39] Indicator positioning fix V2.

---
 website/styles/style.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/website/styles/style.css b/website/styles/style.css
index 5798fc4..55d5627 100644
--- a/website/styles/style.css
+++ b/website/styles/style.css
@@ -166,6 +166,14 @@ a {
 
 #defaultButton {
     margin-top: 12px;
+    margin-bottom: -2px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+#defaultButton img {
+    margin: auto;
 }
 
 /* Apply inversion only to specific elements */
@@ -1098,7 +1106,6 @@ input {
 
 .small a{
     width: fit-content;
-    border-bottom: 1px solid rgba(255, 255, 255, 0);
 }
 
 .small a:hover {

From dc39c994cb903f9c3017b3d94de34743706f38a4 Mon Sep 17 00:00:00 2001
From: Tejas Gupta <multiverse.letter@gmail.com>
Date: Thu, 7 Nov 2024 03:09:40 +0530
Subject: [PATCH 37/39] Update README.md

---
 README.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index cfae91a..c90070a 100644
--- a/README.md
+++ b/README.md
@@ -142,17 +142,17 @@ Check the project structure here [Project Structure](/Documentation/PROJECT_STRU
 
 Software GUI
 <br>
-<img src="../software/images/preview.png" width="800px">
+<img src="software/images/preview.png" width="800px">
 <br><br>
 <details> 
  <summary align=left><H4>View More</H4></summary><br>
 Visualised Finance Data
 <br>
-<img src="../website/web_images/preview.png" width="800px">
+<img src="website/web_images/preview.png" width="800px">
 <br><br>
 Relational Data
 <br>
-<img src="../website/web_images/data.png" width="800px">
+<img src="website/web_images/data.png" width="800px">
 </details>
 </div>
 
@@ -162,7 +162,7 @@ Relational Data
 <sup><a href="#table-of-contents" align="right">Back to top</a></sup>
 
 ER Diagram for Finance Tracker
-![](../website/web_images/ER_diagram.png)
+![](/website/web_images/ER_diagram.png)
 
 ---
 ### Contributions

From 596bc3c131479b1e4a07cf4553627a44169452e7 Mon Sep 17 00:00:00 2001
From: Amin Jalal <mo13241234@gmail.com>
Date: Thu, 7 Nov 2024 01:02:49 +0300
Subject: [PATCH 38/39] Undone the accidental deletion of the previous hover
 effect fix.

---
 website/styles/style.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/website/styles/style.css b/website/styles/style.css
index 55d5627..3e3f67a 100644
--- a/website/styles/style.css
+++ b/website/styles/style.css
@@ -1106,6 +1106,7 @@ input {
 
 .small a{
     width: fit-content;
+    border-bottom: 1px solid rgba(255, 255, 255, 0);
 }
 
 .small a:hover {

From c05723e15024a34e6846878b1dd4dd67e4ddb065 Mon Sep 17 00:00:00 2001
From: Tejas Gupta <multiverse.letter@gmail.com>
Date: Thu, 7 Nov 2024 04:10:02 +0530
Subject: [PATCH 39/39] Update README.md

---
 README.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index c90070a..dd1144e 100644
--- a/README.md
+++ b/README.md
@@ -21,7 +21,7 @@
 ---
 
 # Dataverse
-<img src="../website/web_images/3d_glow.webp" height=50px align=right>
+<img src="website/web_images/3d_glow.webp" height=50px align=right>
 
 ###### Data Visualisation Software & Personal Finance Tracker
 
@@ -65,8 +65,8 @@
 
 ### Table of Contents
 
-| [About Dataverse](#what-does-this-software-do) | [Versions](#versions) | [Use Dataverse](#deployment-specifications) | [Preview](#preview) | [Software Representation](#software-representation) | [Make Contributions](#contributions) | [Website](#website) |
-|:--:|:--:|:--:|:--:|:--:|:--:|:--:|
+| [About Dataverse](#what-does-this-software-do) | [Versions](#versions) | [Use Dataverse](#deployment-specifications) | [Project Structure](#project-structure) | [Preview](#preview) | [Software Representation](#software-representation) | [Make Contributions](#contributions) | [Website](#website) |
+|:--:|:--:|:--:|:--:|:--:|:--:|:--:|:--:|
 
 ---
 
@@ -132,7 +132,7 @@ Now the software should run locally with no errors, feel free to use the softwar
 
 ---
 
-## ✨ Project Structure
+### Project Structure
 
 Check the project structure here [Project Structure](/Documentation/PROJECT_STRUCTURE.md) before Contributing to the repository.
 

Event Logo	Event Name	Event Description
	GirlScript Summer of Code Ext 2024	GSSOC Ext is a one-month-long open-source program by the GirlScript Foundation that's running from October 1 to November 10, 2024 and encourages participants to contribute to various open source projects.
	Hacktoberfest 2024	Hacktober Fest is an annual celebration of open-source software development. It's a month-long event encouraging developers to contribute to open-source projects.