CINXE.COM
Web 1 Land
<!DOCTYPE html> <html lang="en"> <head> <title>Web 1 Land</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> :root { --step--2: clamp(0.78rem, calc(0.71rem + 0.35vw), 1.2rem); --step--1: clamp(0.94rem, calc(0.84rem + 0.47vw), 1.5rem); --step-0: clamp(1.13rem, calc(1rem + 0.63vw), 1.88rem); --step-1: clamp(1.35rem, calc(1.18rem + 0.83vw), 2.34rem); --step-2: clamp(1.62rem, calc(1.4rem + 1.09vw), 2.93rem); --step-3: clamp(1.94rem, calc(1.66rem + 1.43vw), 3.66rem); --step-4: clamp(2.33rem, calc(1.96rem + 1.87vw), 4.58rem); --step-5: clamp(2.8rem, calc(2.31rem + 2.44vw), 5.72rem); } body { background: #222; margin: 0; padding: 0; } main { margin: auto; max-width: 100em; } #top { padding: 4em 2em 2em 2em; } #browser { margin: auto; font-size: var(--step--2); background: #ddd; color: #000; padding: 2em; filter: drop-shadow(0 0 50px rgba(185, 185, 185, 0.8)); border-radius: 0.2em; } #info { font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; font-size: var(--step-1); color: #ccc; margin: 0 1em; /*overflow-wrap: break-word;*/ } #info p:first-of-type { font-size: var(--step-2); } #info strong { font-weight: 700; color: #e66fae; text-shadow: #592a43 0 0 10px; } p { line-height: 1.2em; } </style> </head> <body> <main> <div id="top"> <div id="browser"> <h1>Web 1 Land</h1> <p> <q >The web is more a social creation than a technical one. I designed it for a social effect鈥攖o help people work together鈥攁nd not as a technical toy. The ultimate goal of the Web is to support and improve our weblike existence in the world.</q > <a href="https://www.w3.org/People/Berners-Lee/Weaving/Overview.html" >Tim Berners-Lee, <em>Weaving the Web</em>, <time datetime="1999">1999</time></a > </p> <p> <q >Web 1.0 was all about connecting people. It was an interactive space, and I think Web 2.0 is of course a piece of jargon, nobody even knows what it means.</q > <a href="https://web.archive.org/web/20071011214319/http://www.ibm.com/developerworks/podcast/dwi/cm-int082206txt.html" >Tim Berners-Lee, <time datetime="2006-08-22">August 22, 2006</time></a > </p> <p> <q>Web3 is not the web at all.</q> <a href="https://www.cnbc.com/2022/11/04/web-inventor-tim-berners-lee-wants-us-to-ignore-web3.html" >Tim Berners-Lee, <time datetime="2022-11-04">November 4, 2022</time></a > </p> </div> </div> <div id="info"> <p> <strong>Web 1.0 was amazing.</strong> Geocities and Angelfire. Altavista and Dogpile. The Yahoo! Directory. CGI web chats. Homepages. Animated GIFs. Guestbooks. </p> <p> People keep trying to reinvent the web, but the web doesn鈥檛 care. Web 1 lives on, simple and pure, beneath the cruft that has been added over the past three decades. </p> <p> Web 1 Land is a place for people who remember and love the best parts of the web鈥攐r people who missed that era and want to experience it today. It鈥檚 a place where you can have fun writing HTML without the overhead of today鈥檚 鈥渕odern鈥澛燾ontent publishing ecosystems. A place where you can be yourself, do your thing, and make your web pages. </p> <p>And if you don鈥檛 know how to make web pages, we鈥檒l teach you.</p> <p><strong>Coming in 2024.</strong></p> <p> <a href="https://neatnik.net" ><img src="/rabbit-runner-sticker.svg" width="100" height="100" alt="Neatnik Rabbit Runner" /></a> </p> </div> </main> </body> </html>