Abekta

The Encyclopédie of CASSA

User Tools

Site Tools

You are here: root » Courses » AST 100: Our Cosmic History » 0.0. Seven Ages of the Universe
courses:ast100:0

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
courses:ast100:0 [2026/01/18 05:37] – asadcourses:ast100:0 [2026/02/01 09:01] (current) – asad
Line 1: Line 1:
-====== The Seven Ages of the Universe ======+====== 0.0. Seven Ages of the Universe ====== 
 +Slides: https://drive.google.com/file/d/1DBFDq3OmjU5NfHvFGyoQhV7ZI_SJ2e-j/view 
 The history of the universe is divided into seven distinct ages based on the increasing complexity of matter and life. It begins with the Particle age, spanning the first 300,000 years, where fundamental particles and the first atoms formed. This was followed by the Galactic age, lasting from 300,000 years to 4 billion years, during which the first large-scale structures and galaxies assembled. The Stellar age ensued from 4 billion to 9 billion years, marked by the peak of star formation and the creation of heavier elements. Following this, the Planetary age occurred between 9 billion and 11 billion years, seeing the birth of solar systems and solid worlds. The timeline then transitions into the Chemical age (11 to 13 billion years), where complex organic molecules began to synthesize, paving the way for the Biological age (13 to 14 billion years), representing the rise of complex life on water and land. Finally, the Cultural age occupies the most recent 300,000 years, defined by the emergence of humanity, technology, and complex culture. The history of the universe is divided into seven distinct ages based on the increasing complexity of matter and life. It begins with the Particle age, spanning the first 300,000 years, where fundamental particles and the first atoms formed. This was followed by the Galactic age, lasting from 300,000 years to 4 billion years, during which the first large-scale structures and galaxies assembled. The Stellar age ensued from 4 billion to 9 billion years, marked by the peak of star formation and the creation of heavier elements. Following this, the Planetary age occurred between 9 billion and 11 billion years, seeing the birth of solar systems and solid worlds. The timeline then transitions into the Chemical age (11 to 13 billion years), where complex organic molecules began to synthesize, paving the way for the Biological age (13 to 14 billion years), representing the rise of complex life on water and land. Finally, the Cultural age occupies the most recent 300,000 years, defined by the emergence of humanity, technology, and complex culture.
  
Line 9: Line 11:
  
 ===== - Timelines ===== ===== - Timelines =====
 +<html>
 +<div id="doku-cosmic-light">
 +    <style scoped>
 +        /* SCOPED CSS FOR DOKUWIKI 
 +           Container ID: #doku-cosmic-light
 +           Theme: Elegant Light
 +        */
 +
 +        #doku-cosmic-light {
 +            /* Elegant Light Theme Variables */
 +            --bg-color: #ffffff;
 +            --panel-bg: #f8f9fa;
 +            --text-primary: #2d3748;
 +            --text-secondary: #718096;
 +            --accent-color: #4a5568; /* Slate gray for elegance */
 +            --border-color: #e2e8f0;
 +            --hover-color: #edf2f7;
 +            --line-color: #cbd5e0;
 +            
 +            /* Typography & Layout */
 +            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 +            background-color: var(--bg-color);
 +            color: var(--text-primary);
 +            line-height: 1.6;
 +            width: 100%;
 +            display: block;
 +            margin: 0;
 +            padding: 10px 0;
 +        }
 +
 +        /* Enforce box-sizing */
 +        #doku-cosmic-light * {
 +            box-sizing: border-box;
 +        }
 +
 +        /* Accordion Section */
 +        #doku-cosmic-light .age-section {
 +            border-bottom: 1px solid var(--border-color);
 +            background-color: var(--bg-color);
 +            transition: background-color 0.2s ease;
 +        }
 +
 +        #doku-cosmic-light .age-section:first-child {
 +            border-top: 1px solid var(--border-color);
 +        }
 +
 +        /* Header Styling */
 +        #doku-cosmic-light .age-header {
 +            padding: 20px 15px;
 +            cursor: pointer;
 +            display: flex;
 +            justify-content: space-between;
 +            align-items: center;
 +            user-select: none;
 +            position: relative;
 +        }
 +
 +        #doku-cosmic-light .age-header:hover {
 +            background-color: var(--hover-color);
 +        }
 +
 +        #doku-cosmic-light .header-content {
 +            display: flex;
 +            flex-direction: column;
 +        }
 +
 +        #doku-cosmic-light .age-title {
 +            font-size: 1.1rem;
 +            font-weight: 700;
 +            text-transform: uppercase;
 +            letter-spacing: 1px;
 +            color: var(--text-primary);
 +            margin-bottom: 4px;
 +        }
 +
 +        #doku-cosmic-light .age-period {
 +            font-size: 0.95rem;
 +            color: var(--text-secondary);
 +            font-family: "Georgia", serif; /* Serif for elegant contrast */
 +            font-style: italic;
 +        }
 +
 +        #doku-cosmic-light .toggle-icon {
 +            font-size: 1.2rem;
 +            color: var(--text-secondary);
 +            transition: transform 0.3s ease;
 +            margin-left: 15px;
 +        }
 +
 +        /* Content Area */
 +        #doku-cosmic-light .age-content {
 +            max-height: 0;
 +            overflow: hidden;
 +            transition: max-height 0.5s ease-out;
 +            background-color: var(--panel-bg);
 +        }
 +
 +        /* Timeline Styling */
 +        #doku-cosmic-light .timeline {
 +            position: relative;
 +            padding: 40px 20px 40px 40px;
 +            max-width: 800px;
 +            margin: 0 auto;
 +        }
 +
 +        /* Vertical Line */
 +        #doku-cosmic-light .timeline::before {
 +            content: '';
 +            position: absolute;
 +            left: 19px; /* Aligns with the dot center */
 +            top: 45px;
 +            bottom: 45px;
 +            width: 2px;
 +            background: var(--line-color);
 +        }
 +
 +        #doku-cosmic-light .event-item {
 +            position: relative;
 +            padding-left: 30px;
 +            margin-bottom: 40px;
 +        }
 +
 +        #doku-cosmic-light .event-item:last-child {
 +            margin-bottom: 0;
 +        }
 +
 +        /* Timeline Dot */
 +        #doku-cosmic-light .event-dot {
 +            position: absolute;
 +            left: -26px; /* Adjust based on padding-left */
 +            top: 6px;
 +            width: 12px;
 +            height: 12px;
 +            border-radius: 50%;
 +            background-color: var(--bg-color);
 +            border: 2px solid var(--accent-color);
 +            z-index: 2;
 +        }
 +
 +        #doku-cosmic-light .time-badge {
 +            display: inline-block;
 +            font-size: 0.85rem;
 +            font-weight: 600;
 +            color: var(--accent-color);
 +            margin-bottom: 6px;
 +            background: #e2e8f0;
 +            padding: 2px 8px;
 +            border-radius: 4px;
 +        }
 +
 +        #doku-cosmic-light .event-title {
 +            font-size: 1.15rem;
 +            margin: 0 0 8px 0;
 +            color: #1a202c;
 +            font-weight: 700;
 +            line-height: 1.3;
 +        }
 +
 +        #doku-cosmic-light .event-desc {
 +            color: #4a5568;
 +            font-size: 0.95rem;
 +            margin: 0;
 +            line-height: 1.6;
 +        }
 +
 +        /* Math Superscripts */
 +        #doku-cosmic-light sup {
 +            font-size: 0.7em;
 +            vertical-align: super;
 +            line-height: 0;
 +        }
 +
 +        /* Animation States */
 +        #doku-cosmic-light .rotate {
 +            transform: rotate(180deg);
 +        }
 +        
 +        #doku-cosmic-light .open {
 +            max-height: 3000px; /* Large enough to fit content */
 +            border-bottom: 1px solid var(--border-color);
 +        }
 +
 +        /* Mobile Optimization */
 +        @media (max-width: 600px) {
 +            #doku-cosmic-light .age-header { padding: 15px; }
 +            #doku-cosmic-light .timeline { padding: 30px 15px 30px 30px; }
 +            #doku-cosmic-light .timeline::before { left: 14px; }
 +            #doku-cosmic-light .event-dot { left: -22px; width: 10px; height: 10px; }
 +            #doku-cosmic-light .age-title { font-size: 1rem; }
 +            #doku-cosmic-light .age-period { font-size: 0.85rem; }
 +        }
 +    </style>
 +
 +    <div class="age-section">
 +        <div class="age-header">
 +            <div class="header-content">
 +                <span class="age-title">1. Particle Age</span>
 +                <span class="age-period">[ 0 to 380,000 years ]</span>
 +            </div>
 +            <span class="toggle-icon">▼</span>
 +        </div>
 +        <div class="age-content">
 +            <div class="timeline">
 +                <div class="event-item">
 +                    <span class="time-badge">0</span>
 +                    <h3 class="event-title">The Big Bang</h3>
 +                    <p class="event-desc">The singularity event marking the origin of space, time, energy and matter (STEM). The universe emerges as an unimaginably hot and dense "primeval fireball".</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">10<sup>-35</sup> to 10<sup>-32</sup> seconds</span>
 +                    <h3 class="event-title">Cosmic Inflation</h3>
 +                    <p class="event-desc">A brief, exponential expansion where the universe swells in size by a factor of roughly 10<sup>50</sup>. This process smoothed out initial irregularities.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">10<sup>-43</sup> to 10<sup>-10</sup> seconds</span>
 +                    <h3 class="event-title">Separation of Forces</h3>
 +                    <p class="event-desc">As the universe cooled, the single unified "superforce" separated into the four fundamental forces (energies) of nature: gravity, the strong nuclear force, the weak nuclear force, and electromagnetism.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">10<sup>-35</sup> to 1 second</span>
 +                    <h3 class="event-title">Particle Creation & Annihilation</h3>
 +                    <p class="event-desc">Energy converted into matter via "pair production". Quarks and leptons (e.g., electrons) emerged. Matter and antimatter collided and annihilated, leaving a slight excess of ordinary matter.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">3 minutes to 15 minutes</span>
 +                    <h3 class="event-title">Primordial Nucleosynthesis</h3>
 +                    <p class="event-desc">The universe cooled sufficiently (below 10<sup>9</sup> K) for protons and neutrons to fuse. This "Nuclear Epoch" produced the first atomic nuclei: heavy hydrogen (deuterium), helium, and trace amounts of lithium.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">50,000 years</span>
 +                    <h3 class="event-title">Matter Domination</h3>
 +                    <p class="event-desc">The "crossover point" where the energy density of matter finally exceeded that of radiation (or energy). This marked the end of the "Radiation Era" and the beginning of the "Matter Era," setting the stage for structure formation.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">300,000 to 380,000 years</span>
 +                    <h3 class="event-title">Recombination & Decoupling</h3>
 +                    <p class="event-desc">Electrons combined with nuclei to form neutral atoms (recombination). This neutralized the charged fog, allowing photons to travel freely (decoupling), observable today as the Cosmic Microwave Background (CMB).</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +            </div>
 +        </div>
 +    </div>
 +
 +    <div class="age-section">
 +        <div class="age-header">
 +            <div class="header-content">
 +                <span class="age-title">2. Galactic Age</span>
 +                <span class="age-period">[ 300 ky – 4 Gy ]</span>
 +            </div>
 +            <span class="toggle-icon">▼</span>
 +        </div>
 +        <div class="age-content">
 +            <div class="timeline">
 +                <div class="event-item">
 +                    <span class="time-badge">300 ky – 200 My</span>
 +                    <h3 class="event-title">The Cosmic Dark Ages</h3>
 +                    <p class="event-desc">Following recombination, the universe was filled with neutral hydrogen and helium but lacked luminous objects. Gravity slowly pulled matter into denser clumps within a dark, expanding cosmos.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">200 My</span>
 +                    <h3 class="event-title">Cosmic Dawn (Reionization)</h3>
 +                    <p class="event-desc">The first massive stars and protogalaxies ignited. Their intense ultraviolet radiation re-ionized the surrounding neutral hydrogen, ending the Dark Ages and making the universe transparent to ultraviolet light.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">500 My – 1 Gy</span>
 +                    <h3 class="event-title">Hierarchical Merging</h3>
 +                    <p class="event-desc">Small "pregalactic blobs" and dwarf galaxies collided and merged to build up larger galactic structures. This "bottom-up" process created the massive galaxies we see today, including the Milky Way's halo.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">1 – 2 Gy</span>
 +                    <h3 class="event-title">Rise of Supermassive Black Holes</h3>
 +                    <p class="event-desc">Massive concentrations of matter collapsed in the centers of young galaxies to form black holes. The accretion of matter into these holes powered the first quasars, which shone with the brightness of a trillion suns.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">2 – 3 Gy</span>
 +                    <h3 class="event-title">Peak Quasar Epoch</h3>
 +                    <p class="event-desc">The era of maximum activity for Active Galactic Nuclei (AGN; quasars). As galactic cores consumed their fuel supplies, this violent activity eventually subsided, leaving dormant supermassive black holes at the centers of most normal galaxies.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">3 Gy</span>
 +                    <h3 class="event-title">Large-Scale Structure Formation</h3>
 +                    <p class="event-desc">Galaxies organized themselves into vast sheets, filaments, and clusters (such as the Local Group), separated by immense voids, creating the "frothy" bubble-like architecture of the cosmic web.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">4 Gy</span>
 +                    <h3 class="event-title">Birth of Population I Stars</h3>
 +                    <p class="event-desc">Enrichment of the interstellar medium by earlier supernovae allowed the formation of metal-rich stars (Population I) in galactic disks. This marked the transition toward the Stellar Age and set the conditions for future planetary systems.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +            </div>
 +        </div>
 +    </div>
 +
 +    <div class="age-section">
 +        <div class="age-header">
 +            <div class="header-content">
 +                <span class="age-title">3. Stellar Age</span>
 +                <span class="age-period">[ 4 Gy – 9 Gy ]</span>
 +            </div>
 +            <span class="toggle-icon">▼</span>
 +        </div>
 +        <div class="age-content">
 +            <div class="timeline">
 +                <div class="event-item">
 +                    <span class="time-badge">4 Gy</span>
 +                    <h3 class="event-title">Formation of the Milky Way's Thin Disk</h3>
 +                    <p class="event-desc">Following the earlier formation of the galactic halo, the Milky Way flattened into a thin disk. This structural change coincided with the birth of metal-rich Population I stars, which contained heavy elements produced by earlier generations of stars.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">4 – 5 Gy</span>
 +                    <h3 class="event-title">Peak Star Formation Rate</h3>
 +                    <p class="event-desc">The universe experienced its maximum rate of star formation. Massive stars fused hydrogen and helium into heavier elements like carbon, oxygen, and iron, acting as "nuclear forges" to create the building blocks of future complexity.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">6 Gy</span>
 +                    <h3 class="event-title">Emergence of the Galactic Habitable Zone</h3>
 +                    <p class="event-desc">A region within the galaxy emerged where conditions favored the development of complex life. By this time, metallicity (heavy element abundance) had spread outward, and the frequency of sterilizing supernovae in the inner galaxy had decreased sufficiently to allow safe orbits for planets.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">Ongoing (4 – 9 Gy)</span>
 +                    <h3 class="event-title">Stellar Nucleosynthesis</h3>
 +                    <p class="event-desc">Main-sequence stars fused hydrogen into helium, while massive evolved stars fused helium into carbon, neon, oxygen, silicon, and finally iron in their cores. This process created the chemical complexity required for planetary bodies.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">Ongoing (4 – 9 Gy)</span>
 +                    <h3 class="event-title">Supernova Enrichment</h3>
 +                    <p class="event-desc">Massive stars died in core-collapse explosions, scattering chemically enriched material into the interstellar medium. These explosions also synthesized elements heavier than iron (such as gold and uranium) via the r-process (rapid neutron capture).</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">7 Gy</span>
 +                    <h3 class="event-title">Acceleration of Cosmic Expansion</h3>
 +                    <p class="event-desc">The expansion of the universe began to accelerate due to the influence of repulsive "dark energy." This marked the transition from a matter-dominated era to a dark-energy-dominated era, influencing the formation of large-scale structures.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">9 Gy</span>
 +                    <h3 class="event-title">Solar Nebula Collapse</h3>
 +                    <p class="event-desc">The Stellar Age concluded with the gravitational collapse of a chemically enriched interstellar cloud in our region of the Milky Way. Triggered perhaps by a nearby supernova, this event initiated the formation of the Sun and the Solar System about 4.6 billion years ago.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +            </div>
 +        </div>
 +    </div>
 +
 +    <div class="age-section">
 +        <div class="age-header">
 +            <div class="header-content">
 +                <span class="age-title">4. Planetary Age</span>
 +                <span class="age-period">[ 9.1 Gy – 11 Gy ]</span>
 +            </div>
 +            <span class="toggle-icon">▼</span>
 +        </div>
 +        <div class="age-content">
 +            <div class="timeline">
 +                <div class="event-item">
 +                    <span class="time-badge">9.1 Gy</span>
 +                    <h3 class="event-title">Accretion of Planetesimals</h3>
 +                    <p class="event-desc">Following the solar nebula collapse, dust grains in the disk collided and stuck together via electrostatic forces and gravity to form "planetesimals." These kilometer-sized objects further coalesced to form the protoplanets of the inner and outer Solar System.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">9.1 Gy</span>
 +                    <h3 class="event-title">The T-Tauri Solar Wind</h3>
 +                    <p class="event-desc">The young Sun entered a highly active "T-Tauri" phase, generating intense solar winds. This stream of charged particles swept away the remaining nebular gas and dust, halting the growth of the Jovian planets and stripping the primordial atmospheres from the inner planets.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">9.2 Gy</span>
 +                    <h3 class="event-title">Planetary Differentiation</h3>
 +                    <p class="event-desc">Intense heat from accretion and radioactive decay caused the early Earth to melt. Heavy elements like iron and nickel sank to the center to form the metallic core (generating the magnetic field), while lighter silicates rose to form the mantle and crust.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">9.2 Gy</span>
 +                    <h3 class="event-title">Formation of the Moon</h3>
 +                    <p class="event-desc">A Mars-sized protoplanet collided with the newly differentiated Earth. The debris from this cataclysmic impact formed a ring around Earth, which rapidly accreted to form the Moon.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">9.4 Gy</span>
 +                    <h3 class="event-title">Formation of Atmosphere and Oceans</h3>
 +                    <p class="event-desc">As Earth cooled, volcanic activity outgassed volatiles (water vapor, carbon dioxide) from the interior to form a secondary atmosphere. As temperatures dropped further, this water vapor condensed to form the first oceans, augmented by water delivered by comets.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">9.6 Gy – 10 Gy</span>
 +                    <h3 class="event-title">Late Heavy Bombardment</h3>
 +                    <p class="event-desc">A period of intense asteroid and comet impacts scarred planetary surfaces and pulverized the early crust. This "cleaning up" of leftover solar system debris kept Earth's surface molten and hostile for millions of years.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">10 Gy – 11 Gy</span>
 +                    <h3 class="event-title">Stabilization of the Lithosphere</h3>
 +                    <p class="event-desc">The Planetary Age concluded with the stabilization of Earth's solid crust and the formation of the first continents (such as the Vaalbara supercontinent). This transformed Earth from a chaotic, molten "battlefield" into a stable environment capable of sustaining complex chemical evolution.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +            </div>
 +        </div>
 +    </div>
 +
 +    <div class="age-section">
 +        <div class="age-header">
 +            <div class="header-content">
 +                <span class="age-title">5. Chemical Age</span>
 +                <span class="age-period">[ 10.5 Gy – 12.5 Gy ]</span>
 +            </div>
 +            <span class="toggle-icon">▼</span>
 +        </div>
 +        <div class="age-content">
 +            <div class="timeline">
 +                <div class="event-item">
 +                    <span class="time-badge">10.5 – 11 Gy</span>
 +                    <h3 class="event-title">Synthesis of Prebiotic Molecules</h3>
 +                    <p class="event-desc">In the energy-rich environment of the early Earth, simple atmospheric gases (like methane and ammonia) interacted with lightning and UV radiation to synthesize the building blocks of life: amino acids and nucleotide bases.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">11 Gy</span>
 +                    <h3 class="event-title">Formation of Protocells</h3>
 +                    <p class="event-desc">Organic molecules concentrated in water to form "proteinoid microspheres" or droplets with semi-permeable membranes. These prebiotic structures displayed primitive metabolism and growth but lacked true hereditary mechanisms.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">11 Gy</span>
 +                    <h3 class="event-title">The "RNA World"</h3>
 +                    <p class="event-desc">Before the dominance of DNA and proteins, RNA likely served a dual role as both the carrier of genetic information and the catalyst for chemical reactions (ribozymes), bridging the gap between non-living chemistry and true biology.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">11.5 Gy</span>
 +                    <h3 class="event-title">Emergence of Prokaryotes</h3>
 +                    <p class="event-desc">The first true living cells appeared, likely as heterotrophic bacteria in hydrothermal vents. These simple, single-celled organisms (lacking a nucleus) fed on the organic "soup" of the early oceans.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">12 Gy</span>
 +                    <h3 class="event-title">Invention of Photosynthesis</h3>
 +                    <p class="event-desc">Certain bacteria (autotrophs), such as cyanobacteria, evolved the ability to use sunlight to convert carbon dioxide and water into food. This reduced life's dependence on scarce organic molecules and allowed life to spread globally.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">12.2 Gy</span>
 +                    <h3 class="event-title">The Oxygen Crisis</h3>
 +                    <p class="event-desc">As a byproduct of photosynthesis, free oxygen accumulated in the atmosphere. This "Oxygen Holocaust" was toxic to many early anaerobic organisms but paved the way for more efficient energy production via respiration.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">12.5 Gy</span>
 +                    <h3 class="event-title">Eukaryotic Symbiosis</h3>
 +                    <p class="event-desc">Large cells ingested smaller specialized bacteria (which became mitochondria and chloroplasts) without digesting them. This symbiosis led to the first eukaryotes: complex cells with distinct nuclei and organelles that became the ancestors of all plants and animals.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +            </div>
 +        </div>
 +    </div>
 +
 +    <div class="age-section">
 +        <div class="age-header">
 +            <div class="header-content">
 +                <span class="age-title">6. Biological Age</span>
 +                <span class="age-period">[ 1 Gy – 5 My ago ]</span>
 +            </div>
 +            <span class="toggle-icon">▼</span>
 +        </div>
 +        <div class="age-content">
 +            <div class="timeline">
 +                <div class="event-item">
 +                    <span class="time-badge">1 Gy</span>
 +                    <h3 class="event-title">Rise of Multicellularity</h3>
 +                    <p class="event-desc">Single-celled eukaryotes began to cluster and cooperate, leading to the first true multicellular organisms. This transition involved a division of labor among cells, allowing for specialization and increased complexity beyond simple colonial living.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">540 – 600 My</span>
 +                    <h3 class="event-title">The Cambrian Explosion</h3>
 +                    <p class="event-desc">A rapid burst of biological diversification often called "biology's big bang." This period saw the emergence of most modern animal body plans, the development of hard shells and skeletons, and a sophisticated predator-prey "arms race".</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">400 – 475 My</span>
 +                    <h3 class="event-title">Colonization of Land</h3>
 +                    <p class="event-desc">Life migrated from the oceans to the barren continents. Simple plants (like mosses) were the first to adapt to the harsh terrestrial environment, followed by arthropods and early amphibians, which required major adaptations to survive gravity and desiccation.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">300 My</span>
 +                    <h3 class="event-title">Dominance of Reptiles</h3>
 +                    <p class="event-desc">Reptiles evolved watertight skin and amniotic eggs with hard shells, allowing them to reproduce on dry land without returning to water. This adaptation enabled them to spread across the supercontinent Pangea and dominate the planet.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">200 My</span>
 +                    <h3 class="event-title">Emergence of Mammals</h3>
 +                    <p class="event-desc">The first small, warm-blooded (endothermic) mammals appeared during the Triassic period. While overshadowed by dinosaurs for millions of years, they developed key traits like fur, milk production, and larger brains relative to body size.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">65 My</span>
 +                    <h3 class="event-title">K-T Mass Extinction</h3>
 +                    <p class="event-desc">A massive asteroid impact (likely at Chicxulub, Mexico) caused global climatic upheaval, wiping out the dinosaurs and roughly half of all plant species. This catastrophic event cleared ecological niches, allowing mammals to radiate and dominate the Cenozoic era.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">5 – 7 My</span>
 +                    <h3 class="event-title">Divergence of Hominids</h3>
 +                    <p class="event-desc">In response to changing climates and shrinking forests in Africa, the ancestors of humans separated from the lineage of great apes. This period marked the beginning of bipedalism (walking upright), setting the stage for the Cultural Age.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +            </div>
 +        </div>
 +    </div>
 +
 +    <div class="age-section">
 +        <div class="age-header">
 +            <div class="header-content">
 +                <span class="age-title">7. Cultural Age</span>
 +                <span class="age-period">[ 1 My ago – Future ]</span>
 +            </div>
 +            <span class="toggle-icon">▼</span>
 +        </div>
 +        <div class="age-content">
 +            <div class="timeline">
 +                <div class="event-item">
 +                    <span class="time-badge">1 My – 500 ky</span>
 +                    <h3 class="event-title">Control of Fire</h3>
 +                    <p class="event-desc">Humans mastered the use of fire for warmth, protection, and cooking. This "technological" advance predated modern brain size and acted as an external digestive system, allowing for higher energy intake and brain growth.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">200 – 300 ky</span>
 +                    <h3 class="event-title">Emergence of humans</h3>
 +                    <p class="event-desc">Modern humans appeared in Africa. While genetically similar to ancestors, they possessed superior potential for communication and technological adaptation, marking the biological start of the Cultural Age.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">50 ky</span>
 +                    <h3 class="event-title">The "Cultural Explosion"</h3>
 +                    <p class="event-desc">A sudden flowering of behavioral modernity characterized by sophisticated tool kits, cave art (e.g., Lascaux), and the full development of symbolic language. This period is often called "culture's big bang."</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">10 ky</span>
 +                    <h3 class="event-title">The Agricultural Revolution</h3>
 +                    <p class="event-desc">Following the last ice age, humans shifted from hunter-gatherer lifestyles to farming and animal domestication. This ability to harvest increased solar energy led to population surges and settled village life.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">5 ky</span>
 +                    <h3 class="event-title">Rise of Civilization and State</h3>
 +                    <p class="event-desc">The emergence of dense populations, complex social hierarchies, and the invention of writing (e.g., Sumerian cuneiform). This marked the transition from prehistory to recorded history and the formation of the first city-states.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">250 years</span>
 +                    <h3 class="event-title">The Industrial Revolution</h3>
 +                    <p class="event-desc">Humanity learned to exploit energy stored in fossil fuels (coal and oil), increasing per capita energy use by nearly a factor of 100. This transition powered machines, mechanizing production and globalizing human society.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +                <div class="event-item">
 +                    <span class="time-badge">Present / Future</span>
 +                    <h3 class="event-title">The "Life Era"</h3>
 +                    <p class="event-desc">A potential new phase of cosmic evolution where technological life begins to manipulate matter and genetic evolution itself. Humans have become agents of change, capable of leaving Earth and potentially dominating matter on a cosmic scale.</p>
 +                    <div class="event-dot"></div>
 +                </div>
 +            </div>
 +        </div>
 +    </div>
 +
 +    <script>
 +        (function() {
 +            const wrapper = document.getElementById('doku-cosmic-light');
 +            if (!wrapper) return;
 +
 +            const headers = wrapper.querySelectorAll('.age-header');
  
-^ PARTICLE AGE ^^^ +            headers.forEach(header => { 
-| $0$ | **The Big Bang** | The singularity event marking the origin of space, time, energy and matter (STEM). The universe emerges as an unimaginably hot and dense "primeval fireball". | +                header.addEventListener('click', () => { 
-| $10^{-35}$ to $10^{-32}$ seconds | **Cosmic Inflation** | A brief, exponential expansion where the universe swells in size by a factor of roughly $10^{50}$. This process smoothed out initial irregularities. | +                    const content = header.nextElementSibling; 
-| $10^{-43}$ to $10^{-10}$ seconds | **Separation of Forces** | As the universe cooled, the single unified "superforce" separated into the four fundamental forces (energies) of nature: gravity, the strong nuclear force, the weak nuclear force, and electromagnetism. | +                    const icon = header.querySelector('.toggle-icon');
-| $10^{-35}$ to 1 second | **Particle Creation & Annihilation** | Energy converted into matter via "pair production". Quarks and leptons (e.g., electrons) emerged. Matter and antimatter collided and annihilated, leaving a slight excess of ordinary matter. | +
-| 3 minutes to 15 minutes | **Primordial Nucleosynthesis** | The universe cooled sufficiently (below $10^9$ K) for protons and neutrons to fuse. This "Nuclear Epoch" produced the first atomic nuclei: heavy hydrogen (deuterium), helium, and trace amounts of lithium. | +
-| 50,000 years | **Matter Domination** | The "crossover point" where the energy density of matter finally exceeded that of radiation (or energy). This marked the end of the "Radiation Era" and the beginning of the "Matter Era," setting the stage for structure formation. | +
-| 300,000 to 380,000 years | **Recombination & Decoupling** | Electrons combined with nuclei to form neutral atoms (recombination). This neutralized the charged fog, allowing photons to travel freely (decoupling), observable today as the Cosmic Microwave Background (CMB). | +
-^ GALACTIC AGE ^^^ +
-| 300 ky – 200 My | **The Cosmic Dark Ages** | Following recombination, the universe was filled with neutral hydrogen and helium but lacked luminous objects. Gravity slowly pulled matter into denser clumps within a dark, expanding cosmos. | +
-| $\sim$ 200 My | **Cosmic Dawn (Reionization)** | The first massive stars and protogalaxies ignited. Their intense ultraviolet radiation re-ionized the surrounding neutral hydrogen, ending the Dark Ages and making the universe transparent to ultraviolet light. | +
-| $\sim$ 500 My – 1 Gy | **Hierarchical Merging** | Small "pregalactic blobs" and dwarf galaxies collided and merged to build up larger galactic structures. This "bottom-up" process created the massive galaxies we see today, including the Milky Way's halo. | +
-| $\sim$ 1 – 2 Gy | **Rise of Supermassive Black Holes** | Massive concentrations of matter collapsed in the centers of young galaxies to form black holes. The accretion of matter into these holes powered the first quasars, which shone with the brightness of a trillion suns. | +
-| $\sim$ 2 – 3 Gy | **Peak Quasar Epoch** | The era of maximum activity for Active Galactic Nuclei (AGN; quasars). As galactic cores consumed their fuel supplies, this violent activity eventually subsided, leaving dormant supermassive black holes at the centers of most normal galaxies. | +
-| $\sim$ 3 Gy | **Large-Scale Structure Formation** | Galaxies organized themselves into vast sheets, filaments, and clusters (such as the Local Group), separated by immense voids, creating the "frothy" bubble-like architecture of the cosmic web. | +
-| $\sim$ 4 Gy | **Birth of Population I Stars** | Enrichment of the interstellar medium by earlier supernovae allowed the formation of metal-rich stars (Population I) in galactic disks. This marked the transition toward the Stellar Age and set the conditions for future planetary systems. |+
  
 +                    // Toggle class for animation
 +                    content.classList.toggle('open');
 +                    icon.classList.toggle('rotate');
 +                });
 +            });
 +        })();
 +    </script>
 +</div>
 +</html>
courses/ast100/0.1768739830.txt.gz · Last modified: by asad
Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki