Add memories for Ulud and Arcaena; update styles and links in index.html
This commit is contained in:
parent
fa603b86b3
commit
481410db95
5 changed files with 182 additions and 2 deletions
|
|
@ -103,6 +103,7 @@
|
||||||
<li><strong>Purpose:</strong><s>To eat the best chicken.</s> To follow the stars.</li>
|
<li><strong>Purpose:</strong><s>To eat the best chicken.</s> To follow the stars.</li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
|
<a href="memories/ulud.html"><h3>Take a look at his memories</h3></a>
|
||||||
<div class="music-player">
|
<div class="music-player">
|
||||||
<h3>Ulud's Theme</h3>
|
<h3>Ulud's Theme</h3>
|
||||||
<audio controls>
|
<audio controls>
|
||||||
|
|
@ -130,13 +131,15 @@
|
||||||
|
|
||||||
</p>
|
</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li><strong>Race:</strong> Elf</li>
|
<li><strong>Race:</strong> High Elf</li>
|
||||||
<li><strong>Class:</strong> Wizard</li>
|
<li><strong>Class:</strong> Wizard</li>
|
||||||
<li><strong>Alignment:</strong> Chaotic neutral.</li>
|
<li><strong>Alignment:</strong> Chaotic neutral.</li>
|
||||||
<li><strong>Background:</strong> Urchin</li>
|
<li><strong>Background:</strong> Urchin</li>
|
||||||
<li><strong>Height:</strong> 1.5m</li>
|
<li><strong>Height:</strong> 1.5m</li>
|
||||||
<li><strong>Purpose:</strong> To find a place where she can live quietly reading books.</li>
|
<li><strong>Purpose:</strong> To find a place where she can live quietly reading books.</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
<a href="memories/arcaena.html"><h3>Take a look at her memories</h2></a>
|
||||||
|
|
||||||
<div class="music-player">
|
<div class="music-player">
|
||||||
<h3>Arcaena's Theme</h3>
|
<h3>Arcaena's Theme</h3>
|
||||||
<audio controls>
|
<audio controls>
|
||||||
|
|
@ -168,7 +171,7 @@
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer>
|
<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>
|
<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>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
95
memories/arcaena.html
Normal file
95
memories/arcaena.html
Normal file
|
|
@ -0,0 +1,95 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Arcaena's Memories</title>
|
||||||
|
<link rel="stylesheet" href="/style.css">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<h1>Arcaena's Memories</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<section class="intro">
|
||||||
|
<h2>Fragments of a Wizard's Journey</h2>
|
||||||
|
<p>
|
||||||
|
Here lie the echoes of Arcaena's past moments, whispers, and memories.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Memory Entry -->
|
||||||
|
<section id="arcaena" class="character alt">
|
||||||
|
<div class="char-text">
|
||||||
|
<h2>Start of the Journey?</h2>
|
||||||
|
<p>
|
||||||
|
I found myself with my usual group of adventurers. I forgot again what we needed to do.
|
||||||
|
I remember thought, that I had 20 gold pieces.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Memory Entry -->
|
||||||
|
<section id="arcaena" class="character">
|
||||||
|
<div class="char-text">
|
||||||
|
<h2>Meeting the Elf Queen</h2>
|
||||||
|
<p>
|
||||||
|
For whatever reason we met with a Wood Elf Queen, or leader or something. An elf called "Rigoberto" brought us to her.
|
||||||
|
She was acting very hostile towards me, even if I was just silent the whole time. I really, <b>really</b> don't care about this whole situation with the races and politics.
|
||||||
|
I thought she was going to attack us, but she just wanted to kill Rigoberto for... bringing us there?
|
||||||
|
I remember she had a crown of flowers.
|
||||||
|
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
I was the one that needed to talk, because I was the only one that could speak Elvish.
|
||||||
|
The most annoying part was that she kept looking at me funny like she was mad at me, not like I cared. I just wanted to leave.
|
||||||
|
<i>Bitch was crazy.</i> I didn't even want to be there, why do I keep getting into these situations???
|
||||||
|
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
I think we were looking for a way to get to the bandits camp.
|
||||||
|
To search for the son of a nobleman who had been kidnapped.
|
||||||
|
That's what we told her anyways, and she seemed to buy it.
|
||||||
|
We left the city after buying an overpriced armor for one of the members of the group. I had to put one of gold, and talk to the shopkeeper.
|
||||||
|
As again, <i>nobody else knew Elvish.</i>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Memory Entry -->
|
||||||
|
<section id="arcaena" class="character alt">
|
||||||
|
<div class="char-text">
|
||||||
|
<h2>Confrontation with the Bandits</h2>
|
||||||
|
<p>
|
||||||
|
After leaving the wood elf camp, we made our way to the bandits' camp. The journey was uneventful.
|
||||||
|
As we approached the camp, the paladin in our group suggested he would go with his bigass armor to sneak around and see the layout of the camp.
|
||||||
|
I thought that was a terrible idea, but whatever. He went off on his own.
|
||||||
|
The lizard accompanied him, and I stayed back with the rest of the group.
|
||||||
|
They were able to take the bandits by surprise, in the dumbest way possible.
|
||||||
|
Attacking them after they pretended to be bandits, when the bandit turned around he just smashed their head. The aftermath was kinda gross.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Memory Entry -->
|
||||||
|
<section id="arcaena" class="character">
|
||||||
|
<div class="char-text">
|
||||||
|
<h2>A quiet day.</h2>
|
||||||
|
<p>
|
||||||
|
After we took the son of the nobleman back to his father, which he wasn't expecting, we were given a reward.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
I spent my day reading in one of the town libraries. The group said they wanted to do, something... I think. I don't remember.
|
||||||
|
I just wanted to be alone and read for a while. I was tired of all the noise.
|
||||||
|
I think I might have fallen asleep there, because when I woke up, there was a ruckus outside.
|
||||||
|
</p>
|
||||||
|
</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>
|
||||||
22
memories/styles.css
Normal file
22
memories/styles.css
Normal file
|
|
@ -0,0 +1,22 @@
|
||||||
|
/* Memory Sections */
|
||||||
|
.memory {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding: 3em 1em;
|
||||||
|
gap: 2em;
|
||||||
|
border-bottom: 1px solid #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.memory-text {
|
||||||
|
flex: 1 1 300px;
|
||||||
|
max-width: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.memory-img img {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 300px;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 0 12px rgba(0,0,0,0.7);
|
||||||
|
}
|
||||||
48
memories/ulud.html
Normal file
48
memories/ulud.html
Normal file
|
|
@ -0,0 +1,48 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Ulud's Memories</title>
|
||||||
|
<link rel="stylesheet" href="/style.css">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<h1>Ulud's Memories</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<section class="intro">
|
||||||
|
<h2>Fragments of a Druid's Journey</h2>
|
||||||
|
<p>
|
||||||
|
Here lie the echoes of Ulud's past moments, whispers, and memories.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Memory Entry -->
|
||||||
|
<section id="ulud" class="character alt">
|
||||||
|
<div class="char-text">
|
||||||
|
<h2>Start of the Journey</h2>
|
||||||
|
<p>
|
||||||
|
I found myself with my usual group of adventurers.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Memory Entry -->
|
||||||
|
<section id="ulud" class="character">
|
||||||
|
<div class="char-text">
|
||||||
|
<h2>Meeting the group.</h2>
|
||||||
|
|
||||||
|
|
||||||
|
</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>
|
||||||
12
style.css
12
style.css
|
|
@ -69,6 +69,11 @@ nav a:hover {
|
||||||
color: #4de68a;
|
color: #4de68a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#ulud a h3 {
|
||||||
|
color: #4de68a;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
#ulud ul li strong {
|
#ulud ul li strong {
|
||||||
color: #39c16d;
|
color: #39c16d;
|
||||||
}
|
}
|
||||||
|
|
@ -81,6 +86,9 @@ nav a:hover {
|
||||||
#arcaena h2 {
|
#arcaena h2 {
|
||||||
color: #6da7ff;
|
color: #6da7ff;
|
||||||
}
|
}
|
||||||
|
#arcaena a h3 {
|
||||||
|
color: #6da7ff;
|
||||||
|
}
|
||||||
|
|
||||||
#arcaena ul li strong {
|
#arcaena ul li strong {
|
||||||
color: #3e72d9;
|
color: #3e72d9;
|
||||||
|
|
@ -137,6 +145,10 @@ footer a:hover {
|
||||||
.char-img img {
|
.char-img img {
|
||||||
max-width: 250px;
|
max-width: 250px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
memory-img img {
|
||||||
|
max-width: 250px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue