"""Page copy: how-to, feature overview, worked example, tips, FAQs. One H1 lives in the hero; every heading here renders as an H2 via section_html. No AI on this page — all copy describes deterministic tracker behavior. """ HOW_TO_HTML = """

This free DnD combat tracker runs an entire D&D 5e battle in your browser — not just the turn order. Add your party and monsters once, and the tracker keeps initiative sorted, counts rounds, tracks every creature's hit points, and pins condition markers like Prone, Stunned, and Concentrating exactly where they belong. There is nothing to install and no account to make; the whole encounter lives on this page.

  1. Add your combatants. Enter a name, pick a side (PC, Ally, or Enemy), and set initiative, max HP, and an optional AC. The board re-sorts itself by initiative every time you add someone — even mid-fight.
  2. Or press "Load Example Encounter." One click builds a ready-made goblin ambush — four adventurers, three goblins, and a goblin boss — so you can try every control before your session starts.
  3. Run the fight. Hit Next Turn to advance down the initiative order. When the last combatant finishes, the tracker wraps back to the top and increments the round counter automatically.
  4. Track damage and conditions as they happen. Select a combatant, type a number, and hit Damage or Heal. Toggle any 5e condition on or off with two clicks. HP always shows as current/max, like 7/12.
  5. Export when the dust settles. Copy the encounter summary or download it as Markdown — round, order, HP, and conditions — for your session notes.
""" HANDLES_HTML = """

Plenty of tools sort initiative and stop there. This tracker manages the whole fight from "roll initiative" to "the boss drops":

""" EXAMPLE_HTML = """

Here is what running a real fight in this tracker looks like, using the built-in example encounter. Press Load Example Encounter above and you can follow along click for click.

The setup. Four adventurers — Fenwick Thistledown (initiative 21), Korga Stonefist (18), Sera Brightshield (15), and Maelis the Ember (12) — are ambushed on the Emberford road by Grubnash the goblin boss (17), a goblin skirmisher and a goblin archer (tied at 14), and a goblin sneak (9). The tracker sorts them instantly; the two goblins on 14 stay in the order they were added, so the order is stable all night.

Round 1. Fenwick opens on 21 and puts an arrow into the goblin skirmisher: select the skirmisher, type 5, hit Damage — its HP drops to 2/7. Korga charges on 18. Grubnash acts on 17 and shoulder-checks Korga for 4. Sera goes on 15, shield-bashes Grubnash for 9 — his HP reads 12/21 — and knocks him sprawling: two clicks toggle Prone onto his row. The goblins on 14 scatter, Maelis casts on 12 and toggles Concentrating onto herself, and the sneak skulks on 9. Next Turn wraps to the top: the banner now reads Round 2, Fenwick's turn.

Round 2. Fenwick finishes the skirmisher — 3 more damage takes it to 0/7, and the tracker automatically marks it Down and dims its row. Grubnash stands from Prone (toggle it back off) and lands a nasty hit on Maelis: 6 damage, and because she is Concentrating, the chip on her row reminds the table she owes a save. The archer tags Sera for 3.

Round 3. Korga's greataxe takes Grubnash from 12 to 0 — the boss row is struck through and marked Down. The archer and sneak fold in the next two turns, and the fight ends with three rows dimmed. Hit Copy Summary and the whole result — round 3, final HP, every condition — pastes into your session notes. Then Reset Encounter restores everyone to full HP for the rematch, keeping the roster intact.

""" RULES_HTML = """

A tracker you trust is one whose behavior you can predict. Here is exactly how this one works:

""" FAQS = [ ( "How do you track combat in D&D 5e?", "You need four things: an initiative order sorted highest to lowest, a " "round counter, current hit points for every creature, and a way to mark " "conditions like Prone or Stunned. Most tables juggle this across scratch " "paper, memory, and someone's phone calculator. This tracker keeps all " "four in one board: add combatants, press Next Turn to advance, and apply " "damage or conditions as they happen.", ), ( "What's the best way to track HP and conditions during a fight?", "Track current/max HP per creature and update it the moment damage lands " "— retroactive bookkeeping is where fights fall apart. Conditions work " "best as visible markers attached to the creature, not a side list. Here, " "HP shows as 7/12 on each row and conditions appear as chips, so a glance " "at the board tells you the whole battlefield state.", ), ( "Does this work for large battles?", "Yes. There is no practical limit for normal play — the board handles " "dozens of combatants, and the sort, round counter, and per-creature HP " "all scale the same way. For big fights, add monsters as numbered entries " "(Goblin 1, Goblin 2) so the dropdown stays unambiguous; downed enemies " "dim automatically, which keeps a crowded board readable.", ), ( "Is my encounter saved?", "Yes — in your browser's localStorage, on your own device. Refresh the " "tab mid-fight and the battle comes back exactly where you left it. " "Nothing is uploaded to any server and no account exists, which also " "means the encounter won't follow you to a different device or browser.", ), ( "Can I use this as a player, not just a DM?", "Absolutely. Players use it to track their own character plus known " "enemies, to watch concentration, or to run the count for the table so " "the DM can focus on the monsters. Since nothing requires an account, " "anyone at the table can have their own copy open.", ), ( "How is this different from an initiative tracker?", "An initiative tracker handles turn order only — who goes when. This is " "a full combat tracker: it runs the whole battle, including hit points, " "damage and healing, all 5e conditions, automatic down/unconscious " "marking, and a round counter. If all you want is the fastest possible " "turn order, use our dedicated D&D Initiative Tracker linked below " "instead.", ), ( "Does it support the 2024 rules (5.5e)?", "Yes. Initiative, rounds, hit points, and the fifteen conditions tracked " "here are shared between D&D 5e (2014) and the 2024 revision — the " "condition list is the same in both. The tracker is rules-light on " "purpose, so it also works fine for most other d20 systems.", ), ] DISCLAIMER_HTML = ( '

' "This is an unofficial fan tool. Dungeons & Dragons and D&D are " "trademarks of Wizards of the Coast LLC. This tool is not affiliated with, " "endorsed, or sponsored by Wizards of the Coast. The tracker is fully " "deterministic — no AI is involved — and your encounter is stored only in " "your own browser. This tool is built and maintained by " 'Loreify, an AI session-notes app for ' "D&D campaigns.

" )