courses:ast100:5
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| courses:ast100:5 [2026/01/12 03:23] – asad | courses:ast100:5 [2026/03/25 05:07] (current) – asad | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| ====== 5. Chemical Age ====== | ====== 5. Chemical Age ====== | ||
| + | ===== - Timeline ===== | ||
| - | ===== - Seas and Atmosphere ===== | + | < |
| + | < | ||
| + | <meta charset=" | ||
| + | <meta name=" | ||
| + | < | ||
| + | </ | ||
| + | < | ||
| + | <div id=" | ||
| + | < | ||
| + | /* Container ID: # | ||
| + | | ||
| + | */ | ||
| - | {{:bn:courses:ast100:oxygen.webp?nolink&800|}} | + | # |
| + | /* Elegant Theme Variables */ | ||
| + | --bg: #ffffff; | ||
| + | --text-main: #1a202c; | ||
| + | --text-muted: #4a5568; | ||
| + | --border: #e2e8f0; | ||
| + | --hover: #f8fafc; | ||
| + | --accent: #2b6cb0; | ||
| + | --transition: | ||
| + | |||
| + | /* Typography | ||
| + | font-family: | ||
| + | background-color: | ||
| + | max-width: 950px; | ||
| + | margin: 40px auto; | ||
| + | padding: 0 15px; | ||
| + | | ||
| + | # | ||
| + | box-sizing: border-box; | ||
| + | } | ||
| - | ===== - Periodic | + | /* 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: | ||
| + | } | ||
| - | [[https:// | + | # |
| + | border-bottom: none; | ||
| + | | ||
| + | /* Collapsible Header (The " | ||
| + | # | ||
| + | display: flex; | ||
| + | padding: 22px 30px; | ||
| + | cursor: pointer; | ||
| + | align-items: | ||
| + | background: var(--bg); | ||
| + | transition: var(--transition); | ||
| + | } | ||
| + | # | ||
| + | background: var(--hover); | ||
| + | } | ||
| - | {{:bn:courses:ast100:starfurnace.webp? | + | # |
| + | flex: 0 0 150px; | ||
| + | font-weight: 700; | ||
| + | font-size: 0.95rem; | ||
| + | color: var(--accent); | ||
| + | letter-spacing: 0.5px; | ||
| + | | ||
| + | # | ||
| + | flex: 1 1 auto; | ||
| + | font-weight: | ||
| + | font-size: 1.15rem; | ||
| + | color: var(--text-main); | ||
| + | padding-right: | ||
| + | line-height: | ||
| + | } | ||
| - | ===== - Life on Earth ===== | + | /* Chevron Icon */ |
| + | #doku-cosmic-light .col-toggle { | ||
| + | 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); | ||
| + | } | ||
| - | {{:bn:courses:ast100: | + | # |
| + | 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; | ||
| + | } | ||
| - | {{:bn:courses:ast100:dna.webp? | + | /* Mobile Optimization */ |
| + | @media (max-width: 768px) | ||
| + | # | ||
| + | flex-wrap: wrap; | ||
| + | padding: 18px 20px; | ||
| + | } | ||
| + | # | ||
| + | flex: 1 1 100%; | ||
| + | margin-bottom: 6px; | ||
| + | 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=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <svg viewBox=" | ||
| + | </ | ||
| + | </ | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | In the highly energetic and volatile environment of the early Earth, the stage was set for the universe' | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| - | ===== - Habitable Zone ===== | + | <!-- Row 2 --> |
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class="col-title"> | ||
| + | <div class=" | ||
| + | <svg viewBox="0 0 24 24">< | ||
| + | </ | ||
| + | </ | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | As the early oceans became increasingly concentrated with complex organic molecules, these prebiotic compounds began to interact and organize into more sophisticated structures. Certain lipid-like molecules, driven by their hydrophobic and hydrophilic properties, naturally congregated in the watery environment to form spherical droplets with semi-permeable boundary membranes, often referred to as proteinoid microspheres or coacervates. These primitive structures, known as protocells, effectively isolated an internal chemical environment from the chaotic external surroundings. Within these enclosed micro-environments, | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | <!-- Row 3 --> | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <svg viewBox=" | ||
| + | </ | ||
| + | </ | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | Before the complex interplay of DNA and proteins became the standard operating system for all life on Earth, there existed a pivotal transitional phase known as the "RNA World." | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| - | {{: | + | <!-- Row 4 --> |
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <svg viewBox=" | ||
| + | </ | ||
| + | </ | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | Following millions of years of chemical evolution, the first undeniably living entities emerged in the dark, mineral-rich depths of the early oceans, likely clustered around hydrothermal vents. These pioneering organisms were prokaryotes—simple, | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | <!-- Row 5 --> | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <svg viewBox=" | ||
| + | </ | ||
| + | </ | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | As the growing populations of early heterotrophic bacteria began to deplete the finite supply of free-floating organic molecules in the primordial oceans, an evolutionary pressure spurred a revolutionary biochemical innovation: photosynthesis. Certain innovative prokaryotes, | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | <!-- Row 6 --> | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <svg viewBox=" | ||
| + | </ | ||
| + | </ | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | The proliferation of photosynthetic cyanobacteria initiated one of the most significant and catastrophic environmental transformations in planetary history, often referred to as the Oxygen Crisis or the Great Oxidation Event. For billions of years, life had evolved in an entirely anoxic environment, | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| - | {{https:// | + | <!-- Row 7 --> |
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <svg viewBox=" | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | The transition from simple, single-celled organisms to complex life was catalyzed by an extraordinary evolutionary event known as endosymbiosis. As the early oceans grew increasingly competitive, | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | < | ||
| + | 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 + " | ||
| + | }); | ||
| + | }); | ||
| + | </ | ||
| + | </ | ||
| - | ===== - Searching for Life ===== | + | </ |
| + | </ | ||
| + | ===== - Telescope ===== | ||
| + | {{https:// | ||
| - | {{: | + | The Atacama Large Millimeter/ |
| + | Technologically, | ||
| + | The legacy of ALMA in the Chemical Age is defined by its contribution to astrochemistry and our understanding of the prebiotic universe. It has successfully detected complex nitriles and alcohols in the interstellar medium, proving that the building blocks of life are not unique to Earth but are common throughout the galaxy. As the instrument continues to refine its observations of the periodic table in a cosmic context, it provides the necessary data to transition from the study of inanimate matter to the Biological Age. By identifying where and how complex molecules form, ALMA allows " | ||
| - | {{:bn: | + | < |
| - | + | ||
courses/ast100/5.1768213432.txt.gz · Last modified: by asad
