From fb3b29209b0190a53409935cadb5d49c04110b04 Mon Sep 17 00:00:00 2001 From: Ruben Date: Sun, 7 Jul 2024 18:42:30 -0500 Subject: [PATCH] add more links, slight intro update, buttons edits, lazy loading --- assets/blog.svg | 9 ++++ assets/music.svg | 9 ++++ index.html | 134 +++++++++++++++++++++++++++-------------------- style.css | 44 ++++++++++++++++ 4 files changed, 140 insertions(+), 56 deletions(-) create mode 100644 assets/blog.svg create mode 100644 assets/music.svg diff --git a/assets/blog.svg b/assets/blog.svg new file mode 100644 index 0000000..24aa255 --- /dev/null +++ b/assets/blog.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/music.svg b/assets/music.svg new file mode 100644 index 0000000..79e2498 --- /dev/null +++ b/assets/music.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/index.html b/index.html index 6a2ff04..6294137 100644 --- a/index.html +++ b/index.html @@ -25,7 +25,7 @@
- Crudely drawn picture of a synth character, looking to the right. Their body is mostly colored with shades of grey and accents of green. + Crudely drawn picture of a synth character, looking to the right. Their body is mostly colored with shades of grey and accents of green.

hey, i'm ruben!

cheesed to meet ya.

a synth who is constantly tired about everything.

@@ -42,14 +42,16 @@

about me

-

i'm your "average" 17 year old gay foss enjoyer.

-

i enjoy messing around with technology, unique and retro, or when it's not being stupid and ruined by "modernity" or corporations.

-

i'm a nerd into free and open source software and privacy stuff, along with other libre things. i'm not a programmer or anything, though.

-

also a nerd into Linux stuff, mostly touched Arch and NixOS but have found to stuck with Fedora.

+

i'm just some 17 year old gay foss enjoyer with adhd, going around the internet and slowly realizing how fucked the world is. or something like that.

+

i enjoy messing around with technology, usually if its unique or retro, or perhaps just taking something and physically destroying it because it helps relieve some of my stress.

+

i'm a nerd into free and open source software (as noted above) and privacy stuff, along with other libre things. i'm not a programmer or anything, though. i've tried, didn't work out.

+

also a nerd into Linux stuff, mostly touched Arch and a little bit of NixOS but have found to stuck with Fedora.

enthusiast in open, decentralized and federated projects, networks or services. favorites include the fediverse and listenbrainz.

-

i absoluetly despise corporations and capitalism with every single fiber in my living synthentic body πŸ˜ŠπŸ’•

+

i absolutely despise corporations and capitalism with every single fiber in my living synthentic body πŸ˜ŠπŸ’•

+

i am also very Incredibly Gay by the way, did i mention that? bet i didn't. totally. heh. +

very much a furry connoisseur and into other robot beings like protogens and other fellow synths. being a human fucking SUCKS. also into other things and stuff that people would consider to be weird or whatever because apparently being normal is good or something stupid like that.

Certifiedβ„’ idiot (i think this one is obvious)

-

usually, seemingly always, pretty tired and sometimes full of random ideas i know damn well i can't execute at all or end up putting on the heater forever.

+

usually pretty tired and sometimes full of ideas that i just can't bring myself to execute for some reason.

󰉋 ~/about-me ο‘„ β–ˆ

@@ -66,38 +68,57 @@

you can find or contact me in these places i'm usually available and active on. i suck at direct messages, if you try to contact me and i don't know you then chances are you'll get a response within the next 3028 years.

+

other points of interest:

+
+ + + + +

󰉋 ~/socials-and-contacts ο‘„ β–ˆ

@@ -182,53 +203,54 @@ - 23Sonics - authenyo - av70 - harper - DRAKONIC - Freeplay - Jack - Kyropy - Lars - Mice Nest - micro - notfire - Millions - SweetCoffy - unnick - Won't Work!/ShittyKopper + 23Sonics + authenyo + av70 + harper + DRAKONIC + Freeplay + Jack + Kyropy + Lars + Mice Nest + micro + notfire + Millions + pinkcreeper100 + SweetCoffy + unnick + Won't Work!/ShittyKopper - Sneexy - Sneexy + Sneexy + Sneexy

misc. things and websites!

- Get Firefox - uBlock Origin Now! - Betterfox Now! + Get Firefox + uBlock Origin Now! + Betterfox Now! - Nintendo 3DS - Nintendo Wii - The Mod Archive - Soulseek + Nintendo 3DS + Nintendo Wii + The Mod Archive + Soulseek - besties - Constellatory - Real-Time Corruptor Vanguard - Homestar Runner - NFT: No Fucking Thanks! (Web3 Is Just Going Great) + besties + Constellatory + Real-Time Corruptor Vanguard + Homestar Runner + NFT: No Fucking Thanks! (Web3 Is Just Going Great) - It's morally okay to pirate from triple-A - Built Eating Cheez-IT - Bunny Browser - Rave Now! - Crazy For Yoshis - Yoshi Lore - Tucows - Doin Your Mom! - Hey all, Scott here! + It's morally okay to pirate from triple-A + Built Eating Cheez-IT + Bunny Browser + Rave Now! + Crazy For Yoshis + Yoshi Lore + Tucows + Doin Your Mom! + Hey all, Scott here!

󰉋 ~/buttons ο‘„ β–ˆ

@@ -239,7 +261,7 @@

← Fediring β†’

← roboring β†’

-

website source!

+

website source! (all wrongs reversed, please copy and share πŸ’š)

Catppuccin license πŸ’œ

Nerd Fonts license(s)

JBM license/authors

@@ -247,7 +269,7 @@

Papirus icons license/authors

favicon by wep

made with love, lack of sleep and procrastination

- GIF of a synth with a massive butt, shaking it towards the viewer + GIF of a synth with a massive butt, shaking it towards the viewer
diff --git a/style.css b/style.css index 221b371..22c7105 100644 --- a/style.css +++ b/style.css @@ -504,6 +504,50 @@ socials and links text-decoration: underline; } } +#blog { + background-color: color-mix(in srgb, var(--pink) 10%, transparent); + p, a { + color: var(--text); + text-decoration: none; + } + p:hover, a:hover { + color: var(--pink); + text-decoration: underline; + } +} +#music { + background-color: color-mix(in srgb, var(--sky) 10%, transparent); + p, a { + color: var(--text); + text-decoration: none; + } + p:hover, a:hover { + color: var(--sky); + text-decoration: underline; + } +} +#shitposts { + background-color: color-mix(in srgb, var(--red) 10%, transparent); + p, a { + color: var(--text); + text-decoration: none; + } + p:hover, a:hover { + color: var(--red); + text-decoration: underline; + } +} +#internet-archive { + background-color: color-mix(in srgb, var(--overlay2) 10%, transparent); + p, a { + color: var(--text); + text-decoration: none; + } + p:hover, a:hover { + color: var(--text); + text-decoration: underline; + } +} /* quotes