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

62 lines
46 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.Bm-pp1cA.css" as="style">
<script type="module" src="/assets/app.fnk6rImb.js"></script>
<link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
<link rel="modulepreload" href="/assets/chunks/framework.Sr2_9k8k.js">
<link rel="modulepreload" href="/assets/chunks/theme.CvmZfOTp.js">
<link rel="modulepreload" href="/assets/chunks/git.data.BUwP-Uc3.js">
<link rel="modulepreload" href="/assets/garden_the-small-web_index.md.dS-EJ34J.lean.js">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Itim&amp;family=Roboto+Mono:ital,wght@0,400;0,600;1,400&amp;display=block">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#3a0839">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="msapplication-TileColor" content="#00FFFF">
<meta name="msapplication-config" content="/browserconfig.xml">
<meta name="theme-color" content="#3B4252">
<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">
<link rel="me" href="mailto:thepaperpilot@incremental.social">
<link rel="me" href="https://incremental.social/u/thepaperpilot">
<link rel="me" href="https://matrix.to/#/@thepaperpilot:incremental.social">
<link rel="me" href="https://code.incremental.social/thepaperpilot">
<link rel="me" href="https://www.linkedin.com/in/anthony-lawn/">
<link rel="me" href="https://mastodon.gamedev.place/@thepaperpilot">
<link rel="me" href="https://beehaw.org/u/thepaperpilot">
<link rel="me" href="https://www.reddit.com/user/ThePaperPilot/">
<link rel="me" href="https://github.com/thepaperpilot">
<link rel="me" href="https://twitter.com/ThePaperPilot">
<link rel="authorization_endpoint" href="https://indie.incremental.social/auth">
<link rel="token_endpoint" href="https://indie.incremental.social/auth/token">
<link rel="micropub" href="https://indie.incremental.social/micropub">
<link rel="indieauth-metadata" href="https://indie.incremental.social/.well-known/oauth-authorization-server">
<script data-goatcounter="https://thepaperpilot.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
<script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
<meta name="og:title" content="The Small Web">
<meta name="og:description" content="">
<meta name="og:image" content="https://www.thepaperpilot.org/paperpilot_thumb.png">
<meta name="og:site_name" content="The Paper Pilot's Digital Garden">
<meta name="og:type" content="article">
<meta name="article:author" content="https://www.thepaperpilot.org/about">
</head>
<body>
<div id="app"><div class="Layout" data-v-3f50bdda 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="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-eee4e7cb><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Matrix</title><path d="M.632.55v22.9H2.28V24H0V0h2.28v.55zm7.043 7.26v1.157h.033c.309-.443.683-.784 1.117-1.024.433-.245.936-.365 1.5-.365.54 0 1.033.107 1.481.314.448.208.785.582 1.02 1.108.254-.374.6-.706 1.034-.992.434-.287.95-.43 1.546-.43.453 0 .872.056 1.26.167.388.11.716.286.993.53.276.245.489.559.646.951.152.392.23.863.23 1.417v5.728h-2.349V11.52c0-.286-.01
. Last tended to <a href='https://code.incremental.social/thepaperpilot/pages/commit/d525a1f2c27821f6be11c20f5294832df2e5687e' title='Thu Nov 7 22:10:25 2024 -0600'><time class='dt-updated' datetime='Thu Nov 7 22:10:25 2024 -0600'>2024-11-07</time></a>
.</span></p><hr><details><summary>Referenced by:</summary><a href="/garden/commune/index.md">Commune</a><a href="/garden/federated-identity/index.md">Federated Identity</a><a href="/garden/fedi-v2/index.md">Fedi v2</a><a href="/garden/my-personal-website/index.md">My Personal Website</a><a href="/garden/the-indieweb/signature-blocks/index.md">The IndieWeb/Signature Blocks</a><a href="/garden/this-knowledge-hub/index.md">This Knowledge Hub</a><a href="/garden/webrings/index.md">Webrings</a><a href="/garden/weird/index.md">Weird</a></details><p>The small web (also known as the indie web, personal web, the web revival movement, and other terms) refers to small, personal, independent websites. It is seen as a direct alternative to the centralized and homogenized websites like X, Meta, and TikTok. <a href="/garden/my-personal-website/">My Personal Website</a> is part of the small web!</p><h2 id="motivation-behind-the-small-web" tabindex="-1">Motivation behind the small web <a class="header-anchor" href="#motivation-behind-the-small-web" aria-label="Permalink to &quot;Motivation behind the small web&quot;"></a></h2><h3 id="the-modern-web-is-bad" tabindex="-1">The modern web is bad <a class="header-anchor" href="#the-modern-web-is-bad" aria-label="Permalink to &quot;The modern web is bad&quot;"></a></h3><p>The small web is, at its roots, a direct response to the issues with the modern web:</p><p>The modern web is dominated by a handful of large websites, sometimes referred to as the &quot;corporate web&quot;. These websites limit personalization, how you can use the website, and are filled with ads, marketers, and influencers.</p><p>The corporate web is designed for consuming content created by a few large/popular creators. This manifests in the near-ubiquitous infinitely scrolling feed of algorithmically chosen posts, optimized to keep you on the site for as long as possible, to the detriment of society.</p><p>Websites this large are expensive and, due to Capitalism, must forever be making more money than before - which means if they&#39;re not growing users, they must grow how much money they&#39;re making per user. This process typically means corporate websites become worse for their users over time, and was coined as <a href="https://pluralistic.net/2023/01/21/potemkin-ai/" target="_blank" rel="noreferrer">Enshittification</a> by Cory Doctorow.</p><h3 id="the-old-web-was-good" tabindex="-1">The old web was good <a class="header-anchor" href="#the-old-web-was-good" aria-label="Permalink to &quot;The old web was good&quot;"></a></h3><p>In contrast to the above, the classic web was filled with many diverse sites that typically represented a single person or organization, who were able to fully tailor their site to what they wanted it to be. Websites would be more unique and interesting, since the creator would have full control over them. This also makes the whole web feel more personal and intimate, as you&#39;re looking at a closer representation of how someone chooses to portray themselves online, in a way a profile page on X or Meta cannot be.</p><p>There are still lessons we&#39;ve learned over time that can apply to modern &quot;small web&quot; pages, like accessible design and how to be more inclusive.</p><h3 id="the-small-web-is-anti-corporate" tabindex="-1">The small web is anti-corporate <a class="header-anchor" href="#the-small-web-is-anti-corporate" aria-label="Permalink to &quot;The small web is anti-corporate&quot;"></a></h3><p>Small static websites are very cheap to host, making anti-features like ads unnecessary and therefore rare. In general small websites are cheap enough to avoid needing to think about monetization entirely, let alone worrying about how to perpetually make more money. This lack of profit motive behind most small websites contributes to a culture of not just being &quot;not corporate&quot;, but &quot;anti-corporate&quot;.</p><p>In general, the corporate web seems to have values that align with those of authoritarianism - control, surveillance, and hierarchy, whereas the small we
<script>window.__VP_HASH_MAP__=JSON.parse("{\"garden_cinny_index.md\":\"DnInHWb1\",\"garden_activitypub_index.md\":\"sIY7koT7\",\"garden_chat-glue_index.md\":\"Bnb4GYZe\",\"about_index.md\":\"YpmaDm_z\",\"garden_chromatic-lattice_index.md\":\"DS8QpOJ6\",\"garden_art-is-never-complete_index.md\":\"Dv3_yygm\",\"garden_anarchism_index.md\":\"DAmBu6oZ\",\"garden_commune_index.md\":\"eHgRzIVG\",\"garden_artificial-intelligence_index.md\":\"DSowsFJ5\",\"garden_capture-the-citadel_index.md\":\"ClBXhl4P\",\"garden_advent-incremental_index.md\":\"CBQFg20Z\",\"garden_atproto_index.md\":\"CFdcY0us\",\"garden_consensus-democracy_index.md\":\"Do2GvxkT\",\"garden_davey-wreden_index.md\":\"BXPNFpnc\",\"garden_abolitionism_index.md\":\"BZ-1jpxG\",\"garden_babble-buds_index.md\":\"ouUGVu7A\",\"garden_garden-rss_index.md\":\"wlaws6QD\",\"garden_digital-gardens_index.md\":\"DB0AwFRU\",\"garden_direct-democracy_index.md\":\"DZbeQfzu\",\"garden_chronological_index.md\":\"DRT8PfOK\",\"garden_gender-performativity_index.md\":\"CcpGEzkx\",\"garden_dice-armor_index.md\":\"D-FYI3YV\",\"garden_federated-identity_index.md\":\"BH_-oosB\",\"garden_guide-to-incrementals_appeal-to-developers_index.md\":\"CiQfY1oG\",\"garden_fediverse_index.md\":\"BvVpy201\",\"garden_decentralized_index.md\":\"BMttkWvr\",\"garden_fedi-v2_index.md\":\"CLeo8TM6\",\"garden_gerrymandering_index.md\":\"DB_9W9mv\",\"garden_gender_index.md\":\"BgAuFtIF\",\"garden_command-palettes_index.md\":\"DjNi9-Ir\",\"garden_game-dev-tree_index.md\":\"N_-2dM6s\",\"garden_forgejo_index.md\":\"CWzmgAsD\",\"garden_freeform-vs-chronological-dichotomy_index.md\":\"d4GNGOFg\",\"garden_freeform_index.md\":\"sikWfgP7\",\"changelog_index.md\":\"Pu3ijHY1\",\"garden_my-political-beliefs_index.md\":\"CNmOQlAA\",\"garden_open-source_index.md\":\"0No9Bexl\",\"garden_representative-democracy_index.md\":\"D9XDqk2L\",\"garden_scientific-constructivism_index.md\":\"Bapu8gSD\",\"garden_social-media_index.md\":\"C_rshHxb\",\"garden_social-constructs_index.md\":\"BmBex1pp\",\"garden_kronos_index.md\":\"CAygoaPS\",\"garden_opti-speech_index.md\":\"D-c_Caf6\",\"garden_personality_index.md\":\"BgWodtd2\",\"garden_planar-pioneers_index.md\":\"Cp-Gr5Kp\",\"garden_pre-order-bonuses_index.md\":\"aAQECAJp\",\"guide-to-incrementals_index.md\":\"DpW2FLv9\",\"public_kronos_docs_!general-info.md\":\"DBOKRLme\",\"public_kronos_docs_achievements.md\":\"KsbXJC1r\",\"garden_video-game-monetization_index.md\":\"D4oPZ5o5\",\"garden_profectus_index.md\":\"CAjT53kI\",\"garden_nostr_index.md\":\"BTwtZvdS\",\"garden_premium-currency_index.md\":\"RbGW67Tt\",\"garden_vitepress_index.md\":\"Dd1B6_Va\",\"garden_webrings_index.md\":\"CMq8QG_q\",\"guide-to-incrementals_ludology_appeal-gamers_index.md\":\"D7h5c1A6\",\"garden_weird_index.md\":\"DQJvGNAN\",\"garden_v-ecs_index.md\":\"DBwjLwMx\",\"index.md\":\"C0qsRE8a\",\"public_gamedevtree_docs_achievements.md\":\"C0yB95Wu\",\"garden_synapse_index.md\":\"CJx2Ag0k\",\"garden_technocracy_index.md\":\"CxESpey7\",\"garden_the-beginner-s-guide_index.md\":\"1j9z05lk\",\"public_kronos_docs_bars.md\":\"CSguFZp_\",\"public_gamedevtree_docs_bars.md\":\"CUbXgosN\",\"guide-to-incrementals_ludology_appeal-developers_index.md\":\"5VSa7u0Q\",\"garden_ivy-road_index.md\":\"DQo3F7s-\",\"garden_individualism_index.md\":\"DaolB1Hr\",\"garden_my-political-journey_index.md\":\"CXy4hjK-\",\"garden_incremental-social_index.md\":\"CkSD9qsw\",\"garden_guide-to-incrementals_what-is-content_index.md\":\"DknnDNCz\",\"garden_mbin_index.md\":\"DJidym4f\",\"garden_guide-to-incrementals_appeal-to-players_index.md\":\"eLggv9wE\",\"garden_mtx_index.md\":\"BOM6E74e\",\"garden_life-is-strange_index.md\":\"CZw0e2Zn\",\"garden_political-quizzes_index.md\":\"DcJF7Wu-\",\"garden_my-projects_index.md\":\"CVDNeL6V\",\"garden_logseq_index.md\":\"D-wfwZWM\",\"garden_objectivity_index.md\":\"BNZ-tJYM\",\"garden_orchard_index.md\":\"DQmj8SR-\",\"garden_my-browser-stack_index.md\":\"7OkK8Nfb\",\"garden_guide-to-incrementals_defining-the-genre_index.md\":\"CycUk0d0\",\"garden_guide-to-incrementals_index.md\":\"D7mjbVna\",\"garden_m
</body>
</html>