53 lines
2.1 KiB
HTML
53 lines
2.1 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Titania, Queen of Fairies</title>
|
||
<link rel="stylesheet" href="book-page.css" />
|
||
</head>
|
||
<article>
|
||
<h1>Titania, Queen of Fairies</h1>
|
||
|
||
<section id="lore">
|
||
<p>
|
||
Many legends tell how dangerous it is to strike a deal with fairies, the
|
||
ancient beings who rule the woods of the shire. And with good reason.
|
||
It’s not their cunning, nor their knack of twisting every word to their
|
||
own desires that makes them so fearsome; no, their most terrible weapon
|
||
is time itself.
|
||
</p>
|
||
<p>
|
||
Mortals age and die, and their descendants often forget the ancient
|
||
oaths or turn them into mere tales. But the fairy beings are untouched
|
||
by the flow of the years and, if someone denies them their due, their
|
||
fury is inextinguishable.
|
||
</p>
|
||
</section>
|
||
|
||
<section id="story">
|
||
<h2>The Pact of Frosthill</h2>
|
||
<p>
|
||
The villagers of <strong>Frosthill</strong> struck one such deal with
|
||
Titania, the Queen of Fairies: every year, the Queen would grant
|
||
plentiful crops and peaceful pastures but, in exchange, the inhabitants
|
||
had to gift them three seeds from their favorite peach tree.
|
||
</p>
|
||
<p>
|
||
For three generations the villagers kept their word, but gradually
|
||
forgot the true meaning of the ceremony, until they eventually
|
||
disregarded it completely. And so the fury of the Queen struck them
|
||
down, causing the flora of the same fields and pastures they had
|
||
nurtured for years to grow beyond measure. This created a gigantic plant
|
||
maze that has held the inhabitants hostage ever since, for the amusement
|
||
of the fairy court. It’s a magical domain, where day, night, and climate
|
||
answer to Queen’s every whim.
|
||
</p>
|
||
</section>
|
||
|
||
<div class="metadata-box">
|
||
<strong> Information:</strong>
|
||
</div>
|
||
</article>
|
||
</html>
|