1 line
2.4 KiB
HTML
1 line
2.4 KiB
HTML
<!doctype html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>The Haunted Isle of Candle Bay</title> <link rel="stylesheet" href="book-page.css" /> </head> <header> <h1>The Haunted Isle</h1> <h2>Candle Bay</h2> </header> <!-- Descriptive Lore --> <section id="introduction"> <p> A haunted isle of steep inlets and rocky cliffs, Candle Bay is home to countless mysteries and legends. The island owes its name to flocks of ominous will-o-wisps that light up its nights, creating a somber and enigmatic atmosphere. Strange rumours abound of this grim and equally fascinating landscape, but even an unsettling children’s tale can conceal glimmers of truth... </p> </section> <!-------------------------> <!-- CANDLE BAY AT A GLANCE --> <!-------------------------> <section id="at-a-glance"> <h2>Candle Bay At A Glance</h2> <p class="section-title">Keywords: ghosts, isolation, transgression.</p> <ul> <li> <strong>Terrain:</strong> thic*kets*, tombstones, reefs. Common elements: <strong aria-label="B I D">BID</strong> </li> <li> <strong>Travel Roll:</strong> d10. Rare elements: <strong aria-label="A L">AL</strong> </li> </ul> <div class="section-title" style="margin-top: 20px"> Elements of the Island </div> <ul> <li> <strong>Dangers:</strong> A wrathful ghost that can’t find a way back, or a small abandoned temple infested with trickster spirits. </li> <li> <strong>Discoveries:</strong> A good luck charm, an ancient holy place, or a remote well that allows communication with the dead – for a price. </li> </ul> <div class="section-title" style="margin-top: 20px">Themes</div> <ul> <li> Disturbed balance, respect for the past, and exploitation of resources. </li> </ul> </section> <!-- THE HAUNTED ISLAND REPEAT (Decorative/Structural Break) --> <section id="lore-repeat"> <h2>THE HAUNTED ISLAND</h2> <p style="font-style: italic; font-size: 0.9em"> (A repeated or decorative title element) </p> </section> <!-------------------------> <!-- CUSTOMER METADATA --> <!-------------------------> <div class="metadata-box"> <h3>Visitor Information</h3> <p style="margin-top: 10px; font-size: 0.9em"> Candle Bay (The Haunted Isle) </p> </div></html> |