brulijam/introduction-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

rainbows :3

Browse Source
This commit is contained in:
Julian Brammer 2024-08-23 23:57:06 +02:00
parent 43750baeef
commit 4f394a5122
3 changed files with 32 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/content/links.json
View File

@ -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
}
]
}

3
src/css/main.css
View File

@ -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";

13
src/js/main.js
View File

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