rainbows :3

src/content/links.json

@@ -4,127 +4,127 @@
       "name": "Chess.org",
       "href": "https://www.chess.com/member/brulijam",
       "icon": "https://simpleicons.org/icons/chessdotcom.svg",
-      "group": 2
+      "group": 3
     },
     {
       "name": "Credit Card",
       "href": "mastercard.html",
       "icon": "https://simpleicons.org/icons/mastercard.svg",
-      "group": 5
+      "group": 4
     },
     {
       "name": "Discord",
       "href": "https://discordapp.com/users/144893706514726913",
       "icon": "https://simpleicons.org/icons/discord.svg",
-      "group": 0
+      "group": 1
     },
     {
       "name": "Folding@home",
       "href": "https://stats.foldingathome.org/donor/id/72929244",
       "icon": "",
-      "group": 5
+      "group": 4
     },
     {
       "name": "Github",
       "href": "https://github.com/Brulijam",
       "icon": "https://simpleicons.org/icons/github.svg",
-      "group": 1
+      "group": 2
     },
     {
       "name": "Gitea",
       "href": "https://git.brulijam.com/brulijam",
       "icon": "https://simpleicons.org/icons/gitea.svg",
-      "group": 1
+      "group": 2
     },
     {
       "name": "Instagram",
       "href": "https://instagram.com/julian.brammer",
       "icon": "https://simpleicons.org/icons/instagram.svg",
-      "group": 0
+      "group": 1
     },
     {
       "name": "Lichess",
       "href": "https://lichess.org/@/brulijam",
       "icon": "https://simpleicons.org/icons/lichess.svg",
-      "group": 2
+      "group": 3
     },
     {
       "name": "Mastodon",
       "href": "https://mstdn.brulijam.dev/@brulijam",
       "icon": "https://simpleicons.org/icons/mastodon.svg",
-      "group": 0
+      "group": 1
     },
     {
       "name": "Matrix",
       "href": "https://brulijam.dev/mtrx/#/@brulijam:brulijam.dev?web-instance[element.io]=chat.brulijam.dev&client=element.io",
       "icon": "https://simpleicons.org/icons/matrix.svg",
-      "group": 0
+      "group": 1
     },
     {
       "name": "Obsidian",
       "href": "https://md.brulijam.com",
       "icon": "https://simpleicons.org/icons/obsidian.svg",
-      "group": 1
+      "group": 2
     },
     {
       "name": "Osu!",
       "href": "https://osu.ppy.sh/users/3490953",
       "icon": "https://simpleicons.org/icons/osu.svg",
-      "group": 2
+      "group": 3
     },
     {
       "name": "PayPal",
       "href": "https://www.paypal.com/paypalme/julianbrammer/",
       "icon": "https://simpleicons.org/icons/paypal.svg",
-      "group": 5
+      "group": 4
     },
     {
       "name": "Screeps",
       "href": "https://screeps.com/a/#!/profile/Brulijam",
       "icon": "",
-      "group": 2
+      "group": 3
     },
     {
       "name": "Signal",
       "href": "https://signal.me/#eu/Bt1D65df5FOnAZVB0u9WHJG5wAz2WLnS_ALOiTAUmXHbs66TAjdHZ4YJi_wbyJnq",
       "icon": "https://simpleicons.org/icons/signal.svg",
-      "group": 0
+      "group": 1
     },
     {
       "name": "Snapchat",
       "href": "https://www.snapchat.com/add/julian.brammer",
       "icon": "https://simpleicons.org/icons/snapchat.svg",
-      "group": 0
+      "group": 1
     },
     {
       "name": "Soundcloud",
       "href": "https://soundcloud.com/brulijam",
       "icon": "https://simpleicons.org/icons/soundcloud.svg",
-      "group": 1
+      "group": 2
     },
     {
       "name": "Spotify",
       "href": "https://open.spotify.com/user/giibu0t7te5mchiu2ugisudnv",
       "icon": "https://simpleicons.org/icons/spotify.svg",
-      "group": 1
+      "group": 2
     },
     {
       "name": "Steam",
       "href": "https://steamcommunity.com/id/Brulijam/",
       "icon": "https://simpleicons.org/icons/steam.svg",
-      "group": 2
+      "group": 3
     },
     {
       "name": "Telegram",
       "href": "https://t.me/julian_brammer",
       "icon": "https://simpleicons.org/icons/telegram.svg",
-      "group": 0
+      "group": 1
     },
     {
       "name": "Youtube",
       "href": "https://youtube.com/@brulijam",
       "icon": "https://simpleicons.org/icons/youtube.svg",
-      "group": 1
+      "group": 2
     }
   ]
 }

src/css/main.css

@@ -2,7 +2,8 @@
     --bg-color: rgb(16, 16, 16);
     --primary: rgb(240, 240, 240);
 
-    --secondary-color: rgb(0, 138, 216);
+    --secondary-color: hsl(200, 60%, 60%);
+    /*--secondary-color: rgb(0, 138, 216);*/
 
     --font-weight: 400;
     --font-family: "Lucida Console";

src/js/main.js

@@ -14,9 +14,14 @@ const secondaryColors = [
     "rgb(173, 223, 179)"
 ];
 
-function setRandomSecondaryColor() {
+let hue = 200;
-    const randomColor = secondaryColors[Math.floor(Math.random() * secondaryColors.length)];
+const colorChangeInterval = 150;
-    document.documentElement.style.setProperty('--secondary-color', randomColor);
+
+function setRainbowColor() {
+    const color = `hsl(${hue}, 60%, 60%)`;
+    document.documentElement.style.setProperty('--secondary-color', color);
+    hue = (hue + 1) % 360;
 }
 
-setRandomSecondaryColor();
+setRainbowColor();
+setInterval(setRainbowColor, colorChangeInterval);