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

website modifications for new domain

Browse source
This commit is contained in:
Ruben 2024-10-19 13:44:20 -05:00
commit 43e649237e
No known key found for this signature in database
GPG key ID: AE181294E97E4802
11 changed files with 418 additions and 278 deletions
Download patch file Download diff file Expand all files Collapse all files

1
.domains
View file

@ -1 +0,0 @@
synth.download

2
README.md
View file

@ -2,6 +2,6 @@
personal thing i work on because i learned that [pages.gay](https://pages.gay) exists and felt like that was enough encouragement for me to make this.
should be viewable over at [sneexy.pages.gay](https://sneexy.pages.gay).
should be viewable over at [sneexy.pages.gay](https://synth.download/).
♡2024 All wrongs reversed. Please copy and share.

17
blog/index.html
View file

@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<title>blog @ s.p.g</title>
<title>blog @ synth download!</title>
<link rel="icon" type="image/gif" href="/assets/favicon.png">
<link rel="stylesheet" type="text/css" href="/colors.css">
<link rel="stylesheet" type="text/css" href="/font.css">
@ -12,12 +12,12 @@
<link rel="stylesheet" type="text/css" href="/blog.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="alternate" type="application/rss+xml" title="RSS" href="https://sneexy.pages.gay/blog/rss.xml">
<link rel="canonical" href="https://synth.download//">
<link rel="alternate" type="application/rss+xml" title="RSS" href="https://synth.download//blog/rss.xml">
<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 property="og:url" content="https://synth.download//">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="/script.js" defer="defer"></script>
</head>
@ -26,13 +26,16 @@
<!-- top navbar -->
<div class="navbar">
<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>
<a class="nav-base nav-baselink" href="/"><i class="ph-bold ph-squares-four"></i> synth <small>dot</small> download!</a>
<details class="nav-base nav-baselink-mobile">
<summary><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</summary>
<summary><i style="pointer-events:none;" class="ph-bold ph-squares-four"></i> s <i style="pointer-events:none;" class="ph-bold ph-dot"></i> d!</summary>
<ul>
<li>
<a href="/"><i class="ph-bold ph-house"></i> home</a>
</li>
<li>
<a href="/me"><i class="ph-bold ph-user"></i> about me</a>
</li>
<li>
<a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
</li>
@ -44,6 +47,8 @@
<nav class="nav-base nav-links">
<a href="/"><i class="ph-bold ph-house"></i> home</a>
<i class="ph-bold ph-dot"></i>
<a href="/me"><i class="ph-bold ph-user"></i> about me</a>
<i class="ph-bold ph-dot"></i>
<a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
<i class="ph-bold ph-dot"></i>
<a href="/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>

8
blog/rss.xml
View file

@ -3,14 +3,14 @@
<channel>
<title>ruben's blog @ s.p.g</title>
<description>ruben's "blog", or whatever it's supposed to be. i rant about random things or make guides.</description>
<link>https://sneexy.pages.gay/blog</link>
<atom:link href="https://sneexy.pages.gay/blog/rss.xml"
<link>https://synth.download//blog</link>
<atom:link href="https://synth.download//blog/rss.xml"
rel="self" type="application/rss+xml" />
<item>
<title>Create An RSS Feed From Scratch</title>
<link>https://sneexy.pages.gay/blog/my-thoughts-on-social-media</link>
<guid>https://sneexy.pages.gay/blog/my-thoughts-on-social-media</guid>
<link>https://synth.download//blog/my-thoughts-on-social-media</link>
<guid>https://synth.download//blog/my-thoughts-on-social-media</guid>
<pubDate>Tue, 1 Oct 2024 12:56:31 CST</pubDate>
</item>
</channel>

15
fedi-guide/index.html
View file

@ -4,18 +4,18 @@
<head>
<meta charset="UTF-8">
<title>ruben's opinionated fedi guide @ s.p.g</title>
<title>ruben's opinionated fedi guide @ synth download!</title>
<link rel="icon" type="image/gif" href="/assets/favicon.png">
<link rel="stylesheet" type="text/css" href="/colors.css">
<link rel="stylesheet" type="text/css" href="/font.css">
<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="canonical" href="https://synth.download//">
<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 property="og:url" content="https://synth.download//">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="/script.js" defer="defer"></script>
</head>
@ -24,13 +24,16 @@
<!-- top navbar -->
<div class="navbar">
<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>
<a class="nav-base nav-baselink" href="/"><i class="ph-bold ph-squares-four"></i> synth <small>dot</small> download!</a>
<details class="nav-base nav-baselink-mobile">
<summary><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</summary>
<summary><i style="pointer-events:none;" class="ph-bold ph-squares-four"></i> s <i style="pointer-events:none;" class="ph-bold ph-dot"></i> d!</summary>
<ul>
<li>
<a href="/"><i class="ph-bold ph-house"></i> home</a>
</li>
<li>
<a href="/me"><i class="ph-bold ph-user"></i> about me</a>
</li>
<li>
<a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
</li>
@ -42,6 +45,8 @@
<nav class="nav-base nav-links">
<a href="/"><i class="ph-bold ph-house"></i> home</a>
<i class="ph-bold ph-dot"></i>
<a href="/me"><i class="ph-bold ph-user"></i> about me</a>
<i class="ph-bold ph-dot"></i>
<a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
<i class="ph-bold ph-dot"></i>
<a href="/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>

15
home.css
View file

@ -331,21 +331,6 @@ div#quotes.terminal .socials-contacts-list #binbows {
}
}
/* custom css window */
#css {
style {
display: block;
padding: 1em;
margin-bottom: 1em;
width: auto;
height: auto;
background-color: var(--surface0);
border-radius: 1em;
white-space: break-spaces;
}
}
/* modify widths and spacing depending on the size of the display */
@media screen and (max-width: 59em) {

257
index.html
View file

@ -4,19 +4,19 @@
<head>
<meta charset="UTF-8">
<title>sneexy dot pages dot gay</title>
<title>synth download!</title>
<link rel="icon" type="image/gif" href="/assets/favicon.png">
<link rel="stylesheet" type="text/css" href="/colors.css">
<link rel="stylesheet" type="text/css" href="/font.css">
<link rel="stylesheet" type="text/css" href="/style.css">
<link rel="stylesheet" type="text/css" href="/home.css">
<link rel="stylesheet" type="text/css" href="/site.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="canonical" href="https://synth.download//">
<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 property="og:url" content="https://synth.download//">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="/script.js" defer="defer"></script>
</head>
@ -25,13 +25,16 @@
<!-- top navbar -->
<div class="navbar">
<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>
<a class="nav-base nav-baselink" href="/"><i class="ph-bold ph-squares-four"></i> synth <small>dot</small> download!</a>
<details class="nav-base nav-baselink-mobile">
<summary><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</summary>
<summary><i style="pointer-events:none;" class="ph-bold ph-squares-four"></i> s <i style="pointer-events:none;" class="ph-bold ph-dot"></i> d!</summary>
<ul>
<li>
<a href="/"><i class="ph-bold ph-house"></i> home</a>
</li>
<li>
<a href="/me"><i class="ph-bold ph-user"></i> about me</a>
</li>
<li>
<a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
</li>
@ -43,6 +46,8 @@
<nav class="nav-base nav-links">
<a href="/"><i class="ph-bold ph-house"></i> home</a>
<i class="ph-bold ph-dot"></i>
<a href="/me"><i class="ph-bold ph-user"></i> about me</a>
<i class="ph-bold ph-dot"></i>
<a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
<i class="ph-bold ph-dot"></i>
<a href="/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>
@ -50,219 +55,23 @@
<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>
<!-- dedicated table of contents button -->
<div class="toc">
<details>
<summary alt="Table of Contents" title="Table of Contents"><i style="pointer-events:none;" class="ph-bold ph-list-bullets"></i></summary>
<ul>
<li>
<a href="#sneexy">hey, i'm ruben!</a>
</li>
<li>
<a href="#about-me">about me</a>
</li>
<li>
<a href="#socials-and-contacts">socials n' contacts</a>
</li>
<li>
<a href="#fun-facts">"fun" facts</a>
</li>
<li>
<a href="#quotes">quotes</a>
</li>
<li>
<a href="#buttons">buttons</a>
</li>
<li>
<a href="#css">custom css</a>
</li>
</ul>
</details>
</div>
<!-- simple introduction -->
<div id="sneexy" class="terminal">
<div id="site" 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 aria-hidden="true" class="term-titlebar">
<i class="ph-fill ph-terminal"></i>
<p><a href="#sneexy">~/sneexy</a></p>
<p><a href="#site">~</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>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~</span> <span class="status">•</span> <span style="padding-left:11px;">cat index.html</span></p>
<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><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." title="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."> hey, i'm <span class="rainbow">ruben!</span></h1>
<small>cheesed to meet ya.</small>
<p style="margin-bottom: -2px;">big 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(--green);"><i class="ph-bold ph-thumbs-up" alt="preferred!" title="preferred!"></i> he/him</li>
<li><i class="ph-bold ph-thumbs-up" alt="acceptable" title="acceptable"></i> they/them</li>
<li style="color: var(--red);"><small><i class="ph-bold ph-thumbs-down" alt="not acceptable" title="not acceptable"></i> anything else</small></li>
</ul>
</div>
<div style="grid-area: names;">
<p>names</p>
<ul>
<li style="color: var(--green);"><i class="ph-bold ph-thumbs-up" alt="preferred!" title="preferred!"></i> ruben</li>
<li><i class="ph-bold ph-thumbs-up" alt="acceptable" title="acceptable"></i> sneexy, sneex*</li>
<li style="color: var(--yellow);"><small><i class="ph-bold ph-user-gear" alt="only if we're friends!" title="only if we're friends!"></i> rube, rubie (ruby)</small></li>
<li style="color: var(--red);"><small><i class="ph-bold ph-thumbs-down" alt="not acceptable" title="not acceptable"></i> variations/anything else</small></li>
</ul>
</div>
</div>
<p>hey, welcome to</p>
<h1>synth download!</h1>
<p>this site is still kind of a wip, services planned to be hosted, but still an empty slate for now.</p>
</section>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -2px;"></i> ~/sneexy</span> <span class="status">•</span> <span class="blink">█</span></p>
</div>
<!-- about me -->
<div id="about-me" class="terminal">
<div aria-hidden="true" class="term-titlebar">
<i class="ph-fill ph-terminal"></i>
<p><a href="#about-me">~/about-me</a></p>
<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>
<p>i'm a nerd into <a href="https://en.wikipedia.org/wiki/Free_and_open-source_software">free and open source</a> software <small>(as noted above)</small> and privacy stuff, along with other libre things. i'm not a programmer 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> 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 <i style="color: var(--red);" class="ph-bold ph-heart"></i></p>
<p>am also <i><b>very <span class="rainbow">Incredibly Gay</span></b></i> by the way, did i mention that? <small><i>mmm... <b>men...</b></i></small>
<p>very much a furry connoisseur and into other robot beings like protogens and other fellow synths. <small>being a human fucking SUCKS.</small> as a side note, nothing is normal. everything is weird. don't shit on or callout people for being into something "weird" <small>assuming it's nothing immoral, illegal, or dangerous/harming themselves or others.</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>
</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 class="blink">█</span></p>
</div>
<!-- socials -->
<div id="socials-and-contacts" class="terminal">
<div aria-hidden="true" class="term-titlebar">
<i class="ph-fill ph-terminal"></i>
<p><a href="#socials-and-contacts">~/socials-and-contacts</a></p>
<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>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"><i class="ph-bold ph-fediverse-logo" alt="Fediverse/Sharkey/Mastodon" title="Fediverse/Sharkey/Mastodon"></i></a>
<address><a href="https://lea.pet/@sneexy">@sneexy@lea.pet <small>(Fediverse)</small></a></address>
</span>
<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"><i class="ph-bold ph-headphones" alt="ListenBrainz" title="ListenBrainz"></i></a>
<address><a href="https://listenbrainz.org/user/Sneexy">Sneexy</a></address>
</span>
<span class="social-container" id="gitgay">
<a href="https://git.gay"><i class="ph-bold ph-git-branch" alt="git.gay Forgejo" title="git.gay Forgejo"></i></a>
<address><a href="https://git.gay/sneexy">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"><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">my "blog"</a>
</span>
<span class="social-container" id="music">
<a href="https://amogus.cloud/s/4Ft4CSGYFCEMtHT"><i class="ph-bold ph-music-notes" alt="Music (Nextcloud)" title="Music (Nextcloud)"></i></a>
<a href="https://amogus.cloud/s/4Ft4CSGYFCEMtHT">my music library</a>
</span>
<span class="social-container" id="shitposts">
<a href="https://amogus.cloud/s/3jFf2eoppD38g3p"><i class="ph-bold ph-smiley" alt="Shitposts (Nextcloud)" title="Shitposts (Nextcloud)"></i></a>
<a href="https://amogus.cloud/s/3jFf2eoppD38g3p">shitposts</a>
</span>
<span class="social-container" id="internet-archive">
<a href="https://archive.org/details/@sneexy"><i class="ph-bold ph-archive" alt="Internet Archive" title="Internet Archive"></i></a>
<a href="https://archive.org/details/@sneexy">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">•</span> <span class="blink">█</span></p>
</div>
<!-- "fun" facts -->
<div id="fun-facts" class="terminal">
<div aria-hidden="true" class="term-titlebar">
<i class="ph-fill ph-terminal"></i>
<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>
<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/">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.</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 closing shop and moving to <a href="https://types.pl">types.pl</a> which has a nice local community, before moving to <a href="https://miruku.cafe">miruku.cafe</a> for a short while before finally landing at <a href="https://lea.pet">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>
</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">•</span> <span class="blink">█</span></p>
</div>
<!-- quotes -->
<div id="quotes" class="terminal">
<div aria-hidden="true" class="term-titlebar">
<i class="ph-fill ph-terminal"></i>
<p><a href="#quotes">~/quotes</a></p>
<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">
<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">limineow</a></small>
</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">breaadyboy</a></small>
</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">mikoto</a></small>
</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">av70</a></small>
</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">vozercozer</a></small>
</blockquote>
<blockquote class="quotes-container" id="guigui">
<p>"they'll never expect the french inquisition"</p>
<small>~ <a href="https://wetdry.world/@guigui">guigui</a></small>
</blockquote>
<blockquote class="quotes-container" id="binbows">
<p>"skibidi toilet will be mine yeah"</p>
<small>~ <a href="https://labyrinth.zone/users/binbows">binbows</a></small>
</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">•</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: -2px;"></i> ~</span> <span class="status">•</span> <span class="blink">█</span></p>
</div>
<!-- buttons -->
@ -274,7 +83,6 @@
</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">
<p>friends!</p>
@ -360,35 +168,6 @@
<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>
<!-- custom css window -->
<div id="css" class="terminal">
<div aria-hidden="true" class="term-titlebar">
<i class="ph-fill ph-terminal"></i>
<p><a href="#css">~/css</a></p>
<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> ~/css</span> <span class="status">•</span> <span style="padding-left:11px;">./custom-css</span></p>
<h2><a href="#css">custom css</a></h2>
<p>use the below text area to add or modify the css on this website live! <small>might be a little jank, can't control that.</small></p>
<style contenteditable>/* NOTE: when adding your own css, it must be all in one line.
remove the asterisk-slashes combos below to modify this preset! */
/* * {
font-family: ;
margin: ;
padding: ;
border-radius: ;
} */
</style>
</section>
</div>
<!-- webrings and credits -->
<footer>
<div id="webring-credits" class="terminal">

15
dni/index.html → me/dni/index.html
View file

@ -4,18 +4,18 @@
<head>
<meta charset="UTF-8">
<title>do not interact @ s.p.g</title>
<title>do not interact @ synth download!</title>
<link rel="icon" type="image/gif" href="/assets/favicon.png">
<link rel="stylesheet" type="text/css" href="/colors.css">
<link rel="stylesheet" type="text/css" href="/font.css">
<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="canonical" href="https://synth.download//">
<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 property="og:url" content="https://synth.download//">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="/script.js" defer="defer"></script>
</head>
@ -24,13 +24,16 @@
<!-- top navbar -->
<div class="navbar">
<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>
<a class="nav-base nav-baselink" href="/"><i class="ph-bold ph-squares-four"></i> synth <small>dot</small> download!</a>
<details class="nav-base nav-baselink-mobile">
<summary><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</summary>
<summary><i style="pointer-events:none;" class="ph-bold ph-squares-four"></i> s <i style="pointer-events:none;" class="ph-bold ph-dot"></i> d!</summary>
<ul>
<li>
<a href="/"><i class="ph-bold ph-house"></i> home</a>
</li>
<li>
<a href="/me"><i class="ph-bold ph-user"></i> about me</a>
</li>
<li>
<a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
</li>
@ -42,6 +45,8 @@
<nav class="nav-base nav-links">
<a href="/"><i class="ph-bold ph-house"></i> home</a>
<i class="ph-bold ph-dot"></i>
<a href="/me"><i class="ph-bold ph-user"></i> about me</a>
<i class="ph-bold ph-dot"></i>
<a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
<i class="ph-bold ph-dot"></i>
<a href="/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>

298
me/index.html Normal file
View file

@ -0,0 +1,298 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>synth download!</title>
<link rel="icon" type="image/gif" href="/assets/favicon.png">
<link rel="stylesheet" type="text/css" href="/colors.css">
<link rel="stylesheet" type="text/css" href="/font.css">
<link rel="stylesheet" type="text/css" href="/style.css">
<link rel="stylesheet" type="text/css" href="/home.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://synth.download//">
<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://synth.download//">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="/script.js" defer="defer"></script>
</head>
<body>
<!-- top navbar -->
<div class="navbar">
<a class="nav-base nav-baselink" href="/"><i class="ph-bold ph-squares-four"></i> synth <small>dot</small> download!</a>
<details class="nav-base nav-baselink-mobile">
<summary><i style="pointer-events:none;" class="ph-bold ph-squares-four"></i> s <i style="pointer-events:none;" class="ph-bold ph-dot"></i> d!</summary>
<ul>
<li>
<a href="/"><i class="ph-bold ph-house"></i> home</a>
</li>
<li>
<a href="/me"><i class="ph-bold ph-user"></i> about me</a>
</li>
<li>
<a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
</li>
<li>
<a href="/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>
</li>
</ul>
</details>
<nav class="nav-base nav-links">
<a href="/"><i class="ph-bold ph-house"></i> home</a>
<i class="ph-bold ph-dot"></i>
<a href="/me"><i class="ph-bold ph-user"></i> about me</a>
<i class="ph-bold ph-dot"></i>
<a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
<i class="ph-bold ph-dot"></i>
<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>
<!-- dedicated table of contents button -->
<div class="toc">
<details>
<summary alt="Table of Contents" title="Table of Contents"><i style="pointer-events:none;" class="ph-bold ph-list-bullets"></i></summary>
<ul>
<li>
<a href="#sneexy">hey, i'm ruben!</a>
</li>
<li>
<a href="#about-me">about me</a>
</li>
<li>
<a href="#socials-and-contacts">socials n' contacts</a>
</li>
<li>
<a href="#fun-facts">"fun" facts</a>
</li>
<li>
<a href="#quotes">quotes</a>
</li>
<li>
<a href="#buttons">buttons</a>
</li>
<li>
<a href="#css">custom css</a>
</li>
</ul>
</details>
</div>
<!-- simple introduction -->
<div id="sneexy" 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 aria-hidden="true" class="term-titlebar">
<i class="ph-fill ph-terminal"></i>
<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="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><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." title="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."> hey, i'm <span class="rainbow">ruben!</span></h1>
<small>cheesed to meet ya.</small>
<p style="margin-bottom: -2px;">big 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(--green);"><i class="ph-bold ph-thumbs-up" alt="preferred!" title="preferred!"></i> he/him</li>
<li><i class="ph-bold ph-thumbs-up" alt="acceptable" title="acceptable"></i> they/them</li>
<li style="color: var(--red);"><small><i class="ph-bold ph-thumbs-down" alt="not acceptable" title="not acceptable"></i> anything else</small></li>
</ul>
</div>
<div style="grid-area: names;">
<p>names</p>
<ul>
<li style="color: var(--green);"><i class="ph-bold ph-thumbs-up" alt="preferred!" title="preferred!"></i> ruben</li>
<li><i class="ph-bold ph-thumbs-up" alt="acceptable" title="acceptable"></i> sneexy, sneex*</li>
<li style="color: var(--yellow);"><small><i class="ph-bold ph-user-gear" alt="only if we're friends!" title="only if we're friends!"></i> rube, rubie (ruby)</small></li>
<li style="color: var(--red);"><small><i class="ph-bold ph-thumbs-down" alt="not acceptable" title="not acceptable"></i> variations/anything else</small></li>
</ul>
</div>
</div>
</section>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -2px;"></i> ~/sneexy</span> <span class="status">•</span> <span class="blink">█</span></p>
</div>
<!-- about me -->
<div id="about-me" class="terminal">
<div aria-hidden="true" class="term-titlebar">
<i class="ph-fill ph-terminal"></i>
<p><a href="#about-me">~/about-me</a></p>
<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>
<p>i'm a nerd into <a href="https://en.wikipedia.org/wiki/Free_and_open-source_software">free and open source</a> software <small>(as noted above)</small> and privacy stuff, along with other libre things. i'm not a programmer 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> 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 <i style="color: var(--red);" class="ph-bold ph-heart"></i></p>
<p>am also <i><b>very <span class="rainbow">Incredibly Gay</span></b></i> by the way, did i mention that? <small><i>mmm... <b>men...</b></i></small>
<p>very much a furry connoisseur and into other robot beings like protogens and other fellow synths. <small>being a human fucking SUCKS.</small> as a side note, nothing is normal. everything is weird. don't shit on or callout people for being into something "weird" <small>assuming it's nothing immoral, illegal, or dangerous/harming themselves or others.</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>
</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 class="blink">█</span></p>
</div>
<!-- socials -->
<div id="socials-and-contacts" class="terminal">
<div aria-hidden="true" class="term-titlebar">
<i class="ph-fill ph-terminal"></i>
<p><a href="#socials-and-contacts">~/socials-and-contacts</a></p>
<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>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"><i class="ph-bold ph-fediverse-logo" alt="Fediverse/Sharkey/Mastodon" title="Fediverse/Sharkey/Mastodon"></i></a>
<address><a href="https://lea.pet/@sneexy">@sneexy@lea.pet <small>(Fediverse)</small></a></address>
</span>
<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"><i class="ph-bold ph-headphones" alt="ListenBrainz" title="ListenBrainz"></i></a>
<address><a href="https://listenbrainz.org/user/Sneexy">Sneexy</a></address>
</span>
<span class="social-container" id="gitgay">
<a href="https://git.gay"><i class="ph-bold ph-git-branch" alt="git.gay Forgejo" title="git.gay Forgejo"></i></a>
<address><a href="https://git.gay/sneexy">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"><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">my "blog"</a>
</span>
<span class="social-container" id="music">
<a href="https://amogus.cloud/s/4Ft4CSGYFCEMtHT"><i class="ph-bold ph-music-notes" alt="Music (Nextcloud)" title="Music (Nextcloud)"></i></a>
<a href="https://amogus.cloud/s/4Ft4CSGYFCEMtHT">my music library</a>
</span>
<span class="social-container" id="shitposts">
<a href="https://amogus.cloud/s/3jFf2eoppD38g3p"><i class="ph-bold ph-smiley" alt="Shitposts (Nextcloud)" title="Shitposts (Nextcloud)"></i></a>
<a href="https://amogus.cloud/s/3jFf2eoppD38g3p">shitposts</a>
</span>
<span class="social-container" id="internet-archive">
<a href="https://archive.org/details/@sneexy"><i class="ph-bold ph-archive" alt="Internet Archive" title="Internet Archive"></i></a>
<a href="https://archive.org/details/@sneexy">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">•</span> <span class="blink">█</span></p>
</div>
<!-- "fun" facts -->
<div id="fun-facts" class="terminal">
<div aria-hidden="true" class="term-titlebar">
<i class="ph-fill ph-terminal"></i>
<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>
<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/">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.</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 closing shop and moving to <a href="https://types.pl">types.pl</a> which has a nice local community, before moving to <a href="https://miruku.cafe">miruku.cafe</a> for a short while before finally landing at <a href="https://lea.pet">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>
</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">•</span> <span class="blink">█</span></p>
</div>
<!-- quotes -->
<div id="quotes" class="terminal">
<div aria-hidden="true" class="term-titlebar">
<i class="ph-fill ph-terminal"></i>
<p><a href="#quotes">~/quotes</a></p>
<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">
<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">limineow</a></small>
</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">breaadyboy</a></small>
</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">mikoto</a></small>
</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">av70</a></small>
</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">vozercozer</a></small>
</blockquote>
<blockquote class="quotes-container" id="guigui">
<p>"they'll never expect the french inquisition"</p>
<small>~ <a href="https://wetdry.world/@guigui">guigui</a></small>
</blockquote>
<blockquote class="quotes-container" id="binbows">
<p>"skibidi toilet will be mine yeah"</p>
<small>~ <a href="https://labyrinth.zone/users/binbows">binbows</a></small>
</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">•</span> <span class="blink">█</span></p>
</div>
<!-- webrings and credits -->
<footer>
<div id="webring-credits" class="terminal">
<br>
<p><a style="font-size: 1.5rem;" href="/"><i style="color: var(--text);" class="ph-bold ph-house"></i> ...back to home?</a></p>
<br>
<p class="fediring"><b><a href="https://fediring.net/previous?host=sneexy.pages.gay"><i class="ph-fill ph-arrow-fat-left" alt="Previous" title="Previous"></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" alt="Next" title="Next"></i></a></b></p>
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=sneexy.pages.gay"><i class="ph-fill ph-arrow-fat-left" alt="Previous" title="Previous"></i></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=sneexy.pages.gay"><i class="ph-fill ph-arrow-fat-right" alt="Next" title="Next"></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" alt="Previous" title="Previous"></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" alt="Next" title="Next"></i></a></b></p>
<section class="inner-footer">
<a href="https://git.gay/sneexy/pages"><i class="ph-bold ph-git-branch" alt="Website source code" title="website source!"></i></a>
<a href="https://catppuccin.com"><i class="ph-bold ph-cat" alt="Catppuccin" title="Catppuccin"></i></a>
<a href="https://phosphoricons.com"><i class="ph-bold ph-phosphor-logo" alt="Phosphor Icons" title="Phosphor Icons"></i></a>
<a href="https://www.jetbrains.com/lp/mono"><i class="ph-bold ph-text-t" alt="JetBrains Mono" title="JetBrains Mono"></i></a>
<a href="https://www.lexend.com"><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">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>
<img src="/assets/dumpysynth.gif" alt="GIF of a synth with a massive butt, shaking it towards the viewer" />
</div>
</footer>
</body>
</html>

4
script.js
View file

@ -1,10 +1,10 @@
// snippet that copies the html for my button(s)
function copyButtonRegular() {
navigator.clipboard.writeText ('<a href="https://sneexy.pages.gay"><img src="https://sneexy.pages.gay/assets/buttons/sneexy.png" alt="Sneexy" title="Sneexy"></a>');
navigator.clipboard.writeText ('<a href="https://synth.download/"><img src="https://synth.download//assets/buttons/sneexy.png" alt="Sneexy" title="Sneexy"></a>');
alert("button html copied!");
}
function copyButtonCatppuccin() {
navigator.clipboard.writeText ('<a href="https://sneexy.pages.gay"><img src="https://sneexy.pages.gay/assets/buttons/sneexy_cat.png" alt="Sneexy" title="Sneexy"></a>');
navigator.clipboard.writeText ('<a href="https://synth.download/"><img src="https://synth.download//assets/buttons/sneexy_cat.png" alt="Sneexy" title="Sneexy"></a>');
alert("button html copied!");
}

64
site.css Normal file
View file

@ -0,0 +1,64 @@
/* about me section/first terminal */
#site > section {
#logo {
width: 40rem;
height: auto;
}
h1 {
margin-top: -1rem;
margin-bottom: 1px;
}
p {
margin-top: 3px;
}
text-align: center;
}
/* buttons section !! */
.buttons {
font-size: 0px;
img {
margin-right: 5px;
image-rendering: auto;
image-rendering: crisp-edges;
image-rendering: pixelated;
}
}
/* modify widths and spacing depending on the size of the display */
@media screen and (max-width: 59em) {
#sneexy > section {
#logo {
max-width: 100%;
}
.selfinfo {
grid-template-areas:
"pronouns"
"names";
div {
text-align: center;
margin-left: auto;
margin-right: auto;
ul {
text-align: left !important;
}
}
div:first-child {
margin-bottom: 1em;
}
div:last-child {
margin-left: auto !important;
}
}
}
.socials-contacts-list {
grid-template-columns: repeat(1, 1fr);
}
}