Merge branch 'main' into fix-issue-123

multiverseweb · Oct 15, 2024 · 08e45d0 · 08e45d0
2 parents dd7518f + 1cf84f0
commit 08e45d0
Show file tree

Hide file tree

Showing 13 changed files with 1,149 additions and 265 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5502
+}
diff --git a/README.md b/README.md
@@ -24,7 +24,7 @@
 ---
 
 # Dataverse
-<img src="website/web_images/2dglow.png" height=50px align=right>
+<img src="website/web_images/3d_glow.png" height=50px align=right>
 
 ###### Data Visualisation Software & Personal Finance Tracker
 
@@ -46,7 +46,7 @@
 
 | Event Logo | Event Name | Event Description |
 |------------|------------|-------------------|
-| <img src="https://user-images.githubusercontent.com/63473496/213306279-338f7ce9-9a9f-4427-8c2a-3e344874498f.png#gh-dark-mode-only" width="400" height="auto"> | **GirlScript Summer of Code Extended 2024** | [GirlScript Summer of Code](https://gssoc.girlscript.tech/) is a three-month-long Open Source Program conducted every summer by GirlScript Foundation. It is an initiative to bring more beginners to Open-Source Software Development. |
+| <img src="https://user-images.githubusercontent.com/63473496/213306279-338f7ce9-9a9f-4427-8c2a-3e344874498f.png#gh-dark-mode-only" width="400" height="auto"> | **GirlScript Summer of Code Extended 2024** | [GirlScript Summer of Code](https://gssoc.girlscript.tech/) Extended 2024 is a month-long open source program that encourages participants to contribute to various open source projects. It provides a collaborative platform for developers to enhance their coding skills, work on real-world projects, and give back to the community. Contributors engage in meaningful contributions by fixing bugs, adding features, improving documentation, and collaborating with project maintainers. This program is a fantastic opportunity for open source enthusiasts to learn, grow, and make an impact! |
 
 ---
 

diff --git a/index.html b/index.html
@@ -15,22 +15,46 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="css/styles.css">
 </head>
 
 <body id="body">
+    <!-- preloader -->
+    <div id="preloader">
+        <div class="loader">
+            <svg viewBox="0 0 80 80">
+                <circle id="test" cx="40" cy="40" r="32"></circle>
+            </svg>
+        </div>
+
+        <div class="loader triangle">
+            <svg viewBox="0 0 86 80">
+                <polygon points="43 8 79 72 7 72"></polygon>
+            </svg>
+        </div>
+
+        <div class="loader">
+            <svg viewBox="0 0 80 80">
+                <rect x="8" y="8" width="64" height="64"></rect>
+            </svg>
+        </div>
+
+        <!-- dribbble -->
+        <a class="dribbble" href="https://dribbble.com/shots/5878367-Loaders" target="_blank"><img src="https://cdn.dribbble.com/assets/dribbble-ball-mark-2bd45f09c2fb58dbbfb44766d5d1d07c5a12972d602ef8b32204d28fa3dda554.svg" alt=""></a>
+    </div>
     <div class="buttons" id="buttons">
         <div id="indicator"></div>
         <div class="group">
-            <button id="first_button" onclick="dark(false)">
+            <button id="darkButton" onclick="dark(false)">
                 <img src="https://static.thenounproject.com/png/4066359-200.png" class="copy" id="moon">
             </button>
-            <button onclick="light(false)">
-                <div id="theme2">
+            <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>
+                <!-- </div> -->
             </button>
-            <button id="first_button" onclick="systemDefault()">
+            <button id="defaultButton" onclick="systemDefault()">
                 <img src="website/web_images/settings.png" class="copy" id="default">
             </button>
         </div>
@@ -40,8 +64,22 @@
         <img src="website/web_images/3dlogo.svg" alt="Dataverse Logo" class="logo" id="normal">
         <img src="website/web_images/3d_glow.png" alt="Dataverse Logo" class="logo" id="glow">
         <div class="scrollBar" id="progress_bar"></div> <!--PROGRESS BAR-->
-    </nav>
+        <button style="
+        background-color: dimgray;
+        position: relative;
+        left: 1300px;
+        top: 8px;
+        height: 40px;
+        width: 130px; 
+        font-size: 17px;
+        border: none;
+        border-radius: 10px;
+        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
 
+        "><a href="login.html">Login/Signup</a>
+        </button>
+    </nav>
+
     <button class="burger" id="burger" onclick="show()"></button>
     <button id="cross" class="burger" onclick="hide()"></button>
     <div class="burger" id="lines">
@@ -54,9 +92,6 @@
             <tr>
                 <td><a href="index.html" class="table_link">Home</a></td>
             </tr>
-            <tr>
-                <td><a href="https://codeittool.netlify.app/" class="table_link">CodeIt</a></td>
-            </tr>
             <tr>
                 <td><a href="https://multiverseweb.github.io/Encryptify/" class="table_link">Encryptify</a></td>
             </tr>
@@ -250,9 +285,11 @@
         </form>
     </footer>
     <div class="links">
-        <p>
+        <p>  
         <h3> Designed & Developed by Tejas Gupta</h3>
         </p>
+        <br>
+            <h4>Copyright &copy; <span id="copyright">32949832</span> Tejas Gupta</h4>
         <div class="end_line"></div>
         <div class="small">
             <div class="link_class">
@@ -274,53 +311,8 @@ <h3> Designed & Developed by Tejas Gupta</h3>
         <div class="end_line"></div>
         <script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
         <script src="website/script.js"></script>
-        <script>
-            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 = '';
-
-                alert('Your feedback has been submitted');
-
-                return false;
-            } 
-
-
-            function isValidEmail(email) {
-                const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-                return emailRegex.test(email);
-            }
-        </script>
+
 
 </body>
 
-</html>
+</html>
diff --git a/login.html b/login.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        .login-container{
+            width: 500px;
+            height: 450px;
+            position: relative;
+            top: 100px;
+            left: 450px;
+            border-radius: 10px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+        }
+    </style>
+</head>
+
+<body>
+    <div style="text-align: right; margin: 10px;">
+        <a href="index.html" class="btn btn-secondary" style="width: 150px; position: relative; right: 1330px;">Back to Home</a>
+    </div>
+    <div class="login-container" style="padding-top: 20px;">
+        <h2 style="text-align: center;">Login</h2>
+        <div class="mb-3" style="margin-left: 40px;">
+            <label for="exampleFormControlInput1" class="form-label">Email address</label>
+            <input type="email" class="form-control" id="emailInput" placeholder="[email protected]" style="width: 400px;">
+          </div>
+          <div class="mb-3" style="margin-left: 40px;">
+          <label for="inputPassword5" class="form-label">Password</label>
+<input type="password" id="passwordInput" class="form-control" aria-describedby="passwordHelpBlock" style="width: 400px">
+<div id="passwordHelpBlock" class="form-text" style="width: 400px">
+  Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.
+</div>
+</div>
+<button type="button" class="btn btn-primary" id="loginButton" style="width: 400px; margin-left: 40px;">Login</button>
+<div style="text-align: center; margin-top: 10px;">
+    <p>Don't have an accout ?  <a href="signup.html" style="text-decoration: none;"> Sign UP</a></p>
+    <p style="text-align: center;"><a href="#" style=" text-decoration: none;">Forget Password</a></p>
+</div>
+    </div>
+    <script>
+        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;
+    }
+            emailInput.value = '';
+            passwordInput.value = '';
+            // Redirect to index.html
+            window.location.href = '/index.html';
+            alert('Login successful!');
+        });
+    </script>
+
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+</body>
+</html>
diff --git a/signup.html b/signup.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        .login-container{
+            width: 500px;
+            height: 500px;
+            position: relative;
+            top: 100px;
+            left: 450px;
+            border-radius: 10px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+        }
+    </style>
+</head>
+
+<body>
+    <div style="text-align: right; margin: 10px;">
+        <a href="index.html" class="btn btn-secondary" style="width: 150px; position: relative; right: 1330px;">Back to Home</a>
+    </div>
+    <div class="login-container" style="padding-top: 20px;">
+        <h2 style="text-align: center;">Signup</h2>
+        <div class="mb-3" style="margin-left: 40px;">
+            <label for="exampleFormControlInput1" class="form-label">Email address</label>
+            <input type="email" class="form-control" id="emailInput" placeholder="[email protected]" style="width: 400px;">
+          </div>
+          <div class="mb-3" style="margin-left: 40px;">
+          <label for="inputPassword5" class="form-label">Password</label>
+<input type="password" placeholder="Enter your Password" id="passwordInput" class="form-control" aria-describedby="passwordHelpBlock" style="width: 400px">
+<div id="passwordHelpBlock" class="form-text" style="width: 400px">
+  Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.
+</div>
+</div>
+<div class="mb-3" style="margin-left: 40px;">
+    <label for="inputPassword5" class="form-label"> Confirm Password</label>
+<input type="password" placeholder="Confirm your Password" id="confirmPasswordInput" class="form-control" aria-describedby="passwordHelpBlock" style="width: 400px">
+</div>
+<button type="button" class="btn btn-primary" id="signupButton" style="width: 400px; margin-left: 40px;">Signup</button>
+<div style="text-align: center; margin-top: 10px;">
+    <p>Already have an accout ?  <a href="login.html" style="text-decoration: none;">Login</a></p>
+</div>
+    </div>
+    <script>
+        document.getElementById('signupButton').addEventListener('click', function() {
+            const emailInput = document.getElementById('emailInput');
+            const passwordInput = document.getElementById('passwordInput');
+            const confirmPasswordInput = document.getElementById('confirmPasswordInput');
+            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;
+    }
+
+    // Check if passwords match
+    if (passwordInput.value !== confirmPasswordInput.value) {
+      alert('Both Passwords do not match');
+      return;
+    }
+            emailInput.value = '';
+            passwordInput.value = '';
+            confirmPasswordInput.value = '';
+
+            window.location.href = 'login.html';
+            alert('Your Accout has been cteated successfully!');
+        });
+    </script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+</body>
+</html>