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

redone fediverse page
All checks were successful
/ build (push) Successful in 4m44s
Details

Browse source
This commit is contained in:
Ruben 2025-10-27 18:21:34 -05:00
commit 8d6b84042b
Signed by: sneexy
GPG key ID: 8ECFA045E63BC583
26 changed files with 193 additions and 695 deletions
Download patch file Download diff file Expand all files Collapse all files

6
.forgejo/workflows/buttons.yml
View file

@ -19,8 +19,8 @@ jobs:
- name: download buttons - name: download buttons
run: | run: |
chmod +x /workspace/sd/site/.forgejo/buttons.sh chmod +x ${GITHUB_WORKSPACE}/.forgejo/buttons.sh
bash -c "/workspace/sd/site/.forgejo/buttons.sh" bash -c "${GITHUB_WORKSPACE}/.forgejo/buttons.sh"
- name: push updated buttons - name: push updated buttons
id: github-push id: github-push
@ -28,4 +28,4 @@ jobs:
git config pull.rebase true git config pull.rebase true
git add . git add .
git diff-index --quiet HEAD || git commit -m "beep~! (updated buttons)" git diff-index --quiet HEAD || git commit -m "beep~! (updated buttons)"
git push git push

1
_includes/layouts/base/header.njk
View file

@ -10,6 +10,7 @@
{% include "styles/base/settings.css" %} {% include "styles/base/settings.css" %}
{% include "styles/base/windows.css" %} {% include "styles/base/windows.css" %}
{% include "styles/pages/admins.css" %} {% include "styles/pages/admins.css" %}
{% include "styles/pages/fediverse.css" %}
{% include "styles/pages/home.css" %} {% include "styles/pages/home.css" %}
{% include "styles/pages/notebook.css" %} {% include "styles/pages/notebook.css" %}
{% include "styles/pages/services.css" %} {% include "styles/pages/services.css" %}

1
_includes/layouts/pages/about/about.njk
View file

@ -18,6 +18,7 @@
<p>Synth.Download is a project managed by serveral synths <small><s>and protogens</s></small> to provide a collection of (some public, some private) privacy respecting frontends and web services. We strive to create a safe community for ourselves and for those who accept us.</p> <p>Synth.Download is a project managed by serveral synths <small><s>and protogens</s></small> to provide a collection of (some public, some private) privacy respecting frontends and web services. We strive to create a safe community for ourselves and for those who accept us.</p>
<h2 id="contact"><a href="#contact">Contact</a></h2> <h2 id="contact"><a href="#contact">Contact</a></h2>
<p>Synth.Download is maintained by <a href="/admins">several administrators</a>, although <a href="https://sneexy.synth.download">Sneexy</a> is the one who mainly manages everything. Contact <span link-color>synth@synth.download</span> for reports or suggestions.</p> <p>Synth.Download is maintained by <a href="/admins">several administrators</a>, although <a href="https://sneexy.synth.download">Sneexy</a> is the one who mainly manages everything. Contact <span link-color>synth@synth.download</span> for reports or suggestions.</p>
<p>We also have a <a href="https://signal.group/#CjQKIGETy9DaJ_wF3iIun-uBSD4T1ZqrJbnXhkqZZdtUdX5LEhD7RbDqEm2gfLZsCINNwVc2">Signal group chat</a> which serves as our general lounge chat. Joins require approval; will be denied if unrecongnized or deemed to be spam.</p>
<h2 id="history"><a href="#history">History</a></h2> <h2 id="history"><a href="#history">History</a></h2>
<p><small>This section is written by <a href="https://sneexy.synth.download">Sneexy.</a></small></p> <p><small>This section is written by <a href="https://sneexy.synth.download">Sneexy.</a></small></p>
<p>Synth.Download is a project started in October of 2024 by <a href="https://sneexy.synth.download">Sneexy</a>, buying the domain <code>synth.download</code> as it was available, and as I am a Synth. Initially, the domain was used to only used to serve a <small>much, <i>much</i></small> older iteration of this site that was used to only provide information about myself, and ran about a handful of services only for personal usage.</p> <p>Synth.Download is a project started in October of 2024 by <a href="https://sneexy.synth.download">Sneexy</a>, buying the domain <code>synth.download</code> as it was available, and as I am a Synth. Initially, the domain was used to only used to serve a <small>much, <i>much</i></small> older iteration of this site that was used to only provide information about myself, and ran about a handful of services only for personal usage.</p>

17
_includes/layouts/pages/fediverse/sharkey/bubble.njk → _includes/layouts/pages/fediverse/bubble.njk
View file

@ -1,9 +1,9 @@
<!-- bubble timeline --> <!-- bubble timeline -->
<article window id="bubble"> <article window id="bubble">
<div class="header"> <div class="header">
<div class="titlebar-icon" aria-hidden="true"> <titlebar-icon aria-hidden="true">
<span class="icon tabler--info-circle"></span> <icon-tabler chart-bubble></icon-tabler>
</div> </titlebar-icon>
<a href="#bubble">Bubble timeline</a> <a href="#bubble">Bubble timeline</a>
<window-controls aria-hidden="true"> <window-controls aria-hidden="true">
<icon-tabler minimize></icon-tabler> <icon-tabler minimize></icon-tabler>
@ -13,10 +13,10 @@
</close-button> </close-button>
</window-controls> </window-controls>
</div> </div>
<section> <window-contents>
<h2><a href="#bubble">Bubble timeline</a></h2> <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> <p>Our instances are configured with a curated timeline of hand-picked instances that we deem to be a part of our community, are great friends, or generally fit our culture and vibes. Below is the entire list of of all instances configured in our Bubble timelines.</p>
<ul> <ul bubble>
<li> <li>
<a href="https://akko.wtf">akko.wtf</a> <a href="https://akko.wtf">akko.wtf</a>
</li> </li>
@ -26,9 +26,6 @@
<li> <li>
<a href="https://arff.archandle.net">arff.archandle.net</a> <a href="https://arff.archandle.net">arff.archandle.net</a>
</li> </li>
<li>
<a href="https://booping.synth.download">booping.synth.download</a>
</li>
<li> <li>
<a href="https://cafe.autumn.town">cafe.autumn.town</a> <a href="https://cafe.autumn.town">cafe.autumn.town</a>
</li> </li>
@ -141,5 +138,5 @@
<a href="https://yeen.town">yeen.town</a> <a href="https://yeen.town">yeen.town</a>
</li> </li>
</ul> </ul>
</section> </window-contents>
</article> </article>

145
_includes/layouts/pages/fediverse/iceshrimp/bubble.njk
View file

@ -1,145 +0,0 @@
<!-- bubble timeline -->
<article window id="bubble">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#bubble">Bubble timeline</a>
<window-controls aria-hidden="true">
<icon-tabler minimize></icon-tabler>
<icon-tabler maximize></icon-tabler>
<close-button aria-hidden="true">
<icon-tabler x></icon-tabler>
</close-button>
</window-controls>
</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://evilfoundry.net">evilfoundry.net</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://masto.doskel.net">doskel.net</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>
</article>

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

@ -1,46 +0,0 @@
<!-- alternative frontends -->
<article window id="frontends">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#frontends">Alternative frontends</a>
<window-controls aria-hidden="true">
<icon-tabler minimize></icon-tabler>
<icon-tabler maximize></icon-tabler>
<close-button aria-hidden="true">
<icon-tabler x></icon-tabler>
</close-button>
</window-controls>
</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>
</article>

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

@ -1,37 +0,0 @@
<!-- instance features -->
<article window id="features">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#features">Features</a>
<window-controls aria-hidden="true">
<icon-tabler minimize></icon-tabler>
<icon-tabler maximize></icon-tabler>
<close-button aria-hidden="true">
<icon-tabler x></icon-tabler>
</close-button>
</window-controls>
</div>
<section>
<h2><a href="#features">Features</a></h2>
<p>What users receive in terms of differences from, for example here, the average <small>(vanilla)</small> 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>
</article>

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

@ -1,28 +0,0 @@
<!-- information -->
<article window id="information">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#information">Instance information</a>
<window-controls aria-hidden="true">
<icon-tabler minimize></icon-tabler>
<icon-tabler maximize></icon-tabler>
<close-button aria-hidden="true">
<icon-tabler x></icon-tabler>
</close-button>
</window-controls>
</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 other instances. <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 class="info-box info"><span class="icon tabler--info-circle"></span> If Iceshrimp isn't your type of software, we have a sibiling <a href="/sharkey">Sharkey</a> instance that's directly based off of the upstream Misskey software, providing an advanced UI and set of fun features. Alternatively, we also provide a <a href="/mastodon">Mastodon</a> instance with extra features like support for Emoji reactions baked in, recommended if you prefer a more basic and calmer experience to social media and compatibility with most Fediverse clients and software.</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>
</article>

53
_includes/layouts/pages/fediverse/iceshrimp/intro.njk
View file

@ -1,53 +0,0 @@
<!-- iceshrimp introduction -->
<article window id="iceshrimp">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--universe"></span>
</div>
<a href="#iceshrimp">Icesynth!</a>
<window-controls aria-hidden="true">
<icon-tabler minimize></icon-tabler>
<icon-tabler maximize></icon-tabler>
<close-button aria-hidden="true">
<icon-tabler x></icon-tabler>
</close-button>
</window-controls>
</div>
<section>
<h1 style="text-align:center;"><a href="https://iceshrimp.net" target="_blank" style="vertical-align:middle;"><img src="/assets/fedi/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> or <a href="/mastodon">Mastodon</a> instances.</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="#tips"><span class="icon tabler--bulb"></span> Tips & Tricks</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/pages/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="#tips">Tips & Tricks</a>
</li>
<li>
<a href="#bubble">Bubble timeline</a>
</li>
<li>
<a href="#moderation">Moderation</a>
</li>
</ul>
</section>
</details>
</section>
</article>

54
_includes/layouts/pages/fediverse/iceshrimp/tips.njk
View file

@ -1,54 +0,0 @@
<!-- iceshrimp tips & tricks -->
<article window id="tips">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#tips">Tips & Tricks</a>
<window-controls aria-hidden="true">
<icon-tabler minimize></icon-tabler>
<icon-tabler maximize></icon-tabler>
<close-button aria-hidden="true">
<icon-tabler x></icon-tabler>
</close-button>
</window-controls>
</div>
<section>
<h2><a href="#tips">Tips & Tricks</a></h2>
<p>A few notable, useful worth-sharing tips & tricks for Iceshrimp users. You may also suggest any to be added here.</p>
<hr class="solid">
<details class="styled">
<summary>Remove all inaccessible followers-only replies <span class="icon tabler--arrow-autofit-height"></span></summary>
<section>
<p>Iceshrimp.NET, by default, will show <i>all</i> replies, including those that are replies to posts that are inaccessible to you, even if you aren't using the default frontend. For most users, this is <i>unwanted</i> behavior.</p>
<p>To disable it, first:</p>
<ul>
<li>Enter your <a href="https://beeping.synth.download/settings" target="_blank">account settings</a></li>
<li>Click the "Account" tab on the left</li>
<li>Find and enable "Filter replies to inaccessible notes"</li>
</ul>
<p>This should disable them on the official frontend. However, if you use a custom/alternative client, they may still show up via <span style="text-transform: none;">"RE: 🔒"</span> posts. To disable these, we simply put a custom word filter:</p>
<ul>
<li>Enter your <a href="https://beeping.synth.download/settings" target="_blank">account settings</a></li>
<li>Click the "Filters" tab on the left</li>
<li>Create a new filter.</li>
<ul>
<li>The Filter Name is required, but can be whatever. Name it something like "Disable inaccessible replies".</li>
<li>For the keywords, simply type in <span style="text-transform: none;">"RE: 🔒"</span> <i>(without the quotation marks)</i> then press the "Add" button below it.</li>
<li>Set the Filter Action to "Hide".</li>
<li>Add everything from the "Filter Contexts" list.</li>
<li>Set the expiry date to whatever in the future, like 09/09/9999 for example.</li>
</ul>
</ul>
<p>After that, all inaccessible replies shall now vanish.</p>
</section>
</details>
<details class="styled">
<summary>Emoji reactions in Phanpy <span class="icon tabler--arrow-autofit-height"></span></summary>
<section>
<p>The Phanpy frontend has <i>some</i> support for emoji reactions. Specifically though, only showing them in notifications.</p>
<p>To enable support for at least showing them rather than displaying a broken notification for each reaction, simply log into Phanpy again with the "This app is intended for Pleroma or Akkoma" flag enabled.</p>
</section>
</details>
</section>
</article>

81
_includes/layouts/pages/fediverse/instances-list.njk Normal file
View file

@ -0,0 +1,81 @@
<card-container>
<card-entry sharkey>
<h3>
<img icon src="/assets/icons/sharkey.svg" alt="">
Sharkey
<span status>
<span><img src="https://status.synth.download/api/badge/1/status?style=flat-square" alt=""></span>
</span>
</h3>
<p><img emoji src="/assets/synth.download/icons/boopkey.svg"> <b>Boopkey!</b> Our most popular instance, running <a href="https://activitypub.software/TransFem-org/Sharkey">Sharkey</a>, a soft-fork of <a href="https://misskey-hub.net">Misskey</a>.</p>
<p>Sharkey provides a more fun and featureful experience to the Fediverse. It includes neat and useful features such as emoji reactions, blog-like pages, galleries, a file "Drive" feature, and more. We recommend this instance if you're looking for something more advanced, or are perhaps wanting to try something different from Mastodon or other software.</p>
<p info><icon-tabler info-circle aria-label="Information"></icon-tabler> Accounts housed on this instance will be located at <span>@booping.synth.download</span></p>
<buttons-container>
<a button href="https://booping.synth.download" aria-label="Go">
<icon-tabler arrow-forward></icon-tabler>
</a>
<a right button i2p href="http://synthn43gye7ymvv7y63ru6lisoephszczlnojqlkz5ltwv66mta.b32.i2p" aria-label="I2P">
<icon-tabler vector></icon-tabler>
</a>
<a button yggdrasil href="http://booping.ygg.synth.download" aria-label="Yggdrasil">
<icon-tabler leaf></icon-tabler>
</a>
<a button tor href="http://booping.synth3ty6s54waoilizkfdgt2ry4fxdaoxgen5yp6ymeeytjbtvlgtyd.onion" aria-label="Tor">
<icon-tabler spiral></icon-tabler>
</a>
</buttons-container>
</card-entry>
<card-entry mastodon>
<h3>
<img icon src="/assets/icons/mastodon.svg" alt="">
Mastodon
<span status>
<span><img src="https://status.synth.download/api/badge/5/status?style=flat-square" alt=""></span>
</span>
</h3>
<p><img emoji src="/assets/synth.download/icons/merpstodon.svg"> <b>Merpstodon!</b> Runs <a href="https://github.com/synth-download/mastodon">our fork</a> of <a href="https://joinmastodon.org">Mastodon</a>, based on <a href="https://github.com/TheEssem/mastodon">another fork</a>.</p>
<p>Traditional, Calmer, and more Microblogging-like. As Mastodon is the more popular software on the fediverse in general, we also provide it as an option for those who are used to it or prefer it. We run our own modified version of Mastodon which provides extra features, such as widely federated lists and support for using emoji reactions. We recommend this instance for something more simpler and straightforward, or if the compatibility with Mastodon apps and platforms is preferred.</p>
<p info><icon-tabler info-circle aria-label="Information"></icon-tabler> Accounts housed on this instance will be located at <span>@merping.synth.download</span></p>
<buttons-container>
<a button href="https://merping.synth.download" aria-label="Go">
<icon-tabler arrow-forward></icon-tabler>
</a>
<a right button i2p href="http://synthn43gye7ymvv7y63ru6lisoephszczlnojqlkz5ltwv66mta.b32.i2p" aria-label="I2P">
<icon-tabler vector></icon-tabler>
</a>
<a button yggdrasil href="http://merping.ygg.synth.download" aria-label="Yggdrasil">
<icon-tabler leaf></icon-tabler>
</a>
<a button tor href="http://merping.synth3ty6s54waoilizkfdgt2ry4fxdaoxgen5yp6ymeeytjbtvlgtyd.onion" aria-label="Tor">
<icon-tabler spiral></icon-tabler>
</a>
</buttons-container>
</card-entry>
<card-entry iceshrimp advise-against>
<h3>
<img icon src="/assets/icons/iceshrimp.svg" alt="">
Iceshrimp.NET
<span status>
<span><img src="https://status.synth.download/api/badge/9/status?style=flat-square" alt=""></span>
</span>
</h3>
<p><img emoji src="/assets/synth.download/icons/icesynth.svg"> <b>Icesynth!</b> A lightweight, Misskey-inspired software.</p>
<p>Software still in heavy beta stages of development that plans to be a "Misskey, but balanced just right". Our very first instance that we've been running on Synth.Download!</p>
<p warning><icon-tabler alert-triangle aria-label="Warning"></icon-tabler> Sadly, we currently do not suggest using this software for normal/daily usage. Sharkey and Mastodon provide better and far more stable user experiences. We may lend out invites for this instance if you wish to run, for example, a bot account, but for now, this software requires maturing before we can allow it to be publicly used.</p>
<p info><icon-tabler info-circle aria-label="Information"></icon-tabler> Accounts housed on this instance will be located at <span>@synth.download</span></p>
<buttons-container>
<a button href="https://beeping.synth.download" aria-label="Go">
<icon-tabler arrow-forward></icon-tabler>
</a>
<a right button i2p href="http://synthrfmxti7rfwfh4gg6n5qiwbt6x52qudys4hql6eafb6qexoa.b32.i2p" aria-label="I2P">
<icon-tabler vector></icon-tabler>
</a>
<a button yggdrasil href="http://beeping.ygg.synth.download" aria-label="Yggdrasil">
<icon-tabler leaf></icon-tabler>
</a>
<a button tor href="http://beeping.synth3ty6s54waoilizkfdgt2ry4fxdaoxgen5yp6ymeeytjbtvlgtyd.onion" aria-label="Tor">
<icon-tabler spiral></icon-tabler>
</a>
</buttons-container>
</card-entry>
</card-container>

23
_includes/layouts/pages/fediverse/instances.njk Normal file
View file

@ -0,0 +1,23 @@
<!-- instances -->
<article window id="instances">
<div class="header">
<titlebar-icon aria-hidden="true">
<icon-tabler server></icon-tabler>
</titlebar-icon>
<a href="#instances">Instances</a>
<window-controls aria-hidden="true">
<icon-tabler minimize></icon-tabler>
<icon-tabler maximize></icon-tabler>
<close-button aria-hidden="true">
<icon-tabler x></icon-tabler>
</close-button>
</window-controls>
</div>
<window-contents>
<h2><a href="#instances">Instances</a></h2>
<p>An Instance is your home server, where your account and posts will live. We provide multiple options as listed on <a href="/services">our services page</a>, all on different domains with different software aimed to suite the needs of different users and preferences.</p>
<p>Common features shared between these instances are a 100,000 character limit on posts, 5,000 character limit for content warnings, and a 100 megabyte upload limit for files.</p>
{% include "layouts/pages/fediverse/instances-list.njk" %}
<p>All sorts of configurations, limits and moderation are synced between each instances whenever possible.</p>
</window-contents>
</article>

10
_includes/layouts/pages/fediverse/intro.njk
View file

@ -1,4 +1,4 @@
<!-- sharkey introduction --> <!-- fediverse introduction -->
<article window id="fediverse"> <article window id="fediverse">
<div class="header"> <div class="header">
<titlebar-icon aria-hidden="true"> <titlebar-icon aria-hidden="true">
@ -15,7 +15,13 @@
</div> </div>
<window-contents> <window-contents>
<h1><a href="#fediverse">Fediverse</a></h1> <h1><a href="#fediverse">Fediverse</a></h1>
<p>Synth.Download hosts a few fediverse instances that allows you to connect and explore the wider Fediverse <small>(a network of software that uses <a href="https://activitypub.rocks">ActivityPub</a> to communicate with each other)</small>, all running various software. This page is dedicated to detailing our instance options and how we manage them.</p> <p>Synth.Download hosts a few opinionated fediverse instances that allows you to connect and explore the wider Fediverse, a network of software that uses <a href="https://activitypub.rocks">ActivityPub</a> to communicate with each other, all running various software for each personals taste. This page is dedicated to detailing our instance options and how we manage them.</p>
<p>All of our instances are under <i>invite only</i> registration. We do this to main a good and healthy experience for our users. If you wish to register, you may:</p>
<ul>
<li>Ask a known, registered member to send an invite.</li>
<li>Ask a known, registered member to vouch for you.</li>
<li>Poke <a href="/admins">an admin</a> for an invite.</li>
</ul>
<imgbtn-grid> <imgbtn-grid>
<a href="https://synth.download"><img src="/assets/buttons/synth.download.svg" alt="Synth.Download"></a> <a href="https://synth.download"><img src="/assets/buttons/synth.download.svg" alt="Synth.Download"></a>
<a href="https://akko.wtf"><img src="/assets/buttons/sites/akko.wtf.png" alt="Luna Nova"></a> <a href="https://akko.wtf"><img src="/assets/buttons/sites/akko.wtf.png" alt="Luna Nova"></a>

31
_includes/layouts/pages/fediverse/mastodon/features.njk
View file

@ -1,31 +0,0 @@
<!-- instance features -->
<article window id="features">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#features">Features</a>
<window-controls aria-hidden="true">
<icon-tabler minimize></icon-tabler>
<icon-tabler maximize></icon-tabler>
<close-button aria-hidden="true">
<icon-tabler x></icon-tabler>
</close-button>
</window-controls>
</div>
<section>
<h2><a href="#features">Features</a></h2>
<p>What users receive in terms of differences from, for example here, the average <small>(vanilla)</small> Mastodon instance:</p>
<ul>
<li>
Emoji reactions
</li>
<li>
100,000 character limit
</li>
<li>
200 megabyte upload limit, per file
</li>
</ul>
</section>
</article>

28
_includes/layouts/pages/fediverse/mastodon/info.njk
View file

@ -1,28 +0,0 @@
<!-- information -->
<article window id="information">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#information">Instance information</a>
<window-controls aria-hidden="true">
<icon-tabler minimize></icon-tabler>
<icon-tabler maximize></icon-tabler>
<close-button aria-hidden="true">
<icon-tabler x></icon-tabler>
</close-button>
</window-controls>
</div>
<section>
<h2><a href="#information">Instance information</a></h2>
<p>This is our Mastodon instance! While hosted by <a href="https://booping.synth.download/@sneexy">@sneexy</a>, is mainly managed by <a href="https://merping.synth.download/@m">@m</a>. This is our general information page about our instance, most info here is shared with our other instances.</p>
<hr class="solid">
<p>Mastodon 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 other instance of itself. We maintain our <a href="https://github.com/melontini/mastodon">own minor fork</a> of Mastodon from <a href="https://github.com/TheEssem/mastodon">another fork</a> that implements features such as emoji reactions.</p>
<p class="info-box info"><span class="icon tabler--info-circle"></span> If Mastodon isn't your type of software, we have a sibiling <a href="/iceshrimp">Iceshrimp</a> instance that provides most of the Misskey-like and other advanced features while keeping out the more complex or "non-sense" features, on top of a stable, more Mastodon-compatible base. Alternatively, we also provide a <a href="/sharkey">Sharkey</a> instance that's directly based off of the upstream Misskey software, providing an advanced UI and set of fun features.</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> or <a href="https://merping.synth.download/@m">@m</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>
</article>

45
_includes/layouts/pages/fediverse/mastodon/intro.njk
View file

@ -1,45 +0,0 @@
<!-- mastodon introduction -->
<article window id="mastodon">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--universe"></span>
</div>
<a href="#mastodon">Merpstodon!</a>
<window-controls aria-hidden="true">
<icon-tabler minimize></icon-tabler>
<icon-tabler maximize></icon-tabler>
<close-button aria-hidden="true">
<icon-tabler x></icon-tabler>
</close-button>
</window-controls>
</div>
<section>
<h1 style="text-align:center;"><a href="https://joinmastodon.org" target="_blank" style="vertical-align:middle;"><img src="/assets/fedi/mastodon.svg" alt="Mastodon's official website" style="height:2rem;margin-right:.4rem;border-radius:.2rem" /></a>Merpstodon!</h1>
<p style="text-align:center;">Merp! 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> or <a href="/iceshrimp">Iceshrimp</a> instances.</small></p>
<p style="text-align:center;"><a class="button" href="https://merping.synth.download"><span class="icon tabler--external-link"></span> Visit</a> <a class="button" href="https://merping.synth.download/auth/sign_in"><span class="icon tabler--login"></span> Log in</a></p>
<hr class="solid">
{% include "layouts/pages/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>
</article>

31
_includes/layouts/pages/fediverse/moderation.njk
View file

@ -1,9 +1,9 @@
<!-- moderation--> <!-- moderation-->
<article window id="moderation"> <article window id="moderation">
<div class="header"> <div class="header">
<div class="titlebar-icon" aria-hidden="true"> <titlebar-icon aria-hidden="true">
<span class="icon tabler--info-circle"></span> <icon-tabler info-circle></icon-tabler>
</div> </titlebar-icon>
<a href="#moderation">Moderation</a> <a href="#moderation">Moderation</a>
<window-controls aria-hidden="true"> <window-controls aria-hidden="true">
<icon-tabler minimize></icon-tabler> <icon-tabler minimize></icon-tabler>
@ -13,14 +13,14 @@
</close-button> </close-button>
</window-controls> </window-controls>
</div> </div>
<section> <window-contents>
<h2><a href="#moderation">Moderation</a></h2> <h2><a href="#moderation">Moderation</a></h2>
<p>For all of our Fediverse instances that we manage, we moderate collaboratively along with other friends and closely tied instances. We moderate on a "Trust Nobody" level for remote instances, due to past negative experiences with the Fediverse. Frankly, we're a small place with burned-out moderators that want to provide a safe place for ourselves and friends.</p> <p>Our moderation is opinionated and collaboratively done between local moderators and with moderation friends from other instances. We try to have a good balance between having a safe community with little nuisance while being openly federated with wider communities.</p>
<p>We have little spoons to deal with anything and tend to take action swiftly. We <b>suspend</b> instances that:</p> <p>We have little spoons to deal with issues and tend to take action swiftly. We <b>suspend</b> instances that:</p>
<ul> <ul>
<li>Consists of having communities/a majority of users who are racist/facists, queerphobic, and anything else crossing those lines <i>or</i> breaks any of our rules.</li> <li>Consists of having communities/a majority of users who are racist/facists, queerphobic, and anything else crossing those lines <i>or</i> breaks any of our rules.</li>
<li>Known instances or communities/groups that harass others/our own communities and friends.</li> <li>Known instances or communities/groups that harass others/our own communities and friends.</li>
<li>Heavily radiates "Bad Vibes" to us collectively <small><i>(In ways where an instance may not appear bad on the surface, but consistently points in directions that nudges towards ideas that either harm us or risks our own safety)</i></small>.</li> <li>Heavily radiates "Bad Vibes" to us collectively as a community <small><i>(In ways where an instance may not appear bad on the surface, but consistently points in directions that nudges towards ideas that either harm us or risks our own safety)</i></small>.</li>
<li>Maliciously modifies federation (Ignoring deletes, converting non-public posts to public, Etc.)</li> <li>Maliciously modifies federation (Ignoring deletes, converting non-public posts to public, Etc.)</li>
</ul> </ul>
<p>For anything else, we usually tend to <b><small>media-</small>silence</b>:</p> <p>For anything else, we usually tend to <b><small>media-</small>silence</b>:</p>
@ -28,24 +28,15 @@
<li>Instances without rules for tagging content/with users that consistently don't properly tag posts, such as politics and NSFW-related posts.</li> <li>Instances without rules for tagging content/with users that consistently don't properly tag posts, such as politics and NSFW-related posts.</li>
<li>Instances that mainly to <i>only</i> consists of heavy amounts of "Irony-poisoned" or "racism funny" posting.</li> <li>Instances that mainly to <i>only</i> consists of heavy amounts of "Irony-poisoned" or "racism funny" posting.</li>
<li>Instances that may not be "bad" or break any rules on the surface, but collectively gives us very offputting vibes that we deem it possibly unsafe and limit federation for safety reasons.</li> <li>Instances that may not be "bad" or break any rules on the surface, but collectively gives us very offputting vibes that we deem it possibly unsafe and limit federation for safety reasons.</li>
<li>Large instances affected by spam attacks.</li> <li>Large instances that could be affected by spam attacks.</li>
</ul> </ul>
<p><i>By default</i>, we don't block through guilt-by-federation. <i>However</i>, if we find an instance that consistently federates or otherwise associates and notably supports bad actors - more specifically those who have otherwised harmed us or others/close friends and instances before - we may consider the instance for <b>suspension</b> depending on the case. This is entirely for the safety of our own community and the many risk factors of keeping continued federation.</p> <p><i>By default</i>, we don't block through guilt-by-federation. <i>However</i>, if we find an instance that consistently federates or otherwise associates and notably supports bad actors - more specifically those who have otherwised harmed us or others/close friends and instances before - we may consider the instance for <b>suspension</b> depending on the case. This is entirely for the safety of our own community and the many risk factors of keeping continued federation.</p>
<p>We also may <b>suspend</b>/<i>silence</i> instances if our users are reportedly uncomfortable about them, whether via the users or the content on the instance. Again, we want a safe space for ourselves and friends.</p> <p>We also may <b>suspend</b>/<i>silence</i> instances if our users are reportedly uncomfortable about them, whether via the users or the content on the instance. Again, we want a safe space for ourselves and friends.</p>
<p>Our actions aren't limited to what is based on interactions from/within our own community. If we find harassment or otherwise any negative behavior towards other users or our close friends/instances, action <i>will</i> still be done. Remember: we moderate <i>collaboratively</i>.</p> <p>Our actions aren't limited to what is based on interactions from/within our own community. If we find harassment or otherwise any negative behavior towards other users or our close friends/instances, action <i>will</i> still be done. Remember: we moderate <i>collaboratively</i>.</p>
<p>To be frank, we are a small group of burned-out moderators with past negative experiences on the fediverse and therefore choose to moderate how we will to protect ourselves and our community.</p>
<hr class="solid"> <hr class="solid">
<p>If you're a user, and would like to question any of our moderation decisions or actions, or talk about a specific instance <small>(or for more information on why we block/silence a specific instance)</small>, feel free to bring it up with the moderators/administrators. If it's an instance/user you deem should be up for moderation action, report it instead.</p> <p>If you're a user, and would like to question any of our moderation decisions or actions, or talk about a specific instance <small>(or for more information on why we block/silence a specific instance)</small>, feel free to bring it up with the moderators/administrators. If it's an instance/user you deem should be up for moderation action, report it instead.</p>
<details class="cw">
<summary><span class="icon tabler--alert-triangle"></span> More sensitive topics about moderation and the wider Fediverse <span class="icon tabler--chevron-down"></span></summary>
<section>
<p>For those who think our moderation is <i>"too strict"</i>, the Fediverse has caused us harm and has shown that it's an untrustworthy network, from time and time again. Our moderation decisions are made through blood and tears, as it is impossible to trust anyone on here.</p>
<p>Being completely honest: The Fediverse is a <i>horrible</i> network filled with <i>terrible</i> people from a moderator standpoint. Harassment, grooming/pedophilia issues and those who align with it, Nazi's crawling from every corner, having to deal with "Your Opinions Suck" and people attempting to force publicize/normalize traumatic experiences... Basically, everything that a normal user doesn't see because we get to it first.</p>
<p>As for why we still bother with the Fediverse and don't go anywhere else, it also happens to be the only platform with the same beings and creatures that we enjoy sharing presense with, along with multitudes of customizations compared to other existing platforms.</p>
<p>And despite everything, we still host our Fediverse instances with pride and care, to provide a safe and curated space, for those who want to be with us. <span class="icon tabler--heart" style="color:var(--green);"></span></p>
<p><small>For any visitors passing by, please thank your admins and moderators. Maybe give them some pocket change, it's the least you can do to help them regain some sanity. <span class="icon tabler--heart" style="color:var(--red);"></span></small></p>
</section>
</details>
<hr class="solid"> <hr class="solid">
<p>If you'd wish to see our moderation lists, such as all of our instance blocks and silences, check if the software that the instance you're housed on allows you to view our moderation policies directly. If that is not the case, ask a moderator/administrator and we'll pass a copy of our current lists over.</p> <p>To see moderation lists, such as silenced and blocked instances, please check the About Instance information on your instance to see if it's made available to you directly. If that is not the case, ask a moderator/administrator and give you a copy of our current list.</p>
</section> </window-contents>
</article> </article>

26
_includes/layouts/pages/fediverse/rules.njk
View file

@ -1,9 +1,9 @@
<!-- instance rules --> <!-- instance rules -->
<article window id="rules"> <article window id="rules">
<div class="header"> <div class="header">
<div class="titlebar-icon" aria-hidden="true"> <titlebar-icon aria-hidden="true">
<span class="icon tabler--info-circle"></span> <icon-tabler notebook></icon-tabler>
</div> </titlebar-icon>
<a href="#rules">Rules</a> <a href="#rules">Rules</a>
<window-controls aria-hidden="true"> <window-controls aria-hidden="true">
<icon-tabler minimize></icon-tabler> <icon-tabler minimize></icon-tabler>
@ -13,24 +13,30 @@
</close-button> </close-button>
</window-controls> </window-controls>
</div> </div>
<section> <window-contents>
<h2><a href="#rules">Rules</a></h2> <h2><a href="#rules">Rules</a></h2>
<p>Our <a href="/tos">Terms of Service</a> applies when using the Fediverse as our instance rules, both for our own community and also as we moderate those remotely. Rules may be a bit lax for our own local community, as we <i>trust</i> you to be here. We recommend reading our Terms of Service to get a baseline that applies as rules, but to summarize:</p> <p>Our <a href="/tos">Terms of Service</a> applies when using the Fediverse as our instance rules, both for our own community and also as we moderate those remotely. Rules may be a bit lax for our own local community, as we <i>trust</i> you to be here. We recommend reading our Terms of Service to get a baseline that applies as rules, but to summarize:</p>
<ul> <ul>
<li> <li>
No nazism, racism, antisemitism, queerphobia of any type, bigotry of any kind or harassment. <b>Any type of hate speech is not allowed.</b> No nazism, racism, antisemitism, queerphobia of any type, bigotry of any kind, or harassment. <b>Any type of hate speech is not allowed. We are <i>not</i> a "Free Speech" zone.</b>
</li> </li>
<li> <li>
<b>Pedophilia, zoophilia and "radqueers" are not allowed.</b> This also includes any references/usage of fictional counterparts, such as lolicon/shota and cub pornography. <b>Pedophilia, zoophilia, "radqueers" and other related communities and labels are not allowed.</b> This also includes any references/usage of fictional counterparts, such as lolicon/shota and cub pornography.
</li> </li>
<li> <li>
<b>No illegal content.</b> Don't post anything that would otherwise get us into legal trouble, as within Canadian laws. <i>This excludes any anti-queer laws that otherwise harm us.</i> If you need a baseline for what is considered "Illegal content", consider if what you're posting would get the police to show up at your door. Don't post anything that would otherwise get us into legal trouble, as within Canadian laws.
</li> </li>
<li> <li>
<b>Properly use content warnings when posting.</b> Be considerate for others, add a properly labeled content warning to your post as needed. Required for content such as NSFW content (also including kinks and such) and world/local politics, or anything that may be depressing to others. Reclaimed slurs may be left without a content warning, as long as you know and respect your own space/"audience". No spam. Obviously.
</li> </li>
<li> <li>
As mentioned in rule #1: <b>Don't harass other individuals.</b> Shaming billionaires and capitalists and whatnot is fine by us, but don't be a dick to others who haven't done anything wrong. <b>Use content warnings.</b> Be considerate for others, add a properly labeled content warnings to your posts as needed, such as:
<ul>
<li>NSFW content as a whole (including kinks, fetishes, etc)</li>
<li>World/local politics</li>
<li>Otherwise content that may possibly be distressing/depressing to others</li>
</ul>
Reclaimed slurs may be left without a content warning, as long as you know and respect your own space/"audience".
</li> </li>
<li> <li>
<b>Respect your own and others right to privacy, opinions, and boundaries.</b> <i>Especially</i> for boundaries, make an effort to ensure you aren't overstepping someone's comfort zone. <b>Respect your own and others right to privacy, opinions, and boundaries.</b> <i>Especially</i> for boundaries, make an effort to ensure you aren't overstepping someone's comfort zone.
@ -45,5 +51,5 @@
<small>beep merp rawr :3</small> <small>beep merp rawr :3</small>
</li> </li>
</ul> </ul>
</section> </window-contents>
</article> </article>

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

@ -1,37 +0,0 @@
<!-- instance features -->
<article window id="features">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#features">Features</a>
<window-controls aria-hidden="true">
<icon-tabler minimize></icon-tabler>
<icon-tabler maximize></icon-tabler>
<close-button aria-hidden="true">
<icon-tabler x></icon-tabler>
</close-button>
</window-controls>
</div>
<section>
<h2><a href="#features">Features</a></h2>
<p>What users receive in terms of differences from, for example here, the average <small>(vanilla)</small> Mastodon instance:</p>
<ul>
<li>
Quote posting
</li>
<li>
Emoji reactions
</li>
<li>
All of the fun/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>
</article>

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

@ -1,29 +0,0 @@
<!-- information -->
<article window id="information">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#information">Instance information</a>
<window-controls aria-hidden="true">
<icon-tabler minimize></icon-tabler>
<icon-tabler maximize></icon-tabler>
<close-button aria-hidden="true">
<icon-tabler x></icon-tabler>
</close-button>
</window-controls>
</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 other instances.</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 class="info-box info"><span class="icon tabler--info-circle"></span> If Sharkey isn't your type of software, we have a sibiling <a href="/iceshrimp">Iceshrimp</a> instance that provides most of the Misskey-like and other advanced features while keeping out the more complex or "non-sense" features, on top of a stable, more Mastodon-compatible base. Alternatively, we also provide a <a href="/mastodon">Mastodon</a> instance with extra features like support for Emoji reactions baked in, recommended if you prefer a more basic and calmer experience to social media and compatibility with most Fediverse clients and software.</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>
</article>

51
_includes/layouts/pages/fediverse/sharkey/intro.njk
View file

@ -1,51 +0,0 @@
<!-- sharkey introduction -->
<article window id="sharkey">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--universe"></span>
</div>
<a href="#sharkey">Beepkey!</a>
<window-controls aria-hidden="true">
<icon-tabler minimize></icon-tabler>
<icon-tabler maximize></icon-tabler>
<close-button aria-hidden="true">
<icon-tabler x></icon-tabler>
</close-button>
</window-controls>
</div>
<section>
<h1 style="text-align:center;"><a href="https://joinsharkey.org" target="_blank" style="vertical-align:middle;"><img src="/assets/fedi/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> or <a href="/mastodon">Mastodon</a> instances.</small></p>
<p style="text-align:center;"><a class="button" href="https://booping.synth.download"><span class="icon tabler--external-link"></span> Visit</a></p>
<p style="text-align:center;"><a class="button" href="https://github.com/poppingmoon/aria#aria"><span class="icon tabler--device-mobile"></span> Aria</a> <a class="button" href="#tips"><span class="icon tabler--bulb"></span> Tips & Tricks</a></p>
<p style="text-align:center;margin-bottom:-1rem;opacity:.8;"><small><b>Note:</b> Mastodon-based 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/pages/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="#tips">Tips & Tricks</a>
</li>
<li>
<a href="#bubble">Bubble timeline</a>
</li>
<li>
<a href="#moderation">Moderation</a>
</li>
</ul>
</section>
</details>
</section>
</article>

64
_includes/layouts/pages/fediverse/sharkey/tips.njk
View file

@ -1,64 +0,0 @@
<!-- iceshrimp tips & tricks -->
<article window id="tips">
<div class="header">
<div class="titlebar-icon" aria-hidden="true">
<span class="icon tabler--info-circle"></span>
</div>
<a href="#tips">Tips & Tricks</a>
<window-controls aria-hidden="true">
<icon-tabler minimize></icon-tabler>
<icon-tabler maximize></icon-tabler>
<close-button aria-hidden="true">
<icon-tabler x></icon-tabler>
</close-button>
</window-controls>
</div>
<section>
<h2><a href="#tips">Tips & Tricks</a></h2>
<p>A few notable, useful worth-sharing tips & tricks for Sharkey users. You may also suggest any to be added here.</p>
<hr class="solid">
<details class="styled">
<summary>Using comfortably on mobile/restricted environments <span class="icon tabler--arrow-autofit-height"></span></summary>
<section>
<p>Sharkey works best via it's web UI frontend. Sometimes, this may be uncomfortable on mobile or generally lower-end devices.</p>
<p>You have a few options to try out:</p>
<ul>
<li>Try using a Chromium based browser to use Sharkey</li>
<ul>
<li>Sharkey performs notably better under a Chromium based environment, and if on Android, may also use less battery in the process.</li>
<ul>
<li>For iOS users, this option may not be helpful/do no change at all.</li>
</ul>
</ul>
<li>Try using the <a href="https://github.com/poppingmoon/aria#aria">Aria</a> client, as we suggest for mobile users.</li>
<ul>
<li>It's a native, basically 1-to-1 compatible Misskey client. While it's focused on supporting Misskey features, it also supports some of the Sharkey features such as editing.</li>
<li>They also provide builds for anything other than mobile devices, including native builds for Windows, Mac and Linux.</li>
</ul>
<li>Disable all effects and animations in the client settings</li>
<ul>
<li>Go to your <a href="https://booping.synth.download/settings/preferences">Preferences</a></li>
<li>Look under the "Accessibility" and "Performance" tab. You can disable UI animations, MFM, and blur effects.</li>
</ul>
<li>Use a Mastodon client</li>
<ul>
<li>As Mastodon is more popular, there a lot of clients for Mastodon that perform better in all cases. However, Sharkey's Masto-API implementation isn't great, and may ultimately be a worse experience over the other methods provided.</li>
</ul>
</ul>
</section>
</details>
<details class="styled">
<summary>Disable the "Widgets" sidebar <span class="icon tabler--arrow-autofit-height"></span></summary>
<section>
<p>In the normal UI view, Sharkey has a permanent sidebar that holds widgets on the right side of the UI, which cannot be disabled. It, however, is not required in any way for normal usage, so we may use custom CSS on the client in order to remove it.</p>
<p>Simply go to your <a href="https://booping.synth.download/settings/custom-css">custom CSS</a> settings and add the below snippet:</p>
{% highlight css %}
[class^="universal-widgets-"] {
display: none;
}
{% endhighlight %}
<p>Once applied and refreshed, the widgets sidebar should now be gone. <small><i>Note that this won't effect the sidebar that appears on mobile (opened through a button on the navbar) so it's safe to use this CSS on mobile as well, in the case of client settings syncing.</i></small></p>
</section>
</details>
</section>
</article>

3
_includes/styles/base/base.css
View file

@ -174,7 +174,8 @@ small a {
/* lists need some styling */ /* lists need some styling */
ul { ul {
margin-left: -1.3rem; margin-left: -1.3rem;
ul { margin-bottom: .5rem; } list-style-type: square;
ul { margin-top: .5rem; margin-bottom: .5rem; }
li { li {
margin-bottom: .5rem; margin-bottom: .5rem;

1
_includes/styles/base/icons.css
View file

@ -38,6 +38,7 @@ icon-tabler {
&[brand-tabler] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m8 9l3 3l-3 3m5 0h3'/%3E%3Cpath d='M3 7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4z'/%3E%3C/g%3E%3C/svg%3E"); } &[brand-tabler] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m8 9l3 3l-3 3m5 0h3'/%3E%3Cpath d='M3 7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4z'/%3E%3C/g%3E%3C/svg%3E"); }
&[building-bank] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 21h18M3 10h18M5 6l7-3l7 3M4 10v11m16-11v11M8 14v3m4-3v3m4-3v3'/%3E%3C/svg%3E"); } &[building-bank] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 21h18M3 10h18M5 6l7-3l7 3M4 10v11m16-11v11M8 14v3m4-3v3m4-3v3'/%3E%3C/svg%3E"); }
&[bulb] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12h1m8-9v1m8 8h1M5.6 5.6l.7.7m12.1-.7l-.7.7M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0-1 3a2 2 0 0 1-4 0a3.5 3.5 0 0 0-1-3m.7 1h4.6'/%3E%3C/svg%3E"); } &[bulb] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12h1m8-9v1m8 8h1M5.6 5.6l.7.7m12.1-.7l-.7.7M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0-1 3a2 2 0 0 1-4 0a3.5 3.5 0 0 0-1-3m.7 1h4.6'/%3E%3C/svg%3E"); }
&[chart-bubble] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 16a3 3 0 1 0 6 0a3 3 0 1 0-6 0m11 3a2 2 0 1 0 4 0a2 2 0 1 0-4 0M10 7.5a4.5 4.5 0 1 0 9 0a4.5 4.5 0 1 0-9 0'/%3E%3C/svg%3E"); }
&[chevron-down] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E"); } &[chevron-down] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E"); }
&[cloud-network] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 20h7m4 0h7m-11 0a2 2 0 1 0 4 0a2 2 0 0 0-4 0m2-4v2m-4-1.996H6.657C4.085 16 2 13.993 2 11.517s2.085-4.482 4.657-4.482c.393-1.762 1.794-3.2 3.675-3.773c1.88-.572 3.956-.193 5.444 1c1.488 1.19 2.162 3.007 1.77 4.769h.99c1.913 0 3.464 1.56 3.464 3.486s-1.551 3.487-3.465 3.487H16'/%3E%3C/svg%3E"); } &[cloud-network] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 20h7m4 0h7m-11 0a2 2 0 1 0 4 0a2 2 0 0 0-4 0m2-4v2m-4-1.996H6.657C4.085 16 2 13.993 2 11.517s2.085-4.482 4.657-4.482c.393-1.762 1.794-3.2 3.675-3.773c1.88-.572 3.956-.193 5.444 1c1.488 1.19 2.162 3.007 1.77 4.769h.99c1.913 0 3.464 1.56 3.464 3.486s-1.551 3.487-3.465 3.487H16'/%3E%3C/svg%3E"); }
&[corner-down-right] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 6v6a3 3 0 0 0 3 3h10l-4-4m0 8l4-4'/%3E%3C/svg%3E"); } &[corner-down-right] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 6v6a3 3 0 0 0 3 3h10l-4-4m0 8l4-4'/%3E%3C/svg%3E"); }

30
_includes/styles/pages/fediverse.css
View file

@ -2,4 +2,34 @@ article#instances {
card-container { card-container {
grid-template-columns: 1fr !important; grid-template-columns: 1fr !important;
} }
}
article#bubble {
ul[bubble] {
display: flex;
flex-flow: row wrap;
gap: .7rem;
margin-left: 0;
padding-left: 0;
li {
&::marker { content: ""; }
a {
border-radius: .5rem;
border: .15rem solid var(--border);
padding: .2rem;
text-decoration-color: transparent;
&:hover {
text-decoration-color: inherit;
}
img {
height: 1.5rem;
vertical-align: bottom;
}
}
}
}
} }

10
fediverse.md
View file

@ -4,4 +4,12 @@ layout: "layouts/base/base.njk"
permalink: "/fediverse/" permalink: "/fediverse/"
--- ---
{% include "layouts/pages/fediverse/intro.njk" %} {% include "layouts/pages/fediverse/intro.njk" %}
{% include "layouts/pages/fediverse/instances.njk" %}
{% include "layouts/pages/fediverse/rules.njk" %}
{% include "layouts/pages/fediverse/bubble.njk" %}
{% include "layouts/pages/fediverse/moderation.njk" %}