95 lines
No EOL
6.8 KiB
HTML
95 lines
No EOL
6.8 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 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>~/sneexy</p>
|
|
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
|
</div>
|
|
<article id="sneexy">
|
|
<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.">
|
|
<h1>hey, i'm <span class="rainbow">ruben!</span></h1>
|
|
<small>cheesed to meet ya.</small>
|
|
<p>a synth who is constantly tired about anything.</p>
|
|
</article>
|
|
</div>
|
|
|
|
<!-- about me -->
|
|
<div class="terminal">
|
|
<div class="term-titlebar">
|
|
<img src="./assets/terminal.svg">
|
|
<p>~/about-me</p>
|
|
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
|
</div>
|
|
<article id="about-me">
|
|
<h1>about me</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>
|
|
|
|
<!-- "fun" facts -->
|
|
<div class="terminal">
|
|
<div class="term-titlebar">
|
|
<img src="./assets/terminal.svg">
|
|
<p>~/fun-facts</p>
|
|
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
|
</div>
|
|
<article id="about-me">
|
|
<h1>"fun" facts</h1>
|
|
<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>
|
|
</article>
|
|
</div>
|
|
|
|
<!-- webrings and allat -->
|
|
|
|
<!-- credits -->
|
|
<footer>
|
|
<div class="terminal">
|
|
<p><a href="https://git.gay/sneexy/pages" target="_blank">website source</a></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://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> |