fix: footer

warp-racing · Jul 14, 2023 · 063fc67 · 063fc67
1 parent 1293e43
commit 063fc67
Show file tree

Hide file tree

Showing 6 changed files with 160 additions and 1 deletion.
diff --git a/about-us/index.html b/about-us/index.html
@@ -10,6 +10,7 @@
     <link rel="icon" type="image/x-webp" href="../assets/img/logo.webp">
 
     <link href="../assets/css/cookies.css" rel="stylesheet">
+    <link href="../assets/css/footer.css" rel="stylesheet">
     <link href="../assets/css/global.css" rel="stylesheet">
     <link href="../assets/css/navbar.css" rel="stylesheet">
     <link href="../assets/css/pages/index.css" rel="stylesheet">
@@ -129,6 +130,44 @@ <h3 id="thomas-howcroft">Thomas Howcroft</h3>
         </div>
     </div>
 
+    <div id="footer">
+        <p id="copyright">©<a href="https://github.com/warpf1s/warpf1s.github.io/blob/main/LICENSE.md"
+                target="_blank">skifli</a>
+            2022 - {current_year}. All rights
+            reserved.</p>
+
+        <ul>
+            <li>
+                <a href="https://www.youtube.com/@warpf1s" target="_blank"><img
+                        alt="https://www.iconfinder.com/icons/1856390/circled_media_network_social_social_media_you_tube_youtube_icon"
+                        src="../assets/img/socials/youtube.svg"></a>
+            </li>
+
+            <li>
+                <a href="https://www.instagram.com/warpf1s" target="_blank"><img
+                        alt="https://www.iconfinder.com/icons/2142569/circle_colored_gradient_instagram_media_social_social_media_icon"
+                        src="../assets/img/socials/instagram.svg"></a>
+            </li>
+
+            <li>
+                <a href="https://twitter.com/warpf1s" target="_blank"><img
+                        alt="https://www.iconfinder.com/icons/294709/circle_twitter_icon"
+                        src="../assets/img/socials/twitter.svg"></a>
+            </li>
+
+            <li>
+                <a href="https://www.facebook.com/@warpf1s" target="_blank"><img
+                        alt="https://www.iconfinder.com/icons/317752/facebook_social_media_social_icon"
+                        src="../assets/img/socials/facebook.svg"></a>
+            </li>
+
+            <li>
+                <a href="https://threads.net/@warpf1s" target="_blank"><img alt="Threads"
+                        src="../assets/img/socials/threads.svg"></a>
+            </li>
+        </ul>
+    </div>
+
     <div id="cookie-consent-banner">
         <div class="middle">
             <h2>WE USE COOKIES &#127850;</h2>

diff --git a/assets/js/global.js b/assets/js/global.js
@@ -4,6 +4,7 @@ let acceptAllCookies = document.getElementById('accept-all-cookies');
 let onlyFunctionalCookies = document.getElementById('only-functional-cookies');
 
 let navbar = document.getElementById("navbar");
+let copyright = document.getElementById("copyright");
 
 function setCookie(cname, cvalue, exdays) {
     const d = new Date();
@@ -57,6 +58,8 @@ function scrollToElement() {
 }
 
 window.addEventListener("load", function () {
+    copyright.innerHTML = copyright.innerHTML.replace("{current_year}", new Date().getFullYear());
+
     let cookieConsent = getCookie('cookieConsent');
 
     if (cookieConsent === 'true') {

diff --git a/index.html b/index.html
@@ -10,10 +10,10 @@
     <link rel="icon" type="image/x-webp" href="assets/img/logo.webp">
 
     <link href="assets/css/cookies.css" rel="stylesheet">
+    <link href="assets/css/footer.css" rel="stylesheet">
     <link href="assets/css/global.css" rel="stylesheet">
     <link href="assets/css/navbar.css" rel="stylesheet">
     <link href="assets/css/pages/index.css" rel="stylesheet">
-    <link href="assets/css/footer.css" rel="stylesheet">
 
     <script defer src="assets/js/global.js"></script>
 </head>

diff --git a/our-cars/index.html b/our-cars/index.html
@@ -10,6 +10,7 @@
     <link rel="icon" type="image/x-webp" href="../assets/img/logo.webp">
 
     <link href="../assets/css/cookies.css" rel="stylesheet">
+    <link href="../assets/css/footer.css" rel="stylesheet">
     <link href="../assets/css/global.css" rel="stylesheet">
     <link href="../assets/css/navbar.css" rel="stylesheet">
     <link href="../assets/css/pages/index.css" rel="stylesheet">
@@ -75,6 +76,44 @@ <h3>Accel - 0.026N Drag</h3>
         </div>
     </div>
 
+    <div id="footer">
+        <p id="copyright">©<a href="https://github.com/warpf1s/warpf1s.github.io/blob/main/LICENSE.md"
+                target="_blank">skifli</a>
+            2022 - {current_year}. All rights
+            reserved.</p>
+
+        <ul>
+            <li>
+                <a href="https://www.youtube.com/@warpf1s" target="_blank"><img
+                        alt="https://www.iconfinder.com/icons/1856390/circled_media_network_social_social_media_you_tube_youtube_icon"
+                        src="../assets/img/socials/youtube.svg"></a>
+            </li>
+
+            <li>
+                <a href="https://www.instagram.com/warpf1s" target="_blank"><img
+                        alt="https://www.iconfinder.com/icons/2142569/circle_colored_gradient_instagram_media_social_social_media_icon"
+                        src="../assets/img/socials/instagram.svg"></a>
+            </li>
+
+            <li>
+                <a href="https://twitter.com/warpf1s" target="_blank"><img
+                        alt="https://www.iconfinder.com/icons/294709/circle_twitter_icon"
+                        src="../assets/img/socials/twitter.svg"></a>
+            </li>
+
+            <li>
+                <a href="https://www.facebook.com/@warpf1s" target="_blank"><img
+                        alt="https://www.iconfinder.com/icons/317752/facebook_social_media_social_icon"
+                        src="../assets/img/socials/facebook.svg"></a>
+            </li>
+
+            <li>
+                <a href="https://threads.net/@warpf1s" target="_blank"><img alt="Threads"
+                        src="../assets/img/socials/threads.svg"></a>
+            </li>
+        </ul>
+    </div>
+
     <div id="cookie-consent-banner">
         <div class="middle">
             <h2>WE USE COOKIES &#127850;</h2>

diff --git a/our-journey/index.html b/our-journey/index.html
@@ -10,6 +10,7 @@
     <link rel="icon" type="image/x-webp" href="../assets/img/logo.webp">
 
     <link href="../assets/css/cookies.css" rel="stylesheet">
+    <link href="../assets/css/footer.css" rel="stylesheet">
     <link href="../assets/css/global.css" rel="stylesheet">
     <link href="../assets/css/navbar.css" rel="stylesheet">
     <link href="../assets/css/pages/our-journey.css" rel="stylesheet">
@@ -97,6 +98,44 @@ <h2>Members Change - 6th June 2023</h2>
         </div>
     </div>
 
+    <div id="footer">
+        <p id="copyright">©<a href="https://github.com/warpf1s/warpf1s.github.io/blob/main/LICENSE.md"
+                target="_blank">skifli</a>
+            2022 - {current_year}. All rights
+            reserved.</p>
+
+        <ul>
+            <li>
+                <a href="https://www.youtube.com/@warpf1s" target="_blank"><img
+                        alt="https://www.iconfinder.com/icons/1856390/circled_media_network_social_social_media_you_tube_youtube_icon"
+                        src="../assets/img/socials/youtube.svg"></a>
+            </li>
+
+            <li>
+                <a href="https://www.instagram.com/warpf1s" target="_blank"><img
+                        alt="https://www.iconfinder.com/icons/2142569/circle_colored_gradient_instagram_media_social_social_media_icon"
+                        src="../assets/img/socials/instagram.svg"></a>
+            </li>
+
+            <li>
+                <a href="https://twitter.com/warpf1s" target="_blank"><img
+                        alt="https://www.iconfinder.com/icons/294709/circle_twitter_icon"
+                        src="../assets/img/socials/twitter.svg"></a>
+            </li>
+
+            <li>
+                <a href="https://www.facebook.com/@warpf1s" target="_blank"><img
+                        alt="https://www.iconfinder.com/icons/317752/facebook_social_media_social_icon"
+                        src="../assets/img/socials/facebook.svg"></a>
+            </li>
+
+            <li>
+                <a href="https://threads.net/@warpf1s" target="_blank"><img alt="Threads"
+                        src="../assets/img/socials/threads.svg"></a>
+            </li>
+        </ul>
+    </div>
+
     <div id="cookie-consent-banner">
         <div class="middle">
             <h2>WE USE COOKIES &#127850;</h2>

diff --git a/sponsors/index.html b/sponsors/index.html
@@ -10,6 +10,7 @@
     <link rel="icon" type="image/x-webp" href="../assets/img/logo.webp">
 
     <link href="../assets/css/cookies.css" rel="stylesheet">
+    <link href="../assets/css/footer.css" rel="stylesheet">
     <link href="../assets/css/global.css" rel="stylesheet">
     <link href="../assets/css/navbar.css" rel="stylesheet">
     <link href="../assets/css/pages/sponsors.css" rel="stylesheet">
@@ -84,6 +85,44 @@ <h3>Aosom <i>(Exclusive)</i></h3>
             joining us.</p>
     </div>
 
+    <div id="footer">
+        <p id="copyright">©<a href="https://github.com/warpf1s/warpf1s.github.io/blob/main/LICENSE.md"
+                target="_blank">skifli</a>
+            2022 - {current_year}. All rights
+            reserved.</p>
+
+        <ul>
+            <li>
+                <a href="https://www.youtube.com/@warpf1s" target="_blank"><img
+                        alt="https://www.iconfinder.com/icons/1856390/circled_media_network_social_social_media_you_tube_youtube_icon"
+                        src="../assets/img/socials/youtube.svg"></a>
+            </li>
+
+            <li>
+                <a href="https://www.instagram.com/warpf1s" target="_blank"><img
+                        alt="https://www.iconfinder.com/icons/2142569/circle_colored_gradient_instagram_media_social_social_media_icon"
+                        src="../assets/img/socials/instagram.svg"></a>
+            </li>
+
+            <li>
+                <a href="https://twitter.com/warpf1s" target="_blank"><img
+                        alt="https://www.iconfinder.com/icons/294709/circle_twitter_icon"
+                        src="../assets/img/socials/twitter.svg"></a>
+            </li>
+
+            <li>
+                <a href="https://www.facebook.com/@warpf1s" target="_blank"><img
+                        alt="https://www.iconfinder.com/icons/317752/facebook_social_media_social_icon"
+                        src="../assets/img/socials/facebook.svg"></a>
+            </li>
+
+            <li>
+                <a href="https://threads.net/@warpf1s" target="_blank"><img alt="Threads"
+                        src="../assets/img/socials/threads.svg"></a>
+            </li>
+        </ul>
+    </div>
+
     <div id="cookie-consent-banner">
         <div class="middle">
             <h2>WE USE COOKIES &#127850;</h2>