Eric Taylor
625201b78d
- Downloaded all 31 Unsplash images to photos/ directory - Found 14 URLs returning 404; replaced with working equivalents: about: book-room, hard-drives, forest-child human-body: digestive-system, human-eye inventions: gears (x2), lab-glassware maps/phenomena: old-map (x2), ornate-globe, earth-orbit natural-world: migrating-birds phenomena: lightning-storm, ferrofluid space: voyager-record - Updated all 8 HTML files to reference local photos/ instead of Unsplash CDN - Fixed broken ammonite clipart reference (fossil -> existing image) - Updated CSS clipart hover effects and responsive rules
219 lines
16 KiB
HTML
219 lines
16 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="description" content="About Dangerous Wonder">
|
||
<title>About — Dangerous Wonder</title>
|
||
<link rel="stylesheet" href="css/style.css">
|
||
</head>
|
||
<body class="section-about">
|
||
<div class="page-wrapper-wide">
|
||
|
||
<header class="site-header">
|
||
<h1 class="site-title"><a href="index.html">Dangerous Wonder</a></h1>
|
||
<p class="site-subtitle">A Field Guide to Everything Worth Knowing</p>
|
||
</header>
|
||
|
||
<nav class="site-nav">
|
||
<ul>
|
||
<li><a href="index.html">Home</a></li>
|
||
<li><a href="natural-world.html">Natural World</a></li>
|
||
<li><a href="inventions.html">Inventions</a></li>
|
||
<li><a href="phenomena.html">Phenomena</a></li>
|
||
<li><a href="maps.html">Maps & Places</a></li>
|
||
<li><a href="human-body.html">Human Body</a></li>
|
||
<li><a href="space.html">Space</a></li>
|
||
<li><a href="about.html" class="active">About</a></li>
|
||
</ul>
|
||
</nav>
|
||
|
||
<img src="img/steampunk-book-and-goggles-image.png" alt="" class="clipart-section">
|
||
|
||
<div class="section-bar">About This Site</div>
|
||
|
||
<h2 class="section-header">About Dangerous Wonder</h2>
|
||
<p class="section-header-sub">How this strange corner of the internet came to be</p>
|
||
|
||
<div class="breadcrumbs"><a href="index.html">Home</a> › About</div>
|
||
|
||
<hr class="dk-rule-thin">
|
||
|
||
<div class="content-section">
|
||
<p class="drop-cap">In the spring of 1999, a librarian named Marguerite Calef sat down at her kitchen table in Portland, Oregon, with a cup of peppermint tea and a copy of <em>The Way Things Work</em> open beside her. She had just discovered GeoCities and, more importantly, she had realized that the world wide web was the most extraordinary reference shelf ever assembled — except that nobody had organized it the way she wanted. The encyclopedias were too stuffy. The search engines were too cold. What the internet needed, she decided, was a field guide: something with the warmth of a well-loved textbook, the curiosity of a ten-year-old, and the stubborn persistence of someone who believed that every fact worth knowing should also be <em>fun</em> to learn. She called her husband into the room and said, "I'm going to build a website." He asked what it would be about. "Everything," she said. And she meant it.</p>
|
||
</div>
|
||
|
||
<div class="figure-right">
|
||
<img src="photos/photo-1521587760476-6c12a4b040da_600x400.jpg" alt="A warm, book-filled room — the spiritual home of Dangerous Wonder">
|
||
<p class="figure-caption">The kind of place where curiosity lives. Dangerous Wonder was born at a kitchen table that looked very much like this.</p>
|
||
</div>
|
||
|
||
<div class="clearfix"></div>
|
||
|
||
<div class="content-section">
|
||
<h2>The History of Dangerous Wonder</h2>
|
||
|
||
<img src="img/quill-and-ink-jar-clip.png" alt="" class="clipart-right">
|
||
|
||
<p>The site has lived many lives across its quarter-century on the web. What follows is the true and occasionally embellished record of how it got here.</p>
|
||
|
||
<h3>1999 — The Beginning</h3>
|
||
<p>Marguerite launched the first version of Dangerous Wonder on April 3rd, 1999, using a 56k modem and a copy of Microsoft FrontPage. The site lived at <code>geocities.com/Athens/Academy/4727</code> and contained exactly fourteen pages: seven about obscure animals, three about weather phenomena, two about the solar system, one about the inner workings of flush toilets, and one that was just a list of her favorite sandwiches. She updated it every Tuesday evening after her shift at the Multnomah County Library.</p>
|
||
|
||
<h3>2002 — Surviving the Crash</h3>
|
||
<p>When the dot-com bubble burst, websites all around Dangerous Wonder were vanishing overnight. Marguerite's GeoCities neighbor — a spectacular site about deep-sea creatures called <em>The Abyssal Plain</em> — disappeared on a Thursday in March, and she never found out what happened to it. But Dangerous Wonder cost almost nothing to run, and Marguerite had never been in it for money. She kept writing. "The internet is not a stock ticker," she wrote in an update that month. "It is a library that never closes."</p>
|
||
|
||
<h3>2004 — The Great Migration</h3>
|
||
<p>GeoCities was getting unpredictable. Marguerite taught herself enough HTML and CSS to move the site to its own domain — <strong>dangerouswonder.com</strong> — which she registered for $9.95 a year through a hosting company whose name she can no longer remember. The migration took three months. She rebuilt every page by hand, correcting typos that had been sitting there since 1999 and adding new illustrations she'd scanned from out-of-print reference books. (She would like you to know that she has since obtained proper licensing for all of them. Mostly.)</p>
|
||
|
||
<h3>2007 — The Forum Years</h3>
|
||
<p>A small but devoted community had gathered around the site, so Marguerite added a discussion forum. For three glorious years, the Dangerous Wonder Forum was home to threads like "Is Pluto Worth Keeping?" (287 posts), "Climbing the Periodic Table" (a creative writing challenge, 412 posts), and "Mushrooms: Friends or Foes?" (surprisingly heated, 1,031 posts). The forum was powered by phpBB and moderated by a user named <em>CorvidFan99</em>, who turned out to be a fourteen-year-old from Brisbane named Priya. Priya is now a marine biologist. She still visits.</p>
|
||
|
||
<h3>2011 — The Almost-Loss</h3>
|
||
<p>A hard drive failure in August of 2011 nearly killed Dangerous Wonder. Marguerite had not backed up the site in eleven months. For three agonizing days, the site existed only on a failing RAID array and in the Wayback Machine. A data recovery service in Seattle managed to salvage 98% of the files. The remaining 2% — mostly forum posts from 2008 and one deeply loved page about the invention of the pencil — were never recovered. Marguerite now backs up every Sunday at 3:00 AM using a cron job and three separate cloud services. She has not missed one since.</p>
|
||
|
||
<div class="figure">
|
||
<img src="photos/photo-1550751827-4bd374c3f58b_600x400.jpg" alt="Old hard drives and cables — the infrastructure of an earlier web">
|
||
<p class="figure-caption">The tools of the trade. For years, Dangerous Wonder lived on hardware not unlike this.</p>
|
||
</div>
|
||
|
||
<h3>2015 — A New Generation</h3>
|
||
<p>Marguerite's granddaughter, Solène Calef-Mitchell, began helping with the site during her college years. Solène brought modernCSS sensibilities, a love of responsive design, and an insistence on semantic HTML that Marguerite grudgingly admitted was "probably a good idea." Together they rebuilt the site's stylesheet, added mobile support, and began the ongoing project of making every page accessible to screen readers. Solène still handles the technical side. Marguerite still handles the facts.</p>
|
||
|
||
<h3>2020 — The Present</h3>
|
||
<p>Dangerous Wonder continues to grow. New pages are added when the spirit moves someone. Old pages are gently revised, never discarded. The site has never run an advertisement, never accepted venture capital, and never tracked a visitor beyond the humble counter at the bottom of the page. It exists because someone believes it should.</p>
|
||
</div>
|
||
|
||
<hr class="dk-rule">
|
||
|
||
<img src="img/medieval-leather-bound-book-illustration.png" alt="" class="clipart-wide">
|
||
|
||
<div class="content-section">
|
||
<h2>Key Milestones</h2>
|
||
|
||
<img src="img/ancient-egyptian-scroll-image.png" alt="" class="clipart-left">
|
||
|
||
<ul class="fact-list">
|
||
<li><strong>April 3, 1999</strong> — Dangerous Wonder launches on GeoCities with 14 pages</li>
|
||
<li><strong>December 1999</strong> — First visitor from outside North America (Helsinki, Finland — they were reading about the aurora borealis)</li>
|
||
<li><strong>October 2001</strong> — Reaches 100 pages of content</li>
|
||
<li><strong>June 2002</strong> — Survives the dot-com crash; Marguerite vows to "outlast the internet itself"</li>
|
||
<li><strong>February 2004</strong> — Moves to dangerouswonder.com</li>
|
||
<li><strong>November 2007</strong> — Forum launched; Priya joins as moderator</li>
|
||
<li><strong>March 2009</strong> — 500th page published (it was about bioluminescence)</li>
|
||
<li><strong>August 2011</strong> — The Great Hard Drive Failure; site saved by Seattle data recovery</li>
|
||
<li><strong>January 2015</strong> — Solène joins; responsive redesign begins</li>
|
||
<li><strong>April 2019</strong> — 20th anniversary; the site receives a heartfelt email from a teacher in Ghana who has been using it in her classroom since 2003</li>
|
||
<li><strong>September 2024</strong> — Accessibility audit completed; all pages now meet WCAG 2.1 AA</li>
|
||
<li><strong>April 2026</strong> — You are here.</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<hr class="dk-rule-thin">
|
||
|
||
<img src="img/antique-leather-books-shelf-illustration.png" alt="" class="clipart-wide">
|
||
|
||
<div class="content-section">
|
||
<h2>Why "Dangerous Wonder"?</h2>
|
||
|
||
<img src="img/vintage-reading-glasses-on-book-image.png" alt="" class="clipart-right">
|
||
|
||
<div class="figure-left">
|
||
<img src="photos/photo-1448375240586-882707db888b_600x400.jpg" alt="A child gazing up at a towering forest">
|
||
<p class="figure-caption">Wonder is not passive. It demands that you look closer, step further, ask one more question.</p>
|
||
</div>
|
||
|
||
<p>The name comes from a phrase Marguerite found in an out-of-print book of essays by the naturalist Eloise Graham Pike, published in 1967. Pike wrote that the experience of truly encountering the natural world was one of "dangerous wonder" — dangerous because it unsettles what you thought you knew, wonder because you are glad it did. Marguerite copied the phrase onto a Post-It note and stuck it to her monitor in 1999. It is still there, faded to a pale yellow, held up by a piece of tape she replaced in 2014.</p>
|
||
|
||
<p>She chose the name because she wanted a site that didn't just dispense facts, but made you <em>feel</em> something — the particular shiver of discovering that the world is stranger and more beautiful than you'd assumed. A fact about the diving bell spider is not the same as the experience of realizing the diving bell spider <em>exists</em>. Dangerous Wonder exists in the space between those two things.</p>
|
||
|
||
<div class="clearfix"></div>
|
||
|
||
<blockquote class="pull-quote">"I wanted to build the website I wished I'd had when I was nine years old and the world was impossibly interesting and nobody had told me yet that I was supposed to stop asking why."</blockquote>
|
||
<p style="text-align: right; margin-top: 0.25em;">— Marguerite Calef, interview with <em>Open Web Quarterly</em>, 2006</p>
|
||
</div>
|
||
|
||
<hr class="dk-rule">
|
||
|
||
<div class="did-you-know">
|
||
<img src="img/treasure-chest-clip-art.png" alt="" style="float:right; margin: 0 0 8px 12px; max-width:60px;" class="clipart">
|
||
<h4>Did You Know?</h4>
|
||
<p>Dangerous Wonder has been cited in three published academic papers, referenced by a BBC documentary on deep-sea vents, and once linked from a now-deleted tweet by a popular astrophysicist that sent 40,000 visitors to the site in a single afternoon. The server held. Barely. Marguerite celebrated by updating the page about tardigrades and going to bed early.</p>
|
||
</div>
|
||
|
||
<div class="content-section">
|
||
<h2>Explore the Site</h2>
|
||
|
||
<p>Dangerous Wonder is organized like a reference book because that's what it was always meant to be — a field guide you can wander through, not a search result you consume. Each section is a doorway. Each page is a path. Here is what awaits you:</p>
|
||
|
||
<div class="toc">
|
||
<ul>
|
||
<li><a href="natural-world.html"><strong>Natural World</strong></a> — Animals, ecosystems, and the living planet</li>
|
||
<li><a href="inventions.html"><strong>Inventions</strong></a> — The things humans have built and why they matter</li>
|
||
<li><a href="phenomena.html"><strong>Phenomena</strong></a> — Weather, illusions, and things that defy easy explanation</li>
|
||
<li><a href="maps.html"><strong>Maps & Places</strong></a> — Geography, borders, and the stories hidden in terrain</li>
|
||
<li><a href="human-body.html"><strong>Human Body</strong></a> — The most complicated thing you'll ever live inside</li>
|
||
<li><a href="space.html"><strong>Space</strong></a> — Everything beyond the atmosphere</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<p>Wander. Get lost. Follow a footnote to a page you didn't know existed. That's the whole point.</p>
|
||
</div>
|
||
|
||
<hr class="dk-rule-thin">
|
||
|
||
<div class="fact-box">
|
||
<img src="img/antique-leather-books-shelf-illustration.png" alt="" style="float:right; margin: 0 0 8px 12px; max-width:60px;" class="clipart">
|
||
<h4>Site Statistics</h4>
|
||
<ul>
|
||
<li><strong>Pages published:</strong> 743</li>
|
||
<li><strong>Words written:</strong> ~1.2 million</li>
|
||
<li><strong>Illustrations and images:</strong> 1,106</li>
|
||
<li><strong>Fact boxes:</strong> 389</li>
|
||
<li><strong>"Did You Know" boxes:</strong> 214</li>
|
||
<li><strong>Years online:</strong> 27</li>
|
||
<li><strong>Dollars of venture capital received:</strong> 0</li>
|
||
<li><strong>Advertisements served:</strong> 0</li>
|
||
<li><strong>Times the site has been nearly lost:</strong> 2</li>
|
||
<li><strong>Times the site has been recovered through sheer stubbornness:</strong> 2</li>
|
||
<li><strong>Sandwiches researched:</strong> 14 (the original 1999 page remains a personal favorite)</li>
|
||
<li><strong>Current editor-in-chief:</strong> Marguerite Calef</li>
|
||
<li><strong>Technical lead:</strong> Solène Calef-Mitchell</li>
|
||
<li><strong>Longest-serving forum moderator:</strong> Priya Sharma (CorvidFan99), 2007–present</li>
|
||
<li><strong>Hosting costs per month:</strong> $14.50</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="ornament">• • •</div>
|
||
|
||
<div class="content-section">
|
||
<h2>How to Explore (and What You Might Find)</h2>
|
||
|
||
<img src="img/antique-golden-spine-book-image.png" alt="" class="clipart-divider">
|
||
|
||
<p>Some things on Dangerous Wonder are easy to find. They are on the pages you'd expect, in the sections you'd look in first. But Marguerite and Solène have always believed that a good reference book rewards the careful reader — the one who reads footnotes, who notices the small print, who clicks on things just to see what happens.</p>
|
||
|
||
<p>There are hidden pages on this site. There are Easter eggs in the source code. There are links that only appear if you look closely at the image captions. There is at least one page that can only be reached by visiting another page at a specific time of year. We are not going to tell you which one.</p>
|
||
|
||
<p>The best way to explore Dangerous Wonder is the same way you'd explore a used bookstore: slowly, without a list, ready to be surprised. Pick a section that sounds interesting. Read a page. Follow a link. Before you know it, it's 2:00 AM and you're reading about the mating habits of mantis shrimp and you don't remember how you got here. That's not a bug. That's the entire design philosophy.</p>
|
||
|
||
<p><em>Welcome. Stay curious. Stay dangerous.</em></p>
|
||
|
||
<span class="easter-egg">you found the first one. there are eleven more.</span>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<footer class="site-footer">
|
||
<div class="page-wrapper">
|
||
<p id="visitor-count" class="visitor-counter">You are visitor #000,000</p>
|
||
<p><small>Last updated: <span id="last-updated"></span></small></p>
|
||
<p>© 1999–2026 Dangerous Wonder. All rights reserved.</p>
|
||
<p class="footer-badge">Best viewed at 1024×768. Made with care, not with frameworks.</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
</html>
|