courses:ast100:1
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| courses:ast100:1 [2026/01/27 11:36] – asad | courses:ast100:1 [2026/02/24 06:33] (current) – asad | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| ====== 1. Particle Age ====== | ====== 1. Particle Age ====== | ||
| - | ^ Time ^ Event ^ Details ^ | + | |
| - | | $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 " | + | ===== - Event highlights ===== |
| - | | $10^{-35}$ to $10^{-32}$ seconds | + | < |
| - | | $10^{-43}$ to $10^{-10}$ seconds | + | < |
| - | | $10^{-35}$ to 1 second | + | <meta charset=" |
| - | | 3 minutes to 15 minutes | + | <meta name=" |
| - | | 50,000 years | **Matter Domination** | The " | + | < |
| - | | 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), | + | </ |
| + | < | ||
| + | |||
| + | <div id=" | ||
| + | < | ||
| + | /* Container ID: # | ||
| + | | ||
| + | | ||
| + | |||
| + | # | ||
| + | /* Elegant Light Theme Variables */ | ||
| + | --bg-color: #ffffff; | ||
| + | --panel-bg: #f8f9fa; | ||
| + | --text-primary: | ||
| + | --text-secondary: | ||
| + | --accent-color: | ||
| + | --border-color: | ||
| + | --line-color: | ||
| + | |||
| + | /* Typography & Layout */ | ||
| + | font-family: | ||
| + | background-color: | ||
| + | color: var(--text-primary); | ||
| + | line-height: | ||
| + | width: 100%; | ||
| + | max-width: 850px; | ||
| + | display: block; | ||
| + | margin: 20px auto; | ||
| + | padding: 20px; | ||
| + | } | ||
| + | |||
| + | # | ||
| + | box-sizing: border-box; | ||
| + | } | ||
| + | |||
| + | /* Timeline Styling */ | ||
| + | # | ||
| + | position: relative; | ||
| + | padding: 20px 20px 20px 50px; | ||
| + | margin: 0 auto; | ||
| + | } | ||
| + | |||
| + | /* Vertical Line */ | ||
| + | # | ||
| + | content: ''; | ||
| + | position: absolute; | ||
| + | left: 24px; | ||
| + | top: 0; | ||
| + | bottom: 0; | ||
| + | width: 2px; | ||
| + | background: var(--line-color); | ||
| + | } | ||
| + | |||
| + | # | ||
| + | position: relative; | ||
| + | margin-bottom: | ||
| + | } | ||
| + | |||
| + | # | ||
| + | margin-bottom: | ||
| + | } | ||
| + | |||
| + | /* Timeline Dot */ | ||
| + | # | ||
| + | position: absolute; | ||
| + | left: -32px; | ||
| + | top: 8px; | ||
| + | width: 16px; | ||
| + | height: 16px; | ||
| + | border-radius: | ||
| + | background-color: | ||
| + | border: 3px solid var(--accent-color); | ||
| + | z-index: 2; | ||
| + | } | ||
| + | |||
| + | # | ||
| + | display: inline-block; | ||
| + | font-size: 0.85rem; | ||
| + | font-weight: | ||
| + | color: #4a5568; | ||
| + | margin-bottom: | ||
| + | background: #e2e8f0; | ||
| + | padding: 4px 12px; | ||
| + | border-radius: | ||
| + | text-transform: | ||
| + | letter-spacing: | ||
| + | } | ||
| + | |||
| + | # | ||
| + | font-size: 1.3rem; | ||
| + | margin: 0 0 12px 0; | ||
| + | color: #1a202c; | ||
| + | font-weight: | ||
| + | line-height: | ||
| + | } | ||
| + | |||
| + | # | ||
| + | color: #4a5568; | ||
| + | font-size: 1.05rem; | ||
| + | margin: 0; | ||
| + | line-height: | ||
| + | } | ||
| + | |||
| + | /* Math Superscripts */ | ||
| + | # | ||
| + | font-size: 0.75em; | ||
| + | vertical-align: | ||
| + | line-height: | ||
| + | } | ||
| + | |||
| + | /* Mobile Optimization */ | ||
| + | @media (max-width: 600px) { | ||
| + | # | ||
| + | # | ||
| + | # | ||
| + | # | ||
| + | # | ||
| + | } | ||
| + | </ | ||
| + | |||
| + | <div class=" | ||
| + | <!-- Event 1 --> | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <!-- Event 2 --> | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <!-- Event 3 --> | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <!-- Event 4 --> | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <!-- Event 5 --> | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <!-- Event 6 --> | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <!-- Event 7 --> | ||
| + | <div class=" | ||
| + | <span class=" | ||
| + | <h3 class=" | ||
| + | <p class=" | ||
| + | <div class=" | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | </ | ||
| + | </ | ||
| + | |||
| + | ===== - Event details ===== | ||
| {{: | {{: | ||
courses/ast100/1.1769538964.txt.gz · Last modified: by asad
