pages/garden/the-small-web/index.html

30 lines
28 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>The Small Web | The Paper Pilot</title>
<meta name="description" content="The Paper Pilot's Digital Garden">
<meta name="generator" content="VitePress v1.2.2">
<link rel="preload stylesheet" href="/assets/style.CKLCo6Sj.css" as="style">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Pacifico&amp;family=Roboto+Mono:ital,wght@0,400;0,600;1,400&amp;display=block">
<link rel="manifest" href="/site.webmanifest">
<link rel="alternate" type="text/mf2+html" href="/changelog">
<link rel="alternate" type="application/rss+xml" title="Changelog" href="/changelog/rss">
<link rel="alternate" type="application/atom+xml" title="Changelog" href="/changelog/atom">
<link rel="alternate" type="application/json+xml" title="Changelog" href="/changelog/json">
<meta name="og:description" content="The Paper Pilot's Digital Garden">
<script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
<script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
</head>
<body>
<div id="app"><div class="Layout" data-v-90dd949c data-v-5d98c3a5><!--[--><!--[--><!--]--><!--]--><!--[--><span tabindex="-1" data-v-0f60ec36></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-0f60ec36> Skip to content </a><!--]--><!----><header class="VPNav" data-v-5d98c3a5 data-v-ae24b3ad><div class="VPNavBar has-sidebar top" data-v-ae24b3ad data-v-ccf7ddec><div class="wrapper" data-v-ccf7ddec><div class="container" data-v-ccf7ddec><div class="title" data-v-ccf7ddec><div class="VPNavBarTitle has-sidebar" data-v-ccf7ddec data-v-ab179fa1><a class="title" href="/" data-v-ab179fa1><!--[--><!--]--><!----><span data-v-ab179fa1>The Paper Pilot</span><!--[--><!--]--></a></div></div><div class="content" data-v-ccf7ddec><div class="content-body" data-v-ccf7ddec><!--[--><!--]--><div class="VPNavBarSearch search" data-v-ccf7ddec><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-ccf7ddec data-v-7f418b0f><span id="main-nav-aria-label" class="visually-hidden" data-v-7f418b0f>Main Navigation</span><!--[--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://moddingtree.com" target="_blank" rel="noreferrer" tabindex="0" data-v-7f418b0f data-v-9c663999><!--[--><span data-v-9c663999>Profectus</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://incremental.social" target="_blank" rel="noreferrer" tabindex="0" data-v-7f418b0f data-v-9c663999><!--[--><span data-v-9c663999>Incremental Social</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-ccf7ddec data-v-e6aabb21><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-e6aabb21 data-v-d1f28634 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-d1f28634></span><span class="vpi-moon moon" data-v-d1f28634></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-ccf7ddec data-v-0394ad82 data-v-7bc22406><!--[--><a class="VPSocialLink no-icon" href="https://code.incremental.social/thepaperpilot" aria-label target="_blank" rel="noopener" data-v-7bc22406 data-v-eee4e7cb><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Forgejo</title><path d="M16.7773 0c1.6018 0 2.9004 1.2986 2.9004 2.9005s-1.2986 2.9004-2.9004 2.9004c-1.0854 0-2.0315-.596-2.5288-1.4787H12.91c-2.3322 0-4.2272 1.8718-4.2649 4.195l-.0007 2.1175a7.0759 7.0759 0 0 1 4.148-1.4205l.1176-.001 1.3385.0002c.4973-.8827 1.4434-1.4788 2.5288-1.4788 1.6018 0 2.9004 1.2986 2.9004 2.9005s-1.2986 2.9004-2.9004 2.9004c-1.0854 0-2.0315-.596-2.5288-1.4787H12.91c-2.3322 0-4.2272 1.8718-4.2649 4.195l-.0007 2.319c.8827.4973 1.4788 1.4434 1.4788 2.5287 0 1.602-1.2986 2.9005-2.9005 2.9005-1.6018 0-2.9004-1.2986-2.9004-2.9005 0-1.0853.596-2.0314 1.4788-2.5287l-.0002-9.9831c0-3.887 3.1195-7.0453 6.9915-7.108l.1176-.001h1.3385C14.7458.5962 15.692 0 16.7773 0ZM7.2227 19.9052c-.6596 0-1.1943.5347-1.1943 1.1943s.5347 1.1943 1.1943 1.1943 1.1944-.5347 1.1944-1.1943-.5348-1.1943-1.1944-1.1943Zm9.5546-10.4644c-.6596 0-1.1944.5347-1.1944 1.1943s.5348 1.1943 1.1944 1.1943c.6596 0 1.1943-.5347 1.1943-1.1943s-.5347-1.1943-1.1943-1.1943Zm0-7.7346c-.6596 0-1.1944.5347-1.1944 1.1943s.5348 1.1943 1.1944 1.1943c.6596 0 1.1943-.5347 1.1943-1.1943s-.5347-1.1943-1.1943-1.1943Z"/></svg></a><a class="VPSocialLink no-icon" href="https://matrix.to/#/@thepaperpilot:incremental.social" aria-label target="_blank" rel="noopener" data-v-7bc22406 data-v-eee4e7c
. Last tended to <a href='https://code.incremental.social/thepaperpilot/pages/commit/88d9da0f061ce585f0e40438d4f8f6b955c0bb1a' title='Sat Jun 15 11:01:51 2024 -0500'><time class='dt-updated' datetime='Sat Jun 15 11:01:51 2024 -0500'>21 hours ago</time></a>
.</p><hr/><div class="e-content"><blockquote><p>Referenced by: <a href="/now/index">/now</a>, <a href="/garden/this-knowledge-hub/">This Knowledge Hub</a></p></blockquote><p>Small personal websites created by individuals</p><ul><li><a href="/garden/my-personal-website/">My Personal Website</a></li><li>A callback to how the web was before social media, which homogenized content</li><li>These pages are diverse and typically won&#39;t have ads or marketers <ul><li>Comparable to <a href="/garden/the-cozy-web/">The Cozy Web</a> in that way</li></ul></li></ul><p>The small web as a whole is <a href="/garden/freeform/">Freeform</a></p><ul><li>Individual sites may be <a href="/garden/chronological/">Chronological</a> still</li><li>Individual sites link between each other in ways similar to wikis <ul><li>These can form <a href="/garden/webrings/">Webrings</a></li></ul></li></ul><h2 id="browsing-the-small-web" tabindex="-1">Browsing the small web <a class="header-anchor" href="#browsing-the-small-web" aria-label="Permalink to &quot;Browsing the small web&quot;"></a></h2><ul><li>Follow <a href="/garden/webrings/">Webrings</a> or other links from known small websites</li><li><a href="https://search.marginalia.nu" target="_blank" rel="noreferrer">Marginalia</a> is a search engine for non-commercial content with a &quot;random&quot; button and filters for the small web explicitly (amongst other useful filters!)</li></ul><h2 id="building-personal-websites" tabindex="-1">Building personal websites <a class="header-anchor" href="#building-personal-websites" aria-label="Permalink to &quot;Building personal websites&quot;"></a></h2><p><a href="https://indieweb.org/" target="_blank" rel="noreferrer">IndieWeb</a> contains various resources</p><ul><li>Their <a href="https://indieweb.org/Category:building-blocks" target="_blank" rel="noreferrer">building blocks</a> are standards people can use to help the small web connect with each other consistently</li><li>They discourage the use of site builders or templates that end up making sites look too homogenized</li></ul><p><span id="665b6ac0-d3ca-41d8-9534-929ac2907c2e">Free hosting for static websites:</span></p><ul><li><a href="https://neocities.org" target="_blank" rel="noreferrer">Neocities</a></li><li><a href="https://codeberg.page" target="_blank" rel="noreferrer">Codeberg pages</a> (and any other <a href="https://codeberg.org/Codeberg/pages-server" target="_blank" rel="noreferrer">pages-server</a> instance) <ul><li>Like on <a href="https://incremental.social/pages" target="_blank" rel="noreferrer">Incremental Social</a>!</li></ul></li><li><a href="https://pages.github.com" target="_blank" rel="noreferrer">Github pages</a></li><li><a href="/garden/weird/">Weird</a> (in development)</li></ul><h3 id="streams" tabindex="-1"><a href="https://indieweb.org/stream" target="_blank" rel="noreferrer">Streams</a> <a class="header-anchor" href="#streams" aria-label="Permalink to &quot;[Streams](https://indieweb.org/stream)&quot;"></a></h3><p><a href="https://indieweb.org/Microsub" target="_blank" rel="noreferrer">Microsub</a> is a proposed protocol to support this</p><ul><li>That way, people could use microsub clients to subscribe to multiple streams and get them in one feed</li><li>Effectively a <a href="/garden/fediverse/">Federated Social Media</a> that works through personal websites</li><li>Announce new posts using <a href="https://indieweb.org/WebSub" target="_blank" rel="noreferrer">WebSub</a></li></ul><p>This also allows your personal website to be the one source of truth for your posted content</p><ul><li>Effectively solves the problems described in <a href="https://jonbell.medium.com/hey-creators-please-make-firehoses-8d0c48c075e4" target="_blank" rel="noreferrer">Hey Creators, Please Make Firehoses!</a></li></ul><p>Multiple streams can be hosted by one site/person so people can subscribe to the kind of content they&#39;re interested in</p><p>How viable would it be to include chat messages in a stream as well?</p><ul><li>Perhaps with <a href="/garden/chat-glue/">Chat Glue</a> you coul
</body>
</html>