From 481410db95b6ae06fceefe0562b03065424306da Mon Sep 17 00:00:00 2001
From: waifu <waifuism@tutanota.com>
Date: Mon, 8 Sep 2025 00:51:53 -0300
Subject: [PATCH] Add memories for Ulud and Arcaena; update styles and links in
 index.html

---
 index.html            |  7 +++-
 memories/arcaena.html | 95 +++++++++++++++++++++++++++++++++++++++++++
 memories/styles.css   | 22 ++++++++++
 memories/ulud.html    | 48 ++++++++++++++++++++++
 style.css             | 12 ++++++
 5 files changed, 182 insertions(+), 2 deletions(-)
 create mode 100644 memories/arcaena.html
 create mode 100644 memories/styles.css
 create mode 100644 memories/ulud.html
diff --git a/index.html b/index.html
index cc5a519..91995ca 100644
--- a/index.html
+++ b/index.html
@@ -103,6 +103,7 @@
           <li><strong>Purpose:</strong><s>To eat the best chicken.</s> To follow the stars.</li>
 
         </ul>
+        <a href="memories/ulud.html"><h3>Take a look at his memories</h3></a>
         <div class="music-player">
           <h3>Ulud's Theme</h3>
           <audio controls>
@@ -130,13 +131,15 @@
 
         </p>
         <ul>
-          <li><strong>Race:</strong> Elf</li>
+          <li><strong>Race:</strong> High Elf</li>
           <li><strong>Class:</strong> Wizard</li>
           <li><strong>Alignment:</strong> Chaotic neutral.</li>
           <li><strong>Background:</strong> Urchin</li>
           <li><strong>Height:</strong> 1.5m</li>
           <li><strong>Purpose:</strong> To find a place where she can live quietly reading books.</li>
         </ul>
+        <a href="memories/arcaena.html"><h3>Take a look at her memories</h2></a>
+
         <div class="music-player">
         <h3>Arcaena's Theme</h3>
         <audio controls>
@@ -168,7 +171,7 @@
   </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>
+    <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>
diff --git a/memories/arcaena.html b/memories/arcaena.html
new file mode 100644
index 0000000..a8f5243
--- /dev/null
+++ b/memories/arcaena.html
@@ -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>
diff --git a/memories/styles.css b/memories/styles.css
new file mode 100644
index 0000000..e95c307
--- /dev/null
+++ b/memories/styles.css
@@ -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);
+}
\ No newline at end of file
diff --git a/memories/ulud.html b/memories/ulud.html
new file mode 100644
index 0000000..75a1aca
--- /dev/null
+++ b/memories/ulud.html
@@ -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>
diff --git a/style.css b/style.css
index 7c2307c..1af4791 100644
--- a/style.css
+++ b/style.css
@@ -69,6 +69,11 @@ nav a:hover {
   color: #4de68a;
 }
 
+#ulud a h3 {
+  color: #4de68a;
+}
+
+
 #ulud ul li strong {
   color: #39c16d;
 }
@@ -81,6 +86,9 @@ nav a:hover {
 #arcaena h2 {
   color: #6da7ff;
 }
+#arcaena a h3 {
+  color: #6da7ff;
+}
 
 #arcaena ul li strong {
   color: #3e72d9;
@@ -137,6 +145,10 @@ footer a:hover {
   .char-img img {
     max-width: 250px;
   }
+
+  memory-img img {
+    max-width: 250px;
+  }
 }
 
 @media (max-width: 480px) {
