236 lines
17 KiB
HTML
236 lines
17 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>me @ synth download!</title>
|
|
<link rel="icon" type="image/png" href="/assets/favicon.png">
|
|
<link rel="stylesheet" type="text/css" href="/ruben.css">
|
|
<link rel="stylesheet" type="text/css" href="/font.css">
|
|
<link rel="stylesheet" type="text/css" href="/tabler.css">
|
|
<link rel="stylesheet" type="text/css" href="/tabler.css">
|
|
<link rel="stylesheet" type="text/css" href="/style.css">
|
|
<link rel="stylesheet" type="text/css" href="/home.css">
|
|
<link rel="canonical" href="https://synth.download/">
|
|
<link rel="me" href="https://booping.synth.download/@sneexy">
|
|
<link rel="me" href="https://beeping.synth.download/@sneexy">
|
|
<link rel="me" href="https://git.gay/sneexy">
|
|
<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>
|
|
|
|
<body>
|
|
|
|
<!-- top navbar -->
|
|
<div class="navbar">
|
|
<a class="nav-base nav-baselink" href="/"><span class="tabler--grid-dots"></span> synth download!</a>
|
|
<details class="nav-base nav-baselink-mobile">
|
|
<summary><span class="tabler--grid-dots"></span> s <div class="dot" style="background-color: var(--ayu-e-bg) !important;"></div> d!</summary>
|
|
<ul>
|
|
<li>
|
|
<a href="/"><span class="tabler--home"></span> home</a>
|
|
</li>
|
|
<li>
|
|
<a href="/me"><span class="tabler--user"></span> about me</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
|
|
</li>
|
|
<li>
|
|
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
|
</li>
|
|
</ul>
|
|
</details>
|
|
<nav class="nav-base nav-links">
|
|
<a href="/"><span class="tabler--home"></span> home</a>
|
|
<div class="dot"></div>
|
|
<a href="/me"><span class="tabler--user"></span> about me</a>
|
|
<div class="dot"></div>
|
|
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
|
|
<div class="dot"></div>
|
|
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
|
</nav>
|
|
<p aria-hidden="true" class="nav-base nav-systray">
|
|
<span class="tabler--bell"></span>
|
|
<span class="tabler--volume"></span>
|
|
<span class="tabler--wifi"></span>
|
|
<span class="tabler--battery-filled"></span>
|
|
</p>
|
|
</div>
|
|
|
|
<!-- simple introduction -->
|
|
<details open id="sneexy" class="window">
|
|
<summary aria-hidden="true">
|
|
<div>
|
|
<span class="tabler--user"></span>
|
|
</div>
|
|
<a href="#sneexy">sneexy info</a>
|
|
<div>
|
|
<span class="tabler--minimize"></span>
|
|
<span class="tabler--maximize"></span>
|
|
</div>
|
|
<div>
|
|
<span class="tabler--x"></span>
|
|
</div>
|
|
</summary>
|
|
|
|
<section>
|
|
<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."></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>
|
|
<div class="selfinfo">
|
|
<div style="grid-area: pronouns;">
|
|
<p>pronouns</p>
|
|
<ul>
|
|
<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!"></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>
|
|
</section>
|
|
</details>
|
|
|
|
<!-- about me -->
|
|
<details open id="about-me" class="window">
|
|
<summary aria-hidden="true">
|
|
<div>
|
|
<span class="tabler--info-circle"></span>
|
|
</div>
|
|
<a href="#about-me">about me</a>
|
|
<div>
|
|
<span class="tabler--minimize"></span>
|
|
<span class="tabler--maximize"></span>
|
|
</div>
|
|
<div>
|
|
<span class="tabler--x"></span>
|
|
</div>
|
|
</summary>
|
|
|
|
<section>
|
|
<h2><a href="#about-me">about me</a></h2>
|
|
<p>some <span class="rainbow">gay</span> 18 year old synth computer enjoyer with autism and adhd blended together, with access to the internet and nothing to do. i like big round things.</p>
|
|
<p>i consider myself to be a Professional Computer Toucher™, or at least try my best to contain the beasts within boxes that beep and error at me. i think i'm doing pretty well at that considering i'm running this domain <small>(synth.download, you're looking at it!)</small> with some services that friends rely on.</p>
|
|
<p>i'm a nerd into <a href="https://en.wikipedia.org/wiki/Free_and_open-source_software">free and open source</a> software and privacy stuff. i'm not a programmer or some IT guy or anything, though. i've tried, didn't work out.</p>
|
|
<p>also a nerd into <a href="https://www.redhat.com/en/topics/linux/what-is-linux">Linux</a> stuff, mostly touched <a href="https://archlinux.org">Arch</a> and a little bit of <a href="https://nixos.org">NixOS</a> but have found to stuck with <a href="https://fedoraproject.org">Fedora</a>.</p>
|
|
<p>enthusiast in open, <a href="https://en.wikipedia.org/wiki/Decentralization">decentralized</a> and <a href="https://www.techopedia.com/definition/2500/federation">federated</a> projects, networks or services. favorites include the <a href="https://fediverse.info">fediverse</a>, <a href="https://atproto.com">atproto</a> and <a href="https://listenbrainz.org">listenbrainz</a>.</p>
|
|
<p>i <i>absolutely</i> despise corporations and capitalism with every single fiber in my living synthentic body <span class="tabler--heart" style="background-color: var(--ayu-error) !important;"></span>
|
|
<p>very much a furry connoisseur and into other beings like protogens and other fellow synths. <small>being a human fucking SUCKS.</small></p>
|
|
<p>Certified™ idiot <small>(i think this one is obvious)</small></p>
|
|
<p>usually pretty tired and sometimes full of ideas that i just can't bring myself to execute.</p>
|
|
<p>sometimes makes things, but don't expect much. <small>i'll make some type of gallery page soon, i promise.</small></p>
|
|
</section>
|
|
</details>
|
|
|
|
<!-- socials -->
|
|
<details open id="links" class="window">
|
|
<summary aria-hidden="true">
|
|
<div>
|
|
<span class="tabler--link"></span>
|
|
</div>
|
|
<a href="#links">links</a>
|
|
<div>
|
|
<span class="tabler--minimize"></span>
|
|
<span class="tabler--maximize"></span>
|
|
</div>
|
|
<div>
|
|
<span class="tabler--x"></span>
|
|
</div>
|
|
</summary>
|
|
|
|
<section>
|
|
<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"><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>
|
|
</section>
|
|
</details>
|
|
|
|
<!-- "fun" facts -->
|
|
<details open id="fun-facts" class="window">
|
|
<summary aria-hidden="true">
|
|
<div>
|
|
<span class="tabler--mood-empty"></span>
|
|
</div>
|
|
<a href="#fun-facts">"fun" facts</a>
|
|
<div>
|
|
<span class="tabler--minimize"></span>
|
|
<span class="tabler--maximize"></span>
|
|
</div>
|
|
<div>
|
|
<span class="tabler--x"></span>
|
|
</div>
|
|
</summary>
|
|
|
|
<section>
|
|
<h2><a href="#fun-facts">"fun" facts</a></h2>
|
|
<ul>
|
|
<li>my profile pictures used to be random characters from different types of media that i would just apply a grayscale onto. ever since then, i realized that i've very much enjoyed being a <a href="https://synthspecies.com/">synth</a> instead.</li>
|
|
<li>i used to have an inside joke with some old friends where i <i>loved</i> cheese. 🧀</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. <small>apparently lowes wifi goes out VERY far.</small></li>
|
|
<li>joined <a href="https://fediverse.info">fedi</a> around 2020 or so, originally on <a href="https://mas.to">mas.to</a> before moving to <a href="https://types.pl">types.pl</a> which has a nice local community ignoring that i left the account to rot and die, before moving to <a href="https://miruku.cafe">miruku.cafe</a> for a short bit before setting home on <a href="https://lea.pet">lea.pet</a> for a nice while, before <i>finally</i> landing on my own self hosted instance at <a href="https://booping.synth.download">booping.synth.download</a>. <small>well. originally starting <a href="https://beeping.synth.download">beeping.synth.download</a>, but i realized i prefer the full brainrotting misskey experience anyways.</small></li>
|
|
<li>i prefer lowercase when possible and use spaces before <i>and</i> after punctionation, sometimes maybe a double space here and there, <small>although i attempt to avoid doing the latter on this website to not make it entirely inaccessible.</small> 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>
|
|
</section>
|
|
</details>
|
|
|
|
<!-- webrings and credits -->
|
|
<footer>
|
|
<details open id="footer" class="window">
|
|
<summary aria-hidden="true">
|
|
<a href="#footer">footer</a>
|
|
</summary>
|
|
|
|
<section>
|
|
<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://forged.synth.download/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>
|
|
<img src="/assets/dumpysynth.gif" alt="GIF of a synth with a massive butt, shaking it towards the viewer" />
|
|
</section>
|
|
</details>
|
|
</footer>
|
|
|
|
<!-- element used for our alt popup -->
|
|
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
|
|
|
</body>
|
|
|
|
</html>
|