Michael DiLeo
5e87f52e5e
SEO implementation, adds a structured data response and robots.txt, fixes page structure, adds meta tags, add elements to UI for better SEO as well. Reviewed-on: #17 Co-authored-by: Michael DiLeo <michael_dileo@proton.me> Co-committed-by: Michael DiLeo <michael_dileo@proton.me>
277 lines
18 KiB
HTML
277 lines
18 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">
|
|
|
|
<!-- Primary SEO Meta Tags -->
|
|
<title>Keyboard Vagabond - Fediverse for Digital Nomads</title>
|
|
<meta name="title" content="Keyboard Vagabond - Fediverse for Digital Nomads">
|
|
<meta name="description" content="Join Keyboard Vagabond's fediverse community for digital nomads, remote workers, and travelers on Mastodon, Piefed, Pixelfed, Bookwyrm, and Write Freely.">
|
|
<meta name="keywords" content="fediverse, digital nomad, 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 - Fediverse for Digital Nomads">
|
|
<meta property="og:description" content="Join Keyboard Vagabond's fediverse community for digital nomads, remote workers, and travelers on Mastodon, Piefed, Pixelfed, Bookwyrm, and Write Freely.">
|
|
<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 - Fediverse for Digital Nomads">
|
|
<meta property="twitter:description" content="Join Keyboard Vagabond's fediverse community for digital nomads, remote workers, and travelers on Mastodon, Piefed, Pixelfed, Bookwyrm, and Write Freely.">
|
|
<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">
|
|
|
|
<!-- Structured Data -->
|
|
<script type="application/ld+json" src="/structured-data.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>
|
|
<!-- 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>
|
|
|
|
<section class="banner-container" role="banner" aria-labelledby="main-heading">
|
|
<img src="https://picsur.keyboardvagabond.com/i/076a5b88-20d3-426e-ad7f-f24a68d3fa70.jpg?width=2048" alt="Scenic mountain road with snow-capped peaks representing the journey of digital nomads and travelers" class="banner">
|
|
<h1 id="main-heading" class="banner-title">Keyboard Vagabond</h1>
|
|
<p class="banner-subtitle">A comprehensive fediverse community 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>
|
|
</section>
|
|
|
|
<section aria-labelledby="services-heading">
|
|
<h2 id="services-heading">Our Fediverse Services</h2>
|
|
<p>Keyboard Vagabond hosts various fediverse alternatives to big tech and participates in the network.
|
|
Available to you are:</p>
|
|
|
|
<!-- Services Summary for SEO -->
|
|
<div class="services-summary" role="region" aria-label="Quick access to all services">
|
|
<h3>Quick Access to All Services</h3>
|
|
<div class="service-links">
|
|
<a href="https://mastodon.keyboardvagabond.com" target="_blank" class="service-link" aria-label="Mastodon - Social Media Alternative">
|
|
<strong>Mastodon</strong> - Social Media
|
|
</a>
|
|
<a href="https://piefed.keyboardvagabond.com" target="_blank" class="service-link" aria-label="Piefed - Community Forum">
|
|
<strong>Piefed</strong> - Community Forum
|
|
</a>
|
|
<a href="https://pixelfed.keyboardvagabond.com" target="_blank" class="service-link" aria-label="Pixelfed - Photo Sharing">
|
|
<strong>Pixelfed</strong> - Photo Sharing
|
|
</a>
|
|
<a href="https://bookwyrm.keyboardvagabond.com" target="_blank" class="service-link" aria-label="Bookwyrm - Book Reviews">
|
|
<strong>Bookwyrm</strong> - Book Reviews
|
|
</a>
|
|
<a href="https://blog.keyboardvagabond.com" target="_blank" class="service-link" aria-label="Write Freely - Blogging">
|
|
<strong>Write Freely</strong> - Blogging
|
|
</a>
|
|
<a href="https://picsur.keyboardvagabond.com" target="_blank" class="service-link" aria-label="Picsur - Image Hosting">
|
|
<strong>Picsur</strong> - Image Hosting
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<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>
|
|
<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>
|
|
<h2>What is the Fediverse</h2>
|
|
<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" frameborder="0" allowfullscreen=""
|
|
sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
|
|
loading="lazy" alt="video link to Introducing the Fediverse: a New Era of Social Media"></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" target="_blank">Lemmy.zip</a></strong> for Lemmy or <strong><a
|
|
href="https://piefed.social" target="_blank">Piefed.social</a></strong> for PieFed, which is the software that this
|
|
community runs.
|
|
</li>
|
|
<li><strong><a href="https://mastodon.social" target="_blank">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" target="_blank">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" target="_blank">#travel</a>, <a
|
|
href="https://mastodon.keyboardvagabond.com/tags/travelphotography" target="_blank">#travelphotography</a>, or <a
|
|
href="https://mastodon.keyboardvagabond.com/tags/EscapeFlights" target="_blank">#EscapeFlights</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 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> - A fediverse community 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> |