195 lines
No EOL
11 KiB
HTML
195 lines
No EOL
11 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
<title>sneexy dot pages dot gay</title>
|
|
<link rel="icon" type="image/gif" href="/assets/yoshi2.gif">
|
|
<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="nav"> <a href="#about-me">~/about-me</a> <span class="arrow">→</span> <a href="#links">~/links</a> <span class="arrow">→</span> <a href="#fun-facts">~/fun-facts</a> <span class="arrow">→</span> etc.</small>
|
|
</nav>
|
|
</header>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pixel-corners">
|
|
<article id="about-me" class="about-me">
|
|
<h1><span class="anchors"><a href="#about-me">~/about-me</a></span></h1>
|
|
<p>(if you're looking to get in contact with me, refer to the <a href="#links">~/links</a> card below. 👋)</p>
|
|
<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>
|
|
</article>
|
|
</div>
|
|
|
|
<div class="pixel-corners">
|
|
<article id="links" class="links">
|
|
<h1><span class="anchors"><a href="#links">~/links</a></span></h1>
|
|
<small>(my socials, categorized by what type of services they are <span class="dot">●</span> 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>
|
|
|
|
<main 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="dot">●</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>
|
|
</main>
|
|
|
|
<span class="separator">
|
|
<small>───────────</small>
|
|
</span>
|
|
|
|
<main 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="dot">●</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="dot">●</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>
|
|
</main>
|
|
|
|
<span class="separator">
|
|
<small>───────────</small>
|
|
</span>
|
|
|
|
<main 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="dot">●</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="dot">●</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>
|
|
</main>
|
|
|
|
<span class="separator">
|
|
<small>───────────</small>
|
|
</span>
|
|
|
|
<main 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="dot">●</span>
|
|
|
|
<section class="archiveorg">
|
|
<a href="https://archive.org" target="_blank">
|
|
<img class="archive-icon" src="/assets/socials/archive.png" alt="Internet Archive"/>
|
|
</a>
|
|
<p>@sneexy<small><a href="https://archive.org/details/@sneexy" target="_blank">@archive.org</a></small></p>
|
|
</section>
|
|
|
|
<span class="dot">●</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>
|
|
</main>
|
|
|
|
<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 id="fun-facts" class="fun-facts">
|
|
<h1><span class="anchors"><a href="#fun-facts">~/fun-facts</a></span></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>originally starting interneting 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>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>
|
|
<li>this is the third <i>real</i> site that i've made.</li>
|
|
</ul>
|
|
</article>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<footer>
|
|
<a href="https://git.gay/sneexy/pages" target="_blank">site source</a>
|
|
<span class="dot">●</span>
|
|
<p><a href="https://www.jetbrains.com/lp/mono" target="_blank">JBM</a> <a href="/assets/jetbrainsmono/OFL.txt" target="_blank">license</a>/<a href="/assets/jetbrainsmono/AUTHORS.txt" target="_blank">authors</a></p>
|
|
<span class="dot">●</span>
|
|
<p>made with love, lack of sleep and procrastination</p>
|
|
</footer>
|
|
|
|
<img id="yoshi" class="yoshi" src="/assets/yoshi.gif" alt="GIF of a dancing yoshi" />
|
|
|
|
</body>
|
|
|
|
</html> |