199 lines
12 KiB
HTML
199 lines
12 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="color-scheme" content="light dark">
|
|
<link rel="stylesheet" href="css/pico.jade.min.css">
|
|
<link rel="stylesheet" href="site-styles/style.css">
|
|
<title>Keyboard Vagabond</title>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Header -->
|
|
<header class="container">
|
|
<nav>
|
|
<!-- Desktop Navigation -->
|
|
<ul class="desktop-nav">
|
|
<li><a target="_blank" href="https://mastodon.keyboardvagabond.com/public">Mastodon</a></li>
|
|
<li><a target="_blank" href="https://piefed.keyboardvagabond.com">Piefed</a></li>
|
|
<li><a target="_blank" href="https://pixelfed.keyboardvagabond.com">Pixelfed</a></li>
|
|
<li><a target="_blank" href="https://bookwyrm.keyboardvagabond.com">Bookwyrm</a></li>
|
|
<li><a target="_blank" href="https://blog.keyboardvagabond.com">Write Freely</a></li>
|
|
<li><a target="_blank" href="https://picsur.keyboardvagabond.com">Picsur</a></li>
|
|
</ul>
|
|
|
|
<!-- Mobile Navigation -->
|
|
<ul class="mobile-nav">
|
|
<li>
|
|
<details class="dropdown">
|
|
<summary role="button" class="secondary">Sites</summary>
|
|
<ul>
|
|
<li><a target="_blank" href="https://mastodon.keyboardvagabond.com/public">Mastodon</a></li>
|
|
<li><a target="_blank" href="https://piefed.keyboardvagabond.com">Piefed</a></li>
|
|
<li><a target="_blank" href="https://pixelfed.keyboardvagabond.com">Pixelfed</a></li>
|
|
<li><a target="_blank" href="https://bookwyrm.keyboardvagabond.com">Bookwyrm</a></li>
|
|
<li><a target="_blank" href="https://blog.keyboardvagabond.com">Write Freely</a></li>
|
|
<li><a target="_blank" href="https://picsur.keyboardvagabond.com">Picsur</a></li>
|
|
</ul>
|
|
</details>
|
|
</li>
|
|
</ul>
|
|
|
|
<ul>
|
|
<li><a href="about.html">About</a></li>
|
|
<li>
|
|
<button id="theme-toggle" class="outline secondary" role="switch" aria-label="Toggle theme">
|
|
<span id="theme-icon">🌙</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<div class="banner-container">
|
|
<img src="https://picsur.michaeldileo.org/i/36516edf-1a67-4565-aa8e-c10dbe743fd6.jpg?width=2048" alt="Scenic mountain road with snow-capped peaks" class="banner">
|
|
<h1 class="banner-title">Welcome to Keyboard Vagabond</h1>
|
|
<p class="banner-subtitle">A space in the fediverse for travelers, nomads, and vagabonds of all kinds</p>
|
|
</div>
|
|
|
|
<!-- Main content -->
|
|
<main class="container">
|
|
<p>We welcome you to this space to connect with others, share information, create memories, and help each other
|
|
to travel responsibly and considerately as we explore the world.</p>
|
|
<p><mascot here? :D >
|
|
<strong>mascot intro and why it was chosen</strong>
|
|
</p>
|
|
<p><strong>Here, you are a member, not just a user</strong> - We want to create community in this space, being
|
|
respectful of each other as well as the places go and the people we see. This space is what we make of it.
|
|
</p>
|
|
<h2>What you'll find here</h2>
|
|
<p>Keyboard Vagabond hosts the various fediverse alternatives to big tech and participates in the network.
|
|
Available to you is:</p>
|
|
<ul>
|
|
<li><strong><a href="https://piefed.keyboardvagabond.com">Piefed</a></strong> - Similar to and compatible
|
|
with <a href="https://join-lemmy.org">Lemmy</a>, but with extra features for topics and communities.
|
|
Both are an alternative to Reddit. See more at <a href="https://join-lemmy.org">join-lemmy.org</a> and
|
|
<a href="https://join.piefed.social/try/">join.piefed.social</a>.</li>
|
|
<li><strong><a href="https://pixelfed.keyboardvagabond.com">Pixelfed</a></strong> - An alternative to
|
|
instagram, where you can share your photos, albums, and create stories. See more at <a
|
|
href="https://pixelfed.org/servers">pixelfed.org</a>.</li>
|
|
<li><strong><a href="https://mastodon.keyboardvagabond.com">Mastodon</a></strong> - An alternative to
|
|
twitter. Create your timeline by following users and hashtags. See more at <a
|
|
href="https://joinmastodon.org/servers">joinmastodon.org</a>.</li>
|
|
<li><strong><a href="https://bookwyrm.keyboardvagabond.com">Bookwyrm</a></strong> - All about books! Discuss
|
|
and review books with people across the fediverse. See more at <a
|
|
href="https://joinbookwyrm.com">joinbookwyrm.com</a>.</li>
|
|
<li><strong><a href="https://blog.keyboardvagabond.com">Write Freely</a></strong> - A minimalist, federated
|
|
blogging platform. Comment and discuss across the fediverse, such as on mastodon (direct comments aren't
|
|
available yet, but can be done on Mastodon). See more at <a
|
|
href="https://writefreely.org/instances">writefreely.org</a>.</li>
|
|
<li><strong><a href="https://picsur.keyboardvagabond.com">Picsur</a></strong> - Like Imgur for image
|
|
hosting, to use for images in your blogs. You can also use Pixelfed. Contact the admin for Picsur
|
|
signup, as there's no automated signup process.</li>
|
|
</ul>
|
|
<strong>Mobile Apps</strong>
|
|
<p>
|
|
<ul>
|
|
<li>
|
|
<strong>Piefed</strong> - Piefed has support in <a href="https://www.lemmyapps.com/Interstellar" target="_blank">Interstellar (cross platform)</a> and experimental support in
|
|
<a href="https://vger.app/settings/install">Voyager (Android)</a>, though features like topics and communities are best served on the website.
|
|
</li>
|
|
<li>
|
|
<strong><a href="https://pixelfed.org/mobile-apps" target="_blank">Pixelfed</a></strong>, <strong><a href="https://joinmastodon.org/apps" target="_blank">Mastodon</a></strong> - have native mobile apps
|
|
</li>
|
|
<li>
|
|
<strong>Lemmy</strong> - many of your favorite reddit apps can be used with Lemmy
|
|
</li>
|
|
</ul>
|
|
<span>The rest of the applications are accessible on the websites and can be added to your homescreen.</span><br/>
|
|
<span><strong>Signing in</strong> - you'll search the server that you want to join, such as mastodon.social or mastodon.keyboardvagabond.com, or use the provided default instances.</span>
|
|
</p>
|
|
<h1>What is the Fediverse</h1>
|
|
<p>The fediverse is a collection of big-tech alternative social media that all communicate with each other using
|
|
the same protocol, called ActivityPub. This means that not only can different “instances,” such as this
|
|
community, participate with discussions on other servers, but also with the different applications. You can
|
|
think of it like email, where people can have accounts with different companies, but can communicate with
|
|
any other email provider - but on steroids.</p>
|
|
<p>You can make a post on Mastodon, tag a community on Lemmy/Piefed and people there can respond. Someone can
|
|
make a video on PeerTube (Youtube alternative) and discuss on Mastodon. Your Write Freely blog posts will,
|
|
if you enable it, be visible on Mastodon and people can follow your blog account.</p>
|
|
<p>Check out this amazing four minute video by <a href="https://news.elenarossini.com">Elena Rossini</a>. You can follow her
|
|
on Mastodon by searching @_elena@mastodon.social.</p>
|
|
<div class="video-container">
|
|
<iframe title="Introducing the Fediverse: a New Era of Social Media"
|
|
src="https://videos.elenarossini.com/videos/embed/64VuNCccZNrP4u9MfgbhkN" frameborder="0" allowfullscreen=""
|
|
sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
|
|
loading="lazy"></iframe>
|
|
</div>
|
|
<h2>Getting started in the Fediverse</h2>
|
|
<p>The best way to see what's available in the fediverse is to start off on a larger instance, which will be
|
|
following the most content. From there you can follow communities and members on Keyboard Vagabond, or
|
|
export your profiles, follows, etc over to Keyboard Vagabond. You can, of course, have multiple profiles
|
|
across instances.</p>
|
|
<p>Once you choose and place and sign up, wait for your admin approval. Many instances require manual account
|
|
approval to prevent spam.</p>
|
|
<strong>Popular places to get started are</strong>:<br/>
|
|
<ul>
|
|
<li>
|
|
<strong><a href="https://lemmy.zip">Lemmy.zip</a></strong> for Lemmy or <strong><a
|
|
href="https://piefed.social">Piefed.social</a></strong> for PieFed, which is the software that this
|
|
community runs.
|
|
</li>
|
|
<li><strong><a href="https://mastodon.social">Mastodon.social</a></strong> - the largest mastodon instance.
|
|
Search for hashtags or check out whats trending and follow them to create your timeline.
|
|
</li>
|
|
<li><strong><a href="https://pixelfed.social">Pixelfed.social</a></strong> - the largest Pixelfed instance. Also
|
|
search for timelines and hashtags of things that you're interested in or what may be trending.
|
|
</li>
|
|
</ul>
|
|
<strong>Codes of Conduct</strong><br />
|
|
<span>
|
|
While corporate media is primarily interested in the Terms of Service, the Fediverse cares about the
|
|
Code of Conduct, the agreement of how we treat each other and what behavior is and is not tolerated.
|
|
Each instance should have one, including those of Keyboard Vagabond. These agreements help us to
|
|
create welcoming spaces that are free of harassment and bigotry.
|
|
</span>
|
|
</p>
|
|
|
|
<h2>Creating your experience</h2>
|
|
<p>
|
|
In the fediverse, there are no algorithms. No one is trying to harvest your data or monetize your attention.
|
|
No one is trying to push anything in front of you. Try searching for hashtags like <a
|
|
href="https://mastodon.keyboardvagabond.com/tags/travel">#travel</a> or <a
|
|
href="https://mastodon.keyboardvagabond.com/tags/travelphotography">#travelphotography</a>.</p>
|
|
<div class="photo-gallery">
|
|
<div class="photo-item">
|
|
<small>Check out that Explore button on the main page.</small>
|
|
<img src="https://picsur.keyboardvagabond.com/i/e8ab899f-5bb4-4cf1-b531-8621ac93670e.png?width=400"
|
|
alt="Explore button on main page" loading="lazy" />
|
|
</div>
|
|
<div class="photo-item">
|
|
<small>Visit the Posts, Hashtags, and News tabs to see what's on the server</small>
|
|
<img src="https://picsur.keyboardvagabond.com/i/aea3c3c5-b011-4680-be4c-96fc1fdb009a.png?width=700"
|
|
alt="Posts, Hashtags, and News tabs" loading="lazy" />
|
|
</div>
|
|
<div class="photo-item">
|
|
<small>Look at the local communities to see what communities have been created on this server specifically. The rest of the communities are ones that this server is following.
|
|
Following communities on other instances will result in them being shown here.
|
|
</small>
|
|
<img src="https://picsur.keyboardvagabond.com/i/b5d316d9-8958-47bf-ba74-fb853e2d2be8.png?width=700"
|
|
alt="Communities, Local Communities" loading="lazy" />
|
|
</div>
|
|
<div class="photo-item">
|
|
<small>Scroll all the way to the bottom to find local topics. Topics are groups of communities. You can suggest more in the Meta community.</small>
|
|
<img src="https://picsur.keyboardvagabond.com/i/e5909364-3c4f-4bca-8631-5b1225781177.png?width=700"
|
|
alt="Local topics" loading="lazy" />
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer></footer>
|
|
|
|
<script src="scripts/bundle.js"></script>
|
|
<script src="site-scripts/theme-toggle2.js"></script>
|
|
</body>
|
|
|
|
</html> |