Differences

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

--- courses:ast100:2 [2026/02/17 22:03] – asad
+++ courses:ast100:2 [2026/02/24 06:34] (current) – asad
@@ Line 1: / Line 1: @@
 ====== 2. Galactic age ======
+===== - Event highlights =====
+<html>
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Galactic Age Timeline</title>
+</head>
+<body>
+<div id="doku-cosmic-light">
+    <style>
+        /* Container ID: #doku-cosmic-light
+           Theme: Elegant Light - Static Version (No Header)
+        */
+        #doku-cosmic-light {
+            /* Elegant Light Theme Variables */
+            --bg-color: #ffffff;
+            --panel-bg: #f8f9fa;
+            --text-primary: #2d3748;
+            --text-secondary: #718096;
+            --accent-color: #4a5568;
+            --border-color: #e2e8f0;
+            --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%;
+            max-width: 850px;
+            display: block;
+            margin: 20px auto;
+            padding: 20px;
+        }
+        #doku-cosmic-light * {
+            box-sizing: border-box;
+        }
+        /* Timeline Styling */
+        #doku-cosmic-light .timeline {
+            position: relative;
+            padding: 20px 20px 20px 50px;
+            margin: 0 auto;
+        }
+        /* Vertical Line */
+        #doku-cosmic-light .timeline::before {
+            content: '';
+            position: absolute;
+            left: 24px;
+            top: 0;
+            bottom: 0;
+            width: 2px;
+            background: var(--line-color);
+        }
+        #doku-cosmic-light .event-item {
+            position: relative;
+            margin-bottom: 50px;
+        }
+        #doku-cosmic-light .event-item:last-child {
+            margin-bottom: 0;
+        }
+        /* Timeline Dot */
+        #doku-cosmic-light .event-dot {
+            position: absolute;
+            left: -32px;
+            top: 8px;
+            width: 16px;
+            height: 16px;
+            border-radius: 50%;
+            background-color: #fff;
+            border: 3px solid var(--accent-color);
+            z-index: 2;
+        }
+        #doku-cosmic-light .time-badge {
+            display: inline-block;
+            font-size: 0.85rem;
+            font-weight: 700;
+            color: #4a5568;
+            margin-bottom: 10px;
+            background: #e2e8f0;
+            padding: 4px 12px;
+            border-radius: 20px;
+            text-transform: uppercase;
+            letter-spacing: 0.5px;
+        }
+        #doku-cosmic-light .event-title {
+            font-size: 1.3rem;
+            margin: 0 0 12px 0;
+            color: #1a202c;
+            font-weight: 700;
+            line-height: 1.3;
+        }
+        #doku-cosmic-light .event-desc {
+            color: #4a5568;
+            font-size: 1.05rem;
+            margin: 0;
+            line-height: 1.7;
+        }
+        /* Mobile Optimization */
+        @media (max-width: 600px) {
+            #doku-cosmic-light { padding: 15px; }
+            #doku-cosmic-light .timeline { padding: 10px 10px 10px 35px; }
+            #doku-cosmic-light .timeline::before { left: 19px; }
+            #doku-cosmic-light .event-dot { left: -24px; width: 12px; height: 12px; top: 10px; }
+            #doku-cosmic-light .event-title { font-size: 1.15rem; }
+        }
+    </style>
+    <div class="timeline">
+        <!-- Event 1 -->
+        <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>
+        <!-- Event 2 -->
+        <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>
+        <!-- Event 3 -->
+        <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>
+        <!-- Event 4 -->
+        <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>
+        <!-- Event 5 -->
+        <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>
+        <!-- Event 6 -->
+        <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>
+        <!-- Event 7 -->
+        <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>
+</body>
+</html>
+===== - Event details =====
+{{:courses:ast100:galactic_age.webp?nolink|}}
+Following the epochs of recombination and decoupling at the end of the Particle Age, the universe became electrically neutral and transparent as electrons and protons combined to form hydrogen and helium atoms. However, this transition ushered in a prolonged **Dark Ages** spanning hundreds of millions of years. During this era, the primordial fireball had dimmed and the first luminous stars had yet to ignite, leaving the cosmos in absolute darkness even as it continued its rapid expansion. Simultaneously, the influence of gravity began to pull unseen dark matter and neutral gas into increasingly dense concentrations, constructing the fundamental scaffolding of the cosmos.
+The cosmic dark ages drew to a close probably 200 million years after the Big Bang with the dawn of the first luminous objects during the **Cosmic Dawn**. Within the densest pockets of gas, the first massive stars and protogalaxies ignited with tremendous energy. These pioneering stellar giants were incredibly hot, emitting intense floods of ultraviolet radiation into the surrounding space. This fierce radiation was powerful enough to reionize the surrounding neutral hydrogen gas, stripping electrons from their atomic nuclei. This pivotal reionization event fundamentally altered the intergalactic medium, effectively rendering the universe transparent to ultraviolet light.
+During this turbulent epoch, the universe was populated by small protogalactic fragments and dwarf galaxies containing only millions of solar masses. Possibly, through a "bottom-up" process known as hierarchical merging, gravity continuously drew these small fragments together, leading to repeated collisions and mergers that built progressively larger galactic structures. This ongoing assembly process eventually created the massive galaxies observed today. In our own **Milky Way**, the early chaotic mergers of these fragmented gas clouds and star clusters left a permanent imprint: the sprawling, spherical galactic halo composed of old stars with randomly oriented orbits.
+As early galaxies merged and matured, massive concentrations of matter collapsed within their dense centers, giving birth to **supermassive black holes** with masses ranging from millions to billions of suns. The intense gravitational pull of these black holes triggered the violent accretion of surrounding gas and stars. As this infalling matter spiraled inward through a superheated accretion disk, it released staggering amounts of energy before crossing the event horizon. This highly efficient mechanism powered the first quasars, which shone with the luminosity of a trillion suns, making them the most energetic and brilliant objects in the known universe.
+The period spanning two to three billion years after the Big Bang represented the peak epoch for **quasars** and active galactic nuclei. During this time, frequent collisions between gas-rich galaxies provided an abundant fuel supply to feed central supermassive black holes, extending their luminous lifetimes. However, this period of maximum activity eventually subsided as galactic cores consumed their available gas and dust. These once-brilliant quasars faded, leaving behind the relatively dormant supermassive black holes that lurk quietly at the centers of most modern galaxies.
+By the time the universe was three billion years old, its macroscopic architecture had largely taken shape through the persistent influence of dark matter and gravity. Galaxies and clusters, such as our Local Group, did not remain isolated; instead, they organized into a vast, interconnected **cosmic web**. This enormous structure is characterized by sweeping filaments and extensive sheets of galaxies that intersect at massive superclusters. These densely populated regions surround immense, unpopulated voids, giving the distribution of matter a distinctly "frothy," soap-bubble-like appearance on the largest cosmic scales.
+The continuous cycle of stellar birth and explosive death slowly transformed the chemical composition of the cosmos. Supernovae from the earliest massive stars blasted newly forged heavy elements—such as carbon, oxygen, and iron—deep into the interstellar medium. This chemical enrichment of galactic disks allowed for the subsequent formation of metal-rich, second- and third-generation stars, known as **Population I stars**. This development marked the universe's full transition into the Stellar Age, establishing the necessary heavy-element foundation for the eventual formation of rocky planets, solar systems, and ultimately, biological life.