waifu/dnd-chars
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add Nie's Memories page with introductory narrative and styling

Browse source
This commit is contained in:
waifu 2025-09-16 23:41:09 -03:00
parent dc3896eab3
commit 41ac744e1e
2 changed files with 57 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
memories/nie.html Normal file
View file

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nie's Memories</title>
<link rel="stylesheet" href="/style.css">
</head>
<body>
<header>
<h1>Nie's Memories</h1>
</header>
<main>
<section class="intro">
<h2>El camino de una fragil adivina.</h2>
<p>
Aquí se relatan algunos recuerdos de Nie, una adivina que, a pesar de su fragilidad, busca entender el mundo que la rodea y su lugar en él.
</p>
</section>
<!-- Memory Entry -->
<section id="nie" class="character alt">
<div class="char-text">
<h2>Algún tiempo atrás</h2>
<p>
</p>
</section>
</div>
</section>
</main>
<footer>
<p>© 2025 by <a href="https://waifuism.life">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>

16
style.css
View file

@ -94,6 +94,22 @@ nav a:hover {
color: #3e72d9; color: #3e72d9;
} }
/* 🌌 Nie — Divination Wizard Elf */
#nie {
background: linear-gradient(135deg, #030303, #1a233f);
}
#nie h2 {
color: #cde0fd;
}
#nie a h3 {
color: #cde0fd;
}
#nie ul li strong {
color: #8faed9;
}
/* Gallery */ /* Gallery */
.gallery { .gallery {
padding: 3em 1em; padding: 3em 1em;