329 lines
24 KiB
HTML
329 lines
24 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">
|
|
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline' https://static.cloudflareinsights.com; object-src 'none';">
|
|
|
|
<!-- Primary SEO Meta Tags -->
|
|
<title>Keyboard Vagabond | Digital Nomad Online Community & Social Media</title>
|
|
<meta name="title" content="Keyboard Vagabond | Digital Nomad Online Community & Social Media">
|
|
<meta name="description" content="Keyboard Vagabond is an online community and social media hub for digital nomads and remote workers. Join Mastodon, Piefed, Pixelfed, and more—ad-free, community-run, and federated.">
|
|
<meta name="keywords" content="fediverse, digital nomad, digital nomad online community, digital nomad social media, nomad community, remote worker community, decentralized social media, travel community, remote work, travel, mastodon, piefed, pixelfed, bookwyrm, write freely, social media alternative, keyboard vagabond">
|
|
<meta name="author" content="Keyboard Vagabond">
|
|
<meta name="robots" content="index, follow">
|
|
<link rel="canonical" href="https://www.keyboardvagabond.com/">
|
|
<link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml">
|
|
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
|
|
|
<!-- Open Graph / Facebook -->
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="https://www.keyboardvagabond.com/">
|
|
<meta property="og:title" content="Keyboard Vagabond | Digital Nomad Online Community & Social Media">
|
|
<meta property="og:description" content="Keyboard Vagabond is an online community and social media hub for digital nomads and remote workers. Join Mastodon, Piefed, Pixelfed, and more—ad-free, community-run, and federated.">
|
|
<meta property="og:image" content="https://picsur.keyboardvagabond.com/i/076a5b88-20d3-426e-ad7f-f24a68d3fa70.jpg?width=1200">
|
|
<meta property="og:site_name" content="Keyboard Vagabond">
|
|
<meta property="og:locale" content="en_US">
|
|
|
|
<!-- Twitter -->
|
|
<meta property="twitter:card" content="summary_large_image">
|
|
<meta property="twitter:url" content="https://www.keyboardvagabond.com/">
|
|
<meta property="twitter:title" content="Keyboard Vagabond | Digital Nomad Online Community & Social Media">
|
|
<meta property="twitter:description" content="Keyboard Vagabond is an online community and social media hub for digital nomads and remote workers. Join Mastodon, Piefed, Pixelfed, and more—ad-free, community-run, and federated.">
|
|
<meta property="twitter:image" content="https://picsur.keyboardvagabond.com/i/076a5b88-20d3-426e-ad7f-f24a68d3fa70.jpg?width=1200">
|
|
|
|
<!-- Additional SEO -->
|
|
<meta name="theme-color" content="#2d5a27">
|
|
<meta name="msapplication-TileColor" content="#2d5a27">
|
|
<meta name="application-name" content="Keyboard Vagabond">
|
|
|
|
<!-- Additional SEO for sitelinks -->
|
|
<meta name="format-detection" content="telephone=no">
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="default">
|
|
<meta name="apple-mobile-web-app-title" content="Keyboard Vagabond">
|
|
|
|
<!-- Help search engines understand site structure -->
|
|
<link rel="home" href="https://www.keyboardvagabond.com/">
|
|
<link rel="index" href="https://www.keyboardvagabond.com/">
|
|
|
|
|
|
<!-- Structured Data -->
|
|
<script type="application/ld+json">
|
|
|
|
</script>
|
|
|
|
<link rel="stylesheet" href="css/pico.jade.min.css">
|
|
<link rel="stylesheet" href="site-styles/style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Header -->
|
|
<header class="container">
|
|
<nav role="navigation" aria-label="Main navigation">
|
|
<!-- Desktop Navigation -->
|
|
<ul class="desktop-nav">
|
|
<li><a target="_blank" href="https://mastodon.keyboardvagabond.com/public" rel="noopener">Mastodon</a></li>
|
|
<li><a target="_blank" href="https://piefed.keyboardvagabond.com" rel="noopener">Piefed</a></li>
|
|
<li><a target="_blank" href="https://pixelfed.keyboardvagabond.com" rel="noopener">Pixelfed</a></li>
|
|
<li><a target="_blank" href="https://bookwyrm.keyboardvagabond.com" rel="noopener">Bookwyrm</a></li>
|
|
<li><a target="_blank" href="https://blog.keyboardvagabond.com" rel="noopener">Write Freely</a></li>
|
|
<li><a target="_blank" href="https://picsur.keyboardvagabond.com" rel="noopener">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" rel="noopener">Mastodon</a></li>
|
|
<li><a target="_blank" href="https://piefed.keyboardvagabond.com" rel="noopener">Piefed</a></li>
|
|
<li><a target="_blank" href="https://pixelfed.keyboardvagabond.com" rel="noopener">Pixelfed</a></li>
|
|
<li><a target="_blank" href="https://bookwyrm.keyboardvagabond.com" rel="noopener">Bookwyrm</a></li>
|
|
<li><a target="_blank" href="https://blog.keyboardvagabond.com" rel="noopener">Write Freely</a></li>
|
|
<li><a target="_blank" href="https://picsur.keyboardvagabond.com" rel="noopener">Picsur</a></li>
|
|
</ul>
|
|
</details>
|
|
</li>
|
|
</ul>
|
|
|
|
<ul>
|
|
<li><a href="getting-started.html">Getting Started</a></li>
|
|
<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>
|
|
|
|
<section class="banner-container" role="banner" aria-labelledby="main-heading">
|
|
<picture>
|
|
<source media="(min-width: 1500px" srcset="https://picsur.keyboardvagabond.com/i/9334b89b-ce7a-49e7-ab85-43047e00f9ee.jpg">
|
|
<source media="(min-width: 1000px" srcset="https://picsur.keyboardvagabond.com/i/9334b89b-ce7a-49e7-ab85-43047e00f9ee.jpg?width=1500&shrinkonly=true">
|
|
<source media="(min-width: 500px" srcset="https://picsur.keyboardvagabond.com/i/9334b89b-ce7a-49e7-ab85-43047e00f9ee.jpg?width=1000&shrinkonly=true">
|
|
<img src="https://picsur.keyboardvagabond.com/i/9334b89b-ce7a-49e7-ab85-43047e00f9ee.jpg" alt="Cartoon view of mountains with a dirt trail in the center. A wooden sign reads Keyboard Vagabond.">
|
|
</picture>
|
|
<h1 id="main-heading" class="banner-title">Keyboard Vagabond</h1>
|
|
<p class="banner-subtitle">Online community and social media for digital nomads, remote workers, and travel enthusiasts</p>
|
|
</section>
|
|
|
|
<!-- Main content -->
|
|
<main class="container">
|
|
<section aria-labelledby="intro-heading">
|
|
<h2 id="intro-heading" class="sr-only">About Keyboard Vagabond</h2>
|
|
<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><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 we go and the people we see. This space is what we make of it.
|
|
</p>
|
|
|
|
<div class="mascot-section">
|
|
<div class="mascot-image">
|
|
<picture>
|
|
<source srcset="assets/logos/primary-dark.svg" media="(prefers-color-scheme: dark)" type="image/svg+xml" />
|
|
<source srcset="assets/logos/primary-light.svg" media="(prefers-color-scheme: light)" type="image/svg+xml" />
|
|
<img src="assets/logos/primary-light.svg" alt="Otter mascot holding a laptop with the words Keyboard Vagabond circling it" width="200" type="image/svg+xml" />
|
|
</picture>
|
|
</div>
|
|
<span class="mascot-text">
|
|
Seymour is the official mascot of Keyboard Vagabond and a nomadic otter who always wants to see more!
|
|
He makes his home wherever he goes and adapts to his new environments.
|
|
Let our adorable friend guide you through the fediverse and give you a break from the
|
|
algorithms and attention grabbing of corporate social media.
|
|
He was lovingly created by nomad and designer Lori Kendall at <a href="https://branddesigncreate.com" target="_blank" rel="nofollow">branddesigncreate.com</a>,
|
|
Instagram at <a target="_blank" rel="nofollow" href="https://www.instagram.com/branddesigncreate/">@branddesigncreate</a>.
|
|
</span>
|
|
</div>
|
|
</section>
|
|
|
|
<section aria-labelledby="nomad-community-heading">
|
|
<h2 id="nomad-community-heading">Social media and online communities for digital nomads</h2>
|
|
<p>Looking for social media for digital nomads or a remote worker community that isn't driven by ads and algorithms? Keyboard Vagabond is an online community hub built for people who work and travel. Instead of one corporate platform, we connect a suite of federated services—each focused on a different way to connect.</p>
|
|
<p>Mastodon handles microblogging and networking, Piefed hosts forums and topic-based discussions, Pixelfed is for sharing travel photos, Bookwyrm covers book clubs and reviews, and Write Freely supports long-form blogging. All of these services talk to each other through the fediverse, so you can follow, reply, and participate across platforms from one nomad-focused community. <a href="about.html">Learn about our community values</a>, or jump straight to our <a href="getting-started.html">getting started guide</a> if you are ready to sign up.</p>
|
|
</section>
|
|
|
|
<section aria-labelledby="faq-heading">
|
|
<h2 id="faq-heading">Frequently asked questions</h2>
|
|
<details>
|
|
<summary><strong>What social media do digital nomads use?</strong></summary>
|
|
<p>Digital nomads often use a mix of platforms depending on their needs. Many join Mastodon for microblogging and networking, Reddit-style forums through Lemmy or Piefed for discussions, and Instagram alternatives like Pixelfed for photo sharing. Keyboard Vagabond offers all of these in one federated community built specifically for nomads and remote workers.</p>
|
|
</details>
|
|
<details>
|
|
<summary><strong>Where can digital nomads find online communities?</strong></summary>
|
|
<p>Digital nomads can find online communities on Keyboard Vagabond, a hub connecting Mastodon (social posts), Piefed (forums and topics), Pixelfed (photos), Bookwyrm (books), and Write Freely (blogging). Each platform is part of the fediverse, so you can follow and interact across them from a single community focused on travel and remote work.</p>
|
|
</details>
|
|
<details>
|
|
<summary><strong>What is Keyboard Vagabond?</strong></summary>
|
|
<p>Keyboard Vagabond is an online community and social media hub for digital nomads, remote workers, and travel enthusiasts. It runs a collection of federated services—Mastodon, Piefed, Pixelfed, Bookwyrm, and Write Freely—on community-run infrastructure free of advertising and algorithmic feeds. See our <a href="about.html">about page</a> for more on how the community works.</p>
|
|
</details>
|
|
<details>
|
|
<summary><strong>How is this different from Facebook or Reddit?</strong></summary>
|
|
<p>Unlike Facebook or Reddit, Keyboard Vagabond is ad-free, community-run, and has no algorithms harvesting your attention. You control what you see by choosing who and what to follow. The fediverse services connect to each other, so you can participate in forums, photos, and posts from one ecosystem without a corporation monetizing your data.</p>
|
|
</details>
|
|
</section>
|
|
|
|
<section aria-labelledby="services-heading">
|
|
<!-- Services Summary for SEO -->
|
|
<div class="services-summary" role="region" aria-label="Quick access to all services">
|
|
<h3>Our Fediverse Services</h3>
|
|
<div class="service-links">
|
|
<a href="https://mastodon.keyboardvagabond.com" target="_blank" class="service-link" aria-label="Mastodon - Social Media Alternative">
|
|
<picture class="service-icon">
|
|
<source srcset="assets/logos/mastodon-dark.svg" media="(prefers-color-scheme: dark)" type="image/svg+xml"/>
|
|
<source srcset="assets/logos/mastodon-light.svg" media="(prefers-color-scheme: light)" type="image/svg+xml"/>
|
|
<img src="assets/logos/mastodon-light.svg" alt="Mastodon mascot holding a phone with mastodon mascot" type="image/svg+xml"/>
|
|
</picture>
|
|
<span class="service-text">
|
|
<strong>Mastodon</strong> - Microblogging
|
|
</span>
|
|
</a>
|
|
<a href="https://piefed.keyboardvagabond.com" target="_blank" class="service-link" aria-label="Piefed - Community Forum">
|
|
<picture class="service-icon">
|
|
<source srcset="assets/logos/piefed-dark.svg" media="(prefers-color-scheme: dark)" type="image/svg+xml" />
|
|
<source srcset="assets/logos/piefed-light.svg" media="(prefers-color-scheme: light)" type="image/svg+xml" />
|
|
<img src="assets/logos/piefed-light.svg" alt="Piefed mascot holding a pie" type="image/svg+xml" />
|
|
</picture>
|
|
<span class="service-text">
|
|
<strong>Piefed</strong> - Community Forum
|
|
</span>
|
|
</a>
|
|
<a href="https://pixelfed.keyboardvagabond.com" target="_blank" class="service-link" aria-label="Pixelfed - Photo Sharing">
|
|
<picture class="service-icon">
|
|
<source srcset="assets/logos/pixelfed-dark.svg" media="(prefers-color-scheme: dark)" type="image/svg+xml"/>
|
|
<source srcset="assets/logos/pixelfed-light.svg" media="(prefers-color-scheme: light)" type="image/svg+xml"/>
|
|
<img src="assets/logos/pixelfed-light.svg" alt="Pixelfed mascot holding camera" type="image/svg+xml"/>
|
|
</picture>
|
|
<span class="service-text">
|
|
<strong>Pixelfed</strong> - Photo Sharing
|
|
</span>
|
|
</a>
|
|
<a href="https://bookwyrm.keyboardvagabond.com" target="_blank" class="service-link" aria-label="Bookwyrm - Book Reviews">
|
|
<picture class="service-icon">
|
|
<source srcset="assets/logos/bookwyrm-dark.svg" media="(prefers-color-scheme: dark)" type="image/svg+xml"/>
|
|
<source srcset="assets/logos/bookwyrm-light.svg" media="(prefers-color-scheme: light)" type="image/svg+xml"/>
|
|
<img src="assets/logos/bookwyrm-light.svg" alt="Bookwyrm mascot holding book" type="image/svg+xml"/>
|
|
</picture>
|
|
<span class="service-text">
|
|
<strong>Bookwyrm</strong> - Book Reviews
|
|
</span>
|
|
</a>
|
|
<a href="https://blog.keyboardvagabond.com" target="_blank" class="service-link" aria-label="Write Freely - Blogging">
|
|
<picture class="service-icon">
|
|
<source srcset="assets/logos/default-dark.svg" media="(prefers-color-scheme: dark)" type="image/svg+xml"/>
|
|
<source srcset="assets/logos/default-light.svg" media="(prefers-color-scheme: light)" type="image/svg+xml"/>
|
|
<img src="assets/logos/default-light.svg" alt="Default mascot holding laptop" type="image/svg+xml"/>
|
|
</picture>
|
|
<span class="service-text">
|
|
<strong>Write Freely</strong> - Blogging
|
|
</span>
|
|
</a>
|
|
<a href="https://picsur.keyboardvagabond.com" target="_blank" class="service-link" aria-label="Picsur - Image Hosting">
|
|
<picture class="service-icon">
|
|
<source srcset="assets/logos/default-dark.svg" media="(prefers-color-scheme: dark)" type="image/svg+xml"/>
|
|
<source srcset="assets/logos/default-light.svg" media="(prefers-color-scheme: light)" type="image/svg+xml"/>
|
|
<img src="assets/logos/default-light.svg" alt="Default mascot holding laptop" type="image/svg+xml"/>
|
|
</picture>
|
|
<span class="service-text">
|
|
<strong>Picsur</strong> - Image Hosting
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<h3>Detailed Service Information</h3>
|
|
<ul>
|
|
<li><strong><a href="https://piefed.keyboardvagabond.com">Piefed</a></strong> - An alternative to Reddit and similar to and compatible
|
|
with <a href="https://join-lemmy.org">Lemmy</a>, but with extra features for topics and communities.
|
|
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> - Like old 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>
|
|
<section>
|
|
<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>
|
|
</section>
|
|
<h2>What is the Fediverse</h2>
|
|
<section>
|
|
<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 <a href="https://mastodon.social/@_elena@mastodon.social" target="_blank">@_elena@mastodon.social</a>.</p>
|
|
<div class="video-container">
|
|
<iframe title="Introducing the Fediverse: a New Era of Social Media"
|
|
src="https://videos.elenarossini.com/videos/embed/64VuNCccZNrP4u9MfgbhkN" allowfullscreen=""
|
|
sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
|
|
loading="lazy"></iframe>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<section aria-labelledby="get-started-heading">
|
|
<h2 id="get-started-heading">Ready to join?</h2>
|
|
<p>New to the fediverse? Our <a href="getting-started.html">getting started guide</a> walks you through signing up on Mastodon, Piefed, Pixelfed, and the rest of Keyboard Vagabond, then customizing your feed to find nomads, travelers, and remote workers.</p>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer class="container" role="contentinfo">
|
|
<hr>
|
|
<section aria-labelledby="footer-heading">
|
|
<h2 id="footer-heading" class="sr-only">Footer Information</h2>
|
|
<p><strong>Keyboard Vagabond</strong> - An online community and social media hub for digital nomads, remote workers, and travel enthusiasts.</p>
|
|
<span>Connect with us across the fediverse:</span><br/>
|
|
<ul>
|
|
<li><a href="https://mastodon.keyboardvagabond.com">Mastodon</a> - Social Media</li>
|
|
<li><a href="https://piefed.keyboardvagabond.com">Piefed</a> - Community Forum</li>
|
|
<li><a href="https://pixelfed.keyboardvagabond.com">Pixelfed</a> - Photo Sharing</li>
|
|
<li><a href="https://bookwyrm.keyboardvagabond.com">Bookwyrm</a> - Book Reviews</li>
|
|
<li><a href="https://blog.keyboardvagabond.com">Write Freely</a> - Blogging</li>
|
|
</ul>
|
|
<p><small>© 2025 Keyboard Vagabond. Part of the decentralized fediverse network.</small></p>
|
|
</section>
|
|
</footer>
|
|
|
|
<script src="scripts/bundle.js"></script>
|
|
</body>
|
|
|
|
</html> |