-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
107 lines (99 loc) · 11.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html>
<head>
<link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png" />
<link rel="manifest" href="/images/favicon/site.webmanifest" />
<link rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg" color="#ebc000" />
<link rel="shortcut icon" href="/images/favicon/favicon.ico" />
<meta name="msapplication-TileColor" content="#ffc40d" />
<meta name="msapplication-config" content="/images/favicon/browserconfig.xml" />
<meta name="theme-color" content="#ffffff" />
<!-- The Light Web's favicon and social sharing image are based on the Emojidex "high_brightness" emoji (https://www.emojidex.com/emoji/high_brightness), used per the Emojidex Open License (https://www.emojidex.com/emojidex/emojidex_open_license) -->
<title>The Light Web Philosophy</title>
<meta property="og:title" content="The Light Web" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://the-light-web.net" />
<meta property="og:description" content="The Light Web is a philosophy, a synthesis of ideas that have resonated with me recently, aimed at creating websites that live up to the ideals of the early web." />
<meta property="og:locale" content="en_US" />
<meta property="og:image" content="https://the-light-web.net/images/LightWebSocialImage.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:alt" content="Illustration of a yellow sun icon rising above the horizon and casting its light on the ground." />
<meta property="og:image:width" content="320" />
<meta property="og:image:height" content="320" />
<link rel="stylesheet" href="https://use.typekit.net/mkg0esp.css" />
<link rel="stylesheet" href="/css/default.css?v=0.1" />
<link rel="stylesheet" href="/css/light-web.css?v=0.1" />
<link rel="stylesheet" href="/css/fonts.css?v=0.1" />
</head>
<body onload="scriptCheck()">
<div class="outer-box">
<div class="content">
<h1>🔆 The Light Web 🔆</h1>
<h2>What is the Light Web?</h2>
<p>
The Light Web is a philosophy, a synthesis of ideas that have resonated with me recently, aimed at creating websites that live up to the ideals of the early web. The early years of the World Wide Web were filled with whimsy and optimism. There was so much potential in this new medium, and so many people excited to explore that potential. But halfway through the third decade of the 21<sup>st</sup> Century, the web has suffered from the same late-stage capitalist degradation that so much of society has. The Light Web is a movement to recapture the idealistic, humanistic promise of the web in its infancy.<br /><br />
</p>
<h3>Light as in Sunlight</h3>
<p>
The term "The Light Web" came to me late at night in a sort of "the Dark Web implies the existence of the Light Web" sort of way, but the Light Web does not stand in opposition to the Dark Web. In fact, the Light Web philosophy is fully in favor of the sort of privacy and anonymity afforded by tools like <a href="https://www.torproject.org" title="TOR Project | Anonymity Online">TOR</a>. The darkness that the Light Web opposes is that of <a href="https://www.deceptive.design" title="Deceptive Patterns">dark patterns</a>—<q cite="https://www.deceptive.design">tricks used…[to] make you do things that you didn't mean to</q>—and other user-hostile designs like third party trackers, ad-blocker blockers, and nagging popover windows.<br /><br />
</p>
<h3>Light as in Light as a Feather</h3>
<p>
Internet connection speeds that are considered intolerably slow today would have been incomprehensibly fast at the dawn of the web. My own internet connection today is roughly 50,000 times faster than the modem I first used to connect to the internet. With that multiplier, a site that takes 10 seconds to load for me now might have taken five and a half <em>days</em> on that old 9,600 bit/s dial-up modem. Modern broadband speeds have allowed modern websites to grow bloated and inefficient. The Light Web philosophy in no way suggests that websites should abandon multimedia content or return to the postage stamp sized images of yore. Instead, it espouses the idea that the weight of a page should be reserved for its <em>content</em>. Stop bogging down websites with large amounts of code, garbage advertisements, and <a href="https://en.wikipedia.org/wiki/Chumbox" title="'Chumbox' on Wikipedia">chum</a>. The Light Web favors static pages where possible and carefully considered, efficiently crafted web apps where not. It also favors hosting your own content. Creating readable, semantic HTML and hosting on a platform that you control is better for you as a creator and for your consumers.<br /><br />
</p>
<h3>Light as in Lighthearted</h3>
<p>
The web should be a fun place. The early web was whimsical. My favorite example is the <a href="https://en.wikipedia.org/wiki/Hyper_Text_Coffee_Pot_Control_Protocol" title="'Hyper Text Coffee Pot Control Protocol' on Wikipedia">Hyper Text Coffee Pot Control Protocol</a>. Embracing the Light Web philosophy does not mean never creating websites about important or weighty topics. It just means remembering that the web is a more pleasant place to be when people don't take themselves too seriously.<br /><br />
</p>
<h2>What <em>isn't</em> the Light Web?</h2>
<p>
The Light Web is not a standard. It is not a set of rules. It is not a certification. It is not a rubric. There is no quantitative way to adjudicate whether a given website is part of the Light Web.<br /><br />
</p>
<h2>Conclusion</h2>
<p>
The Light Web is a philosophy, an organizing principle, maybe a movement. It is inspired by my memories of being a teenager online and by writing like <a href="https://lmnt.me/intro" title="LMNT | Intro">Louie Mantia</a>'s <em><a href="https://lmnt.me/blog/make-a-damn-website.html" title="Make a Damn Website, by Louie Mantia">Make a Damn Website</a></em> & <em><a href="https://lmnt.me/blog/teenage-web.html" title="The Teenage Web, by Louie Mantia">The Teenage Web</a></em> and <em><a href="https://www.noemamag.com/we-need-to-rewild-the-internet" title="Noema | We Need To Rewild The Internet">We Need To Rewild The Internet</a></em> by <a href="http://mariafarrell.com/about/" title="About Maria">Maria Farrell</a> & <a href="https://berjon.com/about/" title="Employee of the Month: Robin Berjon">Robin Berjon</a>.<br /><br />
</p>
<p>
My only express goal in publishing this site is to encourage others to keep the Light Web philosophy in mind when creating online. I don't know what or when I might expand on this single page, but I would like to. I would like to refine the ideas presented on this page, and I would love it if others took up the idea. I would like to hear others' thoughts too. Pleaese reach out to me via <a href="mailto:[email protected]?subject=The%20Light%20Web" title="Email the Webmaster">email</a> or
<a rel="me" href="https://tech.lgbt/@TheADHDM" title="The ADHDM on Mastodon">Mastodon</a>, or <a href="https://github.com/TRezendes/LightWeb/discussions" title="Light Web Discussions on GitHub">join a discussion about the Light Web</a> on GitHub<sup><a id="fn1link" href="#Footnote1" onclick="showFN();return false;" title="Footnote 1" id="f1-link">1</a></sup><br /><br />
</p>
<p class="signature logic-monoscript-regular">Timothy Rezendes, May 2024</p>
</div>
<div class="breathe"> </div>
<div id="fnModal" class="footnotes noscript">
<hr />
<button type="button" class="close-button" aria-label="Close" onclick="hideFN();return false;">
<span aria-hidden="true">×</span>
</button>
<ol>
<li id="Footnote1" class="smaller">
<p>I recognize the dissonance inherent in advocating a philosophy that urges people to host their own content and then directing them to have discussions about that philosophy on a platform controlled by Microsoft. But there is no hypocrisy here. I believe the reason that so many personal sites and so much self-hosted content got subsumed by social media sites and other, similar, platforms is that, while writing basic HTML and CSS is relatively straight forward (I learned them in my early teens and have recently begun teaching my 10 year old), more complex applications—like discussion fora—are not so simple. The Light Web encourages people to host their own content, yes, and to leave behind corporate controlled platforms as much as possible. It also recognizes that doing so at all is easier for some than for others, that doing so is a process that takes time, even for those who have the desire and the know-how, and that moving <em>entirely</em> off of those platforms may not be possible for many. And that's OK.</p>
<p>If the Light Web idea catches on and the discussions become an important part of the project, I will work on moving them to a platform that better aligns with the philosophy.<a href="#f1-link" title="Return" class="back-arrow"><span class="back-arrow">↩</span></a></p>
</li>
</ol>
</div>
<div id="modal-overlay" class="modal-overlay" onclick="hideFN()"></div>
<div class="footer">
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/"><span property="dct:title" style="display: none;">The Light Web</span>This website, its code, and its content—©2024 by <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="https://timothy.rezendes.info">Timothy Rezendes</a> and <a href="http://232.software">232 Software</a>—are licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-SA 4.0<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg" alt=""></a></p>
</div>
</div>
</body>
<script>
const fn1link = document.getElementById("fn1link");
const fnModal = document.getElementById("fnModal");
const modalOverlay = document.getElementById("modal-overlay");
function scriptCheck() {
fnModal.classList.remove('noscript');
}
function showFN() {
fnModal.classList.add("revealed");
modalOverlay.classList.add("revealed");
}
function hideFN() {
fnModal.classList.remove("revealed");
modalOverlay.classList.remove("revealed");
}
</script>
</html>