Add baseline start point (#1)
Co-authored-by: Michael DiLeo <michael.dileo@oakstreethealth.com> Reviewed-on: #1
This commit was merged in pull request #1.
This commit is contained in:
118
public/index.html
Normal file
118
public/index.html
Normal file
@@ -0,0 +1,118 @@
|
||||
<!doctype html>
|
||||
<html lang="en" data-theme="light">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="color-scheme" content="light">
|
||||
<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">
|
||||
<title>Hello world!</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Header -->
|
||||
<header>
|
||||
|
||||
</header>
|
||||
|
||||
<div class="banner-container">
|
||||
<img src="assets/banner.jpg" 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>
|
||||
<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 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=""
|
||||
sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></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
|
||||
community runs. Like Reddit, you can browse
|
||||
</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"
|
||||
alt="Explore button on main page">
|
||||
</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"
|
||||
alt="Posts, Hashtags, and News tabs">
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer></footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user