# Test · Tables --- ## Plain Table (default) No stripe. Only the header has a distinct background. Hover rows to see highlight. | Level Tag | Definition | Stage | | :--- | :--- | :--- | | #Egg | Just wrote it down. All zettels start here. | Entry | | #Hatchling | Reviewed a few times. | Early | | #Whelpling | Got the basics and can add to it. | Building | | #Drakeling | Can continue to add, but a lot of it is wrong and ugly. | Mid | | #Drake | Getting more right, need less rechecking, and more brief. | Late | | #Dragon | Proficient, rarely needs to review as understands the concept. | Mastered | | #Greatwyrm | Can explain to anyone, and they will understand. | Teaching | --- ## Striped Table (`.is-striped`) Even rows receive a subtle alternate background via the `.is-striped` class on the `<table>` element. <table class="is-striped"> <thead> <tr><th align="left">Element</th><th align="left">Effective Against</th><th align="left">DoT</th><th align="left">Tattoo Area</th><th align="left">Status</th><th align="left">Appendix N Cost</th></tr> </thead> <tbody> <tr><td>Necrotic</td><td>All</td><td>Corruption stacks</td><td>Wrist, forearm, neck</td><td>Complete</td><td>Only Time magic heals the caster</td></tr> <tr><td>Incendiary</td><td>Flesh, organic</td><td>Fire DoT</td><td>Upper arm</td><td>Complete</td><td>Burns creativity and emotional depth</td></tr> <tr><td>Dark Magic</td><td>All (leech)</td><td>No</td><td>Upper arm</td><td>Complete</td><td>Absorbs victim essence over time</td></tr> <tr><td>Corrosive</td><td>Armor, mechanical</td><td>No</td><td>Chest</td><td>Complete</td><td>Contaminates environment and relationships</td></tr> <tr><td>Shock</td><td>Shields, energy</td><td>No</td><td>Left side</td><td>In progress</td><td>Rewires the nervous system permanently</td></tr> <tr><td>Cryo</td><td>All (control)</td><td>No</td><td>TBA</td><td>Planned</td><td>Teaches the caster that stillness is safety</td></tr> </tbody> </table> --- ## Alignment: Left / Center / Right | Left-aligned | Center-aligned | Right-aligned | | :--- | :---: | ---: | | Text flows from the left. Long cell content should wrap cleanly. | Centered content looks best for short values like symbols or status. | Numbers and currency right-align so decimal points line up. | | #Egg | ◉ | 1 | | #Dragon | ★★★★☆ | 6 | | #Greatwyrm | ★★★★★ | 7 | --- ## All-Left / All-Center / All-Right (Single Alignment Tables) All left: | Checkbox | Purpose | Icon | | :--- | :--- | :--- | | `[Κ]` | Weather | thermometer-sun | | `[Ο]` | Obsidian work tasks | Obsidian logo | | `[Λ]` | Scales of Insight link | philosopher-bust | All center: | Element | Sessions | Complete | | :---: | :---: | :---: | | Necrotic | 5 | Yes | | Incendiary | 4 | Yes | All right: | Element | Session 1 | Sessions Total | | ---: | ---: | ---: | | Necrotic | 2024-09-11 | 5 | | Corrosive | 2025-06-27 | 3 | --- ## Wide Table (many columns, horizontal scroll) <table class="is-striped"> <thead> <tr><th>Session</th><th>Date</th><th>Element</th><th>Area</th><th align="right">Duration (h)</th><th>Artist</th><th>Status</th><th>Pain Level</th><th>Next Step</th><th>Notes</th></tr> </thead> <tbody> <tr><td>1</td><td>2024-09-11</td><td>Necrotic</td><td>Wrist/forearm</td><td align="right">5</td><td>Erin Hunter</td><td>Complete</td><td>Manageable</td><td>Color fill</td><td>Foundational outline, starting the journey</td></tr> <tr><td>2</td><td>2024-10-25</td><td>Necrotic</td><td>Forearm</td><td align="right">5</td><td>Erin Hunter</td><td>Complete</td><td>Manageable</td><td>Highlights and fixes</td><td>Color added, next: highlights</td></tr> <tr><td>3</td><td>2024-11-29</td><td>Necrotic</td><td>Forearm</td><td align="right">5</td><td>Erin Hunter</td><td>Complete</td><td>Manageable</td><td>Move to upper arm</td><td>3°F feels-like outside. First part done.</td></tr> <tr><td>7</td><td>2025-06-27</td><td>Corrosive</td><td>Chest</td><td align="right">3</td><td>Erin Hunter</td><td>Complete</td><td>High</td><td>Color blocking</td><td>2.5h limit for chest. Learned this the hard way.</td></tr> <tr><td>10</td><td>2026-02-14</td><td>Shock</td><td>Left side</td><td align="right">5</td><td>Erin Hunter</td><td>In progress</td><td>Manageable</td><td>Lichtenberg figures, color</td><td>Why not be statically charged for Valentine's Day?</td></tr> </tbody> </table> --- ## Cells with Inline Formatting | Element | Syntax | Renders as | | :--- | :--- | :--- | | Bold | `**text**` | **Bold text** | | Italic | `_text_` | _Italic text_ | | Bold italic | `_**text**_` | _**Bold italic**_ | | Strikethrough | `~~text~~` | ~~Struck through~~ | | Highlight | `==text==` | ==Highlighted== | | Inline code | `` `code` `` | `inline code` | | Link | `[label](url)` | [obsidian.md](https://obsidian.md) | | Superscript | `10^2^` | 10^2^ | | Subscript | `H~2~O` | H~2~O | --- ## Numbers: Negative, Decimal, Large, Fractions | Type | Example | Value | | :--- | :--- | ---: | | Integer | `42` | 42 | | Negative | `-17` | -17 | | Decimal | `3.14159` | 3.14159 | | Large | `1,234,567` | 1,234,567 | | Fraction | `1/8` | 1/8 | | Scientific | `6.022 × 10²³` | 6.022 × 10²³ | | Negative decimal | `-0.00142` | -0.00142 | | Zero | `0` | 0 | | Percent | `87.3%` | 87.3% | --- ## Empty Cells Cells can be empty. Empty cells should not collapse the column or misalign borders. | Tag | Status | Sessions | Notes | | :--- | :--- | ---: | :--- | | #Egg | Entry | 1 | | | #Hatchling | Early | | Not yet reviewed | | | Mid | 4 | Tag unknown | | #Greatwyrm | | 7 | | | | | | All empty | --- ## Single-Row Table | Checkbox | Purpose | Icon Source | | :--- | :--- | :--- | | `[Φ]` | Fun. High priority. Do it, dragon. | Lorc, game-icons.net | --- ## Single-Column Table | Tag | | :--- | | #Egg | | #Hatchling | | #Whelpling | | #Drakeling | | #Drake | | #Dragon | | #Greatwyrm | --- ## Two Back-to-Back Tables First table: | A | B | | :--- | :--- | | one | two | | three | four | Second table immediately follows with no heading between: | X | Y | | :--- | :--- | | five | six | | seven | eight | --- ## Long Cell Content (Wrapping) | Short | This column contains very long cell content that should wrap onto multiple lines within the cell without breaking the table layout or misaligning adjacent columns | | :--- | :--- | | Row 1 | Every trip teaches you something. Usually the same thing, phrased a bit differently: you packed too much, forgot the one item that actually mattered, and the showers were worse than expected. | | Row 2 | Three things I decided to work on at the same time, because apparently I do not believe in starting small: going more analog, cutting caffeine, and spending cash only. | | Row 3 | Short cell. | --- ## Minimal Two-Column Table | Key | Value | | :--- | :--- | | Theme | Tenebrous Dragon | | Site | tenebrousdragon.com | | Build | `sass publish.scss publish.css` | | Push | `obsidian publish:add changed` | | Checkboxes | 10 custom (Greek letter) | | No em dashes | Ever. Restructure the sentence. |