84 lines
2.5 KiB
HTML
84 lines
2.5 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>
|