82 lines
3 KiB
HTML
82 lines
3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Ulud & Arcaena</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Georgia&display=swap" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<h1>Ulud & Arcaena</h1>
|
||
</header>
|
||
|
||
<main>
|
||
<!-- Intro -->
|
||
<section class="intro">
|
||
<h2>Welcome, traveler...</h2>
|
||
<p>
|
||
Step into the world of Ulud and Arcaena, two adventurers whose stories
|
||
weave through danger, magic, and mystery. Scroll down to meet them.
|
||
</p>
|
||
</section>
|
||
|
||
<!-- Ulud -->
|
||
<section id="ulud" class="character">
|
||
<div class="char-text">
|
||
<h2>Ulud — The Wandering Soul</h2>
|
||
<p>
|
||
Write Ulud’s backstory here. Describe his class, struggles, and vibe.
|
||
</p>
|
||
<ul>
|
||
<li><strong>Race:</strong> ???</li>
|
||
<li><strong>Class:</strong> ???</li>
|
||
<li><strong>Alignment:</strong> ???</li>
|
||
</ul>
|
||
</div>
|
||
<div class="char-img">
|
||
<img src="images/ulud.jpg" alt="Ulud portrait">
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Arcaena -->
|
||
<section id="arcaena" class="character alt">
|
||
<div class="char-text">
|
||
<h2>Arcaena — The Silent Flame</h2>
|
||
<p>
|
||
Arcaena is a short 1.5m tall elf with a slender build.
|
||
Her vibe is empty, mysterious, and a bit eerie.
|
||
She reads books out of habit, not passion.
|
||
Usually just wanders into situations, and then asks herself "Why am I in this mess?"
|
||
|
||
Incredibly intelligent and useful, but non talkative, never eager and just plain weird.
|
||
|
||
</p>
|
||
<ul>
|
||
<li><strong>Race:</strong> Elf</li>
|
||
<li><strong>Class:</strong> Wizard</li>
|
||
<li><strong>Alignment:</strong> Chaotic neutral.</li>
|
||
</ul>
|
||
</div>
|
||
<div class="char-img">
|
||
<img src="images/arcaena.jpeg" alt="Arcaena portrait">
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Gallery -->
|
||
<section id="gallery" class="gallery">
|
||
<h2>Gallery</h2>
|
||
<div class="grid">
|
||
<img src="images/art1.png">
|
||
<img src="images/art2.png">
|
||
<img src="images/art3.png">
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer>
|
||
<p>© 2025 by <a href="https://creativecommons.org">Waifu</a> is licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a><img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" alt="" style="max-width: 1em;max-height:1em;margin-left: .2em;"><img src="https://mirrors.creativecommons.org/presskit/icons/by.svg" alt="" style="max-width: 1em;max-height:1em;margin-left: .2em;"><img src="https://mirrors.creativecommons.org/presskit/icons/nc.svg" alt="" style="max-width: 1em;max-height:1em;margin-left: .2em;"><img src="https://mirrors.creativecommons.org/presskit/icons/sa.svg" alt="" style="max-width: 1em;max-height:1em;margin-left: .2em;"></p>
|
||
</footer>
|
||
</body>
|
||
</html>
|