Merge pull request #1365 from KRISHkg31/main

Enhancement of Logo and Addition of Copyright Tag #1364
apu52 · Nov 8, 2024 · d665c3c · d665c3c
2 parents ab0dbef + f36f544
commit d665c3c
Show file tree

Hide file tree

Showing 13 changed files with 153 additions and 81 deletions.
diff --git a/Projects/Bake_website/menu.css b/Projects/Bake_website/menu.css
@@ -1,3 +1,6 @@
+:root {
+    --black-color: #000000;
+}
 body {
     font-family: 'Source Sans Pro', sans-serif;
     margin: 0;
@@ -34,7 +37,7 @@ body {
 }
 
 .nav-link {
-    color: #fff;
+    color: #ffffff;
     text-decoration: none;
     font-size: 1.1em;
 }
@@ -393,7 +396,7 @@ header {
 
 .nav-link {
     display: block;
-    color: var(--white-color);
+    color: var(--black-color);
     font-size: 1.4rem;
     text-transform: uppercase;
     letter-spacing: 2px;

diff --git a/Projects/Bake_website/style.css b/Projects/Bake_website/style.css
@@ -15,6 +15,7 @@
     --secondary-font-color: #e1b164;
     --body-font-color: #515151;
     --white-color: #fff;
+    --black-color: #000000;
     --dark-bg: #121212;
 }
 
@@ -156,7 +157,7 @@ header {
 
 .nav-link {
     display: block;
-    color: var(--white-color);
+    color: var(--black-color);
     font-size: 1.4rem;
     text-transform: uppercase;
     letter-spacing: 2px;
@@ -183,7 +184,7 @@ header {
     font-family: var(--main-font);
     font-size: 3.5rem;
     font-weight: 900;
-    color: var(--white-color);
+    color: var(--black-color);
     text-transform: uppercase;
     letter-spacing: .5rem;
     margin-right: -.5rem;

diff --git a/about.html b/about.html
@@ -512,6 +512,7 @@ <h1 class="closure"></h1>
               style="font-size: 20px; font-style:cursive;color: rgb(215, 213, 85);"> Privacy Notice</a>
             <a href="copyright.html" target="_blank"
               style="font-size: 20px; font-style:cursive;color: rgb(215, 213, 85);"> Copyright Policy</a>
+              <p class="copyright">© 2024 METAVERSE</p>
           </div>
         </div>
       </footer>

diff --git a/assets/css/style.css b/assets/css/style.css
@@ -50,7 +50,7 @@ body {
   display: flex;
   align-items: center;
   text-align: center;
-  color: white;
+  color: rgb(230, 225, 225);
   padding-bottom: 6%;
   padding-top: 3%;
 }
@@ -62,14 +62,14 @@ body {
   left: 0;
   right: 0;
   bottom: 0;
-  background-color: black;
+  background-color: rgb(255, 255, 255);
   border-radius: 34px;
   transition: background-color 0.4s;
   box-shadow: 0 0 20px #fb16e4;
 }
 
 .slider .dark-theme {
-  background-color: black;
+  background-color: rgb(255, 255, 255);
 }
 
 .slider:before {
@@ -114,7 +114,7 @@ input:checked + .slider:before {
 
 a {
   text-decoration: none;
-  color: #fff;
+  color: #ffffff;
 }
 
 footer {
@@ -234,14 +234,14 @@ input::placeholder {
   border: 1px solid white;
   font-size: 16px;
   width: 250px;
-  color: white;
+  color: rgb(255, 255, 255);
   background-color: transparent;
   transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s ease, transform 0.3s ease;
 }
 
 /* Hover effect for input field */
 #newsletter-form input[type="email"]:hover {
-  background-color: rgba(255, 255, 255, 0.1);
+  background-color: rgba(0, 0, 0, 0.1);
   border-color: #f0e68c;
   box-shadow: 0 0 10px yellow; /* Glowing effect */
   transform: scale(1.05); /* Slight size increase on hover */
@@ -1573,11 +1573,25 @@ ul.socials {
 /* .socials{
   margin-bottom: 1rem;
 } */
-.policy{
-  display: flex;
-  justify-content: center;
-  align-items: center;
+.policy {
+  text-align: center;
+  margin-top: 20px;
 }
-.policy a{
-  margin: 10px 10px 50px 10px;
+
+.policy a {
+  margin: 0 10px;
+  display: inline-block;
+  text-decoration: none;
+}
+
+.policy a:hover {
+  text-decoration: underline;
 }
+
+.policy p {
+  font-size: 18px;
+  color: rgb(215, 213, 85);
+  margin-top: 10px;
+  font-style: italic;
+}
+
diff --git a/assets/css/themeToggle.css b/assets/css/themeToggle.css
@@ -53,15 +53,14 @@ body.dark {
     width: 26px;
     left: 4px;
     bottom: 4px;
-    background-color: white;
+    background-color: rgb(255, 255, 255);
     border-radius: 50%;
     transition: 0.4s;
     background-size: 18px 18px;
     background-position: center;
     background-repeat: no-repeat;
 }
 
-
 /* Sun icon in light mode */
 body.light .slider:before {
     background-image: url('/assets/img/sun.icon.png'); /* Update path as necessary */
@@ -72,7 +71,7 @@ body.dark .slider:before {
     background-image: url('/assets/img/moon.icon.png'); /* Update path as necessary */
 }
 
-/* Move knob to right when checked */
+/* Move knob to the right when checked */
 input:checked + .slider:before {
-    transform: translateX(26px); /* Move knob to the right */
+    transform: translateX(26px);
 }
diff --git a/assets/js/subscribe.js b/assets/js/subscribe.js
@@ -11,9 +11,9 @@ document.getElementById('newsletter-form').addEventListener('submit', async func
             },
             body: JSON.stringify({ email })
         });
-
+    
         if (response.ok) {
-            // Show Toastify success notification
+            // Show success message
             Toastify({
                 text: "Subscription successful! A confirmation email has been sent.",
                 duration: 3000,
@@ -23,9 +23,10 @@ document.getElementById('newsletter-form').addEventListener('submit', async func
                 className: "toastify toastify-success",
                 stopOnFocus: true,
             }).showToast();
-
+    
             document.getElementById('newsletter-form').reset();
         } else {
+            // Show failure message
             Toastify({
                 text: "Failed to subscribe. Please try again.",
                 duration: 3000,
@@ -37,6 +38,7 @@ document.getElementById('newsletter-form').addEventListener('submit', async func
             }).showToast();
         }
     } catch (error) {
+        // Show network error message
         Toastify({
             text: "Error occurred. Please check your connection and try again.",
             duration: 3000,
@@ -48,4 +50,4 @@ document.getElementById('newsletter-form').addEventListener('submit', async func
         }).showToast();
         console.error('Error:', error);
     }
-});
+})
diff --git a/assets/js/toggletheme.js b/assets/js/toggletheme.js
@@ -2,17 +2,23 @@ document.addEventListener('DOMContentLoaded', () => {
     const themeToggleButton = document.getElementById('theme-toggle');
     const body = document.body;
 
-
+    // Get the saved theme from localStorage or default to 'light'
     const currentTheme = localStorage.getItem('theme') || 'light';
+
+    // Apply the current theme class to the body
     body.classList.add(currentTheme);
-    themeToggleButton.checked = currentTheme === 'dark'; // Set checkbox state
 
-
+    // Set the initial state of the toggle button based on the current theme
+    themeToggleButton.checked = currentTheme === 'dark';
+
+    // Add an event listener to handle theme changes
     themeToggleButton.addEventListener('change', () => {
         if (themeToggleButton.checked) {
+            // Switch to dark theme
             body.classList.replace('light', 'dark');
             localStorage.setItem('theme', 'dark');
         } else {
+            // Switch to light theme
             body.classList.replace('dark', 'light');
             localStorage.setItem('theme', 'light');
         }