courses:ast100:6
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| courses:ast100:6 [2025/08/05 23:25] – asad | courses:ast100:6 [2026/03/25 05:02] (current) – asad | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| ====== 6. The Biological Age ====== | ====== 6. The Biological Age ====== | ||
| - | The last 500 million years. | ||
| - | ===== - Tree of Life ===== | + | ===== - Timeline |
| - | {{: | + | |
| - | ===== - History of Eukaryotes | + | < |
| - | {{: | + | < |
| + | <meta charset="UTF-8"> | ||
| + | <meta name=" | ||
| + | < | ||
| + | </ | ||
| + | < | ||
| - | {{: | + | <div id="doku-cosmic-light"> |
| - | ===== - Mass Extinctions ===== | + | < |
| - | {{:bn:courses: | + | /* Container ID: # |
| + | Theme: Minimal Modern Elegant - Collapsible Table Version | ||
| + | */ | ||
| - | ===== - Near-Earth | + | # |
| - | {{youtube> | + | /* Elegant Theme Variables */ |
| + | --bg: #ffffff; | ||
| + | --text-main: | ||
| + | --text-muted: | ||
| + | --border: #e2e8f0; | ||
| + | --hover: #f8fafc; | ||
| + | --accent: #2b6cb0; | ||
| + | --transition: | ||
| + | |||
| + | /* Typography & Layout */ | ||
| + | font-family: | ||
| + | background-color: | ||
| + | max-width: 950px; | ||
| + | margin: 40px auto; | ||
| + | padding: 0 15px; | ||
| + | } | ||
| + | |||
| + | # | ||
| + | box-sizing: border-box; | ||
| + | } | ||
| + | |||
| + | /* Table Architecture */ | ||
| + | # | ||
| + | width: 100%; | ||
| + | background: var(--bg); | ||
| + | border: 1px solid var(--border); | ||
| + | border-radius: | ||
| + | box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.025); | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | |||
| + | # | ||
| + | border-bottom: | ||
| + | } | ||
| + | |||
| + | # | ||
| + | border-bottom: | ||
| + | } | ||
| + | |||
| + | /* Collapsible Header (The " | ||
| + | # | ||
| + | display: flex; | ||
| + | padding: 22px 30px; | ||
| + | cursor: pointer; | ||
| + | align-items: | ||
| + | background: var(--bg); | ||
| + | transition: var(--transition); | ||
| + | } | ||
| + | |||
| + | # | ||
| + | background: var(--hover); | ||
| + | } | ||
| + | |||
| + | # | ||
| + | flex: 0 0 150px; | ||
| + | font-weight: | ||
| + | font-size: 0.95rem; | ||
| + | color: var(--accent); | ||
| + | letter-spacing: | ||
| + | } | ||
| + | |||
| + | # | ||
| + | flex: 1 1 auto; | ||
| + | font-weight: | ||
| + | font-size: 1.15rem; | ||
| + | color: var(--text-main); | ||
| + | padding-right: | ||
| + | line-height: | ||
| + | } | ||
| + | |||
| + | /* Chevron Icon */ | ||
| + | # | ||
| + | flex: 0 0 32px; | ||
| + | display: flex; | ||
| + | align-items: | ||
| + | justify-content: | ||
| + | width: 32px; | ||
| + | height: 32px; | ||
| + | border-radius: | ||
| + | background: #edf2f7; | ||
| + | color: var(--text-muted); | ||
| + | transition: var(--transition); | ||
| + | } | ||
| + | |||
| + | # | ||
| + | width: 16px; | ||
| + | height: 16px; | ||
| + | transition: var(--transition); | ||
| + | fill: none; | ||
| + | stroke: currentColor; | ||
| + | stroke-width: | ||
| + | stroke-linecap: | ||
| + | stroke-linejoin: | ||
| + | } | ||
| + | |||
| + | /* Active State */ | ||
| + | # | ||
| + | background: var(--hover); | ||
| + | } | ||
| + | |||
| + | # | ||
| + | transform: rotate(180deg); | ||
| + | background: var(--accent); | ||
| + | color: var(--bg); | ||
| + | } | ||
| + | |||
| + | /* Expanded Content */ | ||
| + | # | ||
| + | max-height: 0; | ||
| + | overflow: hidden; | ||
| + | transition: max-height 0.4s cubic-bezier(0.4, | ||
| + | background: var(--hover); | ||
| + | } | ||
| + | |||
| + | # | ||
| + | padding: 0 30px 30px 180px; /* Aligns with the title text (150 width + 30 padding) */ | ||
| + | font-size: 1.05rem; | ||
| + | line-height: | ||
| + | color: var(--text-muted); | ||
| + | text-align: justify; | ||
| + | } | ||
| + | |||
| + | /* Mobile Optimization */ | ||
| + | @media (max-width: 768px) { | ||
| + | # | ||
| + | flex-wrap: wrap; | ||
| + | padding: 18px 20px; | ||
| + | } | ||
| + | # | ||
| + | flex: 1 1 100%; | ||
| + | margin-bottom: | ||
| + | font-size: 0.85rem; | ||
| + | } | ||
| + | # | ||
| + | font-size: 1.05rem; | ||
| + | padding-right: | ||
| + | } | ||
| + | # | ||
| + | padding: 0 20px 24px 20px; | ||
| + | } | ||
| + | } | ||
| + | </ | ||
| + | |||
| + | <div class=" | ||
| + | |||
| + | <!-- Row 1 --> | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class="col-time"> | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <svg viewBox=" | ||
| + | </ | ||
| + | </ | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | For nearly three billion years, life on Earth remained exclusively microscopic and single-celled, | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <!-- Row 2 --> | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <svg viewBox=" | ||
| + | </ | ||
| + | </ | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | Between 540 and 600 million years ago, the biosphere experienced an unparalleled epoch of rapid, radical diversification commonly referred to as the Cambrian Explosion, widely recognized as " | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <!-- Row 3 --> | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <svg viewBox=" | ||
| + | </ | ||
| + | </ | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | For billions of years, the continents of Earth remained barren, heavily irradiated, and utterly devoid of life, while the oceans fostered all biological complexity. This stark division ended between 400 and 475 million years ago during the Paleozoic era, when pioneering organisms embarked on the extraordinary colonization of terrestrial environments. This monumental migration required overcoming immense, unprecedented physical challenges. Without the buoyant, floating support of a watery environment, | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <!-- Row 4 --> | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <svg viewBox=" | ||
| + | </ | ||
| + | </ | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | While early amphibians successfully established a critical foothold on land, their absolute biological reliance on aquatic environments for reproduction severely limited their geographical expansion and survival. Approximately 300 million years ago, during the Carboniferous and ensuing Permian periods, a critical evolutionary breakthrough permanently severed this final tie to the ocean: the development of the amniotic egg. This revolutionary biological structure functioned as a self-contained, | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <!-- Row 5 --> | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <svg viewBox=" | ||
| + | </ | ||
| + | </ | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | As the formidable dinosaurs began their long, unyielding reign over the Mesozoic landscapes roughly 200 million years ago, a different, highly significant evolutionary narrative was quietly unfolding in the shadows. During the late Triassic period, a specialized lineage of advanced, mammal-like reptiles known as therapsids gradually evolved into the very first true mammals. These ancestral mammals were generally small, nocturnal, and highly elusive, closely resembling modern shrews or rodents in their physical appearance. Despite being vastly overshadowed and physically outmatched by the towering dinosaurs for over a hundred million years, these early mammals utilized this extensive period of ecological suppression to develop and refine several distinct, highly advantageous physiological traits. Foremost among these was endothermy, or warm-bloodedness, | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <!-- Row 6 --> | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <svg viewBox=" | ||
| + | </ | ||
| + | </ | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | The continuous, undisputed dominance of the dinosaurs was abruptly and violently terminated exactly 65 million years ago in one of the most catastrophic events in Earth' | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <!-- Row 7 --> | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <svg viewBox=" | ||
| + | </ | ||
| + | </ | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | The final, crucial chapters of the Biological Age directly set the stage for the dawn of human history and complex culture. Between 5 and 7 million years ago, the African continent experienced profound, gradual geological and climatic shifts. Tectonic activity and long-term global cooling trends caused the vast, dense, unbroken equatorial rainforests to slowly retreat, fracturing into a much drier mosaic of patchy woodlands and expansive, open savannahs. Within this rapidly changing, challenging environment, | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | </ | ||
| + | |||
| + | < | ||
| + | function toggleRow(element) { | ||
| + | const row = element.parentElement; | ||
| + | const content = row.querySelector(' | ||
| + | const inner = row.querySelector(' | ||
| + | |||
| + | // Toggle the active class for styling and rotation | ||
| + | row.classList.toggle(' | ||
| + | |||
| + | // Calculate and set the max-height to smoothly animate the opening | ||
| + | if (row.classList.contains(' | ||
| + | content.style.maxHeight = inner.scrollHeight + " | ||
| + | } else { | ||
| + | content.style.maxHeight = " | ||
| + | } | ||
| + | } | ||
| + | |||
| + | // Ensure heights are recalculated if the window is resized to prevent content clipping | ||
| + | window.addEventListener(' | ||
| + | document.querySelectorAll(' | ||
| + | const inner = content.querySelector(' | ||
| + | content.style.maxHeight = inner.scrollHeight + " | ||
| + | }); | ||
| + | }); | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | </ | ||
| + | </ | ||
| + | |||
| + | ===== - Telescope | ||
| + | {{youtube> | ||
| \\ | \\ | ||
| + | The James Webb Space Telescope (JWST) serves as the premier technological bridge into the Biological Age, moving beyond the mere detection of exoplanets to the sophisticated analysis of their potential for life. While its predecessor, | ||
| - | {{: | + | Technically, |
| - | ===== - Drake Equation ===== | + | The future of JWST in the context of biological discovery involves increasingly deep surveys of "Super-Earths" |
| - | {{: | + | |
courses/ast100/6.1754457900.txt.gz · Last modified: by asad
