Change Favicon

Author: sa-fw-an

docs/Adding_favicon.md

@@ -18,8 +18,7 @@
 
 If you need to update the colors of an existing favicon, edit the SVG file and update the hex codes in the following places:
 
-- `flood-color="#00FFFF"`
-- `fill="#40C0E7"`
-- `stroke="#00FFFF"`
+- `fill="#033CD2"`
+- `stroke="#FF7800"`
 
 Ensure that the new colors remain consistent with the current favicon theme.

public/Randomfavicon.js

@@ -1,20 +1,31 @@
 (function () {
-    function setRandomFavicon() {
+    function setSequentialFavicons() {
         const favicons = [
             'favicon1.svg',
             'favicon2.svg',
             'favicon3.svg',
             'favicon4.svg',
             'favicon5.svg',
             'favicon6.svg',
-            'favicon7.svg'
+            'favicon7.svg',
+            'favicon8.svg',
+            'favicon9.svg',
+            'favicon10.svg',
+            'favicon11.svg',
+            'favicon12.svg'
         ];
-        const randomIndex = Math.floor(Math.random() * favicons.length);
-        const randomFavicon = 'favicons/' + favicons[randomIndex];
-        const faviconLink = document.getElementById('dynamic');
-        if (faviconLink) {
-            faviconLink.href = randomFavicon;
+        let currentIndex = 0;
+
+        function updateFavicon() {
+            const faviconLink = document.getElementById('dynamic');
+            if (faviconLink) {
+                faviconLink.href = 'favicons/' + favicons[currentIndex];
+                currentIndex = (currentIndex + 1) % favicons.length;
+            }
         }
+        updateFavicon();
+        setInterval(updateFavicon, 2000);
     }
-    document.addEventListener('DOMContentLoaded', setRandomFavicon);
+
+    document.addEventListener('DOMContentLoaded', setSequentialFavicons);
 })();