diff --git a/blog/index.html b/blog/index.html index 5ef0a3a..f3d6039 100644 --- a/blog/index.html +++ b/blog/index.html @@ -19,6 +19,7 @@ + @@ -92,15 +93,15 @@
-

Fediring

-

furryring

-

roboring

+

Fediring

+

furryring

+

roboring

- - - - - + + + + +

made with love, lack of sleep and procrastination

♡2024 All wrongs reversed. Please copy and share.

@@ -109,6 +110,9 @@ + + + diff --git a/index.html b/index.html index b5dbc99..df1ac8d 100644 --- a/index.html +++ b/index.html @@ -18,7 +18,7 @@ - + @@ -105,91 +105,91 @@ if any are broken and/or missing, poke me.

friends!

- 23Sonics - Autumn Town Café - av70 - benjae - birdcat dot online - harper - david wolfpaw - doskel - sirlain - DRAKONIC - enderman0125 - exlitry.world - oli - Freeplay - ~thermia - dracoling - InvoxiPlayGames - Jack - ~keith - Kyropy - Lars - Madz258 - melontini - Mice Nest - micro - neil - notfire - Odoben - Millions - pancakes - pquirrel - rarf dot zone - Rexo - Shiver J. - Gavi/sleepy.ink - smolderg/Therra - Lexi - sophie - Atapi - SweetCoffy - TheCrafters001 - tobskep - unnick - Volpeon - Tika - Won't Work!/ShittyKopper - winter + 23Sonics + Autumn Town Café + av70 + benjae + birdcat dot online + harper + david wolfpaw + doskel + sirlain + DRAKONIC + enderman0125 + exlitry.world + oli + Freeplay + ~thermia + dracoling + InvoxiPlayGames + Jack + ~keith + Kyropy + Lars from Mars + Madz258 + melontini + Mice Nest + micro + Nelson & Neil + notfire + Odoben + Millions + pancakes + pquirrel + rarf dot zone + Rexo + Shiver J. + Gavi/sleepy.ink + smolderg/Therra + Lexi + sophie + Atapi + SweetCoffy + TheCrafters001 + tobskep + unnick + Volpeon + Tika + Won't Work!/kopper + winter

misc.

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

me! (click to copy html)

@@ -203,15 +203,15 @@
-

Fediring

-

furryring

-

roboring

+

Fediring

+

furryring

+

roboring

- - - - - + + + + +

made with love, lack of sleep and procrastination

♡2024 All wrongs reversed. Please copy and share.

@@ -220,6 +220,9 @@ + + + diff --git a/me/dni/index.html b/me/dni/index.html index 5157d21..20867ab 100644 --- a/me/dni/index.html +++ b/me/dni/index.html @@ -17,6 +17,7 @@ + @@ -119,15 +120,15 @@
-

Fediring

-

furryring

-

roboring

+

Fediring

+

furryring

+

roboring

- - - - - + + + + +

made with love, lack of sleep and procrastination

♡2024 All wrongs reversed. Please copy and share.

@@ -136,6 +137,9 @@ + + + diff --git a/me/index.html b/me/index.html index 9218be1..16fb8f5 100644 --- a/me/index.html +++ b/me/index.html @@ -19,6 +19,7 @@ + @@ -81,7 +82,7 @@

theme song by ChalkLlate! -

3D Low poly model of my synth character. He's a pretty chubby synth with a belly and chest made entirely out of goo, his frame is mostly made with shades of grey with lime/pastel green accents. hey, i'm ruben!

+

3D Low poly model of my synth character. He's a pretty chubby synth with a belly and chest made entirely out of goo, his frame is mostly made with shades of grey with lime/pastel green accents. hey, i'm ruben!

cheesed to meet ya.

big fat gooey synth who is constantly tired.

...or eepy, but definitely more tired. @@ -89,19 +90,19 @@

pronouns

    -
  • he/him
    • -
  • it/its
    • -
  • they/them
    • -
  • anything else
    • +
  • he/him
    • +
  • it/its
    • +
  • they/them
    • +
  • anything else

names

    -
  • ruben
    • -
  • sneexy, sneex*
    • -
  • rube, rubie (ruby)
    • -
  • variations/anything else
    • +
  • ruben
    • +
  • sneexy, sneex*
    • +
  • rube, rubie (ruby)
    • +
  • variations/anything else
@@ -159,14 +160,14 @@

links

my links to all of my public facing socials and contacts. if i know you well, you may ask me for anything more private, like signal or matrix, etc. fastest way to get this is by checking my pinned post if you follow me/we're mutuals on fedi.

- - - - - - - - + + + + + + + +

you may observe my somewhat public fediverse activity below:

@@ -210,15 +211,15 @@
-

Fediring

-

furryring

-

roboring

+

Fediring

+

furryring

+

roboring

- - - - - + + + + +

made with love, lack of sleep and procrastination

♡2024 All wrongs reversed. Please copy and share.

@@ -227,6 +228,9 @@ + + + diff --git a/me/ruben/index.html b/me/ruben/index.html index 057ab84..14fb5ce 100644 --- a/me/ruben/index.html +++ b/me/ruben/index.html @@ -17,6 +17,7 @@ + @@ -195,15 +196,15 @@
-

Fediring

-

furryring

-

roboring

+

Fediring

+

furryring

+

roboring

- - - - - + + + + +

made with love, lack of sleep and procrastination

♡2024 All wrongs reversed. Please copy and share.

@@ -212,6 +213,9 @@ + + + diff --git a/script.js b/script.js index 8073697..0e579b4 100644 --- a/script.js +++ b/script.js @@ -1,5 +1,74 @@ +// custom popups that appear on hover that uses the alt attribute on elements +// generated with ai i'm SORRY but i'm stupid and this works so its probably fiiiine +// i'll probably redo this when i can be assed to learn js myself +// Wait for DOM to be fully loaded before executing code (do we even need this. my site is just basic bitch html) +document.addEventListener('DOMContentLoaded', function() { + // Create popup element + let popup = document.getElementById('alt-popup'); + + // If popup doesn't exist, create it + if (!popup) { + popup = document.createElement('div'); + popup.id = 'alt-popup'; + popup.className = 'alt-popup'; + document.body.appendChild(popup); + } + + // Find all elements with alt attributes + function initializePopups() { + // Get all elements with alt attributes + const elementsWithAlt = document.querySelectorAll('[alt]'); + + // Add mouse events to each element + elementsWithAlt.forEach(element => { + element.addEventListener('mousemove', showPopup); + element.addEventListener('mouseout', hidePopup); + }); + } + + // show popup and position it near the cursor + function showPopup(event) { + // get alt text + const altText = event.target.getAttribute('alt'); + + if (altText) { + // use alt text in popup + popup.textContent = altText; + + // correct popup positioning away from cursor and make it visible + popup.style.left = (event.clientX + 20) + 'px'; + popup.style.top = (event.clientY + 20) + 'px'; + popup.style.opacity = '1'; + } + } + + function hidePopup() { + popup.style.opacity = '0'; + } + + // Initialize popups on load + initializePopups(); + + if (window.MutationObserver) { + const observer = new MutationObserver(mutations => { + mutations.forEach(mutation => { + if (mutation.addedNodes.length) { + initializePopups(); + } + }); + }); + + if (document.body) { + observer.observe(document.body, { childList: true, subtree: true }); + } + } +}); + +// Start observing the document with the configured parameters +observer.observe(document.body, { childList: true, subtree: true }); + // snippet that copies the html for my button(s) function copyButton() { navigator.clipboard.writeText ('Sneexy'); alert("button html copied!"); -} \ No newline at end of file +}; \ No newline at end of file diff --git a/style.css b/style.css index 1f3a970..172a256 100644 --- a/style.css +++ b/style.css @@ -329,17 +329,6 @@ h1 a:hover { margin-bottom: .1rem; } -/* line seperator */ - -#seperator { - display: block; - height: 1px; - width: auto; - margin-top: 20px; - margin-bottom: 20px; - border-bottom: 1px var(--surface2) solid; -} - /* summary styling */ summary { @@ -380,6 +369,22 @@ audio { border-radius: 3rem; } +.alt-popup { + position: fixed; + background-color: color-mix(in srgb, var(--ayu-ui-bg) 85%, transparent); + color: var(--ayu-e-fg); + padding: .5rem; + border: solid .01rem var(--ayu-accent); + border-radius: .5rem; + font-size: 1rem; + max-width: 30rem; + z-index: 1000; + pointer-events: none; + opacity: 0; + transition: opacity 0.4s; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); +} + /* footer/credits */ footer { diff --git a/subdomain/disappearing/index.html b/subdomain/disappearing/index.html index 2650d8a..97c3a1c 100644 --- a/subdomain/disappearing/index.html +++ b/subdomain/disappearing/index.html @@ -10,6 +10,7 @@ +