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

optimize everything ("Eleventy Harder"), improve some css
All checks were successful
/ build (push) Successful in 3m22s
Details

Browse source
This commit is contained in:
Ruben 2025-07-01 20:51:29 -05:00
commit 8b904b03de
No known key found for this signature in database
GPG key ID: 8EA836555FB6D9A5
36 changed files with 1107 additions and 1367 deletions
Download patch file Download diff file Expand all files Collapse all files

7
_includes/layouts/donate/page.njk → _includes/layouts/donate/donate.njk
View file

@ -1,9 +1,3 @@
---
title: donate
layout: "layouts/donate/base.njk"
permalink: "/donate/"
---
<!-- donation window -->
<div id="donate" class="window">
<div class="header">
@ -19,7 +13,6 @@ permalink: "/donate/"
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<p>Hi! I'm <a href="/~sneexy">Ruben</a>. Currently just a student running synth.download in my spare time because I like doing so.</p>
<p>If you'd like to donate, you may choose so through either <a href="https://ko-fi.com/sneexy" style="padding: .2rem; color: var(--sapphire); background-color: color-mix(in srgb, var(--sapphire) 20%, transparent); border-radius: .2rem;">Ko-fi</a>, or directly donate to me via Stripe with the widget below:</p>

7
_includes/layouts/fediverse/buttons.njk Normal file
View file

@ -0,0 +1,7 @@
<div class="img-buttons" style="margin-top:1rem;">
<a href="https://synth.download"><img src="/assets/buttons/synth.download.svg" alt="Synth.Download!"></a>
<a href="https://oomfie.city"><img src="/assets/buttons/sites/oomfie.city.png" alt="Oomfie City"></a>
<a href="https://labyrinth.zone"><img src="/assets/buttons/sites/labyrinth.zone.gif" alt="Labyrinth Zone"></a>
<a href="https://akko.wtf"><img src="/assets/buttons/sites/akko.wtf.png" alt="Luna Nova"></a>
<a href="https://java.duke.social"><img src="/assets/buttons/sites/duke.social.webp" alt="Duke Social"></a>
</div>

148
_includes/layouts/fediverse/iceshrimp/bubble.njk Normal file
View file

@ -0,0 +1,148 @@
<!-- bubble timeline -->
<div id="bubble" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#bubble">Bubble timeline</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#bubble">Bubble timeline</a></h2>
<p>Our instance is configured with a curated timeline of hand-picked instances that we deem to be a part of community of, or are great friends. Below is the entire list of of all instances configured in our Bubble timeline.</p>
<ul>
<li>
<a href="https://akko.wtf">akko.wtf</a>
</li>
<li>
<a href="https://app.wafrn.net">app.wafrn.net</a>
</li>
<li>
<a href="https://arff.archandle.net">arff.archandle.net</a>
</li>
<li>
<a href="https://booping.synth.download">booping.synth.download</a>
</li>
<li>
<a href="https://cafe.autumn.town">cafe.autumn.town</a>
</li>
<li>
<a href="https://chitter.xyz">chitter.xyz</a>
</li>
<li>
<a href="https://chuckya.remlit.site">chuckya.remlit.site</a>
</li>
<li>
<a href="https://critter.cafe">critter.cafe</a>
</li>
<li>
<a href="https://den.lonewolf.rocks">den.lonewolf.rocks</a>
</li>
<li>
<a href="https://eepy.moe">eepy.moe</a>
</li>
<li>
<a href="https://fedi.bungle.online">fedi.bungle.online</a>
</li>
<li>
<a href="https://fedi.chadthundercock.com">chadthundercock.com</a>
</li>
<li>
<a href="https://floofy.tech">floofy.tech</a>
</li>
<li>
<a href="https://fuzzies.wtf">fuzzies.wtf</a>
</li>
<li>
<a href="https://gts.niko.lgbt">gts.niko.lgbt</a>
</li>
<li>
<a href="https://icy.wyvern.rip">icy.wyvern.rip</a>
</li>
<li>
<a href="https://is.notfire.cc">notfire.cc</a>
</li>
<li>
<a href="https://is.potatoe.ca">is.potatoe.ca</a>
</li>
<li>
<a href="https://is.trinkey.com">trinkey.com</a>
</li>
<li>
<a href="https://java.duke.social">duke.social</a>
</li>
<li>
<a href="https://labyrinth.zone">labyrinth.zone</a>
</li>
<li>
<a href="https://lethallava.land">lethallava.land</a>
</li>
<li>
<a href="https://limepeeps.perchinup.top">limepeeps.perchinup.top</a>
</li>
<li>
<a href="https://masto.doskel.net">doskel.net</a>
</li>
<li>
<a href="https://masto.melontini.me">masto.melontini.me</a>
</li>
<li>
<a href="https://mastodon.derg.nz">mastodon.derg.nz</a>
</li>
<li>
<a href="https://mastodon.social.fraudulent.link">mastodon.social.fraudulent.link</a>
</li>
<li>
<a href="https://mice.tel">mice.tel</a>
</li>
<li>
<a href="https://ns.wouldnt.download">wouldnt.download</a>
</li>
<li>
<a href="https://oomfie.city">oomfie.city</a>
</li>
<li>
<a href="https://pounced-on.me">pounced-on.me</a>
</li>
<li>
<a href="https://remlit.site">remlit.site</a>
</li>
<li>
<a href="https://shrimp.meow.company">meow.company</a>
</li>
<li>
<a href="https://shrimp.starlightnet.work">starlightnet.work</a>
</li>
<li>
<a href="https://shrimple.aagaming.me">shrimple.aagaming.me</a>
</li>
<li>
<a href="https://sk.doskel.net">sk.doskel.net</a>
</li>
<li>
<a href="https://social.besties.house">besties.house</a>
</li>
<li>
<a href="https://st.transbus.social">st.transbus.social</a>
</li>
<li>
<a href="https://vixen.zone">vixen.zone</a>
</li>
<li>
<a href="https://wetdry.world">wetdry.world</a>
</li>
<li>
<a href="https://wolfdo.gg">wolfdo.gg</a>
</li>
<li>
<a href="https://yeen.town">yeen.town</a>
</li>
</ul>
</section>
</div>

46
_includes/layouts/fediverse/iceshrimp/fe.njk Normal file
View file

@ -0,0 +1,46 @@
<!-- alternative frontends -->
<div id="frontends" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#frontends">Alternative frontends</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#frontends">Alternative frontends</a></h2>
<p>Currently, the built in Iceshrimp.NET frontend is pretty unfinished and not very usable for daily usage. We provide other frontends that give better usage for use with Iceshrimp. Alternatively, Iceshrimp also implements direct Mastodon-API compatibility, so you may bring or use your own Mastodon clients as well!</p>
<ul>
<li>
<a href="https://beeping.synth.download">Iceshrimp.NET</a> • The default frontend, requires to be logged in directly to Iceshrimp before being accessible. Required to be used if you want to change some of your profile settings. <small>For other options, refer to the two last options of this list.</small>
</li>
<li>
<a href="https://masto.beeping.synth.download">Mastodon</a> • The Mastodon frontend based off of the Chuckya fork with extra support for Iceshrimp based features, the most stable/recommended. <small><a href="https://forged.synth.download/synth.download/Chuckya-fe-standalone">Source</a></small>
</li>
<li>
<a href="https://akko.beeping.synth.download">Akkoma</a> • The Akkoma frontend with extra support for Iceshrimp based features. <small><a href="https://forged.synth.download/synth.download/akkoma-fe">Source</a></small>
</li>
<li>
<a href="https://phanpy.beeping.synth.download">Phanpy</a> • Opinionated, minimalist Mastodon client, works well with Iceshrimp. Enable the Akkoma flag for proper support with Emoji reactions. <small><a href="https://github.com/cheeaun/phanpy">Source</a></small>
</li>
<li>
<a href="https://pl-fe.beeping.synth.download">pl-fe</a> • Another Mastodon-compatible client, works well with Iceshrimp. <small><a href="https://github.com/mkljczk/pl-fe">Source</a></small>
</li>
</ul>
<hr class="solid">
<ul>
<li>
<small><a href="https://beeping.synth.download/swagger">Swagger</a> • Special frontend for directly interacting with the Iceshrimp API. Required to enable/modify some settings with your account.</small>
</li>
<li>
<small><a href="https://beeping.synth.download/scalar">scalar</a> • A fancier, more advanced alternative to Swagger.</small>
</li>
</ul>
</section>
</div>

37
_includes/layouts/fediverse/iceshrimp/features.njk Normal file
View file

@ -0,0 +1,37 @@
<!-- instance features -->
<div id="features" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#features">Features</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#features">Features</a></h2>
<p>What users receive in terms of differences from, for example here, the average Mastodon instance:</p>
<ul>
<li>
Quote posting
</li>
<li>
Emoji reactions
</li>
<li>
Most Misskey features: cat ears/speaking as a cat, "Drive" management for files, etc.
</li>
<li>
100,000 character limit
</li>
<li>
200 megabyte upload limit, per file
</li>
</ul>
</section>
</div>

28
_includes/layouts/fediverse/iceshrimp/info.njk Normal file
View file

@ -0,0 +1,28 @@
<!-- information -->
<div id="information" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#information">Instance information</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#information">Instance information</a></h2>
<p>This is our Iceshrimp.NET instance, managed by <a href="https://booping.synth.download/@sneexy">@sneexy</a>. This is our general information page about our instance, most info here is shared with our <a href="/sharkey">Sharkey</a> instance. <small>You're most likely here because you've attempted to visit <a href="https://beeping.synth.download">beeping.synth.download</a> without an account/signed out. Try logging in, then go back to access the Iceshrimp frontend!</small></p>
<hr class="solid">
<p>Iceshrimp is a "microblogging"-based social networking software that connects over <a href="https://activitypub.rocks">ActivityPub</a> to federate over the internet with other AP-based software and instances in the world such as <a href="https://joinmastodon.org">Mastodon</a>. Iceshrimp mostly follows the footsteps of <a href="https://misskey-hub.net">Misskey</a>, and supports most features that Misskey and other software chooses to implement - Quote posts, Emoji reactions and all.</p>
<p>We have a sibling <a href="/sharkey">Sharkey</a> instance running over at <a href="https://booping.synth.download">booping.synth.download</a> if a full Misskey based experience is more your speed.</p>
<hr class="solid">
<p>This instance is <i>invite only</i> to ensure that things don't get out of control here, in terms of both becoming a moderation hassle and requiring heavy maintenance, as well as ensuring this instance continues to run smoothly and for the foreseeable future.</p>
<p><b>If you would like to register, and are a well-known creature of, please go beep at <a href="https://booping.synth.download/@sneexy">@sneexy</a>!</b> You may also ask anyone else on this instance to vouch for you. <small>Invite codes/Acceptance is not always guaranteed, but feel free to ask. Please don't let this be discouragement for asking.</small></p>
<hr class="solid">
<p>We have a <a href="https://signal.group/#CjQKIGETy9DaJ_wF3iIun-uBSD4T1ZqrJbnXhkqZZdtUdX5LEhD7RbDqEm2gfLZsCINNwVc2">Signal group chat</a> for general, random discussion as well as having direct contact with instance admins, and to serve as a place for any direct or maintenance announcements.</p>
</section>
</div>

49
_includes/layouts/fediverse/iceshrimp/intro.njk Normal file
View file

@ -0,0 +1,49 @@
<!-- iceshrimp introduction -->
<div id="iceshrimp" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--universe"></span>
</div>
<a href="#iceshrimp">Icesynth!</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h1 style="text-align:center;"><a href="https://iceshrimp.net" target="_blank" style="vertical-align:middle;"><img src="/assets/isnet.png" alt="Iceshrimp.NET source" style="height:2rem;margin-right:.4rem;border-radius:.2rem" /></a>Icesynth!</h1>
<p style="text-align:center;">Beep! A small instance themed around <a href="https://synthspecies.com">synths</a>, but accepts all. <small>Not to be confused with our <a href="/sharkey">Sharkey</a> instance.</small></p>
<p style="text-align:center;"><a class="button" href="https://beeping.synth.download/login"><span class="icon tabler--login"></span> Log in</a> <a class="button" href="https://beeping.synth.download/register"><span class="icon tabler--user-plus"></span> Register</a></p>
<p style="text-align:center;"><a class="button" href="https://masto.beeping.synth.download"><span class="icon tabler--brand-mastodon"></span> Mastodon-FE</a> <a class="button" href="https://akko.beeping.synth.download"><span class="icon tabler--external-link"></span> Akkoma-FE</a> <a class="button" href="https://phanpy.beeping.synth.download"><span class="icon tabler--external-link"></span> Phanpy</a> <a class="button" href="https://pl-fe.beeping.synth.download"><span class="icon tabler--external-link"></span> pl-fe</a></p>
<hr class="solid">
{% include "layouts/fediverse/buttons.njk" %}
<details class="styled" style="margin-top:2rem;">
<summary><span class="icon tabler--list-tree"></span>Table-of-Contents <span class="icon tabler--arrow-autofit-height"></span></summary>
<section>
<ul>
<li>
<a href="#information">Instance information</a>
</li>
<li>
<a href="#features">Features</a>
</li>
<li>
<a href="#rules">Rules</a>
</li>
<li>
<a href="#frontends">Alternative frontends</a>
</li>
<li>
<a href="#bubble">Bubble timeline</a>
</li>
<li>
<a href="#moderation">Moderation</a>
</li>
</ul>
</section>
</details>
</section>
</div>

83
_includes/layouts/fediverse/moderation.njk Normal file
View file

@ -0,0 +1,83 @@
<!-- moderation-->
<div id="moderation" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#moderation">Moderation</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#moderation">Moderation</a></h2>
<p>For all of our Fediverse instances that we manage, we do moderation on our own.</p>
<p>We have little spoons to deal with anything and tend to take action swiftly. We moderate based on the usual:</p>
<ul>
<li>
<b>Suspending</b> instances that consists of having communities/a majority of users who are either entirely horrible users or heavily radiates "Bad Vibes", including those that includes users who own opinions that we don't all necessarily agree with or could cause harm to others
</li>
<li>
<b>Suspending</b> instances that purposefully modifies federation in malicious ways (e.g. ignoring deletes, converting non-public posts to public on their end)
</li>
<li>
<b>Suspending</b> instances that have "the obvious"; anything that goes against our own rules
</li>
<li>
<b>Silencing</b> or <b>marking instances as NSFW</b> that don't have rules set on marking content properly (e.g. politics or NSFW media)
</li>
<ul>
<li>
We may also <b>Suspend</b> those that simply federate with related instances as it's too much of a risk to continue federation with those suspected of unwanted/problematic behavior, especially if it's very obvious
</li>
</ul>
<li>
<b>Silencing</b> or <b>marking instances as NSFW</b> that consists of heavy amounts (and to "Only") of "Irony-poisoned" or "racism funny" posting.
</li>
</ul>
<p>Other instances that aren't inherently bad, but also constantly consists of any type of behavior that isn't worth full blown suspension will usually have other actions done to them as well (marked as NSFW, Silenced, etc.).</p>
<hr class="solid">
<p>If you'd like to question anything about our moderation or about a specific instance, feel free to ask us about it. If you find something that goes <i>against</i> our rules or should have action taken against, then report it (whether it's local or remote content).</p>
<hr class="solid">
<p>To view our blocklists and other moderation configurations here, along with reasons, please refer to below:</p>
<ul>
<li style="margin-bottom:1rem;">
<b><a style="font-size:1.5rem;" href="https://forged.synth.download/synth.download/moderation/src/branch/main/reasons.md">See all of our reasons and receipts for moderation</a></b>
</li>
<li>
<a href="https://forged.synth.download/synth.download/moderation/src/branch/main/reasons.md#media-silenced-marked-as-nsfw">Media silenced instances/Instances marked as NSFW</a>
</li>
<ul>
<li style="margin-bottom:1rem;">
<small>
<a href="https://forged.synth.download/synth.download/moderation/src/branch/main/media-silenced.txt">Direct list link</a>
</small>
</li>
</ul>
<li>
<a href="https://forged.synth.download/synth.download/moderation/src/branch/main/reasons.md#silenced">Silenced instances</a>
</li>
<ul>
<li style="margin-bottom:1rem;">
<small>
<a href="https://forged.synth.download/synth.download/moderation/src/branch/main/silenced.txt">Direct list link</a>
</small>
</li>
</ul>
<li>
<a href="https://forged.synth.download/synth.download/moderation/src/branch/main/reasons.md#blocked"><b>Blocked</b> instances</a>
</li>
<ul>
<li>
<small>
<a href="https://forged.synth.download/synth.download/moderation/src/branch/main/blocked.txt">Direct list link</a>
</small>
</li>
</ul>
</ul>
</section>
</div>

46
_includes/layouts/fediverse/rules.njk Normal file
View file

@ -0,0 +1,46 @@
<!-- instance rules -->
<div id="rules" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#rules">Rules</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#rules">Rules</a></h2>
<p><i>Our rules are also displayed on our instance registration page.</i> These rules also apply to remote instances/federation. If any are found breaking these rules that aren't on our instance, report it.</p>
<ul>
<li>
No Nazi's, racism, homo/trans/queerphobia or bigotry of any kind. Hate speech is not allowed.
</li>
<li>
In addition to above, no pedophilia, zoophilia and all other related labels/content. We have no tolerance for that <i>at all</i>.
</li>
<li>
No illegal content such as child pornography or any (including fictional) equivalents (e.g. lolishota).
</li>
<li>
<b>Properly use content warnings when posting.</b> Apply a content warning to anything, such as NSFW content and politics. Reclaimed slurs may be left without a content warning.
</li>
<li>
Don't harass people if there is no valid reason, block/report and move on.
</li>
<li>
<b>We encourage adding alt text onto media.</b> Not required, but recommended.
</li>
<li>
<i>Basically:</i> <b>Just use common sense.</b> And don't give me any reason to add more rules onto here, please.
</li>
<li aria-hidden="true">
<small>beep merp rawr :3</small>
</li>
</ul>
</section>
</div>

148
_includes/layouts/fediverse/sharkey/bubble.njk Normal file
View file

@ -0,0 +1,148 @@
<!-- bubble timeline -->
<div id="bubble" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#bubble">Bubble timeline</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#bubble">Bubble timeline</a></h2>
<p>Our instance is configured with a curated timeline of hand-picked instances that we deem to be a part of community of, or are great friends. Below is the entire list of of all instances configured in our Bubble timeline.</p>
<ul>
<li>
<a href="https://akko.wtf">akko.wtf</a>
</li>
<li>
<a href="https://app.wafrn.net">app.wafrn.net</a>
</li>
<li>
<a href="https://arff.archandle.net">arff.archandle.net</a>
</li>
<li>
<a href="https://booping.synth.download">booping.synth.download</a>
</li>
<li>
<a href="https://cafe.autumn.town">cafe.autumn.town</a>
</li>
<li>
<a href="https://chitter.xyz">chitter.xyz</a>
</li>
<li>
<a href="https://chuckya.remlit.site">chuckya.remlit.site</a>
</li>
<li>
<a href="https://critter.cafe">critter.cafe</a>
</li>
<li>
<a href="https://den.lonewolf.rocks">den.lonewolf.rocks</a>
</li>
<li>
<a href="https://eepy.moe">eepy.moe</a>
</li>
<li>
<a href="https://fedi.bungle.online">fedi.bungle.online</a>
</li>
<li>
<a href="https://fedi.chadthundercock.com">fedi.chadthundercock.com</a>
</li>
<li>
<a href="https://floofy.tech">floofy.tech</a>
</li>
<li>
<a href="https://fuzzies.wtf">fuzzies.wtf</a>
</li>
<li>
<a href="https://gts.niko.lgbt">gts.niko.lgbt</a>
</li>
<li>
<a href="https://icy.wyvern.rip">icy.wyvern.rip</a>
</li>
<li>
<a href="https://is.notfire.cc">is.notfire.cc</a>
</li>
<li>
<a href="https://is.potatoe.ca">is.potatoe.ca</a>
</li>
<li>
<a href="https://is.trinkey.com">is.trinkey.com</a>
</li>
<li>
<a href="https://java.duke.social">java.duke.social</a>
</li>
<li>
<a href="https://labyrinth.zone">labyrinth.zone</a>
</li>
<li>
<a href="https://lethallava.land">lethallava.land</a>
</li>
<li>
<a href="https://limepeeps.perchinup.top">limepeeps.perchinup.top</a>
</li>
<li>
<a href="https://masto.doskel.net">masto.doskel.net</a>
</li>
<li>
<a href="https://masto.melontini.me">masto.melontini.me</a>
</li>
<li>
<a href="https://mastodon.derg.nz">mastodon.derg.nz</a>
</li>
<li>
<a href="https://mastodon.social.fraudulent.link">mastodon.social.fraudulent.link</a>
</li>
<li>
<a href="https://mice.tel">mice.tel</a>
</li>
<li>
<a href="https://ns.wouldnt.download">ns.wouldnt.download</a>
</li>
<li>
<a href="https://oomfie.city">oomfie.city</a>
</li>
<li>
<a href="https://pounced-on.me">pounced-on.me</a>
</li>
<li>
<a href="https://remlit.site">remlit.site</a>
</li>
<li>
<a href="https://shrimp.meow.company">shrimp.meow.company</a>
</li>
<li>
<a href="https://shrimp.starlightnet.work">shrimp.starlightnet.work</a>
</li>
<li>
<a href="https://shrimple.aagaming.me">shrimple.aagaming.me</a>
</li>
<li>
<a href="https://sk.doskel.net">sk.doskel.net</a>
</li>
<li>
<a href="https://social.besties.house">social.besties.house</a>
</li>
<li>
<a href="https://st.transbus.social">st.transbus.social</a>
</li>
<li>
<a href="https://vixen.zone">vixen.zone</a>
</li>
<li>
<a href="https://wetdry.world">wetdry.world</a>
</li>
<li>
<a href="https://wolfdo.gg">wolfdo.gg</a>
</li>
<li>
<a href="https://yeen.town">yeen.town</a>
</li>
</ul>
</section>
</div>

37
_includes/layouts/fediverse/sharkey/features.njk Normal file
View file

@ -0,0 +1,37 @@
<!-- instance features -->
<div id="features" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#features">Features</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#features">Features</a></h2>
<p>What users receive in terms of differences from, for example here, the average Mastodon instance:</p>
<ul>
<li>
Quote posting
</li>
<li>
Emoji reactions
</li>
<li>
All of the average Misskey features: cat ears/speaking as a cat, "Drive" management for files, etc.
</li>
<li>
100,000 character limit, with a 5,000 content warning character limit
</li>
<li>
20 gigabyte drive space per user <small>(can be increased if needed)</small>
</li>
</ul>
</section>
</div>

29
_includes/layouts/fediverse/sharkey/info.njk Normal file
View file

@ -0,0 +1,29 @@
<!-- information -->
<div id="information" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#information">Instance information</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#information">Instance information</a></h2>
<p>This is our Sharkey instance, managed by <a href="https://booping.synth.download/@sneexy">@sneexy</a>. This is our general information page about our instance, most info here is shared with our <a href="/iceshrimp">Iceshrimp</a> instance.</p>
<hr class="solid">
<p>Sharkey is a "microblogging"-based social networking software that connects over <a href="https://activitypub.rocks">ActivityPub</a> to federate over the internet with other AP-based software and instances in the world such as <a href="https://joinmastodon.org">Mastodon</a>. Sharkey itself is a soft-fork of <a href="https://misskey-hub.net">Misskey</a>, so you recieve all of the features Misskey has, such as quote posts and emoji reactions, with extra features and fixes Sharkey puts on top.</p>
<p>We have a sibling <a href="/iceshrimp">Iceshrimp</a> instance running over at <a href="https://beeping.synth.download">beeping.synth.download</a> if a more "traditional", Mastodon-compatible based experience is more your speed.</p>
<hr class="solid">
<p>This instance is <i>invite only</i> to ensure that things don't get out of control here, in terms of both becoming a moderation hassle and requiring heavy maintenance, as well as ensuring this instance continues to run smoothly and for the foreseeable future.</p>
<p><b>If you would like to register, and are a well-known creature of, please go beep at <a href="https://booping.synth.download/@sneexy">@sneexy</a>!</b> You may also ask anyone else on this instance to vouch for you. <small>Invite codes/Acceptance is not always guaranteed, but feel free to ask. Please don't let this be discouragement for asking.</small></p>
<hr class="solid">
<p>We have a <a href="https://signal.group/#CjQKIGETy9DaJ_wF3iIun-uBSD4T1ZqrJbnXhkqZZdtUdX5LEhD7RbDqEm2gfLZsCINNwVc2">Signal group chat</a> for general, random discussion as well as having direct contact with instance admins, and to serve as a place for any direct or maintenance announcements.</p>
<p><small><b>For the record:</b> We are running <i>stock</i>, upstream Sharkey. We are <i>not</i> running/maintaining a fork! Any and all modifications and shenanigans we do on here are either served through our reverse proxy or done via Sharkey's <code>customHtml</code> configuration and <a href="https://forged.synth.download/synth.download/site/src/branch/main/assets/synth.download/sharkey" target="_blank">custom CSS</a>.</small></p>
</section>
</div>

47
_includes/layouts/fediverse/sharkey/intro.njk Normal file
View file

@ -0,0 +1,47 @@
<!-- sharkey introduction -->
<div id="sharkey" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--universe"></span>
</div>
<a href="#sharkey">Beepkey!</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h1 style="text-align:center;"><a href="https://joinsharkey.org" target="_blank" style="vertical-align:middle;"><img src="/assets/sharkey_sh.svg" alt="Sharkey's website" style="height:2rem;margin-right:.4rem;border-radius:.2rem" /></a>Beepkey!</h1>
<p style="text-align:center;">Beep! A small instance themed around <a href="https://synthspecies.com">synths</a>, but accepts all. <small>Not to be confused with our <a href="/iceshrimp">Iceshrimp</a> instance.</small></p>
<p style="text-align:center;"><a class="button" href="https://booping.synth.download"><span class="icon tabler--external-link"></span> Visit</a> <a class="button" href="https://booping.synth.download/@sneexy/pages/users-guide"><span class="icon tabler--bulb"></span> Tips & Tricks</a></p>
<p style="text-align:center;margin-bottom:-1rem;opacity:.8;"><small><b>Note:</b> Alternative clients are noted to be unstable with Sharkey.</small></p>
<p style="text-align:center;"><a class="button" href="https://masto.booping.synth.download"><span class="icon tabler--brand-mastodon"></span> Mastodon-FE</a> <a class="button" href="https://phanpy.booping.synth.download"><span class="icon tabler--external-link"></span> Phanpy</a> <a class="button" href="https://pl-fe.booping.synth.download"><span class="icon tabler--external-link"></span> pl-fe</a></p>
<hr class="solid">
{% include "layouts/fediverse/buttons.njk" %}
<details class="styled" style="margin-top:2rem;">
<summary><span class="icon tabler--list-tree"></span>Table-of-Contents <span class="icon tabler--arrow-autofit-height"></span></summary>
<section>
<ul>
<li>
<a href="#information">Instance information</a>
</li>
<li>
<a href="#features">Features</a>
</li>
<li>
<a href="#rules">Rules</a>
</li>
<li>
<a href="#bubble">Bubble timeline</a>
</li>
<li>
<a href="#moderation">Moderation</a>
</li>
</ul>
</section>
</details>
</section>
</div>

7
_includes/layouts/home.njk → _includes/layouts/home/intro.njk
View file

@ -1,9 +1,3 @@
---
title: home
layout: "layouts/base.njk"
permalink: "/index.html"
---
<!-- simple site introduction -->
<div id="site" class="window home">
<div class="header">
@ -19,7 +13,6 @@ permalink: "/index.html"
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<p>Hey! Welcome to...</p>
<a href="https://forged.synth.download/sneexy/synth"><img id="logo" loading="lazy" src="/assets/synth.download/logo_web.svg" alt="Synth.Download" /></a>

476
_includes/layouts/iceshrimp.njk
View file

@ -1,476 +0,0 @@
---
title: icesynth!
layout: "layouts/base.njk"
permalink: "/iceshrimp/"
---
<!-- table of contents - wip
<div class="toc">
<input type="checkbox" id="toc-menu" value="" name="toc-menu">
<label aria-label="Table of Contents" for="toc-menu" data-toggle="toc">
<span class="icon tabler--settings">
</label>
<ul>
<li>
<p>hi</p>
</li>
</ul>
</div>
-->
<!-- iceshrimp introduction -->
<div id="iceshrimp" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--universe"></span>
</div>
<a href="#iceshrimp">Icesynth!</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h1 style="text-align:center;"><a href="https://iceshrimp.net" target="_blank" style="vertical-align:middle;"><img src="/assets/isnet.png" alt="Iceshrimp.NET source" style="height:2rem;margin-right:.4rem;border-radius:.2rem" /></a>Icesynth!</h1>
<p style="text-align:center;">Beep! A small instance themed around <a href="https://synthspecies.com">synths</a>, but accepts all. <small>Not to be confused with our <a href="/sharkey">Sharkey</a> instance.</small></p>
<p style="text-align:center;"><a class="button" href="https://beeping.synth.download/login"><span class="icon tabler--login"></span> Log in</a> <a class="button" href="https://beeping.synth.download/register"><span class="icon tabler--user-plus"></span> Register</a></p>
<p style="text-align:center;"><a class="button" href="https://masto.beeping.synth.download"><span class="icon tabler--brand-mastodon"></span> Mastodon-FE</a> <a class="button" href="https://akko.beeping.synth.download"><span class="icon tabler--external-link"></span> Akkoma-FE</a> <a class="button" href="https://phanpy.beeping.synth.download"><span class="icon tabler--external-link"></span> Phanpy</a> <a class="button" href="https://pl-fe.beeping.synth.download"><span class="icon tabler--external-link"></span> pl-fe</a></p>
<hr class="solid">
<div class="img-buttons" style="margin-top:1rem;">
<a href="https://synth.download"><img src="/assets/buttons/synth.download.svg" alt="Synth.Download!"></a>
<a href="https://oomfie.city"><img src="/assets/buttons/sites/oomfie.city.png" alt="Oomfie City"></a>
<a href="https://labyrinth.zone"><img src="/assets/buttons/sites/labyrinth.zone.gif" alt="Labyrinth Zone"></a>
<a href="https://akko.wtf"><img src="/assets/buttons/sites/akko.wtf.png" alt="Luna Nova"></a>
<a href="https://java.duke.social"><img src="/assets/buttons/sites/duke.social.webp" alt="Duke Social"></a>
</div>
<details class="styled" style="margin-top:2rem;">
<summary><span class="icon tabler--list-tree"></span>Table-of-Contents <span class="icon tabler--arrow-autofit-height"></span></summary>
<section>
<ul>
<li>
<a href="#information">Instance information</a>
</li>
<li>
<a href="#features">Features</a>
</li>
<li>
<a href="#rules">Rules</a>
</li>
<li>
<a href="#frontends">Alternative frontends</a>
</li>
<li>
<a href="#bubble">Bubble timeline</a>
</li>
<li>
<a href="#moderation">Moderation</a>
</li>
</ul>
</section>
</details>
</section>
</div>
<!-- information -->
<div id="information" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#information">Instance information</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#information">Instance information</a></h2>
<p>This is our Iceshrimp.NET instance, managed by <a href="https://booping.synth.download/@sneexy">@sneexy</a>. This is our general information page about our instance, most info here is shared with our <a href="/sharkey">Sharkey</a> instance. <small>You're most likely here because you've attempted to visit <a href="https://beeping.synth.download">beeping.synth.download</a> without an account/signed out. Try logging in, then go back to access the Iceshrimp frontend!</small></p>
<hr class="solid">
<p>Iceshrimp is a "microblogging"-based social networking software that connects over <a href="https://activitypub.rocks">ActivityPub</a> to federate over the internet with other AP-based software and instances in the world such as <a href="https://joinmastodon.org">Mastodon</a>. Iceshrimp mostly follows the footsteps of <a href="https://misskey-hub.net">Misskey</a>, and supports most features that Misskey and other software chooses to implement - Quote posts, Emoji reactions and all.</p>
<p>We have a sibling <a href="/sharkey">Sharkey</a> instance running over at <a href="https://booping.synth.download">booping.synth.download</a> if a full Misskey based experience is more your speed.</p>
<hr class="solid">
<p>This instance is <i>invite only</i> to ensure that things don't get out of control here, in terms of both becoming a moderation hassle and requiring heavy maintenance, as well as ensuring this instance continues to run smoothly and for the foreseeable future.</p>
<p><b>If you would like to register, and are a well-known creature of, please go beep at <a href="https://booping.synth.download/@sneexy">@sneexy</a>!</b> You may also ask anyone else on this instance to vouch for you. <small>Invite codes/Acceptance is not always guaranteed, but feel free to ask. Please don't let this be discouragement for asking.</small></p>
<hr class="solid">
<p>We have a <a href="https://signal.group/#CjQKIGETy9DaJ_wF3iIun-uBSD4T1ZqrJbnXhkqZZdtUdX5LEhD7RbDqEm2gfLZsCINNwVc2">Signal group chat</a> for general, random discussion as well as having direct contact with instance admins, and to serve as a place for any direct or maintenance announcements.</p>
</section>
</div>
<!-- instance features -->
<div id="features" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#features">Features</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#features">Features</a></h2>
<p>What users receive in terms of differences from, for example here, the average Mastodon instance:</p>
<ul>
<li>
Quote posting
</li>
<li>
Emoji reactions
</li>
<li>
Most Misskey features: cat ears/speaking as a cat, "Drive" management for files, etc.
</li>
<li>
100,000 character limit
</li>
<li>
200 megabyte upload limit, per file
</li>
</ul>
</section>
</div>
<!-- instance rules -->
<div id="rules" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#rules">Rules</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#rules">Rules</a></h2>
<p><i>Our rules are also displayed on our instance registration page.</i> These rules also apply to remote instances/federation. If any are found breaking these rules that aren't on our instance, report it.</p>
<ul>
<li>
No Nazi's, racism, homo/trans/queerphobia or bigotry of any kind. Hate speech is not allowed.
</li>
<li>
In addition to above, no pedophilia, zoophilia and all other related labels/content. We have no tolerance for that <i>at all</i>.
</li>
<li>
No illegal content such as child pornography or any (including fictional) equivalents (e.g. lolishota).
</li>
<li>
<b>Properly use content warnings when posting.</b> Apply a content warning to anything, such as NSFW content and politics. Reclaimed slurs may be left without a content warning.
</li>
<li>
Don't harass people if there is no valid reason, block/report and move on.
</li>
<li>
<b>We encourage adding alt text onto media.</b> Not required, but recommended.
</li>
<li>
<i>Basically:</i> <b>Just use common sense.</b> And don't give me any reason to add more rules onto here, please.
</li>
<li aria-hidden="true">
<small>beep merp rawr :3</small>
</li>
</ul>
</section>
</div>
<!-- alternative frontends -->
<div id="frontends" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#frontends">Alternative frontends</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#frontends">Alternative frontends</a></h2>
<p>Currently, the built in Iceshrimp.NET frontend is pretty unfinished and not very usable for daily usage. We provide other frontends that give better usage for use with Iceshrimp. Alternatively, Iceshrimp also implements direct Mastodon-API compatibility, so you may bring or use your own Mastodon clients as well!</p>
<ul>
<li>
<a href="https://beeping.synth.download">Iceshrimp.NET</a> • The default frontend, requires to be logged in directly to Iceshrimp before being accessible. Required to be used if you want to change some of your profile settings. <small>For other options, refer to the two last options of this list.</small>
</li>
<li>
<a href="https://masto.beeping.synth.download">Mastodon</a> • The Mastodon frontend based off of the Chuckya fork with extra support for Iceshrimp based features, the most stable/recommended. <small><a href="https://forged.synth.download/synth.download/Chuckya-fe-standalone">Source</a></small>
</li>
<li>
<a href="https://akko.beeping.synth.download">Akkoma</a> • The Akkoma frontend with extra support for Iceshrimp based features. <small><a href="https://forged.synth.download/synth.download/akkoma-fe">Source</a></small>
</li>
<li>
<a href="https://phanpy.beeping.synth.download">Phanpy</a> • Opinionated, minimalist Mastodon client, works well with Iceshrimp. Enable the Akkoma flag for proper support with Emoji reactions. <small><a href="https://github.com/cheeaun/phanpy">Source</a></small>
</li>
<li>
<a href="https://pl-fe.beeping.synth.download">pl-fe</a> • Another Mastodon-compatible client, works well with Iceshrimp. <small><a href="https://github.com/mkljczk/pl-fe">Source</a></small>
</li>
</ul>
<hr class="solid">
<ul>
<li>
<small><a href="https://beeping.synth.download/swagger">Swagger</a> • Special frontend for directly interacting with the Iceshrimp API. Required to enable/modify some settings with your account.</small>
</li>
<li>
<small><a href="https://beeping.synth.download/scalar">scalar</a> • A fancier, more advanced alternative to Swagger.</small>
</li>
</ul>
</section>
</div>
<!-- bubble timeline -->
<div id="bubble" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#bubble">Bubble timeline</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#bubble">Bubble timeline</a></h2>
<p>Our instance is configured with a curated timeline of hand-picked instances that we deem to be a part of community of, or are great friends. Below is the entire list of of all instances configured in our Bubble timeline.</p>
<ul>
<li>
<a href="https://akko.wtf">akko.wtf</a>
</li>
<li>
<a href="https://app.wafrn.net">app.wafrn.net</a>
</li>
<li>
<a href="https://arff.archandle.net">arff.archandle.net</a>
</li>
<li>
<a href="https://booping.synth.download">booping.synth.download</a>
</li>
<li>
<a href="https://cafe.autumn.town">cafe.autumn.town</a>
</li>
<li>
<a href="https://chitter.xyz">chitter.xyz</a>
</li>
<li>
<a href="https://chuckya.remlit.site">chuckya.remlit.site</a>
</li>
<li>
<a href="https://critter.cafe">critter.cafe</a>
</li>
<li>
<a href="https://den.lonewolf.rocks">den.lonewolf.rocks</a>
</li>
<li>
<a href="https://eepy.moe">eepy.moe</a>
</li>
<li>
<a href="https://fedi.bungle.online">fedi.bungle.online</a>
</li>
<li>
<a href="https://fedi.chadthundercock.com">chadthundercock.com</a>
</li>
<li>
<a href="https://floofy.tech">floofy.tech</a>
</li>
<li>
<a href="https://fuzzies.wtf">fuzzies.wtf</a>
</li>
<li>
<a href="https://gts.niko.lgbt">gts.niko.lgbt</a>
</li>
<li>
<a href="https://icy.wyvern.rip">icy.wyvern.rip</a>
</li>
<li>
<a href="https://is.notfire.cc">notfire.cc</a>
</li>
<li>
<a href="https://is.potatoe.ca">is.potatoe.ca</a>
</li>
<li>
<a href="https://is.trinkey.com">trinkey.com</a>
</li>
<li>
<a href="https://java.duke.social">duke.social</a>
</li>
<li>
<a href="https://labyrinth.zone">labyrinth.zone</a>
</li>
<li>
<a href="https://lethallava.land">lethallava.land</a>
</li>
<li>
<a href="https://limepeeps.perchinup.top">limepeeps.perchinup.top</a>
</li>
<li>
<a href="https://masto.doskel.net">doskel.net</a>
</li>
<li>
<a href="https://masto.melontini.me">masto.melontini.me</a>
</li>
<li>
<a href="https://mastodon.derg.nz">mastodon.derg.nz</a>
</li>
<li>
<a href="https://mastodon.social.fraudulent.link">mastodon.social.fraudulent.link</a>
</li>
<li>
<a href="https://mice.tel">mice.tel</a>
</li>
<li>
<a href="https://ns.wouldnt.download">wouldnt.download</a>
</li>
<li>
<a href="https://oomfie.city">oomfie.city</a>
</li>
<li>
<a href="https://pounced-on.me">pounced-on.me</a>
</li>
<li>
<a href="https://remlit.site">remlit.site</a>
</li>
<li>
<a href="https://shrimp.meow.company">meow.company</a>
</li>
<li>
<a href="https://shrimp.starlightnet.work">starlightnet.work</a>
</li>
<li>
<a href="https://shrimple.aagaming.me">shrimple.aagaming.me</a>
</li>
<li>
<a href="https://sk.doskel.net">sk.doskel.net</a>
</li>
<li>
<a href="https://social.besties.house">besties.house</a>
</li>
<li>
<a href="https://st.transbus.social">st.transbus.social</a>
</li>
<li>
<a href="https://vixen.zone">vixen.zone</a>
</li>
<li>
<a href="https://wetdry.world">wetdry.world</a>
</li>
<li>
<a href="https://wolfdo.gg">wolfdo.gg</a>
</li>
<li>
<a href="https://yeen.town">yeen.town</a>
</li>
</ul>
</section>
</div>
<!-- moderation-->
<div id="moderation" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#moderation">Moderation</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#moderation">Moderation</a></h2>
<p>For all of our Fediverse instances that we manage, we do moderation on our own.</p>
<p>We have little spoons to deal with anything and tend to take action swiftly. We moderate based on the usual:</p>
<ul>
<li>
<b>Suspending</b> instances that consists of having communities/a majority of users who are either entirely horrible users or heavily radiates "Bad Vibes", including those that includes users who own opinions that we don't all necessarily agree with or could cause harm to others
</li>
<li>
<b>Suspending</b> instances that purposefully modifies federation in malicious ways (e.g. ignoring deletes, converting non-public posts to public on their end)
</li>
<li>
<b>Suspending</b> instances that have "the obvious"; anything that goes against our own rules
</li>
<li>
<b>Silencing</b> or <b>marking instances as NSFW</b> that don't have rules set on marking content properly (e.g. politics or NSFW media)
</li>
<ul>
<li>
We may also <b>Suspend</b> those that simply federate with related instances as it's too much of a risk to continue federation with those suspected of unwanted/problematic behavior, especially if it's very obvious
</li>
</ul>
<li>
<b>Silencing</b> or <b>marking instances as NSFW</b> that consists of heavy amounts (and to "Only") of "Irony-poisoned" or "racism funny" posting.
</li>
</ul>
<p>Other instances that aren't inherently bad, but also constantly consists of any type of behavior that isn't worth full blown suspension will usually have other actions done to them as well (marked as NSFW, Silenced, etc.).</p>
<hr class="solid">
<p>If you'd like to question anything about our moderation or about a specific instance, feel free to ask us about it. If you find something that goes <i>against</i> our rules or should have action taken against, then report it (whether it's local or remote content).</p>
<hr class="solid">
<p>To view our blocklists and other moderation configurations here, along with reasons, please refer to below:</p>
<ul>
<li style="margin-bottom:1rem;">
<b><a style="font-size:1.5rem;" href="https://forged.synth.download/synth.download/moderation/src/branch/main/reasons.md">See all of our reasons and receipts for moderation</a></b>
</li>
<li>
<a href="https://forged.synth.download/synth.download/moderation/src/branch/main/reasons.md#media-silenced-marked-as-nsfw">Media silenced instances/Instances marked as NSFW</a>
</li>
<ul>
<li style="margin-bottom:1rem;">
<small>
<a href="https://forged.synth.download/synth.download/moderation/src/branch/main/media-silenced.txt">Direct list link</a>
</small>
</li>
</ul>
<li>
<a href="https://forged.synth.download/synth.download/moderation/src/branch/main/reasons.md#silenced">Silenced instances</a>
</li>
<ul>
<li style="margin-bottom:1rem;">
<small>
<a href="https://forged.synth.download/synth.download/moderation/src/branch/main/silenced.txt">Direct list link</a>
</small>
</li>
</ul>
<li>
<a href="https://forged.synth.download/synth.download/moderation/src/branch/main/reasons.md#blocked"><b>Blocked</b> instances</a>
</li>
<ul>
<li>
<small>
<a href="https://forged.synth.download/synth.download/moderation/src/branch/main/blocked.txt">Direct list link</a>
</small>
</li>
</ul>
</ul>
</section>
</div>

2
_includes/layouts/post.njk
View file

@ -20,7 +20,6 @@ permalink: "/notebook/{{ date }}-{{ title | slugify }}/"
<span class="icon tabler--x"></span>
</div>
</summary>
<section class="post-info">
<p aria-hidden="true">---</p>
<p><span>title:</span> {{ title or metadata.title }}</p>
@ -45,7 +44,6 @@ permalink: "/notebook/{{ date }}-{{ title | slugify }}/"
<span class="icon tabler--x"></span>
</div>
</summary>
<main data-pagefind-body>
<h1>{{ title or metadata.title }}</h1>
{{ content | safe }}

413
_includes/layouts/sharkey.njk
View file

@ -1,413 +0,0 @@
---
title: beepkey!
layout: "layouts/base.njk"
permalink: "/sharkey/"
---
<!-- sharkey introduction -->
<div id="sharkey" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--universe"></span>
</div>
<a href="#sharkey">Beepkey!</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h1 style="text-align:center;"><a href="https://joinsharkey.org" target="_blank" style="vertical-align:middle;"><img src="/assets/sharkey_sh.svg" alt="Sharkey's website" style="height:2rem;margin-right:.4rem;border-radius:.2rem" /></a>Beepkey!</h1>
<p style="text-align:center;">Beep! A small instance themed around <a href="https://synthspecies.com">synths</a>, but accepts all. <small>Not to be confused with our <a href="/iceshrimp">Iceshrimp</a> instance.</small></p>
<p style="text-align:center;"><a class="button" href="https://booping.synth.download"><span class="icon tabler--external-link"></span> Visit</a> <a class="button" href="https://booping.synth.download/@sneexy/pages/users-guide"><span class="icon tabler--bulb"></span> Tips & Tricks</a></p>
<p style="text-align:center;margin-bottom:-1rem;opacity:.8;"><small><b>Note:</b> Alternative clients are noted to be unstable with Sharkey.</small></p>
<p style="text-align:center;"><a class="button" href="https://masto.booping.synth.download"><span class="icon tabler--brand-mastodon"></span> Mastodon-FE</a> <a class="button" href="https://phanpy.booping.synth.download"><span class="icon tabler--external-link"></span> Phanpy</a> <a class="button" href="https://pl-fe.booping.synth.download"><span class="icon tabler--external-link"></span> pl-fe</a></p>
<hr class="solid">
<div class="img-buttons" style="margin-top:1rem;">
<a href="https://synth.download"><img src="/assets/buttons/synth.download.svg" alt="Synth.Download!"></a>
<a href="https://oomfie.city"><img src="/assets/buttons/sites/oomfie.city.png" alt="Oomfie City"></a>
<a href="https://labyrinth.zone"><img src="/assets/buttons/sites/labyrinth.zone.gif" alt="Labyrinth Zone"></a>
<a href="https://akko.wtf"><img src="/assets/buttons/sites/akko.wtf.png" alt="Luna Nova"></a>
<a href="https://java.duke.social"><img src="/assets/buttons/sites/duke.social.webp" alt="Duke Social"></a>
</div>
<details class="styled" style="margin-top:2rem;">
<summary><span class="icon tabler--list-tree"></span>Table-of-Contents <span class="icon tabler--arrow-autofit-height"></span></summary>
<section>
<ul>
<li>
<a href="#information">Instance information</a>
</li>
<li>
<a href="#features">Features</a>
</li>
<li>
<a href="#rules">Rules</a>
</li>
<li>
<a href="#bubble">Bubble timeline</a>
</li>
<li>
<a href="#moderation">Moderation</a>
</li>
</ul>
</section>
</details>
</section>
</div>
<!-- information -->
<div id="information" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#information">Instance information</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#information">Instance information</a></h2>
<p>This is our Sharkey instance, managed by <a href="https://booping.synth.download/@sneexy">@sneexy</a>. This is our general information page about our instance, most info here is shared with our <a href="/iceshrimp">Iceshrimp</a> instance.</p>
<hr class="solid">
<p>Sharkey is a "microblogging"-based social networking software that connects over <a href="https://activitypub.rocks">ActivityPub</a> to federate over the internet with other AP-based software and instances in the world such as <a href="https://joinmastodon.org">Mastodon</a>. Sharkey itself is a soft-fork of <a href="https://misskey-hub.net">Misskey</a>, so you recieve all of the features Misskey has, such as quote posts and emoji reactions, with extra features and fixes Sharkey puts on top.</p>
<p>We have a sibling <a href="/iceshrimp">Iceshrimp</a> instance running over at <a href="https://beeping.synth.download">beeping.synth.download</a> if a more "traditional", Mastodon-compatible based experience is more your speed.</p>
<hr class="solid">
<p>This instance is <i>invite only</i> to ensure that things don't get out of control here, in terms of both becoming a moderation hassle and requiring heavy maintenance, as well as ensuring this instance continues to run smoothly and for the foreseeable future.</p>
<p><b>If you would like to register, and are a well-known creature of, please go beep at <a href="https://booping.synth.download/@sneexy">@sneexy</a>!</b> You may also ask anyone else on this instance to vouch for you. <small>Invite codes/Acceptance is not always guaranteed, but feel free to ask. Please don't let this be discouragement for asking.</small></p>
<hr class="solid">
<p>We have a <a href="https://signal.group/#CjQKIGETy9DaJ_wF3iIun-uBSD4T1ZqrJbnXhkqZZdtUdX5LEhD7RbDqEm2gfLZsCINNwVc2">Signal group chat</a> for general, random discussion as well as having direct contact with instance admins, and to serve as a place for any direct or maintenance announcements.</p>
<p><small><b>For the record:</b> We are running <i>stock</i>, upstream Sharkey. We are <i>not</i> running/maintaining a fork! Any and all modifications and shenanigans we do on here are either served through our reverse proxy or done via Sharkey's <code>customHtml</code> configuration and <a href="https://forged.synth.download/synth.download/site/src/branch/main/assets/synth.download/sharkey" target="_blank">custom CSS</a>.</small></p>
</section>
</div>
<!-- instance features -->
<div id="features" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#features">Features</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#features">Features</a></h2>
<p>What users receive in terms of differences from, for example here, the average Mastodon instance:</p>
<ul>
<li>
Quote posting
</li>
<li>
Emoji reactions
</li>
<li>
All of the average Misskey features: cat ears/speaking as a cat, "Drive" management for files, etc.
</li>
<li>
100,000 character limit, with a 5,000 content warning character limit
</li>
<li>
20 gigabyte drive space per user <small>(can be increased if needed)</small>
</li>
</ul>
</section>
</div>
<!-- instance rules -->
<div id="rules" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#rules">Rules</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#rules">Rules</a></h2>
<p><i>Our rules are also displayed on our instance registration page.</i> These rules also apply to remote instances/federation. If any are found breaking these rules that aren't on our instance, report it.</p>
<ul>
<li>
No Nazi's, racism, homo/trans/queerphobia or bigotry of any kind. Hate speech is not allowed.
</li>
<li>
In addition to above, no pedophilia, zoophilia and all other related labels/content. We have no tolerance for that <i>at all</i>.
</li>
<li>
No illegal content such as child pornography or any (including fictional) equivalents (e.g. lolishota).
</li>
<li>
<b>Properly use content warnings when posting.</b> Apply a content warning to anything, such as NSFW content and politics. Reclaimed slurs may be left without a content warning.
</li>
<li>
Don't harass people if there is no valid reason, block/report and move on.
</li>
<li>
<b>We encourage adding alt text onto media.</b> Not required, but recommended.
</li>
<li>
<i>Basically:</i> <b>Just use common sense.</b> And don't give me any reason to add more rules onto here, please.
</li>
<li aria-hidden="true">
<small>beep merp rawr :3</small>
</li>
</ul>
</section>
</div>
<!-- bubble timeline -->
<div id="bubble" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#bubble">Bubble timeline</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#bubble">Bubble timeline</a></h2>
<p>Our instance is configured with a curated timeline of hand-picked instances that we deem to be a part of community of, or are great friends. Below is the entire list of of all instances configured in our Bubble timeline.</p>
<ul>
<li>
<a href="https://akko.wtf">akko.wtf</a>
</li>
<li>
<a href="https://app.wafrn.net">app.wafrn.net</a>
</li>
<li>
<a href="https://arff.archandle.net">arff.archandle.net</a>
</li>
<li>
<a href="https://booping.synth.download">booping.synth.download</a>
</li>
<li>
<a href="https://cafe.autumn.town">cafe.autumn.town</a>
</li>
<li>
<a href="https://chitter.xyz">chitter.xyz</a>
</li>
<li>
<a href="https://chuckya.remlit.site">chuckya.remlit.site</a>
</li>
<li>
<a href="https://critter.cafe">critter.cafe</a>
</li>
<li>
<a href="https://den.lonewolf.rocks">den.lonewolf.rocks</a>
</li>
<li>
<a href="https://eepy.moe">eepy.moe</a>
</li>
<li>
<a href="https://fedi.bungle.online">fedi.bungle.online</a>
</li>
<li>
<a href="https://fedi.chadthundercock.com">fedi.chadthundercock.com</a>
</li>
<li>
<a href="https://floofy.tech">floofy.tech</a>
</li>
<li>
<a href="https://fuzzies.wtf">fuzzies.wtf</a>
</li>
<li>
<a href="https://gts.niko.lgbt">gts.niko.lgbt</a>
</li>
<li>
<a href="https://icy.wyvern.rip">icy.wyvern.rip</a>
</li>
<li>
<a href="https://is.notfire.cc">is.notfire.cc</a>
</li>
<li>
<a href="https://is.potatoe.ca">is.potatoe.ca</a>
</li>
<li>
<a href="https://is.trinkey.com">is.trinkey.com</a>
</li>
<li>
<a href="https://java.duke.social">java.duke.social</a>
</li>
<li>
<a href="https://labyrinth.zone">labyrinth.zone</a>
</li>
<li>
<a href="https://lethallava.land">lethallava.land</a>
</li>
<li>
<a href="https://limepeeps.perchinup.top">limepeeps.perchinup.top</a>
</li>
<li>
<a href="https://masto.doskel.net">masto.doskel.net</a>
</li>
<li>
<a href="https://masto.melontini.me">masto.melontini.me</a>
</li>
<li>
<a href="https://mastodon.derg.nz">mastodon.derg.nz</a>
</li>
<li>
<a href="https://mastodon.social.fraudulent.link">mastodon.social.fraudulent.link</a>
</li>
<li>
<a href="https://mice.tel">mice.tel</a>
</li>
<li>
<a href="https://ns.wouldnt.download">ns.wouldnt.download</a>
</li>
<li>
<a href="https://oomfie.city">oomfie.city</a>
</li>
<li>
<a href="https://pounced-on.me">pounced-on.me</a>
</li>
<li>
<a href="https://remlit.site">remlit.site</a>
</li>
<li>
<a href="https://shrimp.meow.company">shrimp.meow.company</a>
</li>
<li>
<a href="https://shrimp.starlightnet.work">shrimp.starlightnet.work</a>
</li>
<li>
<a href="https://shrimple.aagaming.me">shrimple.aagaming.me</a>
</li>
<li>
<a href="https://sk.doskel.net">sk.doskel.net</a>
</li>
<li>
<a href="https://social.besties.house">social.besties.house</a>
</li>
<li>
<a href="https://st.transbus.social">st.transbus.social</a>
</li>
<li>
<a href="https://vixen.zone">vixen.zone</a>
</li>
<li>
<a href="https://wetdry.world">wetdry.world</a>
</li>
<li>
<a href="https://wolfdo.gg">wolfdo.gg</a>
</li>
<li>
<a href="https://yeen.town">yeen.town</a>
</li>
</ul>
</section>
</div>
<!-- moderation-->
<div id="moderation" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#moderation">Moderation</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#moderation">Moderation</a></h2>
<p>For all of our Fediverse instances that we manage, we do moderation on our own.</p>
<p>We have little spoons to deal with anything and tend to take action swiftly. We moderate based on the usual:</p>
<ul>
<li>
<b>Suspending</b> instances that consists of having communities/a majority of users who are either entirely horrible users or heavily radiates "Bad Vibes", including those that includes users who own opinions that we don't all necessarily agree with or could cause harm to others
</li>
<li>
<b>Suspending</b> instances that purposefully modifies federation in malicious ways (e.g. ignoring deletes, converting non-public posts to public on their end)
</li>
<li>
<b>Suspending</b> instances that have "the obvious"; anything that goes against our own rules
</li>
<li>
<b>Silencing</b> or <b>marking instances as NSFW</b> that don't have rules set on marking content properly (e.g. politics or NSFW media)
</li>
<ul>
<li>
We may also <b>Suspend</b> those that simply federate with related instances as it's too much of a risk to continue federation with those suspected of unwanted/problematic behavior, especially if it's very obvious
</li>
</ul>
<li>
<b>Silencing</b> or <b>marking instances as NSFW</b> that consists of heavy amounts (and to "Only") of "Irony-poisoned" or "racism funny" posting.
</li>
</ul>
<p>Other instances that aren't inherently bad, but also constantly consists of any type of behavior that isn't worth full blown suspension will usually have other actions done to them as well (marked as NSFW, Silenced, etc.).</p>
<hr class="solid">
<p>If you'd like to question anything about our moderation or about a specific instance, feel free to ask us about it. If you find something that goes <i>against</i> our rules or should have action taken against, then report it (whether it's local or remote content).</p>
<hr class="solid">
<p>To view our blocklists and other moderation configurations here, along with reasons, please refer to below:</p>
<ul>
<li style="margin-bottom:1rem;">
<b><a style="font-size:1.5rem;" href="https://forged.synth.download/synth.download/moderation/src/branch/main/reasons.md">See all of our reasons and receipts for moderation</a></b>
</li>
<li>
<a href="https://forged.synth.download/synth.download/moderation/src/branch/main/reasons.md#media-silenced-marked-as-nsfw">Media silenced instances/Instances marked as NSFW</a>
</li>
<ul>
<li style="margin-bottom:1rem;">
<small>
<a href="https://forged.synth.download/synth.download/moderation/src/branch/main/media-silenced.txt">Direct list link</a>
</small>
</li>
</ul>
<li>
<a href="https://forged.synth.download/synth.download/moderation/src/branch/main/reasons.md#silenced">Silenced instances</a>
</li>
<ul>
<li style="margin-bottom:1rem;">
<small>
<a href="https://forged.synth.download/synth.download/moderation/src/branch/main/silenced.txt">Direct list link</a>
</small>
</li>
</ul>
<li>
<a href="https://forged.synth.download/synth.download/moderation/src/branch/main/reasons.md#blocked"><b>Blocked</b> instances</a>
</li>
<ul>
<li>
<small>
<a href="https://forged.synth.download/synth.download/moderation/src/branch/main/blocked.txt">Direct list link</a>
</small>
</li>
</ul>
</ul>
</section>
</div>

30
_includes/layouts/sneexy/about.njk Normal file
View file

@ -0,0 +1,30 @@
<!-- about me -->
<div id="about-me" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#about-me">About me</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#about-me">about me</a></h2>
<p>I'm just another <span class="rainbow">gay</span> Synth on the internet, <small>a zoomer, established 2006</small>. I'm autistic and have ADHD, and those two blended together are both a blessing and a curse. I like big round things, as in, bellies and such related content, but I'll try my best to minimize that here and/or content warn such things whenever I do bring them up. Don't worry, the rest of this page is safe for work</p>
<p>I sometimes have really bad mental health moments and intense mood swings, so please excuse me in those regards. Thanks. <span class="icon tabler--heart" style="background-color: var(--accent) !important;"></span></p>
<p>I consider myself to be a <span style="text-transform: capitalize;">professional computer toucher<span aria-hidden="true">™</span></span>, and try my best to poke at computers or anything related to weird tech that interest me. I would say I've messed enough in a good share of both software and hardware related things. <small>Probably not now that I think about it, but I'm willing to learn more... whenever I can.</small></p>
<p>I'm a nerd with <a href="https://en.wikipedia.org/wiki/Free_and_open-source_software">Free and Open Source</a> stuff and also caring about my privacy whenever possible <small>considering that it doesn't really seem to exist at all in the modern world, anyways</small>. I also like messing around with Linux, trying a bit of <a style="text-transform: none;" href="https://archlinux.org">Arch</a> and a little bit of <a style="text-transform: none;" href="https://nixos.org">NixOS</a>, but found comfort with <a style="text-transform: none;" href="https://fedoraproject.org">Fedora</a>. <small>If you're interested, I'm currently running my own customized varient of <a style="text-transform: none;" href="https://fedoraproject.org/atomic-desktops/kinoite">Fedora Kinoite</a> made with <a style="text-transform: none;" href="https://blue-build.org">BlueBuild</a> that <a href="https://github.com/sneexy-boi/bluebuild-custom">you can find here</a>.</small> I'm not going to shove these down anyone's throat, and if you're someone who does that, kindly get away from me.</p>
<p>Despite what is mentioned above, I'm not really a programmer, <span style="text-transform: none;">IT support</span> guy, some professional info-sec person or anything like that. My knowledge is honestly quite limited. At most, I personally mainly know just enough Bash to make jank scripts, HTML and CSS, and a good amount of Linux and Docker/Podman to let me survive. As much as I'd like to learn to expand, I've tried Python before with full intention and motivation of properly learning it to make things and it just didn't stick at all for me, and considering that was with <i>Python</i>, I'm goign to assume my limits in terms of handling things are pretty low.</p>
<p>I also run synth.download! The thing you're looking at! Made with love and containers. <span class="icon tabler--heart" style="background-color: var(--red) !important;"></span></p>
<p>I <i>absolutely</i> despise capitalism with every single fiber in my living synthentic body.</span>
<p>In case it wasn't obvious or clear somehow at this point, I'm a furry. Well, if I consider myself to even fit within that space or if I do want to participate within the "furry" community, but I think I fit into that label enough to be considered one. <small>Being a human fucking <span style="text-transform: none;">SUCKS</span>, although I don't think I fully consider myself "therian" exactly.</small></p>
<p><span style="text-transform: none;">Certified<span aria-hidden="true">™</span> idiot</span> <small>(although I think this one is obvious)</small></p>
<p>I'm usually pretty much both mentally and physically tired all of the time, while also usually being full of ideas that I try to execute and tire myself even more, making things even worse in the end.</p>
<p>With this, I do sometimes make things, but honestly don't expect much from me. <small>I'll make some type of gallery page soon for the things I <i>do</i> make and the things others do for me, I promise.</small></p>
</section>
</div>

123
_includes/layouts/sneexy/buttons.njk Normal file
View file

@ -0,0 +1,123 @@
<!-- buttons -->
<div id="buttons" class="window home">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--link"></span>
</div>
<a href="#buttons">Buttons</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<span style="color: var(--red);">If any are broken and/or missing, poke me.</span>
<p style="text-align: center;">Friends!</p>
<div class="img-buttons">
<a href="https://23sonics.zone"><img src="/assets/buttons/friends/23sonics.gif" alt="23Sonics"></a>
<a href="https://authenyo.xyz"><img src="/assets/buttons/friends/authen.gif" alt="authenyo"></a>
<a href="https://autumn.town"><img src="/assets/buttons/friends/autumn.webp" alt="Autumn Town Café"></a>
<a href="https://av70.neocities.org"><img src="/assets/buttons/friends/av70.gif" alt="av70"></a>
<a href="https://benjae.nekoweb.org"><img src="/assets/buttons/friends/benjae.png" alt="benjae"></a>
<a href="https://birdcat.online"><img src="/assets/buttons/friends/birdcat.gif" alt="birdcat dot online"></a>
<a href="https://blueb.pages.gay"><img src="/assets/buttons/friends/harper.png" alt="harper"></a>
<a href="https://david.garden"><img src="/assets/buttons/friends/david.png" alt="david wolfpaw"></a>
<a href="https://doskel.net"><img width="88" height="31" src="/assets/buttons/friends/doskel.png" alt="doskel"></a>
<a href="https://dragon-vi.be"><img src="/assets/buttons/friends/sirlan.png" alt="sirlain"></a>
<a href="https://drakonic.zone"><img src="/assets/buttons/friends/drakonic.gif" alt="DRAKONIC"></a>
<a href="https://egg.l5.ca"><img src="/assets/buttons/friends/enderman0125.gif" alt="enderman0125"></a>
<a href="https://exlitry.world"><img src="/assets/buttons/friends/exlitry.world.gif" alt="exlitry.world"></a>
<a href="https://floof.gay"><img src="/assets/buttons/friends/oli.svg" alt="oli"></a>
<a href="https://freeplay.floof.company"><img src="/assets/buttons/friends/freeplay.gif" alt="Freeplay"></a>
<a href="https://girlthi.ng/~thermia"><img src="/assets/buttons/friends/thermia.gif" alt="~thermia"></a>
<a href="https://hexaitos.com"><img src="/assets/buttons/friends/hexaitos.png" alt="Hexaitos"></a>
<a href="https://home.dracol.ing"><img src="/assets/buttons/friends/dracoling.gif" alt="dracoling"></a>
<a href="https://invoxiplaygames.uk"><img src="/assets/buttons/friends/ipg.png" alt="InvoxiPlayGames"></a>
<a href="https://jack.cab"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAfBAMAAACR5hfTAAAAGFBMVEUAAAB3dnuamZbJuKfAv7zYxbPe1Mre3dqiErpIAAAA2UlEQVQ4y7WTUQqDQAxEFz88Qr/DUNrfglcQe4BeYCvtHKAU9vpNdlVQa9mFmo8YlucwGYhz/6yabLJhKnwpgZsiOFeaPW7Z0uyPzwIYODEbbtud4Pv7eshXfp0LbISwk2cGMB9GyIZrU/aLN/9tTIWVwJ4wzZruYqPxFURBbYjTDNZjo12ctzEKAvqDNlhbwCqokjVrPwg7SKW69sHas8JxjMKVjI6xtD3YYDr+CU425jAnGwn2EyzuBxw964KdbHqmhTBL4yGbaUSbtMXGnDsZchasc/5/fQBe10j9sWqcbgAAAABJRU5ErkJggg==" alt="Jack"></a> <!-- thanks jack -->
<a href="https://keithhacks.cyou"><img src="/assets/buttons/friends/keith.gif" alt="~keith"></a>
<a href="https://kraafter.me"><img src="/assets/buttons/friends/kraafter.png" alt="kraafter"></a>
<a href="https://kyropy.neocities.org"><img src="/assets/buttons/friends/kyropy.svg" alt="Kyropy"></a>
<a href="https://larsfrommars.neocities.org"><img src="/assets/buttons/friends/lars.png" alt="Lars from Mars"></a>
<a href="https://lightwo.net"><img src="/assets/buttons/friends/lightwo.gif" alt="lightwo"></a>
<a href="https://lilysthings.org"><img src="/assets/buttons/friends/lilysthings.png" alt="Lily"></a>
<a href="https://madz258.top"><img src="/assets/buttons/friends/madz.gif" alt="Madz258"></a>
<a href="https://melontini.me"><img src="/assets/buttons/friends/melontini.png" alt="melontini"></a>
<a href="https://meowctl.codeberg.page"><img src="/assets/buttons/friends/lumi.png" alt="lumi"></a>
<a href="https://micenest.xyz"><img src="/assets/buttons/friends/micenest.png" alt="Mice Nest"></a>
<a href="https://micro.pages.gay"><img src="/assets/buttons/friends/micro.png" alt="micro"></a>
<a href="https://neil.cyrneko.eu"><img src="/assets/buttons/friends/neil.png" alt="Nelson & Neil"></a>
<a href="https://notfire.cc"><img src="/assets/buttons/friends/notfire.gif" alt="notfire"></a>
<a href="https://odoben.space"><img src="/assets/buttons/friends/odoben.png" alt="Odoben"></a>
<a href="https://ofplayers.net"><img src="/assets/buttons/friends/millions.png" alt="Millions"></a>
<a href="https://ottr.uk"><img src="/assets/buttons/friends/outofshape.gif" alt="The Otterspace!"></a>
<a href="https://pancakes.gay"><img src="/assets/buttons/friends/pancakes.png" alt="pancakes"></a>
<a href="https://pquirrel.neocities.org"><img src="/assets/buttons/friends/pquirrel.png" alt="pquirrel"></a>
<a href="https://rarf.zone"><img src="/assets/buttons/friends/rarf-zone.png" alt="rarf dot zone"></a>
<a href="https://rexogamer.github.io"><img src="/assets/buttons/friends/rexo.png" alt="Rexo"></a>
<a href="https://shiver-j.neocities.org"><img src="/assets/buttons/friends/shiverj.png" alt="Shiver J."></a>
<a href="https://sleepy.ink"><img src="/assets/buttons/friends/sleepy.png" alt="Gavi/sleepy.ink"></a>
<a href="https://smolderg.xyz"><img src="/assets/buttons/friends/theysosmall.png" alt="smolderg/Therra"></a>
<a href="https://softkittypa.ws"><img src="/assets/buttons/friends/lexi.png" alt="Lexi"></a>
<a href="https://sophari.org"><img src="/assets/buttons/friends/sophari.gif" alt="sophie"></a>
<a href="https://squeakable.dev"><img src="/assets/buttons/friends/squeakable.png" alt="Squeakable"></a>
<a href="https://sterophonick.github.io"><img src="/assets/buttons/friends/sterophonick.gif" alt="Atapi"></a>
<a href="https://sweetcoffy.pages.gay"><img src="/assets/buttons/friends/sweetcoffy.png" alt="SweetCoffy"></a>
<a href="https://swiftyshq.neocities.org"><img src="/assets/buttons/friends/swiftyshq.png" alt="swifty's hq!"></a>
<a href="https://thecrafters001.com"><img src="/assets/buttons/friends/tc001.png" alt="TheCrafters001""></a>
<a href="https://tobskep.com"><img src="/assets/buttons/friends/tobskep.gif" alt="tobskep"></a>
<a href="https://unnick.mice.tel"><img src="/assets/buttons/friends/unnick.png" alt="unnick"></a>
<a href="https://velveteen.one"><img src="/assets/buttons/friends/velveteen.png" alt="Velveteen"></a>
<a href="https://velzie.rip"><img src="/assets/buttons/friends/velzie.png" alt="velzie"></a>
<a href="https://volpeon.ink"><img src="/assets/buttons/friends/volpeon.svg" alt="Volpeon"></a>
<a href="https://vore.media"><img src="/assets/buttons/friends/tika.png" alt="Tika"></a>
<a href="https://w.on-t.work"><img src="/assets/buttons/friends/wontwork.png" alt="Won't Work!/kopper"></a>
<a href="https://winter.entities.org.uk"><img src="/assets/buttons/friends/winter.png" alt="winter"></a>
<a href="https://xaselgio.net"><img src="/assets/buttons/friends/xaselgio.gif" alt="Xaselgio/Indigo's den"></a>
<a href="https://yummy.cricket"><img src="/assets/buttons/friends/niss.png" alt="niss"></a>
<a href="https://zvava.org"><img src="/assets/buttons/friends/zvava.png" alt="zvava"></a>
</div>
<p style="text-align: center;"><small>Misc.</small></p>
<div class="img-buttons">
<!-- software/browsers -->
<a href="https://www.mozilla.org/en-US/firefox/new"><img src="/assets/buttons/software/firefox.png" alt="Get Firefox"></a>
<a href="https://ublockorigin.com"><img src="/assets/buttons/software/ublockoriginnow.png" alt="uBlock Origin Now!"></a>
<a href="https://github.com/yokoffing/BetterFox"><img src="/assets/buttons/software/betterfoxnow.png" alt="Betterfox Now!"></a>
<!-- download sites -->
<a href="https://hshop.erista.me"><img src="/assets/buttons/downloads/3ds.png" alt="Nintendo 3DS"></a>
<a href="https://modarchive.org"><img src="/assets/buttons/downloads/modarchive.gif" alt="The Mod Archive"></a>
<a href="https://myrient.erista.me"><img src="/assets/buttons/downloads/wii.png" alt="Nintendo Wii"></a>
<a href="https://www.slsknet.org"><img src="/assets/buttons/downloads/archive.gif" alt="Internet Archive"></a>
<a href="https://www.slsknet.org"><img src="/assets/buttons/downloads/soulseek.gif" alt="Soulseek"></a>
<!-- cool sites -->
<a href="https://besties.house"><img src="/assets/buttons/sites/besties.gif" alt="besties"></a>
<a href="https://homestarrunner.com/main"><img src="/assets/buttons/sites/homestar.gif" alt="Homestar Runner"></a>
<a href="https://jointhefediverse.net"><img src="/assets/buttons/sites/fediverse.png" alt="Join the Fediverse"></a>
<a href="https://oomfie.city"><img src="/assets/buttons/sites/oomfie.city.png" alt="Oomfie City"></a>
<a href="https://redscientist.com/rtc"><img src="/assets/buttons/sites/rtcv.png" alt="Real-Time Corruptor Vanguard"></a>
<a href="https://www.web3isgoinggreat.com"><img src="/assets/buttons/sites/nft.gif" alt="NFT: No Fucking Thanks! (Web3 Is Just Going Great)"></a>
<a href="https://yellowtealpurple.net/forums"><img src="/assets/buttons/sites/yellowtealpurple.gif" alt="YellowTealPurple"></a>
<!-- rest goes below here -->
<a href="https://drive.massgrave.dev/en_windows_xp_professional_with_service_pack_3_x86_cd_vl_x14-73974.iso"><img src="/assets/buttons/random/xp.gif" alt="Windows XP"></a>
<a href="https://www.youtube.com/@ScottTheWoz"><img src="/assets/buttons/random/scotthere.gif" alt="Hey all, Scott here!"></a>
<a href="https://youtu.be/WfYyBp4Ln2s"><img src="/assets/buttons/random/doinyourmom.gif" alt="Doin Your Mom!"></a>
<img src="/assets/buttons/random/builteatingcheezit.gif" alt="Built Eating Cheez-IT">
<img src="/assets/buttons/random/bunnybrowser.gif" alt="Bunny Browser">
<img src="/assets/buttons/random/c4y.gif" alt="Crazy For Yoshis">
<img src="/assets/buttons/random/gay.gif" alt="Gay">
<img src="/assets/buttons/random/mlm.png" alt="Man-loving-man">
<img src="/assets/buttons/random/oktopirate.gif" alt="It's morally okay to pirate from triple-A">
<img src="/assets/buttons/random/ravenow.gif" alt="Rave Now!">
<img src="/assets/buttons/random/tucows.gif" alt="Tucows">
<img src="/assets/buttons/random/yoshilore.gif" alt="Yoshi Lore">
</div>
<p style="text-align: center;"><small><span style="color: var(--green);">Me!</span> (Click to copy HTML)</small></p>
<div class="img-buttons">
<button style="cursor: pointer; background: unset; border-width: 0px; padding: 0px; display: inline-flex;" onclick="copyButtonSneexy()">
<img src="/assets/buttons/sneexy.svg" alt="Sneexy">
</button>
</div>
</section>
</div>

27
_includes/layouts/sneexy/funfacts.njk Normal file
View file

@ -0,0 +1,27 @@
<!-- "fun" facts -->
<div id="fun-facts" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--mood-empty"></span>
</div>
<a href="#fun-facts">"Fun" facts</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<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 Wi-Fi was by using my netbook in the kitchen, stationed above the stove and connecting to a nearby stores local Wi-Fi connection. <small>apparently, Lowes Wi-Fi goes out VERY far.</small></li>
<li>Joined the <a href="https://fediverse.info">Fediverse</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 quite a nice local community <span style="text-decoration: line-through;">ignoring that I left the account to rot and die</span>, before moving to <a href="https://miruku.cafe">miruku.cafe</a> for a short bit, which introduced me to the <a href="https://misskey-hub.net">Misskey</a> software where I ended up starting to actually enjoy using the Fediverse, then moving to <a href="https://lea.pet">lea.pet</a> after some drama went down, 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 at <a href="https://beeping.synth.download">beeping.synth.download</a>, But I realized that <a href="https://iceshrimp.net">Iceshrimp.NET</a> is a bit <i>too</i> much in beta stage software for me.</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 try and prevent it from making it entirely inaccessible.</small> It just feels more natural for me.</li>
<li>I am <b><i>terrible</i></b> at spelling.</li>
</ul>
</section>
</div>

45
_includes/layouts/sneexy/intro.njk Normal file
View file

@ -0,0 +1,45 @@
<!-- simple introduction -->
<div id="sneexy" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--user"></span>
</div>
<a href="#sneexy">Sneexy info</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<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://yeen.town/@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(--green);"><span class="icon tabler--thumb-up" alt="Preferred!"></span> he/him</li>
<li style="color: var(--green);"><span class="icon tabler--thumb-up" alt="Preferred!"></span> it/its</li>
<li><span class="icon tabler--thumb-up" alt="Acceptable,"></span> they/them</li>
<li style="color: var(--red);"><small><span class="icon 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(--green);"><span class="icon tabler--thumb-up" alt="Preferred!"></span> ruben</li>
<li><span class="icon tabler--thumb-up" alt="Acceptable,"></span> sneexy, sneex*</li>
<li style="color: var(--yellow);"><small><span class="icon 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(--red);"><small><span class="icon tabler--thumb-down" alt="Unacceptable," style="transform: scale(.9) translateY(.2rem);"></span> variations/anything else</small></li>
</ul>
</div>
</div>
</section>
</div>

272
_includes/layouts/sneexy/page.njk
View file

@ -1,272 +0,0 @@
---
title: sneexy
layout: "layouts/sneexy/base.njk"
permalink: "/~sneexy/"
---
<!-- simple introduction -->
<div id="sneexy" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--user"></span>
</div>
<a href="#sneexy">Sneexy info</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<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://yeen.town/@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(--green);"><span class="icon tabler--thumb-up" alt="Preferred!"></span> he/him</li>
<li style="color: var(--green);"><span class="icon tabler--thumb-up" alt="Preferred!"></span> it/its</li>
<li><span class="icon tabler--thumb-up" alt="Acceptable,"></span> they/them</li>
<li style="color: var(--red);"><small><span class="icon 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(--green);"><span class="icon tabler--thumb-up" alt="Preferred!"></span> ruben</li>
<li><span class="icon tabler--thumb-up" alt="Acceptable,"></span> sneexy, sneex*</li>
<li style="color: var(--yellow);"><small><span class="icon 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(--red);"><small><span class="icon tabler--thumb-down" alt="Unacceptable," style="transform: scale(.9) translateY(.2rem);"></span> variations/anything else</small></li>
</ul>
</div>
</div>
</section>
</div>
<!-- about me -->
<div id="about-me" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#about-me">About me</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2><a href="#about-me">about me</a></h2>
<p>I'm just another <span class="rainbow">gay</span> Synth on the internet, <small>a zoomer, established 2006</small>. I'm autistic and have ADHD, and those two blended together are both a blessing and a curse. I like big round things, as in, bellies and such related content, but I'll try my best to minimize that here and/or content warn such things whenever I do bring them up. Don't worry, the rest of this page is safe for work</p>
<p>I sometimes have really bad mental health moments and intense mood swings, so please excuse me in those regards. Thanks. <span class="icon tabler--heart" style="background-color: var(--accent) !important;"></span></p>
<p>I consider myself to be a <span style="text-transform: capitalize;">professional computer toucher<span aria-hidden="true">™</span></span>, and try my best to poke at computers or anything related to weird tech that interest me. I would say I've messed enough in a good share of both software and hardware related things. <small>Probably not now that I think about it, but I'm willing to learn more... whenever I can.</small></p>
<p>I'm a nerd with <a href="https://en.wikipedia.org/wiki/Free_and_open-source_software">Free and Open Source</a> stuff and also caring about my privacy whenever possible <small>considering that it doesn't really seem to exist at all in the modern world, anyways</small>. I also like messing around with Linux, trying a bit of <a style="text-transform: none;" href="https://archlinux.org">Arch</a> and a little bit of <a style="text-transform: none;" href="https://nixos.org">NixOS</a>, but found comfort with <a style="text-transform: none;" href="https://fedoraproject.org">Fedora</a>. <small>If you're interested, I'm currently running my own customized varient of <a style="text-transform: none;" href="https://fedoraproject.org/atomic-desktops/kinoite">Fedora Kinoite</a> made with <a style="text-transform: none;" href="https://blue-build.org">BlueBuild</a> that <a href="https://github.com/sneexy-boi/bluebuild-custom">you can find here</a>.</small> I'm not going to shove these down anyone's throat, and if you're someone who does that, kindly get away from me.</p>
<p>Despite what is mentioned above, I'm not really a programmer, <span style="text-transform: none;">IT support</span> guy, some professional info-sec person or anything like that. My knowledge is honestly quite limited. At most, I personally mainly know just enough Bash to make jank scripts, HTML and CSS, and a good amount of Linux and Docker/Podman to let me survive. As much as I'd like to learn to expand, I've tried Python before with full intention and motivation of properly learning it to make things and it just didn't stick at all for me, and considering that was with <i>Python</i>, I'm goign to assume my limits in terms of handling things are pretty low.</p>
<p>I also run synth.download! The thing you're looking at! Made with love and containers. <span class="icon tabler--heart" style="background-color: var(--red) !important;"></span></p>
<p>I <i>absolutely</i> despise capitalism with every single fiber in my living synthentic body.</span>
<p>In case it wasn't obvious or clear somehow at this point, I'm a furry. Well, if I consider myself to even fit within that space or if I do want to participate within the "furry" community, but I think I fit into that label enough to be considered one. <small>Being a human fucking <span style="text-transform: none;">SUCKS</span>, although I don't think I fully consider myself "therian" exactly.</small></p>
<p><span style="text-transform: none;">Certified<span aria-hidden="true">™</span> idiot</span> <small>(although I think this one is obvious)</small></p>
<p>I'm usually pretty much both mentally and physically tired all of the time, while also usually being full of ideas that I try to execute and tire myself even more, making things even worse in the end.</p>
<p>With this, I do sometimes make things, but honestly don't expect much from me. <small>I'll make some type of gallery page soon for the things I <i>do</i> make and the things others do for me, I promise.</small></p>
</section>
</div>
<!-- socials -->
<div id="links" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--link"></span>
</div>
<a href="#links">links</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<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>The fastest way to get this is by checking my <i>followers only</i> pinned post if you follow me/we're mutuals on the Fediverse.</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(--orange) 25%, transparent); color: var(--orange);" aria-label="Fediverse/Mastodon"><span class="icon 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(--teal) 25%, transparent); color: var(--teal);" aria-label="Fediverse/Mastodon" aria-hidden="true"><span class="icon tabler--brand-mastodon" style="pointer-events: none;"></span></a>
<a href="mailto:&#x73;&#x6e;&#x65;&#x65;&#x78;&#x79;&#x40;&#x73;&#x79;&#x6e;&#x74;&#x68;&#x2e;&#x64;&#x6f;&#x77;&#x6e;&#x6c;&#x6f;&#x61;&#x64;" style="background-color: color-mix(in srgb, var(--red) 25%, transparent); color: var(--red);" aria-label="Email"><span class="icon tabler--mail" style="pointer-events: none;"></span></a>
<a href="https://listenbrainz.org/user/Sneexy" style="background-color: color-mix(in srgb, var(--sapphire) 25%, transparent); color: var(--sapphire);" aria-label="ListenBraniz"><span class="icon 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(--red) 25%, transparent); color: var(--red);" aria-label="Last.fm"><span class="icon tabler--brand-lastfm" style="pointer-events: none;"></span></a>
<a href="https://git.gay/sneexy" style="background-color: color-mix(in srgb, var(--maroon) 25%, transparent); color: var(--maroon);" aria-label="Git"><span class="icon tabler--brand-git" style="pointer-events: none;"></span></a>
<a href="https://github.com/sneexy-boi" style="background-color: color-mix(in srgb, var(--lavender) 25%, transparent); color: var(--lavender);" aria-label="GitHub"><span class="icon tabler--brand-github" style="pointer-events: none;"></span></a>
<a href="https://archive.org/details/@sneexy" style="background-color: color-mix(in srgb, var(--foreground) 25%, transparent); color: var(--foreground);" aria-label="Internet Archive"><span class="icon tabler--building-bank" style="pointer-events: none;"></span></a>
</div>
<p><span class="icon tabler--corner-down-right"></span> You may observe my Fediverse activity below:</p>
<iframe aria-hidden="true" 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>
</div>
<!-- buttons -->
<div id="buttons" class="window home">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--link"></span>
</div>
<a href="#buttons">Buttons</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<span style="color: var(--red);">If any are broken and/or missing, poke me.</span>
<p style="text-align: center;">Friends!</p>
<div class="img-buttons">
<a href="https://23sonics.zone"><img src="/assets/buttons/friends/23sonics.gif" alt="23Sonics"></a>
<a href="https://authenyo.xyz"><img src="/assets/buttons/friends/authen.gif" alt="authenyo"></a>
<a href="https://autumn.town"><img src="/assets/buttons/friends/autumn.webp" alt="Autumn Town Café"></a>
<a href="https://av70.neocities.org"><img src="/assets/buttons/friends/av70.gif" alt="av70"></a>
<a href="https://benjae.nekoweb.org"><img src="/assets/buttons/friends/benjae.png" alt="benjae"></a>
<a href="https://birdcat.online"><img src="/assets/buttons/friends/birdcat.gif" alt="birdcat dot online"></a>
<a href="https://blueb.pages.gay"><img src="/assets/buttons/friends/harper.png" alt="harper"></a>
<a href="https://david.garden"><img src="/assets/buttons/friends/david.png" alt="david wolfpaw"></a>
<a href="https://doskel.net"><img width="88" height="31" src="/assets/buttons/friends/doskel.png" alt="doskel"></a>
<a href="https://dragon-vi.be"><img src="/assets/buttons/friends/sirlan.png" alt="sirlain"></a>
<a href="https://drakonic.zone"><img src="/assets/buttons/friends/drakonic.gif" alt="DRAKONIC"></a>
<a href="https://egg.l5.ca"><img src="/assets/buttons/friends/enderman0125.gif" alt="enderman0125"></a>
<a href="https://exlitry.world"><img src="/assets/buttons/friends/exlitry.world.gif" alt="exlitry.world"></a>
<a href="https://floof.gay"><img src="/assets/buttons/friends/oli.svg" alt="oli"></a>
<a href="https://freeplay.floof.company"><img src="/assets/buttons/friends/freeplay.gif" alt="Freeplay"></a>
<a href="https://girlthi.ng/~thermia"><img src="/assets/buttons/friends/thermia.gif" alt="~thermia"></a>
<a href="https://hexaitos.com"><img src="/assets/buttons/friends/hexaitos.png" alt="Hexaitos"></a>
<a href="https://home.dracol.ing"><img src="/assets/buttons/friends/dracoling.gif" alt="dracoling"></a>
<a href="https://invoxiplaygames.uk"><img src="/assets/buttons/friends/ipg.png" alt="InvoxiPlayGames"></a>
<a href="https://jack.cab"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAfBAMAAACR5hfTAAAAGFBMVEUAAAB3dnuamZbJuKfAv7zYxbPe1Mre3dqiErpIAAAA2UlEQVQ4y7WTUQqDQAxEFz88Qr/DUNrfglcQe4BeYCvtHKAU9vpNdlVQa9mFmo8YlucwGYhz/6yabLJhKnwpgZsiOFeaPW7Z0uyPzwIYODEbbtud4Pv7eshXfp0LbISwk2cGMB9GyIZrU/aLN/9tTIWVwJ4wzZruYqPxFURBbYjTDNZjo12ctzEKAvqDNlhbwCqokjVrPwg7SKW69sHas8JxjMKVjI6xtD3YYDr+CU425jAnGwn2EyzuBxw964KdbHqmhTBL4yGbaUSbtMXGnDsZchasc/5/fQBe10j9sWqcbgAAAABJRU5ErkJggg==" alt="Jack"></a> <!-- thanks jack -->
<a href="https://keithhacks.cyou"><img src="/assets/buttons/friends/keith.gif" alt="~keith"></a>
<a href="https://kraafter.me"><img src="/assets/buttons/friends/kraafter.png" alt="kraafter"></a>
<a href="https://kyropy.neocities.org"><img src="/assets/buttons/friends/kyropy.svg" alt="Kyropy"></a>
<a href="https://larsfrommars.neocities.org"><img src="/assets/buttons/friends/lars.png" alt="Lars from Mars"></a>
<a href="https://lightwo.net"><img src="/assets/buttons/friends/lightwo.gif" alt="lightwo"></a>
<a href="https://lilysthings.org"><img src="/assets/buttons/friends/lilysthings.png" alt="Lily"></a>
<a href="https://madz258.top"><img src="/assets/buttons/friends/madz.gif" alt="Madz258"></a>
<a href="https://melontini.me"><img src="/assets/buttons/friends/melontini.png" alt="melontini"></a>
<a href="https://meowctl.codeberg.page"><img src="/assets/buttons/friends/lumi.png" alt="lumi"></a>
<a href="https://micenest.xyz"><img src="/assets/buttons/friends/micenest.png" alt="Mice Nest"></a>
<a href="https://micro.pages.gay"><img src="/assets/buttons/friends/micro.png" alt="micro"></a>
<a href="https://neil.cyrneko.eu"><img src="/assets/buttons/friends/neil.png" alt="Nelson & Neil"></a>
<a href="https://notfire.cc"><img src="/assets/buttons/friends/notfire.gif" alt="notfire"></a>
<a href="https://odoben.space"><img src="/assets/buttons/friends/odoben.png" alt="Odoben"></a>
<a href="https://ofplayers.net"><img src="/assets/buttons/friends/millions.png" alt="Millions"></a>
<a href="https://ottr.uk"><img src="/assets/buttons/friends/outofshape.gif" alt="The Otterspace!"></a>
<a href="https://pancakes.gay"><img src="/assets/buttons/friends/pancakes.png" alt="pancakes"></a>
<a href="https://pquirrel.neocities.org"><img src="/assets/buttons/friends/pquirrel.png" alt="pquirrel"></a>
<a href="https://rarf.zone"><img src="/assets/buttons/friends/rarf-zone.png" alt="rarf dot zone"></a>
<a href="https://rexogamer.github.io"><img src="/assets/buttons/friends/rexo.png" alt="Rexo"></a>
<a href="https://shiver-j.neocities.org"><img src="/assets/buttons/friends/shiverj.png" alt="Shiver J."></a>
<a href="https://sleepy.ink"><img src="/assets/buttons/friends/sleepy.png" alt="Gavi/sleepy.ink"></a>
<a href="https://smolderg.xyz"><img src="/assets/buttons/friends/theysosmall.png" alt="smolderg/Therra"></a>
<a href="https://softkittypa.ws"><img src="/assets/buttons/friends/lexi.png" alt="Lexi"></a>
<a href="https://sophari.org"><img src="/assets/buttons/friends/sophari.gif" alt="sophie"></a>
<a href="https://squeakable.dev"><img src="/assets/buttons/friends/squeakable.png" alt="Squeakable"></a>
<a href="https://sterophonick.github.io"><img src="/assets/buttons/friends/sterophonick.gif" alt="Atapi"></a>
<a href="https://sweetcoffy.pages.gay"><img src="/assets/buttons/friends/sweetcoffy.png" alt="SweetCoffy"></a>
<a href="https://swiftyshq.neocities.org"><img src="/assets/buttons/friends/swiftyshq.png" alt="swifty's hq!"></a>
<a href="https://thecrafters001.com"><img src="/assets/buttons/friends/tc001.png" alt="TheCrafters001""></a>
<a href="https://tobskep.com"><img src="/assets/buttons/friends/tobskep.gif" alt="tobskep"></a>
<a href="https://unnick.mice.tel"><img src="/assets/buttons/friends/unnick.png" alt="unnick"></a>
<a href="https://velveteen.one"><img src="/assets/buttons/friends/velveteen.png" alt="Velveteen"></a>
<a href="https://velzie.rip"><img src="/assets/buttons/friends/velzie.png" alt="velzie"></a>
<a href="https://volpeon.ink"><img src="/assets/buttons/friends/volpeon.svg" alt="Volpeon"></a>
<a href="https://vore.media"><img src="/assets/buttons/friends/tika.png" alt="Tika"></a>
<a href="https://w.on-t.work"><img src="/assets/buttons/friends/wontwork.png" alt="Won't Work!/kopper"></a>
<a href="https://winter.entities.org.uk"><img src="/assets/buttons/friends/winter.png" alt="winter"></a>
<a href="https://xaselgio.net"><img src="/assets/buttons/friends/xaselgio.gif" alt="Xaselgio/Indigo's den"></a>
<a href="https://yummy.cricket"><img src="/assets/buttons/friends/niss.png" alt="niss"></a>
<a href="https://zvava.org"><img src="/assets/buttons/friends/zvava.png" alt="zvava"></a>
</div>
<p style="text-align: center;"><small>Misc.</small></p>
<div class="img-buttons">
<!-- software/browsers -->
<a href="https://www.mozilla.org/en-US/firefox/new"><img src="/assets/buttons/software/firefox.png" alt="Get Firefox"></a>
<a href="https://ublockorigin.com"><img src="/assets/buttons/software/ublockoriginnow.png" alt="uBlock Origin Now!"></a>
<a href="https://github.com/yokoffing/BetterFox"><img src="/assets/buttons/software/betterfoxnow.png" alt="Betterfox Now!"></a>
<!-- download sites -->
<a href="https://hshop.erista.me"><img src="/assets/buttons/downloads/3ds.png" alt="Nintendo 3DS"></a>
<a href="https://modarchive.org"><img src="/assets/buttons/downloads/modarchive.gif" alt="The Mod Archive"></a>
<a href="https://myrient.erista.me"><img src="/assets/buttons/downloads/wii.png" alt="Nintendo Wii"></a>
<a href="https://www.slsknet.org"><img src="/assets/buttons/downloads/archive.gif" alt="Internet Archive"></a>
<a href="https://www.slsknet.org"><img src="/assets/buttons/downloads/soulseek.gif" alt="Soulseek"></a>
<!-- cool sites -->
<a href="https://besties.house"><img src="/assets/buttons/sites/besties.gif" alt="besties"></a>
<a href="https://homestarrunner.com/main"><img src="/assets/buttons/sites/homestar.gif" alt="Homestar Runner"></a>
<a href="https://jointhefediverse.net"><img src="/assets/buttons/sites/fediverse.png" alt="Join the Fediverse"></a>
<a href="https://oomfie.city"><img src="/assets/buttons/sites/oomfie.city.png" alt="Oomfie City"></a>
<a href="https://redscientist.com/rtc"><img src="/assets/buttons/sites/rtcv.png" alt="Real-Time Corruptor Vanguard"></a>
<a href="https://www.web3isgoinggreat.com"><img src="/assets/buttons/sites/nft.gif" alt="NFT: No Fucking Thanks! (Web3 Is Just Going Great)"></a>
<a href="https://yellowtealpurple.net/forums"><img src="/assets/buttons/sites/yellowtealpurple.gif" alt="YellowTealPurple"></a>
<!-- rest goes below here -->
<a href="https://drive.massgrave.dev/en_windows_xp_professional_with_service_pack_3_x86_cd_vl_x14-73974.iso"><img src="/assets/buttons/random/xp.gif" alt="Windows XP"></a>
<a href="https://www.youtube.com/@ScottTheWoz"><img src="/assets/buttons/random/scotthere.gif" alt="Hey all, Scott here!"></a>
<a href="https://youtu.be/WfYyBp4Ln2s"><img src="/assets/buttons/random/doinyourmom.gif" alt="Doin Your Mom!"></a>
<img src="/assets/buttons/random/builteatingcheezit.gif" alt="Built Eating Cheez-IT">
<img src="/assets/buttons/random/bunnybrowser.gif" alt="Bunny Browser">
<img src="/assets/buttons/random/c4y.gif" alt="Crazy For Yoshis">
<img src="/assets/buttons/random/gay.gif" alt="Gay">
<img src="/assets/buttons/random/mlm.png" alt="Man-loving-man">
<img src="/assets/buttons/random/oktopirate.gif" alt="It's morally okay to pirate from triple-A">
<img src="/assets/buttons/random/ravenow.gif" alt="Rave Now!">
<img src="/assets/buttons/random/tucows.gif" alt="Tucows">
<img src="/assets/buttons/random/yoshilore.gif" alt="Yoshi Lore">
</div>
<p style="text-align: center;"><small><span style="color: var(--green);">Me!</span> (Click to copy HTML)</small></p>
<div class="img-buttons">
<button style="cursor: pointer; background: unset; border-width: 0px; padding: 0px; display: inline-flex;" onclick="copyButtonSneexy()">
<img src="/assets/buttons/sneexy.svg" alt="Sneexy">
</button>
</div>
</section>
</div>
<!-- "fun" facts -->
<div id="fun-facts" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--mood-empty"></span>
</div>
<a href="#fun-facts">"Fun" facts</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<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 Wi-Fi was by using my netbook in the kitchen, stationed above the stove and connecting to a nearby stores local Wi-Fi connection. <small>apparently, Lowes Wi-Fi goes out VERY far.</small></li>
<li>Joined the <a href="https://fediverse.info">Fediverse</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 quite a nice local community <span style="text-decoration: line-through;">ignoring that I left the account to rot and die</span>, before moving to <a href="https://miruku.cafe">miruku.cafe</a> for a short bit, which introduced me to the <a href="https://misskey-hub.net">Misskey</a> software where I ended up starting to actually enjoy using the Fediverse, then moving to <a href="https://lea.pet">lea.pet</a> after some drama went down, 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 at <a href="https://beeping.synth.download">beeping.synth.download</a>, But I realized that <a href="https://iceshrimp.net">Iceshrimp.NET</a> is a bit <i>too</i> much in beta stage software for me.</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 try and prevent it from making it entirely inaccessible.</small> It just feels more natural for me.</li>
<li>I am <b><i>terrible</i></b> at spelling.</li>
</ul>
</section>
</div>

74
_includes/layouts/sneexy/ruben/page-ruben.njk → _includes/layouts/sneexy/ruben/features.njk
View file

@ -1,49 +1,3 @@
---
title: ruben lore
layout: "layouts/sneexy/base.njk"
permalink: "/~sneexy/ruben/"
---
<!-- intro -->
<div id="intro" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--robot-face"></span>
</div>
<a href="#intro">ruben's introduction</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h1>ruben</h1>
<h4>gooey synth. known fatass. <small>fact sheet/ref sheet thingy. <b><i>still a wip!!</i></b></small></h4>
<ul>
<li>
height of 6'1" / 1.85m, <i>usually</i> a weight of 550lb / 250kg
</li>
<li>
not very active, usually lazing around or comforting others
</li>
<li>
very affectionate, easily blushes and warms up for being called "chubby" or "fatty"
</li>
<li>
likes being a bed for others, can expand/grow if needed
</li>
<li>
...also very needy and cuddly
</li>
</ul>
<p style="text-align: end;">download the <a href="/pub/shared/synth.zip">blockbench model</a> here!</p>
</section>
</div>
<!-- features -->
<div id="features" class="window">
<div class="header">
@ -59,7 +13,6 @@ permalink: "/~sneexy/ruben/"
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2>features (general)</h2>
<p>ruben is a Fat, chubby synth. he prefers himself that way.</p>
@ -104,31 +57,4 @@ permalink: "/~sneexy/ruben/"
<p>the goo has an activated thin outside layer that prevents itself from dripping or allowing things to simply get sucked into it. it gets lost if he is under intense feelings/emotions or simply starts losing energy to keep it activated.</p>
<p>the goo itself is known to have <i>many</i> more features, although most are experimental and best to leave disabled. a notable one is to be able to use the goo as expandable, dynamic storage, however this is not stable and is prone to easy data loss. <small>although ruben likes to keep it enabled for <i>other</i> reasons. :)</small></p>
</section>
</div>
<!-- personality -->
<div id="personality" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--mood-look-up"></span>
</div>
<a href="#personality">personality</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2>personality</h2>
<p>usually embarassed, quite asocial and only feels comfortable around friends or creatures he thinks are cool. always in a mix of "wanting to meet more creatures and make friends" but also "afraid of being around others, always assumuing others secretly hate him".</p>
<p>known to have random mental episodes of all sorts, but friends around him usually know how to deal with it and help him get out of those states. sometimes tends to stay quiet about it, as he "doesn't know what's causing this".</p>
<p>he enjoys getting teased about his size, and always attempts to hide it under embarassment (although most of that embarassment is genuine, he still loves the teasing).</p>
<p>he tries to always care for friends and be there for them, which ended up shifting his body to be more tuned for comfort of being more like a walking gooey bed that where he can maximize comfort for others.</p>
<p><i>VERY</i> affectionate. all types of (positive) teasing, love, kindness or anything related to that is enough to make him blush and beep. also tends to nuzzle and cuddle friends at random whenever he wants.</p>
<p>mostly lazy. sometimes may try to do something else and is well known for slacking off and doing other things that aren't important and avoiding the things that are important.</p>
</section>
</div>

38
_includes/layouts/sneexy/ruben/intro.njk Normal file
View file

@ -0,0 +1,38 @@
<!-- intro -->
<div id="intro" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--robot-face"></span>
</div>
<a href="#intro">ruben's introduction</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h1>ruben</h1>
<h4>gooey synth. known fatass. <small>fact sheet/ref sheet thingy. <b><i>still a wip!!</i></b></small></h4>
<ul>
<li>
height of 6'1" / 1.85m, <i>usually</i> a weight of 550lb / 250kg
</li>
<li>
not very active, usually lazing around or comforting others
</li>
<li>
very affectionate, easily blushes and warms up for being called "chubby" or "fatty"
</li>
<li>
likes being a bed for others, can expand/grow if needed
</li>
<li>
...also very needy and cuddly
</li>
</ul>
<p style="text-align: end;">download the <a href="/pub/shared/synth.zip">blockbench model</a> here!</p>
</section>
</div>

25
_includes/layouts/sneexy/ruben/personality.njk Normal file
View file

@ -0,0 +1,25 @@
<!-- personality -->
<div id="personality" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--mood-look-up"></span>
</div>
<a href="#personality">personality</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<section>
<h2>personality</h2>
<p>usually embarassed, quite asocial and only feels comfortable around friends or creatures he thinks are cool. always in a mix of "wanting to meet more creatures and make friends" but also "afraid of being around others, always assumuing others secretly hate him".</p>
<p>known to have random mental episodes of all sorts, but friends around him usually know how to deal with it and help him get out of those states. sometimes tends to stay quiet about it, as he "doesn't know what's causing this".</p>
<p>he enjoys getting teased about his size, and always attempts to hide it under embarassment (although most of that embarassment is genuine, he still loves the teasing).</p>
<p>he tries to always care for friends and be there for them, which ended up shifting his body to be more tuned for comfort of being more like a walking gooey bed that where he can maximize comfort for others.</p>
<p><i>VERY</i> affectionate. all types of (positive) teasing, love, kindness or anything related to that is enough to make him blush and beep. also tends to nuzzle and cuddle friends at random whenever he wants.</p>
<p>mostly lazy. sometimes may try to do something else and is well known for slacking off and doing other things that aren't important and avoiding the things that are important.</p>
</section>
</div>

32
_includes/layouts/sneexy/socials.njk Normal file
View file

@ -0,0 +1,32 @@
<!-- socials -->
<div id="links" class="window">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--link"></span>
</div>
<a href="#links">links</a>
<div class="window-buttons" aria-hidden="true">
<span class="icon tabler--minimize"></span>
<span class="icon tabler--maximize"></span>
</div>
<div class="close-button" aria-hidden="true">
<span class="icon tabler--x"></span>
</div>
</div>
<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>The fastest way to get this is by checking my <i>followers only</i> pinned post if you follow me/we're mutuals on the Fediverse.</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(--orange) 25%, transparent); color: var(--orange);" aria-label="Fediverse/Mastodon"><span class="icon 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(--teal) 25%, transparent); color: var(--teal);" aria-label="Fediverse/Mastodon" aria-hidden="true"><span class="icon tabler--brand-mastodon" style="pointer-events: none;"></span></a>
<a href="mailto:&#x73;&#x6e;&#x65;&#x65;&#x78;&#x79;&#x40;&#x73;&#x79;&#x6e;&#x74;&#x68;&#x2e;&#x64;&#x6f;&#x77;&#x6e;&#x6c;&#x6f;&#x61;&#x64;" style="background-color: color-mix(in srgb, var(--red) 25%, transparent); color: var(--red);" aria-label="Email"><span class="icon tabler--mail" style="pointer-events: none;"></span></a>
<a href="https://listenbrainz.org/user/Sneexy" style="background-color: color-mix(in srgb, var(--sapphire) 25%, transparent); color: var(--sapphire);" aria-label="ListenBraniz"><span class="icon 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(--red) 25%, transparent); color: var(--red);" aria-label="Last.fm"><span class="icon tabler--brand-lastfm" style="pointer-events: none;"></span></a>
<a href="https://git.gay/sneexy" style="background-color: color-mix(in srgb, var(--maroon) 25%, transparent); color: var(--maroon);" aria-label="Git"><span class="icon tabler--brand-git" style="pointer-events: none;"></span></a>
<a href="https://github.com/sneexy-boi" style="background-color: color-mix(in srgb, var(--lavender) 25%, transparent); color: var(--lavender);" aria-label="GitHub"><span class="icon tabler--brand-github" style="pointer-events: none;"></span></a>
<a href="https://archive.org/details/@sneexy" style="background-color: color-mix(in srgb, var(--foreground) 25%, transparent); color: var(--foreground);" aria-label="Internet Archive"><span class="icon tabler--building-bank" style="pointer-events: none;"></span></a>
</div>
<p><span class="icon tabler--corner-down-right"></span> You may observe my Fediverse activity below:</p>
<iframe aria-hidden="true" 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>
</div>

30
_includes/styles/base.css
View file

@ -76,7 +76,7 @@ it doesn't have a name, call it "synth.download color scheme official real"
--selection: #253340;
--comment: #5c6773;
--accent: #e6b450;
--link: #e6b450;
--link: var(--accent);
/* original ayu colors */
--orange: #ffb454;
@ -168,7 +168,7 @@ html[data-theme="dark"] {
--selection: #253340;
--comment: #5c6773;
--accent: #e6b450;
--link: #e6b450;
--link: var(--accent);
/* original ayu colors */
--orange: #ffb454;
@ -228,25 +228,36 @@ body {
/* text formatting and config stuff */
/* headings */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: var(--foreground);
margin-top: .5rem;
text-decoration-color: transparent;
transition: .2s;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
text-decoration-color: var(--accent);
text-decoration-thickness: .3rem !important;
text-decoration: underline;
transition: .2s;
}
h1,
h1 a {
color: var(--foreground);
font-size: 2rem;
text-decoration: none;
}
/* apparently having more than one h1 is against web standards
but i prefer how it looks so i just use the same styling again */
h2,
h2 a {
color: var(--foreground);
font-size: 2rem;
text-decoration: none;
}
h3,
h3 a {
font-size: 2rem;
font-size: 1.6rem;
}
/* text */
@ -293,11 +304,6 @@ li {
-moz-animation: 2s linear infinite rainbow;
}
/* heading 1 is also clickable */
h1 a:hover {
text-decoration: underline;
}
/* the tabler icons svgs styling */
.tabler-icon,
.icon .icon-tabler {

3
_includes/styles/pages/sneexy.css
View file

@ -127,6 +127,7 @@ html[page-is="goopy"] {
@media (prefers-color-scheme: dark) {
--accent: #65ff88 !important;
--link: var(--accent) !important;
}
@media screen and (max-width: 59em) {
@ -168,6 +169,7 @@ html[page-is="goopy"] {
html[data-theme="light"][page-is="goopy"] {
--accent: #00d131 !important;
--link: #008d21 !important;
.nav-baselink, .nav-accessibility {
background-color: var(--accent) !important;
@ -177,4 +179,5 @@ html[data-theme="light"][page-is="goopy"] {
html[data-theme="dark"][page-is="goopy"] {
--accent: #65ff88 !important;
--link: var(--accent) !important;
}

93
_includes/styles/toc.css
View file

@ -1,93 +0,0 @@
/* ╭──────────────────────────────────────╮
/ │ _ │
/ │ _ __ __ ___ _| |__ __ _ _ __ │
/ │ | '_ \ / _` \ \ / / '_ \ / _` | '__| │
/ │ | | | | (_| |\ V /| |_) | (_| | | │
/ │ |_| |_|\__,_| \_/ |_.__/ \__,_|_| │
/ ╰──────────────────────────────────────╯
/ table of contents - styling for the table of contents button and list that appears on some pages */
.toc {
align-content: center;
background-color: var(--accent);
border-radius: 1rem;
color: var(--background);
cursor: pointer;
height: 1.9rem;
margin-left: auto !important;
outline: .13rem solid color-mix(in srgb, var(--accent) 60%, transparent);
position: absolute;
top: 1rem;
right: 1rem;
padding: 0px .2em !important;
/* unset the padding for the button itself so the button can take the padding to make the entire button clickable */
input[type="checkbox"]#toc-menu {
left: -100vw;
position: absolute;
}
input[type="checkbox"]#toc-menu:focus-visible {
left: unset !important;
}
label[data-toggle="toc"] {
cursor: pointer;
overflow: hidden !important;
padding: .3rem .5rem !important;
position: relative;
.icon {
padding: 0 .5rem !important;
pointer-events: none;
transform: translateY(.1rem) scale(1.5);
}
}
ul {
background-color: var(--background);
border-radius: 1rem;
border: var(--accent) solid .15rem;
cursor: initial !important;
/* reset the cursor otherwise it uses the pointer cursor */
margin-top: 1.2rem !important;
max-height: 27rem;
max-width: 17rem;
min-height: 27rem;
min-width: 17rem;
overflow: scroll;
position: absolute;
right: .4rem;
visibility: hidden;
/* inital "hidden" state, used for providing animation when activated */
opacity: 0;
scale: .5;
transform-origin: top right;
transition: opacity .3s, scale .3s, visibility .3s;
li {
border-radius: 1rem;
color: var(--foreground);
list-style-type: none;
margin-left: -2rem;
padding: .4rem;
span {
padding: .1rem 0px .1rem 0px !important;
}
h2 {
margin: 0 !important;
}
}
}
input[type="checkbox"]#toc-menu:checked~ul {
/* makes the menu visibile when activated and makes it appear from the top right */
opacity: 1;
scale: 1;
transition: opacity .3s, scale .3s, visibility .3s;
visibility: visible;
}
}

7
donate.md
View file

@ -1,4 +1,7 @@
---
title: donate
layout: "layouts/donate/page.njk"
---
layout: "layouts/donate/base.njk"
permalink: "/donate/"
---
{% include "layouts/donate/donate.njk" %}

16
iceshrimp.md
View file

@ -1,5 +1,19 @@
---
title: icesynth!
layout: "layouts/iceshrimp.njk"
layout: "layouts/base.njk"
permalink: "/iceshrimp/"
---
{% include "layouts/fediverse/iceshrimp/intro.njk" %}
{% include "layouts/fediverse/iceshrimp/info.njk" %}
{% include "layouts/fediverse/iceshrimp/features.njk" %}
{% include "layouts/fediverse/rules.njk" %}
{% include "layouts/fediverse/iceshrimp/fe.njk" %}
{% include "layouts/fediverse/iceshrimp/bubble.njk" %}
{% include "layouts/fediverse/moderation.njk" %}

7
index.md
View file

@ -1,4 +1,7 @@
---
title: home
layout: "layouts/home.njk"
---
layout: "layouts/base.njk"
permalink: "/index.html"
---
{% include "layouts/home/intro.njk" %}

14
sharkey.md
View file

@ -1,5 +1,17 @@
---
title: beepkey!
layout: "layouts/sharkey.njk"
layout: "layouts/base.njk"
permalink: "/sharkey/"
---
{% include "layouts/fediverse/sharkey/intro.njk" %}
{% include "layouts/fediverse/sharkey/info.njk" %}
{% include "layouts/fediverse/sharkey/features.njk" %}
{% include "layouts/fediverse/rules.njk" %}
{% include "layouts/fediverse/sharkey/bubble.njk" %}
{% include "layouts/fediverse/moderation.njk" %}

11
sneexy/ruben.md Normal file
View file

@ -0,0 +1,11 @@
---
title: ruben lore
layout: "layouts/sneexy/base.njk"
permalink: "/~sneexy/ruben/"
---
{% include "layouts/sneexy/ruben/intro.njk" %}
{% include "layouts/sneexy/ruben/features.njk" %}
{% include "layouts/sneexy/ruben/personality.njk" %}

4
sneexy/ruben/index.md
View file

@ -1,4 +0,0 @@
---
title: ruben lore
layout: "layouts/sneexy/ruben/page-ruben.njk"
---

13
sneexy/sneexy.md
View file

@ -1,4 +1,15 @@
---
title: about sneexy
layout: "layouts/sneexy/page.njk"
layout: "layouts/sneexy/base.njk"
permalink: "/~sneexy/"
---
{% include "layouts/sneexy/intro.njk" %}
{% include "layouts/sneexy/about.njk" %}
{% include "layouts/sneexy/socials.njk" %}
{% include "layouts/sneexy/buttons.njk" %}
{% include "layouts/sneexy/funfacts.njk" %}