Fixed the footer

footer.html

@@ -1,2 +1,2 @@
-<p>Copyright © 2024 Malcolm Ferguson</p>
+<p>Copyright &copy; <span id="current-year"></span> Malcolm Ferguson!</p>
 <p>Made with love and tears ❤️</p>

index.html

@@ -65,21 +65,20 @@ <h2>Contact</h2>
         <p>Pardon the dust, we're cooking rn!</p>
     </section>
 
-    <footer>
-        <section id=indexFoot>
-            <div id="theFooter"></div>
-            <!--acts as a placeholder in the code where the navbar content will be inserted.-->
-            <script>
-                fetch('footer.html?cache-bust=' + new Date().getTime())
-                    .then(response => response.text())
-                    .then(data => {
-                        document.getElementById('theFooter').innerHTML = data;
-                    })
-                    .catch(error => {
-                        console.error('There was a problem with the fetch operation:', error);
-                    });
-            </script>
-        </section>
+    <footer id ="footerIndex" >
+        <div id="theFooter"></div>
+        <!--acts as a placeholder in the code where the navbar content will be inserted.-->
+        <script>
+            fetch('footer.html?cache-bust=' + new Date().getTime())
+                .then(response => response.text())
+                .then(data => {
+                    document.getElementById('theFooter').innerHTML = data;
+                    document.getElementById('current-year').textContent = new Date().getFullYear();
+                })
+                .catch(error => {
+                    console.error('There was a problem with the fetch operation:', error);
+                });
+        </script>
     </footer>
 
 </body>

stylesFooter.css

@@ -0,0 +1,22 @@
+body {
+    font-family: Arial, sans-serif;
+    background-color: black;
+    color: white;
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+}
+
+footer {
+    background-color: #000; /* Match the background color of odd sections */
+    color: #fff;
+    padding: 60px;
+    box-sizing: border-box;
+    text-align: center; /* Center the text */
+    position: relative;
+}
+
+footer p {
+    margin: 0;
+    padding: 10px 0;
+}