Change in contactus and login page

SurajPratap10 · Oct 8, 2024 · 05fa84b · 05fa84b
1 parent 57f6188
commit 05fa84b
Show file tree

Hide file tree

Showing 3 changed files with 184 additions and 231 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/views/contactUs.ejs b/views/contactUs.ejs
@@ -61,6 +61,7 @@
       .contact-box{
         width: 50rem;
         padding: 0rem 2rem;
+        margin-top: 40px;
       }
       .contact-box i{
         margin-top: 10px;
@@ -676,22 +677,14 @@
           </div>
 
           <%- include('includes/footer.ejs') %>
-
-          <%- include('includes/topToBottomScrollButton.ejs') %>
-
+            <!-- Over riding footer style -->
             <style>
-              @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
-
-              .left .dashboard-h1, .main-content b {
-                font-family: 'Poppins', sans-serif;
-                text-align: start;
-                letter-spacing: 1.5px;
+              footer {
+                z-index: -1;
               }
 
-              .main-content {
-                font-family: cursive, sans-serif;
-                text-align: center;
-              }
+              /* Light mode styles */
+              .light-mode {}
 
               /* Dark mode styles */
               .dark-mode {
@@ -709,7 +702,6 @@
               .dark-mode .about {
                 background-color: #121212;
                 color: #ffffff;
-                padding-bottom: -2rem;
               }
 
               /* Styles for the dark mode toggle button */
@@ -722,69 +714,29 @@
                 transition: transform 0.3s ease-in-out;
                 font-size: 1.1em;
               }
-
-              #email::placeholder {
-                color: #041e42;
-              }
-
-              .info .btn{
-                font-size: 12px;
-    padding: 20px 20px;
-    letter-spacing: 2px;
-    width: auto;
-    border-radius: 10px
-              }
             </style>
 
             <script>
-         function toggleDarkMode() {
-      const body = document.body;
-      const navbar = document.querySelector(".navbar");
-      const aboutSection = document.querySelector(".about");
-      const darkModeToggle = document.querySelector(".dark-mode-toggle");
-
-      const darkModeIcon = document.getElementsByClassName("dark-mode-icon");
-      var darkModeIconCollection = Array.from(darkModeIcon);
-
-      body.classList.toggle("dark-mode");
-      navbar.classList.toggle("dark-mode");
-      aboutSection.classList.toggle("dark-mode");
-      // darkModeToggle.classList.toggle("dark");
-
-      darkModeIconCollection.map((darkIcon) => {
-        if (darkIcon.innerHTML === '<i class="fa-solid fa-moon"></i>') {
-          darkIcon.innerHTML = '<i class="fa-sharp fa-solid fa-sun"></i>';
-        } else {
-          darkIcon.innerHTML = '<i class="fa-solid fa-moon"></i>';
-        }
-      });
-    }
-
-    // Download Image logic
-
-    function downloadImage(imgId){
-   const image = $(`#${imgId}`).attr("src");
-   const url = window.location.href+image;
-   const fileName = image.substring(image.lastIndexOf("/")+1);
-
-   fetch(url)
-    .then(response => response.blob())
-    .then(blob => {
-      // Create a temporary anchor element
-      const downloadLink = document.createElement('a');
-      downloadLink.href = URL.createObjectURL(blob);
-      downloadLink.download = fileName || 'image.jpg';
-
-      // Trigger a click event on the anchor element
-      downloadLink.click();
-
-      // Clean up the temporary anchor and blob object
-      URL.revokeObjectURL(downloadLink.href);
-      downloadLink.remove();
-    })
-    .catch(error => {
-      console.error('Error downloading the image:', error);
-    });
-
-}
-</script>
+              function toggleDarkMode() {
+                const body = document.body;
+                const navbar = document.querySelector(".navbar");
+                const aboutSection = document.querySelector(".about");
+                const darkModeToggle = document.querySelector(".dark-mode-toggle");
+
+                const darkModeIcon = document.getElementsByClassName("dark-mode-icon");
+                var darkModeIconCollection = Array.from(darkModeIcon);
+
+                body.classList.toggle("dark-mode");
+                navbar.classList.toggle("dark-mode");
+                aboutSection.classList.toggle("dark-mode");
+                // darkModeToggle.classList.toggle("dark");
+
+                darkModeIconCollection.map((darkIcon) => {
+                  if (darkIcon.innerHTML === '<i class="fa-solid fa-moon"></i>') {
+                    darkIcon.innerHTML = '<i class="fa-sharp fa-solid fa-sun"></i>';
+                  } else {
+                    darkIcon.innerHTML = '<i class="fa-solid fa-moon"></i>';
+                  }
+                });
+              }
+            </script>