Update copyright year dynamically across multiple HTML files

Anjaliavv51 · Jan 7, 2025 · adff33c · adff33c
1 parent b8598dd
commit adff33c
Show file tree

Hide file tree

Showing 9 changed files with 115 additions and 58 deletions.
diff --git a/Html-files/Electronic.html b/Html-files/Electronic.html
@@ -1094,16 +1094,21 @@ <h2 style="font-family: var(--ff-philosopher); color: black">
         </p>
         <div class="copyright">
           <p style="font-family: var(--ff-philosopher); color: white">
-            &copy; 2024 Retro . All Rights Reserved. |
+            &copy; <span id="currentYear"></span> Retro. All Rights Reserved. |
             <span id="author">
-              <a
-                href="https://www.linkedin.com"
-                target="_blank"
-                style="text-decoration: none; color: white"
-                >Retro Team</a
-              >
+                <a
+                    href="https://www.linkedin.com"
+                    target="_blank"
+                    style="text-decoration: none; color: white"
+                >Retro Team</a>
             </span>
-          </p>
+        </p>
+
+        <script>
+            // JavaScript to dynamically set the current year
+            document.getElementById("currentYear").textContent = new Date().getFullYear();
+        </script>
+
         </div>
         <div>
           <button id="sr" style="z-index: 1000">

diff --git a/Html-files/about.html b/Html-files/about.html
@@ -781,7 +781,7 @@ <h3 class="f-title f_600 t_color f_size_18">Follow Us</h3>
         <div class="container">
           <div class="row align-items-center">
             <div class="col-lg-6 col-sm-7">
-              <p class="mb-0 f_400">&copy; 2024 Retro. All Rights Reserved.</p>
+              <p class="mb-0 f_400">&copy; <span id="currentYear"></span> Retro. All Rights Reserved.</p>
             </div>
             <div class="col-lg-6 col-sm-5 text-right">
               <p>Made with ❤️ by <a href="https://www.linkedin.com" target="_blank">Retro Team</a></p>
@@ -921,6 +921,10 @@ <h3 class="f-title f_600 t_color f_size_18">Follow Us</h3>
     });
 });
 
+</script>
+<script>
+  // Get the current year and update the span element
+  document.getElementById('currentYear').textContent = new Date().getFullYear();
 </script>
 <script>
   window.embeddedChatbotConfig = {

diff --git a/Html-files/blog.html b/Html-files/blog.html
@@ -781,7 +781,7 @@ <h3 style="font-family: var(--ff-philosopher); color: hsl(357, 82%, 35%);">Conta
                     <h4 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Follow Us</h4>
 
                     <div class="social-icons">
-
+                        <p class="mb-0 f_400">&copy; <span id="currentYear"></span> Retro. All Rights Reserved.</p>
 
                         <a class="fa-brands fa-facebook" href="https://facebook.com" ></a>
                         <a class="fa-brands fa-instagram" href="https://instagram.com" ></a>
@@ -792,11 +792,18 @@ <h4 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Follow
                     </div>
                     <p style="font-family: var(--ff-philosopher);background-color: hsl(20, 43%, 93%);color: hsl(203, 30%, 26%);margin-bottom:0;">Stay connected with us on social media for the latest updates, latest collection, and vintage adventures.
                     </p>
-                    <div class="copyright" style="font-family: var(--ff-philosopher);background-color: hsl(20, 43%, 93%);color: black;">
-
-                        &copy; 2024 Retro . All Rights Reserved. | Developed by <span id="author">
+                    <div class="copyright" style="font-family: var(--ff-philosopher); background-color: hsl(20, 43%, 93%); color: black;">
+                        &copy; <span id="currentYear"></span> Retro. All Rights Reserved. | Developed by 
+                        <span id="author">
                             <a href="https://www.linkedin.com" target="_blank" style="text-decoration: none;">Retro Team</a>
+                        </span>
                     </div>
+
+                    <script>
+                        // JavaScript to dynamically set the current year
+                        document.getElementById("currentYear").textContent = new Date().getFullYear();
+                    </script>
+
                     <div>
                         <button id="sr" style="z-index: 1000; display: block;">
                         <div class="circle1">
@@ -814,29 +821,32 @@ <h4 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Follow
 <script>
 // Initialize data in localStorage if it doesn't exist
 if (!localStorage.getItem('blogPosts')) {
-localStorage.setItem('blogPosts', JSON.stringify([
-    {
-        id: 1,
-        title: "10 Must-Visit Destinations for 2024",
-        content: "As we enter 2024, the world of travel continues to evolve...",
-        author: "Travel Expert",
-        date: "May 15, 2024",
-        category: "Destinations",
-        tags: ["2024", "travel", "destinations"],
-        comments: []
-    },
-    // Add more sample posts here
-]));
+    const currentYear = new Date().getFullYear(); // Get the current year dynamically
+    localStorage.setItem('blogPosts', JSON.stringify([
+        {
+            id: 1,
+            title: `10 Must-Visit Destinations for ${currentYear}`,
+            content: `As we enter ${currentYear}, the world of travel continues to evolve...`,
+            author: "Travel Expert",
+            date: `May 15, ${currentYear}`, // Adjust this date format if needed
+            category: "Destinations",
+            tags: [currentYear.toString(), "travel", "destinations"],
+            comments: []
+        },
+        // Add more sample posts here
+    ]));
 }
 
 if (!localStorage.getItem('categories')) {
 localStorage.setItem('categories', JSON.stringify(["Destinations", "Sustainable Travel", "Budget Travel", "Solo Travel", "Food"]));
 }
 
 if (!localStorage.getItem('tags')) {
-localStorage.setItem('tags', JSON.stringify(["2024", "travel", "destinations", "sustainable", "budget", "solo", "food"]));
+    const currentYear = new Date().getFullYear(); // Get the current year dynamically
+    localStorage.setItem('tags', JSON.stringify([currentYear.toString(), "travel", "destinations", "sustainable", "budget", "solo", "food"]));
 }
 
+
 // Function to get data from localStorage
 function getLocalData(key) {
 return JSON.parse(localStorage.getItem(key));
@@ -1326,5 +1336,9 @@ <h2>Manage Tags</h2>
         // Initialize the blog when the DOM is fully loaded
         document.addEventListener('DOMContentLoaded', initializeBlog);
     </script>
+    <script>
+        // Get the current year and update the span element
+        document.getElementById('currentYear').textContent = new Date().getFullYear();
+      </script>
 </body>
 </html>
diff --git a/Html-files/booknow.html b/Html-files/booknow.html
@@ -180,8 +180,12 @@ <h2 style="color: black;">Our Services</h2>
         </section>
     </div>
     <footer>
-        <p>&copy; 2024 Retro. All rights reserved.</p>
+        <p>&copy; <span id="currentYear"></span> Retro. All Rights Reserved.</p>
     </footer>
+    <script>
+        // Get the current year and update the span element
+        document.getElementById('currentYear').textContent = new Date().getFullYear();
+      </script>
     <script>
         window.embeddedChatbotConfig = {
         chatbotId: "dGlQ5bP-F7GodLWzgrVAx",

diff --git a/Html-files/cart.html b/Html-files/cart.html
@@ -530,12 +530,19 @@ <h4 style="color: hsl(203, 30%,26%);font-family: var(--ff-philosopher);">Follow
         <p style="margin-bottom:0;font-family: var(--ff-philosopher);">Stay connected with us on social media for the
           latest updates, latest collection, and vintage adventures.
         </p>
-        <div class="copyright" style="color: hsl(203, 30%,26%);font-family: var(--ff-philosopher);">
-          © 2024 Retro . All Rights Reserved. | <span id="author">
-            <a href="https://www.linkedin.com" target="_blank" style="text-decoration: none;">Retro Team</a>
+        <div class="copyright" style="color: hsl(203, 30%,26%); font-family: var(--ff-philosopher);">
+          &copy; <span id="currentYear"></span> Retro. All Rights Reserved. | 
+          <span id="author">
+              <a href="https://www.linkedin.com" target="_blank" style="text-decoration: none;">Retro Team</a>
           </span>
           <p></p>
-        </div>
+      </div>
+
+      <script>
+          // JavaScript to dynamically set the current year
+          document.getElementById("currentYear").textContent = new Date().getFullYear();
+      </script>
+
         <div>
           <button id="sr" style="z-index: 1000;">
             <div class="circle1">

diff --git a/Html-files/contact.html b/Html-files/contact.html
@@ -871,11 +871,18 @@ <h4 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Follow
                     </div>
                     <p style="font-family: var(--ff-philosopher);background-color: hsl(20, 43%, 93%);color: hsl(203, 30%, 26%);margin-bottom:0;">Stay connected with us on social media for the latest updates, latest collection, and vintage adventures.
                     </p>
-                    <div class="copyright" style="font-family: var(--ff-philosopher);background-color: hsl(20, 43%, 93%);color: black;">
-
-                        &copy; 2024 Retro . All Rights Reserved. | Developed by <span id="author">
+                    <div class="copyright" style="font-family: var(--ff-philosopher); background-color: hsl(20, 43%, 93%); color: black;">
+                        &copy; <span id="currentYear"></span> Retro. All Rights Reserved. | Developed by 
+                        <span id="author">
                             <a href="https://www.linkedin.com" target="_blank" style="text-decoration: none;">Retro Team</a>
+                        </span>
                     </div>
+
+                    <script>
+                        // JavaScript to dynamically set the current year
+                        document.getElementById("currentYear").textContent = new Date().getFullYear();
+                    </script>
+
                     <div>
                         <button id="sr" style="z-index: 1000; display: block;">
                         <div class="circle1">

diff --git a/Html-files/menu.html b/Html-files/menu.html
@@ -836,15 +836,16 @@ <h4 style="font-family: var(--ff-philosopher);color: hsl(304, 14%, 46%);">Follow
                 </p>
                 <div class="copyright">
                     <p style="font-family: var(--ff-philosopher);">
-                        &copy; 2024 Retro . All Rights Reserved. | Developed by <span id="author">
-                            <a href="https://www.linkedin.com" target="_blank" style="text-decoration: none;">Retro
-                                Team</a>
-                        </span></p>
-
-
-
-
-                </div>
+                        &copy; <span id="currentYear"></span> Retro. All Rights Reserved. | Developed by 
+                        <span id="author">
+                            <a href="https://www.linkedin.com" target="_blank" style="text-decoration: none;">Retro Team</a>
+                        </span>
+                    </p>
+                </div>
+                <script>
+                    // Get the current year and update the span element
+                    document.getElementById('currentYear').textContent = new Date().getFullYear();
+                  </script>
                 <div>
                     <button id="sr" style="z-index: 1000;">
                         <div class="circle1">

diff --git a/Html-files/reviews.html b/Html-files/reviews.html
@@ -847,13 +847,21 @@ <h4 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Follow
                     <a class="fa-brands fa-snapchat"  href="https://www.snapchat.com" ></a>
 
                 </div>
-                <p style="font-family: var(--ff-philosopher);background-color: hsl(20, 43%, 93%);color: hsl(203, 30%, 26%);margin-bottom:0;">Stay connected with us on social media for the latest updates, latest collection, and vintage adventures.
-                </p>
-                <div class="copyright" style="font-family: var(--ff-philosopher);background-color: hsl(20, 43%, 93%);color: black;">
-
-                    &copy; 2024 Retro . All Rights Reserved. | Developed by <span id="author">
+                <div>
+                    <p style="font-family: var(--ff-philosopher); background-color: hsl(20, 43%, 93%); color: hsl(203, 30%, 26%); margin-bottom: 0;">
+                        Stay connected with us on social media for the latest updates, latest collection, and vintage adventures.
+                    </p>
+                    &copy; <span id="currentYear"></span> Retro. All Rights Reserved. | Developed by 
+                    <span id="author">
                         <a href="https://www.linkedin.com" target="_blank" style="text-decoration: none;">Retro Team</a>
+                    </span>
                 </div>
+
+                <script>
+                    // JavaScript to dynamically set the current year
+                    document.getElementById("currentYear").textContent = new Date().getFullYear();
+                </script>
+
                 <div>
                     <button id="sr" style="z-index: 1000; display: block;">
                     <div class="circle1">

diff --git a/Html-files/services.html b/Html-files/services.html
@@ -716,15 +716,22 @@ <h3 style="font-family: var(--ff-philosopher); color: hsl(203, 30%, 26%);">Conta
                         updates, latest collection, and vintage adventures.
                     </p>
                     <div class="copyright">
-                        <p
-                            style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">
-                            &copy; 2024 Retro . All Rights Reserved. | <span
-                                id="author">
-                                <a href="https://www.linkedin.com"
-                                    target="_blank"
-                                    style="text-decoration: none;">Retro
-                                    Team</a>
-                            </span></p>
+                        <p style="font-family: var(--ff-philosopher); color: hsl(203, 30%, 26%);">
+                            &copy; <span id="currentYear"></span> Retro. All Rights Reserved. | 
+                            <span id="author">
+                                <a href="https://www.linkedin.com" target="_blank" style="text-decoration: none;">Retro Team</a>
+                            </span>
+                        </p>
+
+                        <script>
+                            // JavaScript to dynamically set the current year
+                            document.getElementById("currentYear").textContent = new Date().getFullYear();
+                        </script>
+
+<script>
+    // Get the current year and update the span element
+    document.getElementById('currentYear').textContent = new Date().getFullYear();
+  </script>
 
                     </div>
                     <div>