125 lines
8.6 KiB
HTML
125 lines
8.6 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>ruben's opinionated fedi guide @ s.p.g</title>
|
|
<link rel="icon" type="image/gif" href="/assets/favicon.png">
|
|
<link rel="stylesheet" type="text/css" href="/colors.css">
|
|
<link rel="stylesheet" type="text/css" href="/font.css">
|
|
<link rel="stylesheet" type="text/css" href="/style.css">
|
|
<link rel="stylesheet" type="text/css" href="/assets/fonts/Phosphor/bold/style.css">
|
|
<link rel="stylesheet" type="text/css" href="/assets/fonts/Phosphor/fill/style.css">
|
|
<link rel="canonical" href="https://sneexy.pages.gay/">
|
|
<link rel="me" href="https://lea.pet/@sneexy">
|
|
<link rel="me" href="https://git.gay/sneexy">
|
|
<meta lang="en-US">
|
|
<meta property="og:url" content="https://sneexy.pages.gay/">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script src="/script.js" defer="defer"></script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- top navbar -->
|
|
<div class="navbar">
|
|
<a class="nav-base nav-baselink" href="/"><i class="ph-bold ph-squares-four"></i> sneexy <small>dot</small> pages <small>dot</small> gay</a>
|
|
<details class="nav-base nav-baselink-mobile">
|
|
<summary><i style="pointer-events:none;" class="ph-bold ph-squares-four"></i> s <i style="pointer-events:none;" class="ph-bold ph-dot"></i> p <i style="pointer-events:none;" class="ph-bold ph-dot"></i> g</summary>
|
|
<ul>
|
|
<li>
|
|
<a href="/"><i class="ph-bold ph-house"></i> home</a>
|
|
</li>
|
|
<li>
|
|
<a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
|
|
</li>
|
|
<li>
|
|
<a href="/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>
|
|
</li>
|
|
</ul>
|
|
</details>
|
|
<nav class="nav-base nav-links">
|
|
<a href="/"><i class="ph-bold ph-house"></i> home</a>
|
|
<i class="ph-bold ph-dot"></i>
|
|
<a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
|
|
<i class="ph-bold ph-dot"></i>
|
|
<a href="/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>
|
|
</nav>
|
|
<p aria-hidden="true" class="nav-base nav-systray"><i class="ph-bold ph-bell"></i> <i class="ph-bold ph-speaker-high"></i> <i class="ph-bold ph-network"></i> <i class="ph-bold ph-battery-full"></i> <i class="ph-bold ph-power"></i></p>
|
|
</div>
|
|
|
|
<!-- dedicated table of contents button -->
|
|
<div class="toc">
|
|
<details>
|
|
<summary alt="Table of Contents" title="Table of Contents"><i style="pointer-events:none;" class="ph-bold ph-list-bullets"></i></summary>
|
|
<ul>
|
|
<li>
|
|
<a href="#fedi-guide">welcome to... ruben's opinionated fediverse guide!</a>
|
|
</li>
|
|
</ul>
|
|
</details>
|
|
</div>
|
|
|
|
<!-- fedi guide introduction -->
|
|
<div id="fedi-guide" class="terminal">
|
|
<div aria-hidden="true" class="term-titlebar">
|
|
<i class="ph-fill ph-terminal"></i>
|
|
<p><a href="#fedi-guide">~/fedi-guide</a></p>
|
|
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
|
</div>
|
|
<section>
|
|
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/fedi-guide</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> ./fedi_guide</p>
|
|
<p style="text-align: center; margin-bottom: -1em;">welcome to...</p>
|
|
<h1 style="text-align: center;"><a href="#fedi-guide">ruben's <small>opinionated</small> fediverse guide!</a></h1>
|
|
<p>hi there! this is my own attempt at making a guide to introduce users to the fediverse, as comfortably and easy as i can try to make it.</p>
|
|
<details class="styled">
|
|
<summary><i class="ph-bold ph-info"></i> for the nerdy reason of this guide existing in the first place:</summary>
|
|
<p>personally, not a fan of mastodon. and it's a shame that it's really the only known piece of fediverse software to the point where people <i>only</i> know what a "mastodon" is and nothing else.</p>
|
|
<p>this is why this guide is "opinionated", because i really dislike how the fediverse is currently expanding, and in my opinion is all being caused by mastodon being the "number one" and being able to get random corpos and projects to come in and ruin our safe spaces.</p>
|
|
<p>so i made this guide with the goal of properly showing other softwares that may be better than mastodon to other people, and making an attempt to teach that it's really not just "mastodon" and there are choices out there, whatever feels more comfortable to use!</p>
|
|
<p>of course, i'll still keep mastodon in this guide, as it is what most instances run.</p>
|
|
<small><i>(eugh... this section is kind of a rambley mess... i'll redo this at some point)</i></small>
|
|
</details>
|
|
<details class="styled" style="background-color: color-mix(in srgb, var(--green) 15%, transparent); margin-top: 1em;">
|
|
<summary><i class="ph-bold ph-thumbs-up"></i> other great fediverse resources to refer to!</summary>
|
|
<ul>
|
|
<li>
|
|
<p><a href="https://jointhefediverse.net">Join the fediverse!</a> is a good website that quickly and easily explains what and how the fediverse works, and a quick guide of each available software.</p>
|
|
</li>
|
|
<li>
|
|
<p><a href="https://furryfediverse.org">Furry Fediverse</a> is a website that briefly explains the fediverse, and contains a bunch of known furry instances to join, with a button to quickly jump into one without much effort! also showcases other neat tools.</p>
|
|
</li>
|
|
</ul>
|
|
</details>
|
|
<p>if you have feedback, you can contact @sneexy@lea.pet on the fediverse and ask about anything! <i class="ph-bold ph-smiley-wink"></i></p>
|
|
<p>anyways, we'll get started now...</p>
|
|
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/fedi-guide</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> <span class="blink">█</span></p>
|
|
</div>
|
|
|
|
<!-- webrings and credits -->
|
|
<footer>
|
|
<div id="webring-credits" class="terminal">
|
|
<br>
|
|
<p><a style="font-size: 1.5rem;" href="/"><i style="color: var(--text);" class="ph-bold ph-house"></i> ...back to home?</a></p>
|
|
<br>
|
|
<p class="fediring"><b><a href="https://fediring.net/previous?host=sneexy.pages.gay"><i class="ph-fill ph-arrow-fat-left"></i></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=sneexy.pages.gay"><i class="ph-fill ph-arrow-fat-right"></i></a></b></p>
|
|
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=sneexy.pages.gay"><i class="ph-fill ph-arrow-fat-left" alt="Previous" title="Previous"></i></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=sneexy.pages.gay"><i class="ph-fill ph-arrow-fat-right" alt="Next" title="Next"></i></a></b></p>
|
|
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous"><i class="ph-fill ph-arrow-fat-left"></i></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next"><i class="ph-fill ph-arrow-fat-right"></i></a></b></p>
|
|
<section class="inner-footer">
|
|
<a href="https://git.gay/sneexy/pages" target="_blank"><i class="ph-bold ph-git-branch" alt="Website source code" title="website source!"></i></a>
|
|
<a href="https://catppuccin.com" target="_blank"><i class="ph-bold ph-cat" alt="Catppuccin" title="Catppuccin"></i></a>
|
|
<a href="https://phosphoricons.com" target="_blank"><i class="ph-bold ph-phosphor-logo" alt="Phosphor Icons" title="Phosphor Icons"></i></a>
|
|
<a href="https://www.jetbrains.com/lp/mono" target="_blank"><i class="ph-bold ph-text-t" alt="JetBrains Mono" title="JetBrains Mono"></i></a>
|
|
<a href="https://www.lexend.com" target="_blank"><i class="ph-bold ph-text-aa" alt="Lexend" title="Lexend"></i></a>
|
|
</section>
|
|
<p>favicon by <a href="https://akko.eepy.zone/users/wep" target="_blank">wep</a></p>
|
|
<p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
|
|
<p>♡2024 All wrongs reversed. Please copy and share.</p>
|
|
<img loading="lazy" src="/assets/dumpysynth.gif" alt="GIF of a synth with a massive butt, shaking it towards the viewer" />
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
|
|
</html>
|