remove title for accessibility reasons and use custom popup
This commit is contained in:
parent
0407e03445
commit
31a303a37c
8 changed files with 238 additions and 144 deletions
|
|
@ -19,6 +19,7 @@
|
|||
<meta lang="en-US">
|
||||
<meta property="og:url" content="https://synth.download/">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="/script.js"></script>
|
||||
<script src="/script.js" defer="defer"></script>
|
||||
</head>
|
||||
|
||||
|
|
@ -92,15 +93,15 @@
|
|||
</summary>
|
||||
|
||||
<section>
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous" title="Previous"><span class="tabler--arrow-left"></span></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next" title="Next"><span class="tabler--arrow-right"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous" title="Previous"><span class="tabler--arrow-left"></span></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next" title="Next"><span class="tabler--arrow-right"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous" title="Previous"><span class="tabler--arrow-left"></span></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next" title="Next"><span class="tabler--arrow-right"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
|
||||
<section class="inner-footer">
|
||||
<a href="https://git.gay/sneexy/pages" style="background-color: color-mix(in srgb, var(--ayu-s-string) 25%, transparent); color: var(--ayu-s-string);" alt="website source!" title="website source!"><span class="tabler--brand-git"></span></a>
|
||||
<a href="https://github.com/ayu-theme/ayu-colors" style="background-color: color-mix(in srgb, var(--ayu-accent) 25%, transparent); color: var(--ayu-accent);" alt="Ayu" title="Ayu"><span class="tabler--palette"></span></svg></a>
|
||||
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--ayu-s-tag) 25%, transparent); color: var(--ayu-s-tag);" alt="Tabler" title="Tabler"><span class="tabler--brand-tabler"></span></a>
|
||||
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--ayu-v-added) 25%, transparent); color: var(--ayu-v-added);" alt="JetBrains Mono" title="JetBrains Mono"><span class="tabler--text-size"></span></a>
|
||||
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--ayu-v-removed) 25%, transparent); color: var(--ayu-v-removed);" alt="Lexend" title="Lexend"><span class="tabler--letter-case"></span></i></a>
|
||||
<a href="https://git.gay/sneexy/pages" style="background-color: color-mix(in srgb, var(--ayu-s-string) 25%, transparent); color: var(--ayu-s-string);" alt="website source!"><span class="tabler--brand-git" style="pointer-events: none;"></span></a>
|
||||
<a href="https://github.com/ayu-theme/ayu-colors" style="background-color: color-mix(in srgb, var(--ayu-accent) 25%, transparent); color: var(--ayu-accent);" alt="Ayu"><span class="tabler--palette" style="pointer-events: none;"></span></svg></a>
|
||||
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--ayu-s-tag) 25%, transparent); color: var(--ayu-s-tag);" alt="Tabler"><span class="tabler--brand-tabler" style="pointer-events: none;"></span></a>
|
||||
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--ayu-v-added) 25%, transparent); color: var(--ayu-v-added);" alt="JetBrains Mono"><span class="tabler--text-size" style="pointer-events: none;"></span></a>
|
||||
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--ayu-v-removed) 25%, transparent); color: var(--ayu-v-removed);" alt="Lexend"><span class="tabler--letter-case" style="pointer-events: none;"></span></i></a>
|
||||
</section>
|
||||
<p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
|
||||
<p>♡2024 All wrongs reversed. Please copy and share.</p>
|
||||
|
|
@ -109,6 +110,9 @@
|
|||
</details>
|
||||
</footer>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
169
index.html
169
index.html
|
|
@ -18,7 +18,7 @@
|
|||
<meta lang="en-US">
|
||||
<meta property="og:url" content="https://synth.download/">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="/script.js" defer="defer"></script>
|
||||
<script src="/script.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
@ -105,91 +105,91 @@
|
|||
<span style="color: var(--ayu-error);">if any are broken and/or missing, poke me.</span>
|
||||
<p style="text-align: center;">friends!</p>
|
||||
<div class="buttons">
|
||||
<a href="https://23sonics.zone"><img src="/assets/buttons/friends/23sonics.gif" alt="23Sonics" title="23Sonics"></a>
|
||||
<a href="https://autumn.town"><img src="/assets/buttons/friends/autumn.webp" alt="Autumn Town Café" title="Autumn Town Café"></a>
|
||||
<a href="https://av70.neocities.org"><img src="/assets/buttons/friends/av70.gif" alt="av70" title="av70"></a>
|
||||
<a href="https://benjae.nekoweb.org"><img src="/assets/buttons/friends/benjae.png" alt="benjae" title="benjae"></a>
|
||||
<a href="https://birdcat.online"><img src="/assets/buttons/friends/birdcat.gif" alt="birdcat dot online" title="birdcat dot online"></a>
|
||||
<a href="https://blueb.pages.gay"><img src="/assets/buttons/friends/harper.png" alt="harper" title="harper"></a>
|
||||
<a href="https://david.garden"><img src="/assets/buttons/friends/david.png" title="david wolfpaw" alt="david wolfpaw"></a>
|
||||
<a href="https://doskel.net"><img width="88" height="31" src="/assets/buttons/friends/doskel.png" alt="doskel" title="doskel"></a>
|
||||
<a href="https://dragon-vi.be"><img src="/assets/buttons/friends/sirlan.png" alt="sirlain" title="sirlain"></a>
|
||||
<a href="https://drakonic.zone"><img src="/assets/buttons/friends/drakonic.gif" alt="DRAKONIC" title="DRAKONIC"></a>
|
||||
<a href="https://egg.l5.ca"><img src="/assets/buttons/friends/enderman0125.gif" alt="enderman0125" title="enderman0125"></a>
|
||||
<a href="https://exlitry.world"><img src="/assets/buttons/friends/exlitry.world.gif" alt="exlitry.world" title="exlitry.world"></a>
|
||||
<a href="https://floof.gay"><img src="/assets/buttons/friends/oli.svg" alt="oli" title="oli"></a>
|
||||
<a href="https://freeplay.floof.company"><img src="/assets/buttons/friends/freeplay.gif" alt="Freeplay" title="Freeplay"></a>
|
||||
<a href="https://girlthi.ng/~thermia"><img src="/assets/buttons/friends/thermia.gif" alt="~thermia" title="~thermia"></a>
|
||||
<a href="https://home.dracol.ing"><img src="/assets/buttons/friends/dracoling.gif" alt="dracoling" title="dracoling"></a>
|
||||
<a href="https://invoxiplaygames.uk"><img src="/assets/buttons/friends/ipg.png" alt="InvoxiPlayGames" title="InvoxiPlayGames"></a>
|
||||
<a href="https://jack.cab"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAfBAMAAACR5hfTAAAAGFBMVEUAAAB3dnuamZbJuKfAv7zYxbPe1Mre3dqiErpIAAAA2UlEQVQ4y7WTUQqDQAxEFz88Qr/DUNrfglcQe4BeYCvtHKAU9vpNdlVQa9mFmo8YlucwGYhz/6yabLJhKnwpgZsiOFeaPW7Z0uyPzwIYODEbbtud4Pv7eshXfp0LbISwk2cGMB9GyIZrU/aLN/9tTIWVwJ4wzZruYqPxFURBbYjTDNZjo12ctzEKAvqDNlhbwCqokjVrPwg7SKW69sHas8JxjMKVjI6xtD3YYDr+CU425jAnGwn2EyzuBxw964KdbHqmhTBL4yGbaUSbtMXGnDsZchasc/5/fQBe10j9sWqcbgAAAABJRU5ErkJggg==" alt="Jack" title="Jack"></a> <!-- thanks jack -->
|
||||
<a href="https://keithhacks.cyou"><img src="/assets/buttons/friends/keith.gif" alt="~keith" title="~keith"></a>
|
||||
<a href="https://kyropy.neocities.org"><img src="/assets/buttons/friends/kyropy.svg" alt="Kyropy" title="Kyropy"></a>
|
||||
<a href="https://larsfrommars.neocities.org"><img src="/assets/buttons/friends/lars.png" alt="Lars" title="Lars from Mars"></a>
|
||||
<a href="https://madz258.top"><img src="/assets/buttons/friends/madz.gif" alt="Madz258" title="Madz258"></a>
|
||||
<a href="https://melontini.me"><img src="/assets/buttons/friends/melontini.png" alt="melontini" title="melontini"></a>
|
||||
<a href="https://micenest.xyz"><img src="/assets/buttons/friends/micenest.png" alt="Mice Nest" title="Mice Nest"></a>
|
||||
<a href="https://micro.pages.gay"><img src="/assets/buttons/friends/micro.png" alt="micro" title="micro"></a>
|
||||
<a href="https://neil.cyrneko.eu"><img src="/assets/buttons/friends/neil.png" alt="neil" title="neil"></a>
|
||||
<a href="https://notfire.cc"><img src="/assets/buttons/friends/notfire.gif" alt="notfire" title="notfire"></a>
|
||||
<a href="https://odoben.space"><img src="/assets/buttons/friends/odoben.png" alt="Odoben" title="Odoben"></a>
|
||||
<a href="https://ofplayers.net"><img src="/assets/buttons/friends/millions.png" alt="Millions" title="Millions"></a>
|
||||
<a href="https://pancakes.gay"><img src="/assets/buttons/friends/pancakes.png" alt="pancakes" title="pancakes"></a>
|
||||
<a href="https://pquirrel.neocities.org"><img src="/assets/buttons/friends/pquirrel.png" alt="pquirrel" title="pquirrel"></a>
|
||||
<a href="https://rarf.zone"><img src="/assets/buttons/friends/rarf-zone.png" alt="rarf dot zone" title="rarf dot zone"></a>
|
||||
<a href="https://rexogamer.github.io"><img src="/assets/buttons/friends/rexo.png" alt="Rexo" title="Rexo"></a>
|
||||
<a href="https://shiver-j.neocities.org"><img src="/assets/buttons/friends/shiverj.png" alt="Shiver J." title="Shiver J."></a>
|
||||
<a href="https://sleepy.ink"><img src="/assets/buttons/friends/sleepy.png" alt="Gavi/sleepy.ink" title="Gavi/sleepy.ink"></a>
|
||||
<a href="https://smolderg.xyz"><img src="/assets/buttons/friends/theysosmall.png" alt="smolderg/Therra" title="smolderg/Therra"></a>
|
||||
<a href="https://softkittypa.ws"><img src="/assets/buttons/friends/lexi.png" alt="Lexi" title="Lexi"></a>
|
||||
<a href="https://sophari.org"><img src="/assets/buttons/friends/sophari.gif" alt="sophie" title="sophie"></a>
|
||||
<a href="https://sterophonick.github.io"><img src="/assets/buttons/friends/sterophonick.gif" alt="Atapi" title="Atapi"></a>
|
||||
<a href="https://sweetcoffy.pages.gay"><img src="/assets/buttons/friends/sweetcoffy.png" alt="SweetCoffy" title="SweetCoffy"></a>
|
||||
<a href="https://thecrafters001.com"><img src="/assets/buttons/friends/tc001.png" alt="TheCrafters001" title="TheCrafters001"></a>
|
||||
<a href="https://tobskep.com"><img src="/assets/buttons/friends/tobskep.gif" alt="tobskep" title="tobskep"></a>
|
||||
<a href="https://unnick.mice.tel"><img src="/assets/buttons/friends/unnick.png" alt="unnick" title="unnick"></a>
|
||||
<a href="https://volpeon.ink"><img src="/assets/buttons/friends/volpeon.svg" alt="Volpeon" title="Volpeon"></a>
|
||||
<a href="https://vore.media"><img src="/assets/buttons/friends/tika.png" alt="Tika" title="Tika"></a>
|
||||
<a href="https://w.on-t.work"><img src="/assets/buttons/friends/wontwork.png" alt="Won't Work!/ShittyKopper" title="Won't Work!/ShittyKopper"></a>
|
||||
<a href="https://winter.entities.org.uk"><img src="/assets/buttons/friends/winter.png" alt="winter" title="winter"></a>
|
||||
<a href="https://23sonics.zone"><img src="/assets/buttons/friends/23sonics.gif" alt="23Sonics"></a>
|
||||
<a href="https://autumn.town"><img src="/assets/buttons/friends/autumn.webp" alt="Autumn Town Café"></a>
|
||||
<a href="https://av70.neocities.org"><img src="/assets/buttons/friends/av70.gif" alt="av70"></a>
|
||||
<a href="https://benjae.nekoweb.org"><img src="/assets/buttons/friends/benjae.png" alt="benjae"></a>
|
||||
<a href="https://birdcat.online"><img src="/assets/buttons/friends/birdcat.gif" alt="birdcat dot online"></a>
|
||||
<a href="https://blueb.pages.gay"><img src="/assets/buttons/friends/harper.png" alt="harper"></a>
|
||||
<a href="https://david.garden"><img src="/assets/buttons/friends/david.png" alt="david wolfpaw"></a>
|
||||
<a href="https://doskel.net"><img width="88" height="31" src="/assets/buttons/friends/doskel.png" alt="doskel"></a>
|
||||
<a href="https://dragon-vi.be"><img src="/assets/buttons/friends/sirlan.png" alt="sirlain"></a>
|
||||
<a href="https://drakonic.zone"><img src="/assets/buttons/friends/drakonic.gif" alt="DRAKONIC"></a>
|
||||
<a href="https://egg.l5.ca"><img src="/assets/buttons/friends/enderman0125.gif" alt="enderman0125"></a>
|
||||
<a href="https://exlitry.world"><img src="/assets/buttons/friends/exlitry.world.gif" alt="exlitry.world"></a>
|
||||
<a href="https://floof.gay"><img src="/assets/buttons/friends/oli.svg" alt="oli"></a>
|
||||
<a href="https://freeplay.floof.company"><img src="/assets/buttons/friends/freeplay.gif" alt="Freeplay"></a>
|
||||
<a href="https://girlthi.ng/~thermia"><img src="/assets/buttons/friends/thermia.gif" alt="~thermia"></a>
|
||||
<a href="https://home.dracol.ing"><img src="/assets/buttons/friends/dracoling.gif" alt="dracoling"></a>
|
||||
<a href="https://invoxiplaygames.uk"><img src="/assets/buttons/friends/ipg.png" alt="InvoxiPlayGames"></a>
|
||||
<a href="https://jack.cab"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAfBAMAAACR5hfTAAAAGFBMVEUAAAB3dnuamZbJuKfAv7zYxbPe1Mre3dqiErpIAAAA2UlEQVQ4y7WTUQqDQAxEFz88Qr/DUNrfglcQe4BeYCvtHKAU9vpNdlVQa9mFmo8YlucwGYhz/6yabLJhKnwpgZsiOFeaPW7Z0uyPzwIYODEbbtud4Pv7eshXfp0LbISwk2cGMB9GyIZrU/aLN/9tTIWVwJ4wzZruYqPxFURBbYjTDNZjo12ctzEKAvqDNlhbwCqokjVrPwg7SKW69sHas8JxjMKVjI6xtD3YYDr+CU425jAnGwn2EyzuBxw964KdbHqmhTBL4yGbaUSbtMXGnDsZchasc/5/fQBe10j9sWqcbgAAAABJRU5ErkJggg==" alt="Jack"></a> <!-- thanks jack -->
|
||||
<a href="https://keithhacks.cyou"><img src="/assets/buttons/friends/keith.gif" alt="~keith"></a>
|
||||
<a href="https://kyropy.neocities.org"><img src="/assets/buttons/friends/kyropy.svg" alt="Kyropy"></a>
|
||||
<a href="https://larsfrommars.neocities.org"><img src="/assets/buttons/friends/lars.png" alt="Lars from Mars"></a>
|
||||
<a href="https://madz258.top"><img src="/assets/buttons/friends/madz.gif" alt="Madz258"></a>
|
||||
<a href="https://melontini.me"><img src="/assets/buttons/friends/melontini.png" alt="melontini"></a>
|
||||
<a href="https://micenest.xyz"><img src="/assets/buttons/friends/micenest.png" alt="Mice Nest"></a>
|
||||
<a href="https://micro.pages.gay"><img src="/assets/buttons/friends/micro.png" alt="micro"></a>
|
||||
<a href="https://neil.cyrneko.eu"><img src="/assets/buttons/friends/neil.png" alt="Nelson & Neil"></a>
|
||||
<a href="https://notfire.cc"><img src="/assets/buttons/friends/notfire.gif" alt="notfire"></a>
|
||||
<a href="https://odoben.space"><img src="/assets/buttons/friends/odoben.png" alt="Odoben"></a>
|
||||
<a href="https://ofplayers.net"><img src="/assets/buttons/friends/millions.png" alt="Millions"></a>
|
||||
<a href="https://pancakes.gay"><img src="/assets/buttons/friends/pancakes.png" alt="pancakes"></a>
|
||||
<a href="https://pquirrel.neocities.org"><img src="/assets/buttons/friends/pquirrel.png" alt="pquirrel"></a>
|
||||
<a href="https://rarf.zone"><img src="/assets/buttons/friends/rarf-zone.png" alt="rarf dot zone"></a>
|
||||
<a href="https://rexogamer.github.io"><img src="/assets/buttons/friends/rexo.png" alt="Rexo"></a>
|
||||
<a href="https://shiver-j.neocities.org"><img src="/assets/buttons/friends/shiverj.png" alt="Shiver J."></a>
|
||||
<a href="https://sleepy.ink"><img src="/assets/buttons/friends/sleepy.png" alt="Gavi/sleepy.ink"></a>
|
||||
<a href="https://smolderg.xyz"><img src="/assets/buttons/friends/theysosmall.png" alt="smolderg/Therra"></a>
|
||||
<a href="https://softkittypa.ws"><img src="/assets/buttons/friends/lexi.png" alt="Lexi"></a>
|
||||
<a href="https://sophari.org"><img src="/assets/buttons/friends/sophari.gif" alt="sophie"></a>
|
||||
<a href="https://sterophonick.github.io"><img src="/assets/buttons/friends/sterophonick.gif" alt="Atapi"></a>
|
||||
<a href="https://sweetcoffy.pages.gay"><img src="/assets/buttons/friends/sweetcoffy.png" alt="SweetCoffy"></a>
|
||||
<a href="https://thecrafters001.com"><img src="/assets/buttons/friends/tc001.png" alt="TheCrafters001""></a>
|
||||
<a href="https://tobskep.com"><img src="/assets/buttons/friends/tobskep.gif" alt="tobskep"></a>
|
||||
<a href="https://unnick.mice.tel"><img src="/assets/buttons/friends/unnick.png" alt="unnick"></a>
|
||||
<a href="https://volpeon.ink"><img src="/assets/buttons/friends/volpeon.svg" alt="Volpeon"></a>
|
||||
<a href="https://vore.media"><img src="/assets/buttons/friends/tika.png" alt="Tika"></a>
|
||||
<a href="https://w.on-t.work"><img src="/assets/buttons/friends/wontwork.png" alt="Won't Work!/kopper"></a>
|
||||
<a href="https://winter.entities.org.uk"><img src="/assets/buttons/friends/winter.png" alt="winter"></a>
|
||||
</div>
|
||||
<p style="text-align: center;"><small>misc.</small></p>
|
||||
<div class="buttons">
|
||||
<!-- software/browsers -->
|
||||
<a href="https://www.mozilla.org/en-US/firefox/new"><img src="/assets/buttons/software/firefox.png" alt="Get Firefox" title="Get Firefox"></a>
|
||||
<a href="https://ublockorigin.com"><img src="/assets/buttons/software/ublockoriginnow.png" alt="uBlock Origin Now!" title="uBlock Origin Now!"></a>
|
||||
<a href="https://github.com/yokoffing/BetterFox"><img src="/assets/buttons/software/betterfoxnow.png" alt="Betterfox Now!" title="Betterfox Now!"></a>
|
||||
<a href="https://www.mozilla.org/en-US/firefox/new"><img src="/assets/buttons/software/firefox.png" alt="Get Firefox"></a>
|
||||
<a href="https://ublockorigin.com"><img src="/assets/buttons/software/ublockoriginnow.png" alt="uBlock Origin Now!"></a>
|
||||
<a href="https://github.com/yokoffing/BetterFox"><img src="/assets/buttons/software/betterfoxnow.png" alt="Betterfox Now!"></a>
|
||||
<!-- download sites -->
|
||||
<a href="https://hshop.erista.me"><img src="/assets/buttons/downloads/3ds.png" alt="Nintendo 3DS" title="Nintendo 3DS"></a>
|
||||
<a href="https://myrient.erista.me"><img src="/assets/buttons/downloads/wii.png" alt="Nintendo Wii" title="Nintendo Wii"></a>
|
||||
<a href="https://modarchive.org"><img src="/assets/buttons/downloads/modarchive.gif" alt="The Mod Archive" title="The Mod Archive"></a>
|
||||
<a href="https://www.slsknet.org"><img src="/assets/buttons/downloads/soulseek.gif" alt="Soulseek" title="Soulseek"></a>
|
||||
<a href="https://www.slsknet.org"><img src="/assets/buttons/downloads/archive.gif" alt="Internet Archive" title="Internet Archive"></a>
|
||||
<a href="https://hshop.erista.me"><img src="/assets/buttons/downloads/3ds.png" alt="Nintendo 3DS"></a>
|
||||
<a href="https://myrient.erista.me"><img src="/assets/buttons/downloads/wii.png" alt="Nintendo Wii"></a>
|
||||
<a href="https://modarchive.org"><img src="/assets/buttons/downloads/modarchive.gif" alt="The Mod Archive"></a>
|
||||
<a href="https://www.slsknet.org"><img src="/assets/buttons/downloads/soulseek.gif" alt="Soulseek"></a>
|
||||
<a href="https://www.slsknet.org"><img src="/assets/buttons/downloads/archive.gif" alt="Internet Archive"></a>
|
||||
<!-- cool sites -->
|
||||
<a href="https://jointhefediverse.net"><img src="/assets/buttons/sites/fediverse.png" alt="Join the Fediverse" title="Join the Fediverse"></a>
|
||||
<a href="https://besties.house"><img src="https://besties.house/buttons/besties.gif" alt="besties" title="besties"></a>
|
||||
<a href="https://constellatory.net"><img src="https://constellatory.net/assets/button.png" alt="Constellatory" title="Constellatory"></a>
|
||||
<a href="https://redscientist.com/rtc"><img src="/assets/buttons/sites/rtcv.png" alt="Real-Time Corruptor Vanguard" title="Real-Time Corruptor Vanguard"></a>
|
||||
<a href="https://homestarrunner.com/main"><img src="/assets/buttons/sites/homestar.gif" alt="Homestar Runner" title="Homestar Runner"></a>
|
||||
<a href="https://www.web3isgoinggreat.com"><img src="/assets/buttons/sites/nft.gif" alt="NFT: No Fucking Thanks! (Web3 Is Just Going Great)" title="NFT: No Fucking Thanks! (Web3 Is Just Going Great)"></a>
|
||||
<a href="https://jointhefediverse.net"><img src="/assets/buttons/sites/fediverse.png" alt="Join the Fediverse"></a>
|
||||
<a href="https://besties.house"><img src="https://besties.house/buttons/besties.gif" alt="besties"></a>
|
||||
<a href="https://constellatory.net"><img src="https://constellatory.net/assets/button.png" alt="Constellatory"></a>
|
||||
<a href="https://redscientist.com/rtc"><img src="/assets/buttons/sites/rtcv.png" alt="Real-Time Corruptor Vanguard"></a>
|
||||
<a href="https://homestarrunner.com/main"><img src="/assets/buttons/sites/homestar.gif" alt="Homestar Runner"></a>
|
||||
<a href="https://www.web3isgoinggreat.com"><img src="/assets/buttons/sites/nft.gif" alt="NFT: No Fucking Thanks! (Web3 Is Just Going Great)"></a>
|
||||
<!-- rest goes below here -->
|
||||
<img src="/assets/buttons/random/gay.gif" alt="Gay" title="Gay">
|
||||
<img src="/assets/buttons/random/mlm.png" alt="Man-loving-man" title="Man-loving-man">
|
||||
<img src="/assets/buttons/random/oktopirate.gif" alt="It's morally okay to pirate from triple-A" title="It's morally okay to pirate from triple-A">
|
||||
<img src="/assets/buttons/random/builteatingcheezit.gif" alt="Built Eating Cheez-IT" title="Built Eating Cheez-IT">
|
||||
<img src="/assets/buttons/random/bunnybrowser.gif" alt="Bunny Browser" title="Bunny Browser">
|
||||
<img src="/assets/buttons/random/ravenow.gif" alt="Rave Now!" title="Rave Now!">
|
||||
<img src="/assets/buttons/random/c4y.gif" alt="Crazy For Yoshis" title="Crazy 4 Yoshis">
|
||||
<img src="/assets/buttons/random/yoshilore.gif" alt="Yoshi Lore" title="Yoshi Lore">
|
||||
<img src="/assets/buttons/random/tucows.gif" alt="Tucows" title="Tucows">
|
||||
<a href="https://drive.massgrave.dev/en_windows_xp_professional_with_service_pack_3_x86_cd_vl_x14-73974.iso"><img src="/assets/buttons/random/xp.gif" alt="Windows XP" title="Windows XP"></a>
|
||||
<a href="https://youtu.be/WfYyBp4Ln2s"><img src="/assets/buttons/random/doinyourmom.gif" alt="Doin Your Mom!" title="Doin Your Mom!"></a>
|
||||
<a href="https://www.youtube.com/@ScottTheWoz"><img src="/assets/buttons/random/scotthere.gif" alt="Hey all, Scott here!" title="Hey all, Scott here!"></a>
|
||||
<img src="/assets/buttons/random/gay.gif" alt="Gay">
|
||||
<img src="/assets/buttons/random/mlm.png" alt="Man-loving-man">
|
||||
<img src="/assets/buttons/random/oktopirate.gif" alt="It's morally okay to pirate from triple-A">
|
||||
<img src="/assets/buttons/random/builteatingcheezit.gif" alt="Built Eating Cheez-IT">
|
||||
<img src="/assets/buttons/random/bunnybrowser.gif" alt="Bunny Browser">
|
||||
<img src="/assets/buttons/random/ravenow.gif" alt="Rave Now!">
|
||||
<img src="/assets/buttons/random/c4y.gif" alt="Crazy For Yoshis">
|
||||
<img src="/assets/buttons/random/yoshilore.gif" alt="Yoshi Lore">
|
||||
<img src="/assets/buttons/random/tucows.gif" alt="Tucows">
|
||||
<a href="https://drive.massgrave.dev/en_windows_xp_professional_with_service_pack_3_x86_cd_vl_x14-73974.iso"><img src="/assets/buttons/random/xp.gif" alt="Windows XP"></a>
|
||||
<a href="https://youtu.be/WfYyBp4Ln2s"><img src="/assets/buttons/random/doinyourmom.gif" alt="Doin Your Mom!"></a>
|
||||
<a href="https://www.youtube.com/@ScottTheWoz"><img src="/assets/buttons/random/scotthere.gif" alt="Hey all, Scott here!"></a>
|
||||
</div>
|
||||
<p style="text-align: center;"><small><span style="color: var(--ayu-v-added);">me!</span> (click to copy html)</small></p>
|
||||
<div class="buttons">
|
||||
<button style="cursor: pointer; background: unset; border-width: 0px; padding: 0px; display: inline-flex;" onclick="copyButton()">
|
||||
<img src="/assets/buttons/sneexy.svg" alt="Sneexy" title="Sneexy">
|
||||
<img src="/assets/buttons/sneexy.svg" alt="Sneexy">
|
||||
</button>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -203,15 +203,15 @@
|
|||
</summary>
|
||||
|
||||
<section>
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous" title="Previous"><span class="tabler--arrow-left"></span></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next" title="Next"><span class="tabler--arrow-right"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous" title="Previous"><span class="tabler--arrow-left"></span></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next" title="Next"><span class="tabler--arrow-right"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous" title="Previous"><span class="tabler--arrow-left"></span></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next" title="Next"><span class="tabler--arrow-right"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
|
||||
<section class="inner-footer">
|
||||
<a href="https://git.gay/sneexy/pages" style="background-color: color-mix(in srgb, var(--ayu-s-string) 25%, transparent); color: var(--ayu-s-string);" alt="website source!" title="website source!"><span class="tabler--brand-git"></span></a>
|
||||
<a href="https://github.com/ayu-theme/ayu-colors" style="background-color: color-mix(in srgb, var(--ayu-accent) 25%, transparent); color: var(--ayu-accent);" alt="Ayu" title="Ayu"><span class="tabler--palette"></span></svg></a>
|
||||
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--ayu-s-tag) 25%, transparent); color: var(--ayu-s-tag);" alt="Tabler" title="Tabler"><span class="tabler--brand-tabler"></span></a>
|
||||
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--ayu-v-added) 25%, transparent); color: var(--ayu-v-added);" alt="JetBrains Mono" title="JetBrains Mono"><span class="tabler--text-size"></span></a>
|
||||
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--ayu-v-removed) 25%, transparent); color: var(--ayu-v-removed);" alt="Lexend" title="Lexend"><span class="tabler--letter-case"></span></i></a>
|
||||
<a href="https://git.gay/sneexy/pages" style="background-color: color-mix(in srgb, var(--ayu-s-string) 25%, transparent); color: var(--ayu-s-string);" alt="website source!"><span class="tabler--brand-git" style="pointer-events: none;"></span></a>
|
||||
<a href="https://github.com/ayu-theme/ayu-colors" style="background-color: color-mix(in srgb, var(--ayu-accent) 25%, transparent); color: var(--ayu-accent);" alt="Ayu"><span class="tabler--palette" style="pointer-events: none;"></span></svg></a>
|
||||
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--ayu-s-tag) 25%, transparent); color: var(--ayu-s-tag);" alt="Tabler"><span class="tabler--brand-tabler" style="pointer-events: none;"></span></a>
|
||||
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--ayu-v-added) 25%, transparent); color: var(--ayu-v-added);" alt="JetBrains Mono"><span class="tabler--text-size" style="pointer-events: none;"></span></a>
|
||||
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--ayu-v-removed) 25%, transparent); color: var(--ayu-v-removed);" alt="Lexend"><span class="tabler--letter-case" style="pointer-events: none;"></span></i></a>
|
||||
</section>
|
||||
<p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
|
||||
<p>♡2024 All wrongs reversed. Please copy and share.</p>
|
||||
|
|
@ -220,6 +220,9 @@
|
|||
</details>
|
||||
</footer>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -17,6 +17,7 @@
|
|||
<meta lang="en-US">
|
||||
<meta property="og:url" content="https://synth.download/">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="/script.js"></script>
|
||||
<script src="/script.js" defer="defer"></script>
|
||||
</head>
|
||||
|
||||
|
|
@ -119,15 +120,15 @@
|
|||
</summary>
|
||||
|
||||
<section>
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous" title="Previous"><span class="tabler--arrow-left"></span></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next" title="Next"><span class="tabler--arrow-right"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous" title="Previous"><span class="tabler--arrow-left"></span></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next" title="Next"><span class="tabler--arrow-right"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous" title="Previous"><span class="tabler--arrow-left"></span></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next" title="Next"><span class="tabler--arrow-right"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
|
||||
<section class="inner-footer">
|
||||
<a href="https://git.gay/sneexy/pages" style="background-color: color-mix(in srgb, var(--ayu-s-string) 25%, transparent); color: var(--ayu-s-string);" alt="website source!" title="website source!"><span class="tabler--brand-git"></span></a>
|
||||
<a href="https://github.com/ayu-theme/ayu-colors" style="background-color: color-mix(in srgb, var(--ayu-accent) 25%, transparent); color: var(--ayu-accent);" alt="Ayu" title="Ayu"><span class="tabler--palette"></span></svg></a>
|
||||
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--ayu-s-tag) 25%, transparent); color: var(--ayu-s-tag);" alt="Tabler" title="Tabler"><span class="tabler--brand-tabler"></span></a>
|
||||
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--ayu-v-added) 25%, transparent); color: var(--ayu-v-added);" alt="JetBrains Mono" title="JetBrains Mono"><span class="tabler--text-size"></span></a>
|
||||
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--ayu-v-removed) 25%, transparent); color: var(--ayu-v-removed);" alt="Lexend" title="Lexend"><span class="tabler--letter-case"></span></i></a>
|
||||
<a href="https://git.gay/sneexy/pages" style="background-color: color-mix(in srgb, var(--ayu-s-string) 25%, transparent); color: var(--ayu-s-string);" alt="website source!"><span class="tabler--brand-git" style="pointer-events: none;"></span></a>
|
||||
<a href="https://github.com/ayu-theme/ayu-colors" style="background-color: color-mix(in srgb, var(--ayu-accent) 25%, transparent); color: var(--ayu-accent);" alt="Ayu"><span class="tabler--palette" style="pointer-events: none;"></span></svg></a>
|
||||
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--ayu-s-tag) 25%, transparent); color: var(--ayu-s-tag);" alt="Tabler"><span class="tabler--brand-tabler" style="pointer-events: none;"></span></a>
|
||||
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--ayu-v-added) 25%, transparent); color: var(--ayu-v-added);" alt="JetBrains Mono"><span class="tabler--text-size" style="pointer-events: none;"></span></a>
|
||||
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--ayu-v-removed) 25%, transparent); color: var(--ayu-v-removed);" alt="Lexend"><span class="tabler--letter-case" style="pointer-events: none;"></span></i></a>
|
||||
</section>
|
||||
<p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
|
||||
<p>♡2024 All wrongs reversed. Please copy and share.</p>
|
||||
|
|
@ -136,6 +137,9 @@
|
|||
</details>
|
||||
</footer>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -19,6 +19,7 @@
|
|||
<meta lang="en-US">
|
||||
<meta property="og:url" content="https://synth.download/">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="/script.js"></script>
|
||||
<script defer src="https://booping.synth.download/embed.js"></script>
|
||||
</head>
|
||||
|
||||
|
|
@ -81,7 +82,7 @@
|
|||
<img id="logo" loading="lazy" src="/assets/sneexy.webp" alt="Sneexy" /> <br>
|
||||
<audio controls loop src="/assets/ASimpleMachine.mp3"></audio> <br>
|
||||
<small>theme song by <a href="https://wolfdo.gg/@ChalkLlate">ChalkLlate</a>!</small>
|
||||
<h1><a href="./ruben"><img loading="lazy" id="pfp" src="/assets/synth tpose spin.gif" alt="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." title="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."></a> hey, i'm <span class="rainbow">ruben!</span></h1>
|
||||
<h1><a href="./ruben"><img loading="lazy" id="pfp" src="/assets/synth tpose spin.gif" alt="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."></a> hey, i'm <span class="rainbow">ruben!</span></h1>
|
||||
<small>cheesed to meet ya.</small>
|
||||
<p style="margin-bottom: -2px;">big fat gooey synth who is constantly tired.</p>
|
||||
<small style="font-size: 0.575rem;">...or <i>eepy</i>, but definitely more tired.</small>
|
||||
|
|
@ -89,19 +90,19 @@
|
|||
<div style="grid-area: pronouns;">
|
||||
<p>pronouns</p>
|
||||
<ul>
|
||||
<li style="color: var(--ayu-v-added);"><span class="tabler--thumb-up" alt="preferred!" title="preferred!"></span> he/him</li>
|
||||
<li style="color: var(--ayu-v-added);"><span class="tabler--thumb-up" alt="preferred!" title="preferred!"></span> it/its</li>
|
||||
<li><span class="tabler--thumb-up" alt="acceptable," title="acceptable,"></span> they/them</li>
|
||||
<li style="color: var(--ayu-error);"><small><span class="tabler--thumb-down" alt="unacceptable," title="unacceptable," style="transform: scale(.9) translateY(.2rem);"></span> anything else</small></li>
|
||||
<li style="color: var(--ayu-v-added);"><span class="tabler--thumb-up" alt="preferred!"></span> he/him</li>
|
||||
<li style="color: var(--ayu-v-added);"><span class="tabler--thumb-up" alt="preferred!"></span> it/its</li>
|
||||
<li><span class="tabler--thumb-up" alt="acceptable,"></span> they/them</li>
|
||||
<li style="color: var(--ayu-error);"><small><span class="tabler--thumb-down" alt="unacceptable," style="transform: scale(.9) translateY(.2rem);"></span> anything else</small></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div style="grid-area: names;">
|
||||
<p>names</p>
|
||||
<ul>
|
||||
<li style="color: var(--ayu-v-added);"><span class="tabler--thumb-up" alt="preferred!" title="preferred!"></span> ruben</li>
|
||||
<li><span class="tabler--thumb-up" alt="acceptable," title="acceptable,"></span> sneexy, sneex*</li>
|
||||
<li style="color: var(--ayu-s-special);"><small><span class="tabler--user-heart" alt="only if we're close friends!" title="only if we're close friends!" style="transform: scale(.9) translateY(.2rem);"></span> rube, rubie (ruby)</small></li>
|
||||
<li style="color: var(--ayu-error);"><small><span class="tabler--thumb-down" alt="unacceptable," title="unacceptable," style="transform: scale(.9) translateY(.2rem);"></span> variations/anything else</small></li>
|
||||
<li style="color: var(--ayu-v-added);"><span class="tabler--thumb-up" alt="preferred!"></span> ruben</li>
|
||||
<li><span class="tabler--thumb-up" alt="acceptable,"></span> sneexy, sneex*</li>
|
||||
<li style="color: var(--ayu-s-special);"><small><span class="tabler--user-heart" alt="only if we're close friends!" style="transform: scale(.9) translateY(.2rem);"></span> rube, rubie (ruby)</small></li>
|
||||
<li style="color: var(--ayu-error);"><small><span class="tabler--thumb-down" alt="unacceptable," style="transform: scale(.9) translateY(.2rem);"></span> variations/anything else</small></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -159,14 +160,14 @@
|
|||
<h2><a href="#links">links</a></h2>
|
||||
<p>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. <small>fastest way to get this is by checking my pinned post if you follow me/we're mutuals on fedi.</small></span></p>
|
||||
<div class="socials-contacts-list">
|
||||
<a class="fedi-icon" href="https://booping.synth.download/@sneexy" style="background-color: color-mix(in srgb, var(--ayu-s-operator) 25%, transparent); color: var(--ayu-s-operator);" alt="Fediverse/Mastodon" title="Fediverse/Mastodon"><span class="tabler--universe"></span></a>
|
||||
<a class="fedi-icon-2" href="https://booping.synth.download/@sneexy" style="background-color: color-mix(in srgb, var(--ayu-s-entity) 25%, transparent); color: var(--ayu-s-entity);" alt="Fediverse/Mastodon" title="Fediverse/Mastodon"><span class="tabler--brand-mastodon"></span></a>
|
||||
<a href="mailto:sneexy@synth.download" style="background-color: color-mix(in srgb, var(--ayu-error) 25%, transparent); color: var(--ayu-error);" alt="Email" title="Email"><span class="tabler--mail"></span></a>
|
||||
<a href="https://listenbrainz.org/user/Sneexy" style="background-color: color-mix(in srgb, var(--ayu-s-constant) 25%, transparent); color: var(--ayu-s-constant);" alt="ListenBraniz" title="ListenBrainz"><span class="tabler--brand-metabrainz"></span></a>
|
||||
<a href="https://www.last.fm/user/sneexy_is_gay" style="background-color: color-mix(in srgb, var(--ayu-error) 25%, transparent); color: var(--ayu-error);" alt="Last.fm" title="Last.fm"><span class="tabler--brand-lastfm"></span></a>
|
||||
<a href="https://git.gay/sneexy" style="background-color: color-mix(in srgb, var(--ayu-s-string) 25%, transparent); color: var(--ayu-s-string);" alt="Git" title="Git"><span class="tabler--brand-git"></span></a>
|
||||
<a href="https://github.com/sneexy-boi" style="background-color: color-mix(in srgb, var(--ayu-s-regexp) 25%, transparent); color: var(--ayu-s-regexp);" alt="GitHub" title="GitHub"><span class="tabler--brand-github"></span></a>
|
||||
<a href="https://archive.org/details/@sneexy" style="background-color: color-mix(in srgb, var(--ayu-e-fg) 25%, transparent); color: var(--ayu-e-fg);" alt="Internet Archive" title="Internet Archive"><span class="tabler--building-bank"></span></a>
|
||||
<a class="fedi-icon" href="https://booping.synth.download/@sneexy" style="background-color: color-mix(in srgb, var(--ayu-s-operator) 25%, transparent); color: var(--ayu-s-operator);" alt="Fediverse/Mastodon"><span class="tabler--universe" style="pointer-events: none;"></span></a>
|
||||
<a class="fedi-icon-2" href="https://booping.synth.download/@sneexy" style="background-color: color-mix(in srgb, var(--ayu-s-entity) 25%, transparent); color: var(--ayu-s-entity);" alt="Fediverse/Mastodon" aria-hidden="true"><span class="tabler--brand-mastodon" style="pointer-events: none;"></span></a>
|
||||
<a href="mailto:sneexy@synth.download" style="background-color: color-mix(in srgb, var(--ayu-error) 25%, transparent); color: var(--ayu-error);" alt="Email"><span class="tabler--mail" style="pointer-events: none;"></span></a>
|
||||
<a href="https://listenbrainz.org/user/Sneexy" style="background-color: color-mix(in srgb, var(--ayu-s-constant) 25%, transparent); color: var(--ayu-s-constant);" alt="ListenBraniz"><span class="tabler--brand-metabrainz" style="pointer-events: none;"></span></a>
|
||||
<a href="https://www.last.fm/user/sneexy_is_gay" style="background-color: color-mix(in srgb, var(--ayu-error) 25%, transparent); color: var(--ayu-error);" alt="Last.fm"><span class="tabler--brand-lastfm" style="pointer-events: none;"></span></a>
|
||||
<a href="https://git.gay/sneexy" style="background-color: color-mix(in srgb, var(--ayu-s-string) 25%, transparent); color: var(--ayu-s-string);" alt="Git"><span class="tabler--brand-git" style="pointer-events: none;"></span></a>
|
||||
<a href="https://github.com/sneexy-boi" style="background-color: color-mix(in srgb, var(--ayu-s-regexp) 25%, transparent); color: var(--ayu-s-regexp);" alt="GitHub"><span class="tabler--brand-github" style="pointer-events: none;"></span></a>
|
||||
<a href="https://archive.org/details/@sneexy" style="background-color: color-mix(in srgb, var(--ayu-e-fg) 25%, transparent); color: var(--ayu-e-fg);" alt="Internet Archive"><span class="tabler--building-bank" style="pointer-events: none;"></span></a>
|
||||
</div>
|
||||
<p><span class="tabler--corner-down-right"></span> you may observe my <small>somewhat public</small> fediverse activity below:</p>
|
||||
<iframe src="https://booping.synth.download/embed/user-timeline/9zy33jqk7ljg0001?header=false&maxHeight=800&rounded=false&border=false" data-misskey-embed-id="v1_902c0e81-d9d7-4c03-af0e-a6e71c21e95b" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" style="border: none; width: 100%; max-width: 500px; height: 300px; color-scheme: light dark;"></iframe>
|
||||
|
|
@ -210,15 +211,15 @@
|
|||
</summary>
|
||||
|
||||
<section>
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous" title="Previous"><span class="tabler--arrow-left"></span></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next" title="Next"><span class="tabler--arrow-right"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous" title="Previous"><span class="tabler--arrow-left"></span></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next" title="Next"><span class="tabler--arrow-right"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous" title="Previous"><span class="tabler--arrow-left"></span></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next" title="Next"><span class="tabler--arrow-right"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
|
||||
<section class="inner-footer">
|
||||
<a href="https://git.gay/sneexy/pages" style="background-color: color-mix(in srgb, var(--ayu-s-string) 25%, transparent); color: var(--ayu-s-string);" alt="website source!" title="website source!"><span class="tabler--brand-git"></span></a>
|
||||
<a href="https://github.com/ayu-theme/ayu-colors" style="background-color: color-mix(in srgb, var(--ayu-accent) 25%, transparent); color: var(--ayu-accent);" alt="Ayu" title="Ayu"><span class="tabler--palette"></span></svg></a>
|
||||
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--ayu-s-tag) 25%, transparent); color: var(--ayu-s-tag);" alt="Tabler" title="Tabler"><span class="tabler--brand-tabler"></span></a>
|
||||
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--ayu-v-added) 25%, transparent); color: var(--ayu-v-added);" alt="JetBrains Mono" title="JetBrains Mono"><span class="tabler--text-size"></span></a>
|
||||
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--ayu-v-removed) 25%, transparent); color: var(--ayu-v-removed);" alt="Lexend" title="Lexend"><span class="tabler--letter-case"></span></i></a>
|
||||
<a href="https://git.gay/sneexy/pages" style="background-color: color-mix(in srgb, var(--ayu-s-string) 25%, transparent); color: var(--ayu-s-string);" alt="website source!"><span class="tabler--brand-git" style="pointer-events: none;"></span></a>
|
||||
<a href="https://github.com/ayu-theme/ayu-colors" style="background-color: color-mix(in srgb, var(--ayu-accent) 25%, transparent); color: var(--ayu-accent);" alt="Ayu"><span class="tabler--palette" style="pointer-events: none;"></span></svg></a>
|
||||
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--ayu-s-tag) 25%, transparent); color: var(--ayu-s-tag);" alt="Tabler"><span class="tabler--brand-tabler" style="pointer-events: none;"></span></a>
|
||||
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--ayu-v-added) 25%, transparent); color: var(--ayu-v-added);" alt="JetBrains Mono"><span class="tabler--text-size" style="pointer-events: none;"></span></a>
|
||||
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--ayu-v-removed) 25%, transparent); color: var(--ayu-v-removed);" alt="Lexend"><span class="tabler--letter-case" style="pointer-events: none;"></span></i></a>
|
||||
</section>
|
||||
<p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
|
||||
<p>♡2024 All wrongs reversed. Please copy and share.</p>
|
||||
|
|
@ -227,6 +228,9 @@
|
|||
</details>
|
||||
</footer>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -17,6 +17,7 @@
|
|||
<meta lang="en-US">
|
||||
<meta property="og:url" content="https://synth.download/">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="/script.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
@ -195,15 +196,15 @@
|
|||
</summary>
|
||||
|
||||
<section>
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous" title="Previous"><span class="tabler--arrow-left"></span></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next" title="Next"><span class="tabler--arrow-right"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous" title="Previous"><span class="tabler--arrow-left"></span></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next" title="Next"><span class="tabler--arrow-right"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous" title="Previous"><span class="tabler--arrow-left"></span></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next" title="Next"><span class="tabler--arrow-right"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
|
||||
<section class="inner-footer">
|
||||
<a href="https://git.gay/sneexy/pages" style="background-color: color-mix(in srgb, var(--ayu-s-string) 25%, transparent); color: var(--ayu-s-string);" alt="website source!" title="website source!"><span class="tabler--brand-git"></span></a>
|
||||
<a href="https://github.com/ayu-theme/ayu-colors" style="background-color: color-mix(in srgb, var(--ayu-accent) 25%, transparent); color: var(--ayu-accent);" alt="Ayu" title="Ayu"><span class="tabler--palette"></span></svg></a>
|
||||
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--ayu-s-tag) 25%, transparent); color: var(--ayu-s-tag);" alt="Tabler" title="Tabler"><span class="tabler--brand-tabler"></span></a>
|
||||
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--ayu-v-added) 25%, transparent); color: var(--ayu-v-added);" alt="JetBrains Mono" title="JetBrains Mono"><span class="tabler--text-size"></span></a>
|
||||
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--ayu-v-removed) 25%, transparent); color: var(--ayu-v-removed);" alt="Lexend" title="Lexend"><span class="tabler--letter-case"></span></i></a>
|
||||
<a href="https://git.gay/sneexy/pages" style="background-color: color-mix(in srgb, var(--ayu-s-string) 25%, transparent); color: var(--ayu-s-string);" alt="website source!"><span class="tabler--brand-git" style="pointer-events: none;"></span></a>
|
||||
<a href="https://github.com/ayu-theme/ayu-colors" style="background-color: color-mix(in srgb, var(--ayu-accent) 25%, transparent); color: var(--ayu-accent);" alt="Ayu"><span class="tabler--palette" style="pointer-events: none;"></span></svg></a>
|
||||
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--ayu-s-tag) 25%, transparent); color: var(--ayu-s-tag);" alt="Tabler"><span class="tabler--brand-tabler" style="pointer-events: none;"></span></a>
|
||||
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--ayu-v-added) 25%, transparent); color: var(--ayu-v-added);" alt="JetBrains Mono"><span class="tabler--text-size" style="pointer-events: none;"></span></a>
|
||||
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--ayu-v-removed) 25%, transparent); color: var(--ayu-v-removed);" alt="Lexend"><span class="tabler--letter-case" style="pointer-events: none;"></span></i></a>
|
||||
</section>
|
||||
<p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
|
||||
<p>♡2024 All wrongs reversed. Please copy and share.</p>
|
||||
|
|
@ -212,6 +213,9 @@
|
|||
</details>
|
||||
</footer>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
71
script.js
71
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 ('<a href="https://synth.download"><img src="https://synth.download/assets/buttons/sneexy.svg" alt="Sneexy" title="Sneexy"></a>');
|
||||
alert("button html copied!");
|
||||
}
|
||||
};
|
||||
27
style.css
27
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 {
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@
|
|||
<meta lang="en-US">
|
||||
<meta property="og:url" content="https://disappearing.synth.download/">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="/script.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue