Files
Keyboard-Vagabond-Web/public/index.html

150 lines
9.7 KiB
HTML
Raw Normal View History

<!doctype html>
2025-08-13 19:10:31 -05:00
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
2025-08-13 19:10:31 -05:00
<meta name="color-scheme" content="light dark">
<link rel="stylesheet" href="css/pico.green.min.css">
<link rel="stylesheet" href="css/pico.colors.min.css">
<link rel="stylesheet" href="site-styles/style.css">
2025-08-13 19:10:31 -05:00
<title>Keyboard Vagabond</title>
</head>
<body>
<!-- Header -->
2025-08-13 19:10:31 -05:00
<header class="container">
<nav>
<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>
<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">
2025-08-13 19:10:31 -05:00
<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>&lt;mascot here? :D &gt;
<strong>mascot intro and why it was chosen</strong>
</p>
2025-08-13 19:10:31 -05:00
<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>
<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>
2025-08-13 19:10:31 -05:00
<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@aseachange.com.</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=""
2025-08-13 19:10:31 -05:00
sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
loading="lazy"></iframe>
</div>
<h2>How to get 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>
<p><strong>Popular places to get started are</strong>:</p>
<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
2025-08-13 19:10:31 -05:00
community runs.
</p>
<p><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.</p>
<p><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.</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/48624639-e731-4e50-a166-f88cf9eccded.jpg?width=400"
2025-08-13 19:10:31 -05:00
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/d05996c7-5c23-450e-9ca0-b7e532d1c700.jpg?width=700"
2025-08-13 19:10:31 -05:00
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.michaeldileo.org/i/e07dddbc-d264-4f12-8877-17eed896026a.jpg?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.michaeldileo.org/i/5a977aa0-b9bb-4376-a348-f879c7162f63.jpg?width=700"
alt="Local topics" loading="lazy" />
</div>
</div>
</main>
<!-- Footer -->
<footer></footer>
2025-08-13 19:10:31 -05:00
<script src="scripts/bundle.js"></script>
</body>
</html>