184 lines
No EOL
9.8 KiB
HTML
184 lines
No EOL
9.8 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
<title>sneexy dot pages dot gay</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="main">
|
|
|
|
<div class="pixel-corners">
|
|
<div class="intro-box">
|
|
<div class="pixel-corners--wrapper">
|
|
<div class="pfp"> <img class="pfp-image" src="/assets/pfp.gif" alt="my profile picture, which is most likely a grey yoshi"> </div>
|
|
</div>
|
|
|
|
<header class="intro-text">
|
|
<h1 class="site-intro">hey, i'm ruben.</h1>
|
|
<h2 class="site-subtitle">welcome to my site.</h2>
|
|
<nav>
|
|
<small class="navnt">~/links <span class="arrow">→</span> ~/about-me <span class="arrow">→</span> ~/fun-facts <span class="arrow">→</span> etc.</small>
|
|
</nav>
|
|
</header>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pixel-corners">
|
|
<article class="links-n-socials">
|
|
<h1>~/links-n-socials</h1>
|
|
<small>(in order of most prefered to least prefered! <span class="dot">●</span> some of these have extra info you can find by clicking their icons)</small>
|
|
|
|
<section class="fedi">
|
|
<section class="firefish">
|
|
<a href="https://joinfirefish.org" target="_blank">
|
|
<img class="firefish-icon" src="/assets/socials/firefish.png" alt="Fediverse/Firefish"/>
|
|
</a>
|
|
<p>@sneexy<small><a href="https://lea.pet/@sneexy" target="_blank">@lea.pet</a></small></p>
|
|
</section>
|
|
|
|
<span class="dot2">●</span>
|
|
|
|
<section class="akkoma">
|
|
<a href="https://akkoma.social" target="_blank">
|
|
<img class="akkoma-icon" src="/assets/socials/akkoma.png" alt="Fediverse/Akkoma"/>
|
|
</a>
|
|
<p>@sneexy<small><a href="https://akko.wtf/sneexy" target="_blank">@akko.wtf</a></small></p>
|
|
</section>
|
|
</section>
|
|
|
|
<span class="separator">
|
|
<small>───────────</small>
|
|
</span>
|
|
|
|
<section class="messaging">
|
|
<section class="revolt">
|
|
<a href="https://revolt.chat" target="_blank">
|
|
<img class="revolt-icon" src="/assets/socials/revolt.png" alt="Revolt"/>
|
|
</a>
|
|
<p>Sneexy#3963<small><a href="https://revolt.chat" target="_blank">@revolt.chat</a></small></p>
|
|
</section>
|
|
|
|
<span class="dot2">●</span>
|
|
|
|
<section class="matrix">
|
|
<a href="https://matrix.org" target="_blank">
|
|
<img class="matrix-icon" src="/assets/socials/matrix.png" alt="Matrix"/>
|
|
</a>
|
|
<p>@sneexy<small><a href="https://matrix.to/#/@sneexy:tchncs.de" target="_blank">:tchncs.de</a></small></p>
|
|
</section>
|
|
|
|
<span class="dot2">●</span>
|
|
|
|
<section class="xmpp">
|
|
<a href="https://xmpp.org" target="_blank">
|
|
<img class="xmpp-icon" src="/assets/socials/xmpp.png" alt="XMPP"/>
|
|
</a>
|
|
<p>sneexy<small><a href="xmpp:sneexy@trashserver.net" target="_blank">@trashserver.net</a></small></p>
|
|
</section>
|
|
</section>
|
|
|
|
<span class="separator">
|
|
<small>───────────</small>
|
|
</span>
|
|
|
|
<section class="platforms">
|
|
<section class="listenbrainz">
|
|
<a href="https://listenbrainz.org" target="_blank">
|
|
<img class="listenbrainz-icon" src="/assets/socials/listenbrainz.png" alt="Listenbrainz"/>
|
|
</a>
|
|
<p>Sneexy<small><a href="https://listenbrainz.org/user/Sneexy" target="_blank">@listenbrainz.org</a></small></p>
|
|
</section>
|
|
|
|
<span class="dot2">●</span>
|
|
|
|
<section class="gitgay">
|
|
<a href="https://git.gay" target="_blank">
|
|
<img class="gitgay-icon" src="/assets/socials/gitgay.png" alt="Forgejo on git.gay"/>
|
|
</a>
|
|
<p>Sneexy<small><a href="https://git.gay/sneexy" target="_blank">@git.gay</a></small></p>
|
|
</section>
|
|
|
|
<span class="dot2">●</span>
|
|
|
|
<section class="github">
|
|
<a href="https://github.com" target="_blank">
|
|
<img class="github-icon" src="/assets/socials/github.png" alt="GitHub"/>
|
|
</a>
|
|
<p>Sneexy<small><a href="https://github.com/sneexy-boi" target="_blank">@github.com</a></small></p>
|
|
</section>
|
|
</section>
|
|
|
|
<span class="separator">
|
|
<small>───────────</small>
|
|
</span>
|
|
|
|
<section class="misc">
|
|
<section class="retrospring">
|
|
<a href="https://retrospring.net" target="_blank">
|
|
<img class="retrospring-icon" src="/assets/socials/retrospring.png" alt="Retrospring - Ask me anything!"/>
|
|
</a>
|
|
<p>@Sneexy<small><a href="https://retrospring.net/@Sneexy" target="_blank">@retrospring.net</a></small></p>
|
|
</section>
|
|
|
|
<span class="dot2">●</span>
|
|
|
|
<section class="dotfiles">
|
|
<a href="https://hyprland.org" target="_blank">
|
|
<img class="idle" src="/assets/socials/idle.apng" alt="Hyprland"/>
|
|
</a>
|
|
<p><a href="https://git.gay/sneexy/el-dotfiles" target="_blank">el-dotfiles</a></p>
|
|
</section>
|
|
|
|
<span class="dot2">●</span>
|
|
|
|
<section class="shitposts">
|
|
<a href="https://nextcloud.com" target="_blank">
|
|
<img class="amoguscloud" src="/assets/socials/amoguscloud.png" alt="Nextcloud"/>
|
|
</a>
|
|
<p><a href="https://amogus.cloud/s/3jFf2eoppD38g3p" target="_blank">shitposts drive!</a></p>
|
|
</section>
|
|
</section>
|
|
|
|
<small class="warning">if you ABSOLUTELY need to contact me via discord, just ask me for my username. i'd highly prefer not using it though and if you could please use something else to contact me with.</small>
|
|
</article>
|
|
</div>
|
|
|
|
<div class="pixel-corners">
|
|
<article class="about-me">
|
|
<h1>~/about-me</h1>
|
|
<p>i'm your "average" 17 year old <a href="https://en.wikipedia.org/wiki/Gay_men" target="_blank">gay</a> foss enjoyer.</p>
|
|
<p>i enjoy messing around with random technology things, especially retro and unique things. modern tech things too depending on how much i can actually do with them.</p>
|
|
<p>as my subtitle says, i love me some <a href="https://en.wikipedia.org/wiki/Free_and_open-source_software" target="_blank">FOSS</a> and privacy stuff although i don't think i nerd too much over it, i will prefer it over anything. not a programmer or anything special though.</p>
|
|
<p>enthusiast in open, possibly <a href="https://en.wikipedia.org/wiki/Decentralization" target="_blank">decentralized</a> or <a href="https://www.techopedia.com/definition/2500/federation" target="_blank">federated</a> social 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>"certified" <a href="https://archlinux.org" target="_blank">arch linux</a> user/"""nerd""" ~ i hate corporations with a passion 😊💕</p>
|
|
<p>Certified™ idiot (full of adhd and constantly using it as an excuse according to irl's)</p>
|
|
<p>i am usually pretty drained and exhausted in both ways, <i>sometimes</i> i get myself into random unnecessary internet arguments, but from what i can tell that doesn't seem to be the case often. (unless i know you well, then i'll probably do it in a joking or pissy way.)</p>
|
|
<p>if you're looking to get in contact with me, refer to the links and info i have in the card above. 👋</p>
|
|
</article>
|
|
</div>
|
|
|
|
<div class="pixel-corners">
|
|
<article class="fun-facts">
|
|
<h1>~/fun-facts</h1>
|
|
<ul>
|
|
<li>my profile pictures are usually random characters from different types of media that i grayscale and use as my profile picture. my current phase is <a href="https://www.mariowiki.com/Yoshi" target="_blank">yoshi</a>.</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>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 seems more natural.</li>
|
|
<li>i am <i>terrible</i> at spelling. i had to at least search up like 10 words when typing this entire site out to make sure i didn't misspell anything.</li>
|
|
</ul>
|
|
</article>
|
|
</div>
|
|
|
|
<img class="yoshi" src="/assets/yoshi.gif" alt="GIF of a dancing yoshi" />
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
</html> |