pages/index.html
2024-04-20 01:32:00 -05:00

210 lines
18 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>sneexy dot pages dot gay</title>
<link rel="icon" type="image/gif" href="./assets/petpet.gif">
<link rel="stylesheet" href="style.css">
<link rel="canonical" href="https://sneexy.pages.gay/">
<meta property="og:type" content="image.other">
<meta property="og:url" content="https://sneexy.pages.gay/">
<meta property="og:image" content="./assets/yoshi.gif">
<meta property="og:image:secure_url" content="https://sneexy.pages.gay/assets/yoshi.gif">
<meta property="og:image:type" content="gif">
<meta property="og:image:width" cotent="349">
<meta property="og:image:height" content="443">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<!-- simple introduction -->
<div id="sneexy" class="terminal">
<!-- theres probably a much better way to do this instead of manually
having to use everything like *this*. maybe figure out how to do it all
without needing to use everything in a div so we can only just use <p class="term-title"> or something -->
<div class="term-titlebar">
<img src="./assets/terminal.svg">
<p><a href="#sneexy">~/sneexy</a></p>
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
</div>
<article>
<img src="./assets/me.png" onmouseover="this.src='./assets/petpet_flip.gif'" onmouseout="this.src='./assets/me.png'" alt="Crudely drawn picture of a synth character, looking derpy and staring at the viewer with a large green eye. Their body is mostly colored with shades of grey and accents of green." title="Crudely drawn picture of a synth character, looking derpy and staring at the viewer with a large green eye. Their body is mostly colored with shades of grey and accents of green.">
<h1>hey, i'm <span class="rainbow">ruben!</span></h1>
<small>cheesed to meet ya.</small>
<p>a synth who is constantly tired about everything.</p>
</article>
</div>
<!-- about me -->
<div id="about-me" class="terminal">
<div class="term-titlebar">
<img src="./assets/terminal.svg">
<p><a href="#about-me">~/about-me</a></p>
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
</div>
<article>
<h1><a href="#about-me">about me</a></h1>
<p>i'm your "average" 17 year old <span class="rainbow">gay</span> foss enjoyer.</p>
<p>i enjoy messing around with technology, unique and retro, or when it's not being stupid and ruined by "modernity" or corporations.</p>
<p>i'm a nerd into <a href="https://en.wikipedia.org/wiki/Free_and_open-source_software" target="_blank">free and open source</a> software and privacy stuff, along with other libre things. i'm not a programmer or anything, though.</p>
<p>also a nerd into <a href="https://www.redhat.com/en/topics/linux/what-is-linux" target="_blank">Linux</a> stuff, mostly touched <a href="https://archlinux.org" target="_blank">Arch</a>, <a href="https://fedoraproject.org" target="_blank">Fedora</a> and has just started tasting <a href="https://nixos.org" target="_blank">NixOS</a>.</p>
<p>enthusiast in open, <a href="https://en.wikipedia.org/wiki/Decentralization" target="_blank">decentralized</a> and <a href="https://www.techopedia.com/definition/2500/federation" target="_blank">federated</a> projects, networks or services. favorites include the <a href="https://fediverse.info" target="_blank">fediverse</a> and <a href="https://listenbrainz.org" target="_blank">listenbrainz</a>.</p>
<p>i <i>absoluetly</i> despise corporations and capitalism with every single fiber in my living synthentic body 😊💕</p>
<p>Certified™ idiot <small>(i think this one is obvious)</small></p>
<p>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.</p>
</article>
</div>
<!-- socials -->
<div id="socials-and-contacts" class="terminal">
<div class="term-titlebar">
<img src="./assets/terminal.svg">
<p><a href="#socials-and-contacts">~/socials-and-contacts</a></p>
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
</div>
<article>
<h1><a href="#socials-and-contacts">socials n' contacts</a></h1>
<p>you can find or contact me in these places i'm usually available and active on. <span style="color: var(--peach);">i <i>suck</i> 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.</span></p>
<div class="socials-contacts-list">
<span class="social-container" id="fedi">
<a href="https://lea.pet" target="_blank"><img src="./assets/services/leapet.png" alt="Lea's Dungeon (Sharkey/Fediverse)" title="Lea's Dungeon (Sharkey/Fediverse)"></a>
<a href="https://lea.pet/@sneexy" target="_blank">@sneexy@lea.pet <small>(Fediverse)</small></a>
</span>
<span class="social-container" id="signal">
<a href="https://signal.org" target="_blank"><img src="./assets/services/signal.png" alt="Signal" title="Signal"></a>
<a href="https://signal.me/#eu/Ir_2xGMSoRqTs1BirNKBrL-fW0xsy5EAbuyBoFXO7nL1eTw22PBPlaN6_a6pwegK" target="_blank">Sneexy.66</a>
</span>
<span class="social-container" id="revolt">
<a href="https://revolt.chat" target="_blank"><img src="./assets/services/revolt.png" alt="Revolt" title="Revolt"></a>
<a href="https://revolt.chat" target="_blank">Sneexy#3963</a>
</span>
<span class="social-container" id="discord">
<a href="https://discord.com" target="_blank"><img src="./assets/services/discord.png" alt="Discord" title="Discord"></a>
<a href="<https://discord.com/users/984235958742425600>" target="_blank">ffmpeg_6.1.1.tar.xz</a>
</span>
<span class="social-container" id="xmpp">
<a href="https://xmpp.org" target="_blank"><img src="./assets/services/xmpp.png" alt="XMPP" title="XMPP"></a>
<a href="xmpp:sneexy@trashserver.net" target="_blank">sneexy@trashserver.net</a>
</span>
<span class="social-container" id="matrix">
<a href="https://matrix.org" target="_blank"><img src="./assets/services/matrix.png" alt="Matrix" title="Matrix"></a>
<a href="https://matrix.to/#/@sneexy:constellatory.net" target="_blank">@sneexy:constellatory.net</a>
</span>
<span class="social-container" id="listenbrainz">
<a href="https://listenbrainz.org" target="_blank"><img src="./assets/services/listenbrainz.png" alt="ListenBrainz" title="ListenBrainz"></a>
<a href="https://listenbrainz.org/user/Sneexy" target="_blank">Sneexy</a>
</span>
<span class="social-container" id="lastfm">
<a href="https://www.last.fm" target="_blank"><img src="./assets/services/lastfm.png" alt="Last.fm" title="Last.fm"></a>
<a href="https://www.last.fm/user/sneexy" target="_blank">Sneexy</a>
</span>
<span class="social-container" id="gitgay">
<a href="https://git.gay" target="_blank"><img src="./assets/services/gitgay.png" alt="git.gay Forgejo" title="git.gay Forgejo"></a>
<a href="https://git.gay/sneexy" target="_blank">sneexy</a>
</span>
<span class="social-container" id="github">
<a href="https://github.com" target="_blank"><img src="./assets/services/github.png" alt="GitHub" title="GitHub"></a>
<a href="https://github.com/sneexy-boi" target="_blank">sneexy-boi</a>
</span>
</div>
</article>
</div>
<!-- "fun" facts -->
<div id="fun-facts" class="terminal">
<div class="term-titlebar">
<img src="./assets/terminal.svg">
<p><a href="#fun-facts">~/fun-facts</a></p>
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
</div>
<article>
<h1><a href="#fun-facts">"fun" facts</a></h1>
<ul>
<li>my profile pictures used to be random characters from different types of media that i would just grayscaled. ever since then, i realized that i've very much enjoyed being a <a href="https://synthspecies.com/" target="_blank">synth</a> instead.</li>
<li>i used to have a joke where i loved cheese, in a "i cannot live with cheese, give me the cheese or i die" way. technically the joke does still exist to some extent in a friend group, but otherwise has mostly died out. 🧀</li>
<li>originally starting going online when i was young and my only method of getting wifi was by using my netbook in the kitchen and connecting to a nearby stores local wifi connection.</li>
<li>joined <a href="https://fediverse.info" target="_blank">fedi</a> around 2020 or so, originally on <a href="https://mas.to" target="_blank">mas.to</a> before closing shop and moving to <a href="https://types.pl" target="_blank">types.pl</a> which has a nice local community, before moving to <a href="https://miruku.cafe" target="_blank">miruku.cafe</a> for a short while before finally landing at <a href="https://lea.pet" target="_blank">lea.pet</a>.</li>
<li>i prefer lowercase when possible. it just feels more natural.</li>
<li>i am <i>still</i> <b><i>terrible</i></b> at spelling. still made mistakes even when making this site. online dictionaries my beloved.</li>
</ul>
</article>
</div>
<!-- buttons -->
<div id="buttons" class="terminal">
<div class="term-titlebar">
<img src="./assets/terminal.svg">
<p><a href="#buttons">~/buttons</a></p>
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
</div>
<article>
<h1><a href="#buttons">buttons</a></h1>
<p>fun little 88x31 buttons! all goes to awesome friends and some cool websites! <small>friends listed alphabetically. <span style="color: var(--red);">if any are broken and/or missing, poke me.</span> <span style="color: var(--green);">last 2 friend buttons are mine! please hotlink whichever you like!</span></small></p>
<div class="buttons">
<!--
<a href="https://web.site" target="_blank"><img src="https://link.to/button" alt="User/Website title" title="User/Website title"></a>
-->
<a href="https://23sonics.neocities.org" target="_blank"><img src="https://23sonics.neocities.org/media/web_button.gif" alt="23Sonics" title="23Sonics"></a>
<a href="https://authenyo.xyz"><img src="https://authenyo.xyz/images/button.gif" alt="authenyo" title="authenyo"></a>
<a href="https://av70.neocities.org" target="_blank"><img src="https://av70.neocities.org/assets/88x31/av70.gif" alt="av70" title="av70"></a>
<a href="https://blueb.me" target="_blank"><img src="./assets/buttons/friends/harper.png" alt="harper" title="harper"></a>
<a href="https://drakonic.zone" target="_blank"><img src="https://drakonic.zone/images/button.gif" alt="DRAKONIC" title="DRAKONIC"></a>
<a href="https://freeplay.floof.company" target="_blank"><img src="https://freeplay.floof.company/assets/buttons/free.gif" alt="Freeplay" title="Freeplay"></a>
<a href="https://jack.cab" target="_blank"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAfBAMAAACR5hfTAAAAGFBMVEUAAAB3dnuamZbJuKfAv7zYxbPe1Mre3dqiErpIAAAA2UlEQVQ4y7WTUQqDQAxEFz88Qr/DUNrfglcQe4BeYCvtHKAU9vpNdlVQa9mFmo8YlucwGYhz/6yabLJhKnwpgZsiOFeaPW7Z0uyPzwIYODEbbtud4Pv7eshXfp0LbISwk2cGMB9GyIZrU/aLN/9tTIWVwJ4wzZruYqPxFURBbYjTDNZjo12ctzEKAvqDNlhbwCqokjVrPwg7SKW69sHas8JxjMKVjI6xtD3YYDr+CU425jAnGwn2EyzuBxw964KdbHqmhTBL4yGbaUSbtMXGnDsZchasc/5/fQBe10j9sWqcbgAAAABJRU5ErkJggg==" alt="Jack" title="Jack"></a> <!-- thanks jack -->
<a href="https://micenest.xyz" target="_blank"><img src="./assets/buttons/friends/micenest.png" alt="Mice Nest" title="Mice Nest"></a>
<a href="https://micro.pages.gay" target="_blank"><img src="https://micro.pages.gay/buttons/micro.png" alt="micro" title="micro"></a>
<a href="https://notfire.cc" target="_blank"><img src="https://notfire.cc/design/images/buttons/notfire-cc-88x31-af.gif" alt="notfire" title="notfire"></a>
<a href="https://ofplayers.net"><img src="https://ofplayers.net/images/88x31/millions.png" alt="Millions" title="Millions"></a>
<a href="https://sweetcoffy.pages.gay" target="_blank"><img src="https://sweetcoffy.pages.gay/assets/button.png" alt="SweetCoffy" title="SweetCoffy"></a>
<a href="https://w.on-t.work"><img src="https://w.on-t.work/assets/88x31.png" alt="Won't Work!/ShittyKopper" title="Won't Work!/ShittyKopper"></a>
<!-- hello traveler! -->
<a href="https://sneexy.pages.gay"><img src="./assets/buttons/sneexy.png" alt="Sneexy" title="Sneexy"></a>
<a href="https://sneexy.pages.gay"><img src="./assets/buttons/sneexy_cat.png" alt="Sneexy" title="Sneexy"></a>
</div>
<div class="buttons">
<!-- software/browsers -->
<a href="https://www.mozilla.org/en-US/firefox/new" target="_blank"><img src="./assets/buttons/software/getfirefox.gif" alt="Get Firefox" title="Get Firefox"></a>
<a href="https://ublockorigin.com" target="_blank"><img src="./assets/buttons/software/ublockoriginnow.png" alt="uBlock Origin Now!" title="uBlock Origin Now!"></a>
<a href="https://github.com/yokoffing/BetterFox" target="_blank"><img src="./assets/buttons/software/betterfoxnow.png" alt="Betterfox Now!" title="Betterfox Now!"></a>
<!-- download sites -->
<a href="https://hshop.erista.me" target="_blank"><img src="./assets/buttons/downloads/3ds.png" alt="Nintendo 3DS" title="Nintendo 3DS"></a>
<a href="https://vimm.net/vault/Wii" target="_blank"><img src="./assets/buttons/downloads/wii.png" alt="Nintendo Wii" title="Nintendo Wii"></a>
<a href="https://modarchive.org" target="_blank"><img src="./assets/buttons/downloads/modarchive.gif" alt="The Mod Archive" title="The Mod Archive"></a>
<a href="https://www.slsknet.org" target="_blank"><img src="./assets/buttons/downloads/soulseek.gif" alt="Soulseek" title="Soulseek"></a>
<!-- cool sites -->
<a href="https://homestarrunner.com/main" target="_blank"><img src="./assets/buttons/sites/homestar.gif" alt="Homestar Runner" title="Homestar Runner"></a>
<a href="https://www.web3isgoinggreat.com" target="_blank"><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>
<!-- rest goes below here -->
<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://youtu.be/WfYyBp4Ln2s" target="_blank"><img src="./assets/buttons/random/doinyourmom.gif" alt="Doin Your Mom!" title="Doin Your Mom!"></a>
<a href="https://www.youtube.com/@ScottTheWoz" target="_blank"><img src="./assets/buttons/random/scotthere.gif" alt="Hey all, Scott here!" title="Hey all, Scott here!"></a>
</div>
</article>
</div>
<!-- webrings and credits -->
<footer>
<div id="webring-credits" class="terminal">
<p class="fediring"><b><a href="https://fediring.net/previous?host=sneexy.pages.gay"></a> <a href="https://fediring.net/">Fediring</a> <a href="https://fediring.net/next?host=sneexy.pages.gay"></a></b></p>
<p><a href="https://git.gay/sneexy/pages" target="_blank">website source</a> (feel free to copy! 💚)</p>
<p><a href="https://catppuccin.com" target="_blank">Catppuccin</a> <a href="https://raw.githubusercontent.com/catppuccin/catppuccin/main/LICENSE" target="_blank">license</a> 💜</p>
<p><a href="https://kde.org" target="_blank">KDE</a> for the wallpapers</p>
<p><a href="https://www.jetbrains.com/lp/mono" target="_blank">JBM</a> <a href="./assets/fonts/JetBrainsMono/OFL.txt" target="_blank">license</a>/<a href="./assets/fonts/JetBrainsMono/AUTHORS.txt" target="_blank">authors</a></p>
<p><a href="https://www.lexend.com" target="_blank">Lexend</a> <a href="./assets/fonts/LexendDeca/OFL.txt" target="_blank">license</a></p>
<p><a href="https://github.com/PapirusDevelopmentTeam/papirus-icon-theme" target="_blank">Papirus icons</a> <a href="https://raw.githubusercontent.com/PapirusDevelopmentTeam/papirus-icon-theme/master/LICENSE" target="_blank">license</a>/<a href="https://raw.githubusercontent.com/PapirusDevelopmentTeam/papirus-icon-theme/master/AUTHORS" target="_blank">authors</a></p>
<p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
<img src="./assets/yoshi.gif" alt="GIF of a dancing yoshi" />
</div>
</footer>
</body>
</html>