Add 90s web whimsy: clipart decorations across all pages
- Add img/ folder with 224 transparent PNG clipart illustrations - Add CSS classes for clipart placement (.clipart, .clipart-left, .clipart-right, .clipart-section, .clipart-divider, .clipart-wide, .clipart-inline) with hover rotation effect and responsive rules - Decorate all 7 content pages + index + about with themed clipart: section headers, floating side images, wide section dividers, fact-box icons, and home page card icons - Add AGENTS.md with project conventions and constraints
This commit is contained in:
28
space.html
28
space.html
@@ -28,6 +28,8 @@
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<img src="img/solar-system-planets-orbit-illustration.png" alt="" class="clipart-section">
|
||||
|
||||
<div class="section-bar">Chapter Six</div>
|
||||
|
||||
<h2 class="section-header">Space & Beyond</h2>
|
||||
@@ -51,6 +53,8 @@
|
||||
|
||||
<hr class="dk-rule">
|
||||
|
||||
<img src="img/celestial-globe-cartographer.png" alt="" class="clipart-wide">
|
||||
|
||||
<div class="content-section">
|
||||
<h2>Looking Back in Time</h2>
|
||||
<p>Light travels at roughly 300,000 kilometres per second — the fastest anything can move through the universe. But even at that speed, crossing cosmic distances takes a very long time. The light from the Sun takes just over eight minutes to reach your eyes. The light from Proxima Centauri takes more than four years. The light from the Andromeda Galaxy takes 2.5 million years.</p>
|
||||
@@ -67,9 +71,13 @@
|
||||
|
||||
<hr class="dk-rule-thin">
|
||||
|
||||
<img src="img/old-fashioned-brass-orreries-image.png" alt="" class="clipart-wide">
|
||||
|
||||
<div class="content-section">
|
||||
<h2>Neutron Stars: The Impossible Objects</h2>
|
||||
|
||||
<img src="img/gemstone-mineral-collection.png" alt="" class="clipart-left">
|
||||
|
||||
<div class="figure-right clearfix">
|
||||
<img src="https://images.unsplash.com/photo-1534796636912-3b95b3ab5986?w=600&h=400&fit=crop" alt="A brilliant blue-white star remnant surrounded by an ethereal nebula shell">
|
||||
<p class="figure-caption">A neutron star is the compressed core of a massive star that has exploded. It spins, it beams, it distorts the very fabric of spacetime around it. <em>Photo: Unsplash.</em></p>
|
||||
@@ -80,6 +88,7 @@
|
||||
<p>A teaspoon of neutron star material would weigh about 6 trillion tonnes — roughly equivalent to cramming Mount Everest into a sugar cube. These objects spin at terrifying speeds; some complete hundreds of rotations per second. They possess magnetic fields a trillion times stronger than Earth's. They are, by any reasonable standard, impossible — yet they exist in their hundreds of millions across the Milky Way, quiet and fast-spinning, like cosmic lighthouses beaming radio waves into the void.</p>
|
||||
|
||||
<div class="fact-box">
|
||||
<img src="img/space-rocket-engine-blueprint.png" alt="" style="float:right; margin: 0 0 8px 12px; max-width:60px;" class="clipart">
|
||||
<h4>Neutron Star Facts</h4>
|
||||
<ul class="fact-list">
|
||||
<li>Diameter: approximately 20 km (about the size of a small city)</li>
|
||||
@@ -96,6 +105,9 @@
|
||||
|
||||
<div class="content-section">
|
||||
<h2>The Invisible 95%</h2>
|
||||
|
||||
<img src="img/satellite-antenna-schematic.png" alt="" class="clipart-left">
|
||||
|
||||
<p>Everything you have ever seen, touched, or read about — every star, planet, galaxy, cloud of gas, and speck of dust — makes up roughly 5% of the total universe. The remaining 95% consists of two forces we cannot see, cannot touch, and only barely understand: dark matter and dark energy.</p>
|
||||
|
||||
<p>Dark matter, which accounts for about 27% of the universe, reveals itself through gravity. Galaxies rotate too fast; galaxy clusters bend light in ways visible matter cannot explain; the large-scale structure of the universe wouldn't hold together without it. Something is there, exerting gravitational pull, making the math work, and it vastly outweighs everything made of atoms. But it does not emit, absorb, or reflect light. It is invisible in the most literal sense.</p>
|
||||
@@ -103,6 +115,7 @@
|
||||
<p>Dark energy, comprising roughly 68% of the universe, is even stranger. In 1998, astronomers discovered that the universe is not just expanding — the expansion is accelerating. Something is pushing everything apart, growing stronger as space itself grows larger. We call it dark energy because we have no idea what it actually is. It may be an intrinsic property of space, a new kind of field, or a sign that our understanding of gravity is incomplete. It is, by a wide margin, the dominant force in the cosmos, and nobody can explain it.</p>
|
||||
|
||||
<div class="did-you-know">
|
||||
<img src="img/gemstones-mineral-painting.png" alt="" style="float:right; margin: 0 0 8px 12px; max-width:60px;" class="clipart">
|
||||
<h4>Did You Know?</h4>
|
||||
<p>The name "dark" in dark matter and dark energy doesn't mean they are literally dark — it means we are completely in the dark about what they are. Physicists sometimes refer to the 95% as "the embarrassing part" of cosmology. A Nobel Prize was awarded in 2011 for the discovery of the universe's accelerating expansion, and we still don't know what it is.</p>
|
||||
</div>
|
||||
@@ -113,6 +126,8 @@
|
||||
<div class="content-section">
|
||||
<h2>The Voyager Golden Record</h2>
|
||||
|
||||
<img src="img/old-fashioned-brass-telescope-image.png" alt="" class="clipart-right">
|
||||
|
||||
<div class="figure-left clearfix">
|
||||
<img src="https://images.unsplash.com/photo-1614732414444-096e22c3795e?w=600&h=400&fit=crop" alt="A gold-anodized record mounted on a spacecraft, shining against deep space">
|
||||
<p class="figure-caption">The Golden Record, mounted on each Voyager spacecraft, is etched with instructions for playback in scientific notation. If found, it would be the first audio ever heard from another civilisation. <em>Photo: Unsplash.</em></p>
|
||||
@@ -130,6 +145,8 @@
|
||||
<div class="content-section">
|
||||
<h2>Pale Blue Dot</h2>
|
||||
|
||||
<img src="img/globe-cartoon-illustration.png" alt="" class="clipart-right">
|
||||
|
||||
<blockquote class="pull-quote">"That's here. That's home. That's us. On it everyone you love, everyone you know, everyone you ever heard of, every human being who ever was, lived out their lives."</blockquote>
|
||||
|
||||
<p>On February 14, 1990, at Carl Sagan's request, NASA commanded the Voyager 1 spacecraft to turn its camera around and take one last photograph of its home. From a distance of roughly 6 billion kilometres — beyond the orbit of Neptune — the resulting image showed Earth as a tiny point of light, less than a pixel wide, suspended in a beam of scattered sunlight.</p>
|
||||
@@ -137,6 +154,7 @@
|
||||
<p>Sagan called it the "Pale Blue Dot" and delivered what may be the most beautiful paragraph ever spoken about our planet: a meditation on the absurd smallness of the stage on which all of human history has played out, and an argument, implicit and powerful, for kindness. Every conqueror's army, every emperor's empire, every holy city and every terrible war — all of it took place on that barely visible speck. The photo has no borders on it. It was taken from too far away to show any.</p>
|
||||
|
||||
<div class="fact-box">
|
||||
<img src="img/old-world-science-globe.png" alt="" style="float:right; margin: 0 0 8px 12px; max-width:60px;" class="clipart">
|
||||
<h4>About the Image</h4>
|
||||
<ul class="fact-list">
|
||||
<li>Take date: February 14, 1990</li>
|
||||
@@ -150,8 +168,13 @@
|
||||
|
||||
<hr class="dk-rule-thin">
|
||||
|
||||
<img src="img/globe-cartoon-illustration.png" alt="" class="clipart-wide">
|
||||
|
||||
<div class="content-section">
|
||||
<h2>The Great Attractor</h2>
|
||||
|
||||
<img src="img/antique-brass-astronomical-instrument.png" alt="" class="clipart-left">
|
||||
|
||||
<p>Something enormous is pulling our entire galaxy — along with tens of thousands of others — toward it at about 600 kilometres per second. We call it the Great Attractor, and we cannot see it, because it is located in the direction of the plane of the Milky Way, where dust and gas obscure our view.</p>
|
||||
|
||||
<p>We know it is there because of the motion it creates. The Milky Way is already moving toward the Great Attractor at considerable speed, along with our local group of galaxies and the much larger Virgo Cluster. The combined gravitational pull required to drag that much mass requires an object — or concentration of mass — of staggering proportions: roughly 3–5 × 10<sup>16</sup> solar masses, a region called the Laniakea Supercluster, of which we are a small suburban outpost. Even larger structures — walls, filaments, and voids that span hundreds of millions of light-years — appear to make up the cosmic web, the large-scale architecture of the universe.</p>
|
||||
@@ -159,6 +182,7 @@
|
||||
<p>The Great Attractor is not itself an object. It is a gravitational focal point, a knot in the web, a place where an absurd amount of matter has gathered over billions of years. Our galaxy will arrive there — or rather, "there" will be reshaped by the time we get close — in roughly 150 billion years, though dark energy's accelerating expansion may prevent this convergence entirely, assuming nothing tears the universe apart first.</p>
|
||||
|
||||
<div class="did-you-know">
|
||||
<img src="img/celestial-globe-cartographer.png" alt="" style="float:right; margin: 0 0 8px 12px; max-width:60px;" class="clipart">
|
||||
<h4>Did You Know?</h4>
|
||||
<p>The Laniakea Supercluster, which contains the Great Attractor, contains roughly 100,000 galaxies stretched across 520 million light-years. The name is Hawaiian; it means "immense heaven." Our Milky Way sits on the outer fringes, like a distant suburb of a city we cannot see the centre of.</p>
|
||||
</div>
|
||||
@@ -168,6 +192,9 @@
|
||||
|
||||
<div class="content-section">
|
||||
<h2>Rogue Planets</h2>
|
||||
|
||||
<img src="img/meteorfragments-3d-render.png" alt="" class="clipart-divider">
|
||||
|
||||
<p class="drop-cap">Not every planet has a star. Somewhere between the glittering systems, in the vast and frigid spaces where no sun shines, rogue planets drift alone — ejected from their birth systems by gravitational encounters, sent tumbling through the galaxy on paths no orbit governs. Current estimates suggest there may be billions of them in the Milky Way alone, perhaps even more than there are stars.</p>
|
||||
|
||||
<p>These worlds can be enormous — some are gas giants, many times the mass of Jupiter — or they can be rocky, Earth-sized, and utterly dark. Without a sun, their surfaces would be frozen solid, but some may retain internal heat, and tidal forces or radioactive decay could sustain subsurface oceans of liquid water. In other words, it is not impossible that some rogue planets harbour life, in the warm dark beneath kilometres of ice, lit only by the faint glow of deep-sea vents, orbiting nothing, warmed by nothing, alive in spite of everything.</p>
|
||||
@@ -175,6 +202,7 @@
|
||||
<p>The first rogue planets were discovered in 2000, and many more have been identified since, including a gas giant designated CFBDSIR J2149−0403, floating about 130 light-years away. Since then, surveys have identified numerous candidates. The upcoming Nancy Grace Roman Space Telescope is expected to find hundreds more. Each one is a world without a sun, a story without a beginning — or at least, without the beginning we always assumed every planet must have.</p>
|
||||
|
||||
<div class="fact-box">
|
||||
<img src="img/metal-antenna-array.png" alt="" style="float:right; margin: 0 0 8px 12px; max-width:60px;" class="clipart">
|
||||
<h4>Rogue Planet Facts</h4>
|
||||
<ul class="fact-list">
|
||||
<li>Estimated number in the Milky Way: billions to trillions</li>
|
||||
|
||||
Reference in New Issue
Block a user