drone build Tue Sep 29 14:22:06 PDT 2026
This commit is contained in:
inherentlee committed
1 parent
e4a2187478
commit
114101c54d
325 files changed
+3577
-3461
No files matched your search
@@ -40,7 +40,110 @@
|
||||
|
||||
|
||||
|
||||
<style>.post-metadata {
|
||||
<style>#toc {
|
||||
float: right;
|
||||
margin: 1rem 0 1.5rem 1.5rem;
|
||||
width: fit-content;
|
||||
max-width: 55%;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
#toc {
|
||||
float: unset;
|
||||
margin-top: 2rem;
|
||||
margin-left: .5rem;
|
||||
width: calc(100% - .5rem);
|
||||
max-width: unset;
|
||||
}
|
||||
}
|
||||
|
||||
#toc details {
|
||||
border: thick solid var(--color-pink);
|
||||
border-radius: 1rem;
|
||||
margin-top: 1rem;
|
||||
background-color: var(--color-bg);
|
||||
}
|
||||
|
||||
#toc summary {
|
||||
position: relative;
|
||||
top: -1.5rem;
|
||||
left: -.75rem;
|
||||
width: fit-content;
|
||||
background: var(--color-bg);
|
||||
border-radius: .5rem;
|
||||
cursor: pointer;
|
||||
padding-inline-end: .25rem;
|
||||
}
|
||||
|
||||
#toc summary:focus-visible {
|
||||
outline: .15rem solid var(--color-teal);
|
||||
}
|
||||
|
||||
#toc summary::marker {
|
||||
font-size: 2.35rem;
|
||||
}
|
||||
|
||||
#toc h2 {
|
||||
margin-top: 0;
|
||||
display: inline;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
#toc nav {
|
||||
position: relative;
|
||||
top: -1.25rem;
|
||||
}
|
||||
|
||||
/* `tree` style toc */
|
||||
#toc nav > ol {
|
||||
margin-inline: 1rem;
|
||||
}
|
||||
|
||||
#toc ol {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#toc li {
|
||||
position: relative;
|
||||
padding-inline-start: 1em;
|
||||
list-style: none;
|
||||
margin-block: 0;
|
||||
margin-left: .35rem;
|
||||
}
|
||||
|
||||
#toc li::before,
|
||||
#toc li::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
box-sizing: border-box;
|
||||
inset-block: 0 auto;
|
||||
inset-inline: 0 auto;
|
||||
inline-size: .75em;
|
||||
border-inline-start: .1rem solid var(--color-pink);
|
||||
}
|
||||
|
||||
#toc li::before {
|
||||
block-size: .5lh;
|
||||
border-block-end: .1rem solid var(--color-pink);
|
||||
content: "";
|
||||
}
|
||||
|
||||
#toc li:not(:last-child)::after {
|
||||
block-size: 100%;
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* underlines are unnecessary in this context */
|
||||
#toc a {
|
||||
text-decoration: none;
|
||||
color: var(--color-blue);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#toc a:focus-visible {
|
||||
outline-color: var(--color-pink);
|
||||
}
|
||||
.post-metadata {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
justify-content: space-between;
|
||||
@@ -1830,7 +1933,37 @@ switch (currentThemeValue) {
|
||||
<img class="hero" src="/img/madrone-bark.jpg" alt="Image unrelated to post. A close up shot of the curling, shedding bark of the madrone tree. The shedding bark is a beautiful rusty brown, and the tree underneath light green." loading="lazy" decoding="async" width="1000" height="666">
|
||||
|
||||
|
||||
<p>this is a casual introduction to the fediverse (mastodon et al.) I wrote for a friend. I have shared it a few times, so I'm putting it here for ease of reference.</p>
|
||||
|
||||
|
||||
<aside id="toc">
|
||||
<details>
|
||||
<summary><h2>table of contents</h2></summary>
|
||||
<nav class="toc">
|
||||
<ol>
|
||||
|
||||
<li><a href="#general">general</a>
|
||||
</li>
|
||||
|
||||
<li><a href="#servers">servers</a>
|
||||
</li>
|
||||
|
||||
<li><a href="#moving-between-servers">moving between servers</a>
|
||||
</li>
|
||||
|
||||
<li><a href="#other-benefits-and-community-norms">other benefits and community norms</a>
|
||||
</li>
|
||||
|
||||
<li><a href="#choosing-a-server">choosing a server</a>
|
||||
</li>
|
||||
|
||||
<li><a href="#getting-started">getting started</a>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</details>
|
||||
</aside>
|
||||
|
||||
<p>this is a casual introduction to the fediverse (mastodon et al.) I wrote for a friend. I have shared it a few times, so I'm putting it here for ease of reference.</p>
|
||||
<h2 id="general">general</h2>
|
||||
<p>the general style of fedi is microblogging (and sometimes more macroblogging). There's posts (image/video/audio and polls supported) and hashtags. Depending on your server, your post character limit will vary - some servers allow posts as long as you would ever want, but servers that haven't customized their post limit will be at 500 if I recall correctly. My favorite features of fedi are a) it is not corporate-run and b) there are <strong>no ads!</strong></p>
|
||||
<p>usernames are @user@server. Your server determines things like your post limit, what your UI looks like, who your mods are, and what rules you have to follow. Most of the UIs are pretty similar, so don't worry about that - just know that if you hop servers the interface may be a new color or have a few small changes. (You can also on mobile use an app - I don't recommend the "main" mastodon app. I use tusky on android and like it. Idk about apple, maybe ask for recs.)</p>
|
||||
@@ -1857,6 +1990,7 @@ switch (currentThemeValue) {
|
||||
<li>use tools like <a href="https://communitywiki.org/trunk" target="_blank" rel="external">communitywiki.org/trunk</a> or <a href="https://fedi.directory/" target="_blank" rel="external">fedi.directory/</a> to find people based on topic</li>
|
||||
</ul>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
|
||||
@@ -1935,6 +2069,6 @@ switch (currentThemeValue) {
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/intro-to-the-fediverse/` was built on 2026-09-28T16:39:49.725Z -->
|
||||
<!-- This page `/intro-to-the-fediverse/` was built on 2026-09-29T21:20:49.265Z -->
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user
