pages/assets/garden_the-small-web_index.md.CCU8EK3K.js

1 line
11 KiB
JavaScript
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import{d as r}from"./chunks/git.data.DXRlJPI8.js";import{M as i,q as o,Q as e,K as s,u as a,ag as n,p as l}from"./chunks/framework.Sr2_9k8k.js";const h=e("h1",{class:"p-name"},"The Small Web",-1),d=["innerHTML"],b=n('<hr><details><summary>Referenced by:</summary><a href="/garden/commune/index.md">Commune</a><a href="/garden/digital-locality/index.md">Digital Locality</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 web aligns with anarchist values - autonomy, cooperation, and egalitarianism.</p><h3 id="further-reading" tabindex="-1">Further reading <a class="header-anchor" href="#further-reading" aria-label="Permalink to &quot;Further reading&quot;"></a></h3><p>These are videos and articles that continue expanding on the values and motivations behind the small web as an alternative to the corporate web:</p><ul><li><a href="https://ar.al/2020/08/07/what-is-the-small-web/" target="_blank" rel="noreferrer">What is the small web?</a></li><li><a href="https://webdirections.org/blog/reweirding-the-web/" target="_blank" rel="noreferrer">Reweirding the web</a></li><li><a href="https://www.youtube.com/watch?v=00qwzmMrtok" target="_blank" rel="noreferrer">The web has lost its soul</a></li><li><a href="https://www.youtube.com/watch?v=rTSEr0cRJY8" target="_blank" rel="noreferrer">You should check out the indie web</a></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><p>Follow <a href="/garden/webrings/">Webrings</a> or other links from known small websites.</p><p><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!)</p><p>The <a href="https://tildeverse.org/" target="_blank" rel="noreferrer">Tildeverse</a> contains a large set of personal websites.</p><ul><li>Pick one of the member sites, and they&#39;ll have a list of all their users, who each have a custom page. Some may also list most recently updated pages, which is a good way of filtering out default pages.</li><li>You may also consider joining one of these communities. They&#39;re effectively shared Linux computers, with a focus on small tight knit communities as an alternative to social media. Great if you&#39;re interested in learning Linux and command line utilities!</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 information and resources on building personal websites that use open standards to better interact with readers and other sites consistently. Check out <a href="https://indiewebify.me/" target="_blank" rel="noreferrer">IndieWebify Me</a> to get assistance implementing their standards.</p><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>. Also check out their tutorials to <a href="https://neocities.org/tutorials" target="_blank" rel="noreferrer">Learn How to Make Websites!</a></li><li><a href="https://mmm.page/" target="_blank" rel="noreferrer">mmm.page — Your Corner of the Internet</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 - like on <a href="https://incremental.social/pages" target="_blank" rel="noreferrer">Incremental Social</a>!)</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><p>Other resources:</p><ul><li><a href="https://32bit.cafe/" target="_blank" rel="noreferrer">32-bit cafe</a></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 hosting streams of content on personal websites in a way they can be consistently ingested by microsub clients. This way, people could subscribe to multiple streams on independent websites and get them in one feed. Through this, the indie web becomes a <a href="/garden/fediverse/">Federated Social Media</a>.</p><p>Streams also allow your personal website to be the one source of truth for your posted content, in a concept called <a href="https://indieweb.org/POSSE" target="_blank" rel="noreferrer">POSSE</a> - Publish (on your) Own Site, Syndicate Elsewhere (other social media sites). This would effectively solve 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></p><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><h3 id="digital-gardens" tabindex="-1"><a href="/garden/digital-gardens/">Digital Gardens</a> <a class="header-anchor" href="#digital-gardens" aria-label="Permalink to &quot;[Digital Gardens](/garden/digital-gardens/index.md)&quot;"></a></h3><p>These sites may be useful to occasionally check up on rather than get notifications from on every post/change</p><ul><li>Although <a href="/garden/garden-rss/">Garden-RSS</a> could allow those who want to receive notifications to do so</li></ul><h3 id="the-future" tabindex="-1">The future <a class="header-anchor" href="#the-future" aria-label="Permalink to &quot;The future&quot;"></a></h3><p><a href="https://aramzs.xyz/essays/the-internet-is-a-series-of-webs/" target="_blank" rel="noreferrer">The Internet is a series of webs</a> talks about transitioning from our current consolidated web back to the indie web</p>',38),w=JSON.parse('{"title":"The Small Web","description":"","frontmatter":{"alias":"The IndieWeb, Personal Web, Personal Websites, IndieWeb","public":"true","slug":"the-small-web","title":"The Small Web","prev":false,"next":false},"headers":[],"relativePath":"garden/the-small-web/index.md","filePath":"garden/the-small-web/index.md"}'),c={name:"garden/the-small-web/index.md"},y=Object.assign(c,{setup(m){const t=i();return(u,p)=>(l(),o("div",null,[h,e("p",null,[s("778 words, ~4 minute read. "),e("span",{innerHTML:a(r)[`site/${a(t).page.value.relativePath}`]},null,8,d)]),b]))}});export{w as __pageData,y as default};