sd/site
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update site to use more icons instead of images, update footer, update dni page, minor improvements

Browse source
This commit is contained in:
Ruben 2024-09-10 04:32:29 -05:00
commit dfeb5f424f
No known key found for this signature in database
GPG key ID: AE181294E97E4802
18 changed files with 177 additions and 964 deletions
Download patch file Download diff file Expand all files Collapse all files

125
index.html
View file

@ -5,38 +5,38 @@
<head>
<meta charset="UTF-8">
<title>sneexy dot pages dot gay</title>
<link rel="icon" type="image/gif" href="./assets/favicon.png">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="./assets/fonts/Phosphor/bold/style.css">
<link rel="stylesheet" type="text/css" href="./assets/fonts/Phosphor/fill/style.css">
<link rel="icon" type="image/gif" href="/assets/favicon.png">
<link rel="stylesheet" type="text/css" href="/style.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/Phosphor/bold/style.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/Phosphor/fill/style.css">
<link rel="canonical" href="https://sneexy.pages.gay/">
<link rel="me" href="https://lea.pet/@sneexy">
<link rel="me" href="https://git.gay/sneexy">
<meta lang="en-US">
<meta property="og:url" content="https://sneexy.pages.gay/">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="./script.js" defer="defer"></script>
<script src="/script.js" defer="defer"></script>
</head>
<body>
<!-- top navbar -->
<div class="navbar">
<a class="nav-base nav-baselink" href="https://sneexy.pages.gay"><i class="ph-bold ph-squares-four"></i> sneexy <small>dot</small> pages <small>dot</small> gay</a>
<a class="nav-base nav-baselink" href="/"><i class="ph-bold ph-squares-four"></i> sneexy <small>dot</small> pages <small>dot</small> gay</a>
<div class="mobile-dropdown">
<button onclick="mobileDropdown()" class="nav-base nav-baselink-mobile"><i style="pointer-events:none;" class="ph-bold ph-squares-four"></i> s <i style="pointer-events:none;" class="ph-bold ph-dot"></i> p <i style="pointer-events:none;" class="ph-bold ph-dot"></i> g</button>
<div id="dropdown-box" class="dropdown-content">
<a href="https://sneexy.pages.gay"><i class="ph-bold ph-house"></i> home</a>
<a href="https://sneexy.pages.gay/blog"><i class="ph-bold ph-article"></i> blog</a>
<a href="https://sneexy.pages.gay/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>
<a href="/"><i class="ph-bold ph-house"></i> home</a>
<a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
<a href="/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>
</div>
</div>
<nav class="nav-base nav-links">
<a href="https://sneexy.pages.gay"><i class="ph-bold ph-house"></i> home</a>
<a href="/"><i class="ph-bold ph-house"></i> home</a>
<i class="ph-bold ph-dot"></i>
<a href="https://sneexy.pages.gay/blog"><i class="ph-bold ph-article"></i> blog</a>
<a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
<i class="ph-bold ph-dot"></i>
<a href="https://sneexy.pages.gay/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>
<a href="/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>
</nav>
<p aria-hidden="true" class="nav-base nav-systray"><i class="ph-bold ph-bell"></i> <i class="ph-bold ph-speaker-high"></i> <i class="ph-bold ph-network"></i> <i class="ph-bold ph-battery-full"></i> <i class="ph-bold ph-power"></i></p>
</div>
@ -51,19 +51,20 @@
<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>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/sneexy</span> <span class="status">•</span> <span style="padding-left:11px;">cat sneexy</span></p>
<section>
<img id="pfp" loading="lazy" src="./assets/me.png" onmouseover="this.src='./assets/petpet.gif'" onmouseout="this.src='./assets/me.png'" alt="Vector art made of bold squares and other rounded flat shapes of a synth character, They look to the left. Their body is mostly colored with shades of grey and accents of green, including their chest and belly area which is entirely made of green goo." title="Vector art made of bold squares and other rounded flat shapes of a synth character, They look to the left. Their body is mostly colored with shades of grey and accents of green, including their chest and belly area which is entirely made of green goo.">
<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>
<p>big gooey synth who is constantly eepy.</p>
<details id="lastfm">
<summary><a href="https://www.last.fm/user/sneexy_is_gay" target="_blank"><img loading="lazy" src="./assets/services/lastfm.png" alt="last.fm" title="last.fm"></a> now listening status</summary>
<summary><a href="https://www.last.fm/user/sneexy_is_gay" target="_blank"><i class="ph-bold ph-music-notes" alt="Last.fm" title="Last.fm"></i></a> <span style="padding-left:14px;">now listening status</span></summary>
<a href="https://www.last.fm/user/sneexy_is_gay" target="_blank"><img loading="lazy" src="https://lastfm-recently-played.vercel.app/api?user=sneexy_is_gay&loved=true&show_user=header&count=8" alt="My recently played songs, fetched from my last.fm account." /></a>
<p><small>powered by <a href="https://github.com/JeffreyCA/lastfm-recently-played-readme" target="_blank">Last.fm Recently Played README</a></small></p>
<p><small>i prefer listenbrainz though, <a href="#socials-and-contacts">see below</a></small></p>
</details>
</section>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/sneexy</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> <span class="blink">█</span></p>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/sneexy</span> <span class="status">•</span> <span class="blink">█</span></p>
</div>
<!-- about me -->
@ -74,6 +75,7 @@
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
</div>
<section>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/about-me</span> <span class="status">•</span> <span style="padding-left:11px;">cat abt-me</span></p>
<h2><a href="#about-me">about me</a></h2>
<p>i'm just some 18 year old <span class="rainbow">gay</span> foss enjoyer with adhd (and probably autistic), with access to the internet and nothing to do.</p>
<p>i consider myself to be a Professional Computer Toucher™. in both soulless boxes running either corporate or free software and robot-aligned beings <small>(you know, synths or protogens. love em!)</small>.</p>
@ -86,7 +88,7 @@
<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 for some reason.</p>
</section>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/about-me</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> <span class="blink">█</span></p>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/about-me</span> <span class="status">•</span> <span class="blink">█</span></p>
</div>
<!-- socials -->
@ -97,63 +99,48 @@
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
</div>
<section>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/socials-and-contacts</span> <span class="status">•</span> <span style="padding-left:11px;">cat socials</span></p>
<h2><a href="#socials-and-contacts">socials n' contacts</a></h2>
<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>
<p>these are my <i>public facing</i> accounts and contact methods. if i know you well, you may ask me for anything else. <small>(e.g discord, matrix etc.)</small></span></p>
<div class="socials-contacts-list">
<span class="social-container" id="fedi">
<a href="https://lea.pet" target="_blank"><img loading="lazy" src="./assets/services/leapet.png" alt="Lea's Dungeon (Sharkey/Fediverse)" title="Lea's Dungeon (Sharkey/Fediverse)"></a>
<a href="https://lea.pet" target="_blank"><i class="ph-bold ph-fediverse-logo" alt="Fediverse/Sharkey/Mastodon" title="Fediverse/Sharkey/Mastodon"></i></a>
<address><a href="https://lea.pet/@sneexy" target="_blank">@sneexy@lea.pet <small>(Fediverse)</small></a></address>
</span>
<span class="social-container" id="signal">
<a href="https://signal.org" target="_blank"><img loading="lazy" src="./assets/services/signal.svg" alt="Signal" title="Signal"></a>
<address><a href="https://signal.me/#eu/Ir_2xGMSoRqTs1BirNKBrL-fW0xsy5EAbuyBoFXO7nL1eTw22PBPlaN6_a6pwegK" target="_blank">Sneexy.66</a></address>
</span>
<span class="social-container" id="revolt">
<a href="https://revolt.chat" target="_blank"><img loading="lazy" src="./assets/services/revolt.ico" alt="Revolt" title="Revolt"></a>
<address><a href="https://revolt.chat" target="_blank">Sneexy#3963</a></address>
</span>
<span class="social-container" id="discord">
<a href="https://discord.com" target="_blank"><img loading="lazy" src="./assets/services/discord.png" alt="Discord" title="Discord"></a>
<address><a href="https://discord.com/users/984235958742425600" target="_blank">ffmpeg_6.1.1.tar.xz</a></address>
</span>
<span class="social-container" id="xmpp">
<a href="https://xmpp.org" target="_blank"><img loading="lazy" src="./assets/services/xmpp.png" alt="XMPP" title="XMPP"></a>
<address><a href="xmpp:sneexy@trashserver.net" target="_blank">sneexy@trashserver.net</a></address>
</span>
<span class="social-container" id="matrix">
<a href="https://matrix.org" target="_blank"><img loading="lazy" src="./assets/services/matrix.svg" alt="Matrix" title="Matrix"></a>
<address><a href="https://matrix.to/#/@sneexy:constellatory.net" target="_blank">@sneexy:constellatory.net</a></address>
<span class="social-container" id="email">
<i class="ph-bold ph-envelope-open" alt="Email" title="Email"></i>
<address>sneexy <small>at</small> amogus <small>dot</small> cloud</address>
</span>
<span class="social-container" id="listenbrainz">
<a href="https://listenbrainz.org" target="_blank"><img loading="lazy" src="./assets/services/listenbrainz.png" alt="ListenBrainz" title="ListenBrainz"></a>
<a href="https://listenbrainz.org" target="_blank"><i class="ph-bold ph-headphones" alt="ListenBrainz" title="ListenBrainz"></i></a>
<address><a href="https://listenbrainz.org/user/Sneexy" target="_blank">Sneexy</a></address>
</span>
<span class="social-container" id="gitgay">
<a href="https://git.gay" target="_blank"><img loading="lazy" src="./assets/services/gitgay.svg" alt="git.gay Forgejo" title="git.gay Forgejo"></a>
<a href="https://git.gay" target="_blank"><i class="ph-bold ph-git-branch" alt="git.gay Forgejo" title="git.gay Forgejo"></i></a>
<address><a href="https://git.gay/sneexy" target="_blank">sneexy</a></address>
</span>
</div>
<p>other points of interest:</p>
<div class="socials-contacts-list">
<span class="social-container" id="blog">
<a href="https://amogus.cloud/s/zy6nCJn5NZCBP7C" target="_blank"><img loading="lazy" src="./assets/blog.svg" alt="Blog (Nextcloud)" title="Blog (Nextcloud)"></a>
<a href="https://amogus.cloud/s/zy6nCJn5NZCBP7C" target="_blank"><i class="ph-bold ph-book-bookmark" alt="Blog (Currently on Nextcloud)" title="Blog (Currently on Nextcloud)"></i></a>
<a href="https://amogus.cloud/s/zy6nCJn5NZCBP7C" target="_blank">my "blog"</a>
</span>
<span class="social-container" id="music">
<a href="https://amogus.cloud/s/4Ft4CSGYFCEMtHT" target="_blank"><img loading="lazy" src="./assets/music.svg" alt="Music (Nextcloud)" title="Music (Nextcloud)"></a>
<a href="https://amogus.cloud/s/4Ft4CSGYFCEMtHT" target="_blank"><i class="ph-bold ph-music-notes" alt="Music (Nextcloud)" title="Music (Nextcloud)"></i></a>
<a href="https://amogus.cloud/s/4Ft4CSGYFCEMtHT" target="_blank">my music library</a>
</span>
<span class="social-container" id="shitposts">
<a href="https://amogus.cloud/s/3jFf2eoppD38g3p" target="_blank"><img loading="lazy" src="./assets/shitposts.png" alt="Shitposts (Nextcloud)" title="Shitposts (Nextcloud)"></a>
<a href="https://amogus.cloud/s/3jFf2eoppD38g3p" target="_blank"><i class="ph-bold ph-smiley" alt="Shitposts (Nextcloud)" title="Shitposts (Nextcloud)"></i></a>
<a href="https://amogus.cloud/s/3jFf2eoppD38g3p" target="_blank">shitposts</a>
</span>
<span class="social-container" id="internet-archive">
<a href="https://archive.org/details/@sneexy" target="_blank"><img loading="lazy" src="./assets/services/internetarchive.ico" alt="Internet Archive" title="Internet Archive"></a>
<a href="https://archive.org/details/@sneexy" target="_blank"><i class="ph-bold ph-archive" alt="Internet Archive" title="Internet Archive"></i></a>
<a href="https://archive.org/details/@sneexy" target="_blank">my internet archive uploads</a>
</span>
</div>
</section>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/socials-and-contacts</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> <span class="blink">█</span></p>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/socials-and-contacts</span> <span class="status">•</span> <span class="blink">█</span></p>
</div>
<!-- "fun" facts -->
@ -163,6 +150,7 @@
<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>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/fun-facts</span> <span class="status">•</span> <span style="padding-left:11px;">cat fun-facts</span></p>
<section>
<h2><a href="#fun-facts">"fun" facts</a></h2>
<ul>
@ -174,7 +162,7 @@
<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>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/fun-facts</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> <span class="blink">█</span></p>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/fun-facts</span> <span class="status">•</span> <span class="blink">█</span></p>
</div>
<!-- quotes -->
@ -185,40 +173,41 @@
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
</div>
<section>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/quotes</span> <span class="status">•</span> <span style="padding-left:11px;">cat quotes</span></p>
<h2><a href="#quotes">quotes</a></h2>
<p>quotes left behind from friends! usually from the fediverse!</p>
<div class="socials-contacts-list">
<span class="quotes-container" id="limineow">
<blockquote class="quotes-container" id="limineow">
<p>"can you make my quote say that i am extremely homophobic and definitely not gay"</p>
<small>~ <a href="https://grimgreenfo.rest/@root" target="_blank">limineow</a></small>
</span>
<span class="quotes-container" id="bready">
</blockquote>
<blockquote class="quotes-container" id="bready">
<p>"*slaps visor* this synth can fit so much brainrot in him"</p>
<small>~ <a href="https://lethallava.land/@breaadyboy" target="_blank">breaadyboy</a></small>
</span>
<span class="quotes-container" id="mikoto">
</blockquote>
<blockquote class="quotes-container" id="mikoto">
<p>"The evolution of @sneexy from plush yoshi to robo dragon thing is interesting"</p>
<small>~ <a href="https://akko.wtf/users/mikoto" target="_blank">mikoto</a></small>
</span>
<span class="quotes-container" id="av70">
</blockquote>
<blockquote class="quotes-container" id="av70">
<p>"im deporting you until you say ur sorry"</p>
<small>~ <a href="https://akko.eepy.zone/users/av70" target="_blank">av70</a></small>
</span>
<span class="quotes-container" id="vozy">
</blockquote>
<blockquote class="quotes-container" id="vozy">
<p>"what a horrible day to have beaten the other sperm to the egg 22 years ago"</p>
<small>~ <a href="https://wetdry.world/@vozercozer" target="_blank">vozercozer</a></small>
</span>
<span class="quotes-container" id="guigui">
</blockquote>
<blockquote class="quotes-container" id="guigui">
<p>"they'll never expect the french inquisition"</p>
<small>~ <a href="https://wetdry.world/@guigui" target="_blank">guigui</a></small>
</span>
<span class="quotes-container" id="binbows">
</blockquote>
<blockquote class="quotes-container" id="binbows">
<p>"skibidi toilet will be mine yeah"</p>
<small>~ <a href="https://labyrinth.zone/users/binbows" target="_blank">binbows</a></small>
</span>
</blockquote>
</div>
</section>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/quotes</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> <span class="blink">█</span></p>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/quotes</span> <span class="status">•</span> <span class="blink">█</span></p>
</div>
<!-- buttons -->
@ -229,6 +218,7 @@
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
</div>
<section>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/buttons</span> <span class="status">•</span> <span style="padding-left:11px;">cat buttons</span></p>
<h2><a href="#buttons">buttons</a></h2>
<span style="color: var(--red);">if any are broken and/or missing, poke me.</span>
<div class="buttons">
@ -298,7 +288,7 @@
<a href="https://www.youtube.com/@ScottTheWoz" target="_blank"><img loading="lazy" src="./assets/buttons/random/scotthere.gif" alt="Hey all, Scott here!" title="Hey all, Scott here!"></a>
</div>
</section>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/buttons</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> <span class="blink">█</span></p>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/buttons</span> <span class="status">•</span> <span class="blink">█</span></p>
</div>
<!-- webrings and credits -->
@ -306,12 +296,13 @@
<div id="webring-credits" class="terminal">
<p class="fediring"><b><a href="https://fediring.net/previous?host=sneexy.pages.gay"><i class="ph-fill ph-arrow-fat-left"></i></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=sneexy.pages.gay"><i class="ph-fill ph-arrow-fat-right"></i></a></b></p>
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous"><i class="ph-fill ph-arrow-fat-left"></i></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next"><i class="ph-fill ph-arrow-fat-right"></i></a></b></p>
<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://phosphoricons.com" target="_blank">Phosphor</a> icons <a href="./assets/fonts/Phosphor/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>
<section class="inner-footer">
<a href="https://git.gay/sneexy/pages" target="_blank"><i class="ph-bold ph-git-branch" alt="Website source code" title="website source!"></i></a>
<a href="https://catppuccin.com" target="_blank"><i class="ph-bold ph-cat" alt="Catppuccin" title="Catppuccin"></i></a>
<a href="https://phosphoricons.com" target="_blank"><i class="ph-bold ph-phosphor-logo" alt="Phosphor Icons" title="Phosphor Icons"></i></a>
<a href="https://www.jetbrains.com/lp/mono" target="_blank"><i class="ph-bold ph-text-t" alt="JetBrains Mono" title="JetBrains Mono"></i></a>
<a href="https://www.lexend.com" target="_blank"><i class="ph-bold ph-text-aa" alt="Lexend" title="Lexend"></i></a>
</section>
<p>favicon by <a href="https://akko.eepy.zone/users/wep" target="_blank">wep</a></p>
<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>