From 186fda1f6079b99a7831549b437dd67fce44c11a Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Tue, 15 Aug 2023 17:47:09 +0800
Subject: [PATCH] Added game log page

---
 changelog/index.html                          |   5 ++
 home.html                                     |   4 +-
 .../gamelog/img/cb-character-kristine.png     | Bin 0 -> 9100 bytes
 shrines/cassettebeasts/gamelog/index.html     |  63 ++++++++++++++++++
 shrines/cassettebeasts/js/cb-components.js    |   3 +-
 sitemap.html                                  |   1 +
 6 files changed, 73 insertions(+), 3 deletions(-)
 create mode 100644 shrines/cassettebeasts/gamelog/img/cb-character-kristine.png
 create mode 100644 shrines/cassettebeasts/gamelog/index.html

diff --git a/changelog/index.html b/changelog/index.html
index 84b1a4fa..e9da9fdc 100644
--- a/changelog/index.html
+++ b/changelog/index.html
@@ -43,6 +43,11 @@
                     Archive: <span class="date-style">Latest</span> | <a href="./2022.html">2022</a> | <a href="./layouts.html">Website Layouts</a>
                 </p>
 
+                <p class="date-style">August 15, 2023:</p>
+                <ul>
+                    <li>Added <a href="/shrines/cassettebeasts/gamelog">Game Log</a> page to the <a href="/shrines/cassettebeasts/"><cite>Cassette Beasts</cite> shrine</a>.</li>
+                </ul>
+                
                 <p class="date-style">August 14, 2023:</p>
                 <ul>
                     <li>New article: <a href="/articles/my-dislike-of-shipping-culture.html">My Disinterest in Shipping and Dislike of Shipping Culture</a>.</li>
diff --git a/home.html b/home.html
index ddfa456e..53eee762 100644
--- a/home.html
+++ b/home.html
@@ -68,9 +68,9 @@
                 <section class="content-section">
                     <h2>Updates</h2>
                     <div class="text-box">
-                        <p class="date-style">August 14, 2023:</p>
+                        <p class="date-style">August 15, 2023:</p>
                         <ul>
-                            <li>New article: <a href="/articles/my-dislike-of-shipping-culture.html">My Disinterest in Shipping and Dislike of Shipping Culture</a>.</li>
+                            <li>Added <a href="/shrines/cassettebeasts/gamelog">Game Log</a> page to the <a href="/shrines/cassettebeasts/"><cite>Cassette Beasts</cite> shrine</a>.</li>
                         </ul>
                     </div>
                     <a href="/changelog">View all site changelog</a>
diff --git a/shrines/cassettebeasts/gamelog/img/cb-character-kristine.png b/shrines/cassettebeasts/gamelog/img/cb-character-kristine.png
new file mode 100644
index 0000000000000000000000000000000000000000..162696d88a32f958f4ee765f09c2bb07eec90e88
GIT binary patch
literal 9100
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
BjJ^N>

literal 0
HcmV?d00001

diff --git a/shrines/cassettebeasts/gamelog/index.html b/shrines/cassettebeasts/gamelog/index.html
new file mode 100644
index 00000000..84fec28d
--- /dev/null
+++ b/shrines/cassettebeasts/gamelog/index.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr" id="page-top">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+        <meta property="og:url" content="https://leilukin.neocities.org/shrines/cassettebeasts/gamelog">
+        <meta property="og:type" content="website">
+        <meta property="og:site_name" content="Leilukin's Hub">
+        <meta property="og:title" content="Game Log | Cassette Beasts Shrine">
+        <meta property="og:description" content="A catalogue of my Cassette Beasts characters and save profiles.">
+
+        <link rel="stylesheet" href="/shrines/cassettebeasts/css/style-cassettebeasts.css" type="text/css" media="all">
+        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
+
+        <link rel="apple-touch-icon" sizes="180x180" href="./img/cb-icon.png">
+        <link rel="icon" type="image/png" sizes="32x32" href="./img/cb-icon.png">
+        <link rel="icon" type="image/png" sizes="16x16" href="./img/cb-icon.png">
+        <link rel="manifest" href="/assets/favicon/site.webmanifest">
+
+        <script src="/shrines/cassettebeasts/js/cb-components.js" defer></script> 
+
+        <title>Game Log | Cassette Beasts Shrine | Leilukin's Hub</title>
+    </head>
+    <body>
+        <header class="main-header">
+            <noscript>
+                JavaScript is disabled in your browser. To get the best user experience on
+                this website, it is recommended that you enable it.
+            </noscript>
+        </header>
+        <nav class="navbar"></nav>
+        <main>
+            <!-- <aside class="left-sidebar">
+                Left sidebar content here
+            </aside> -->
+
+            <div class="content-container">
+                <section class="content-section">
+                    <h1>Game Log</h1>
+                    <p>This page is a catalogue of my <cite>Cassette Beasts</cite> characters and save profiles.</p>
+                </section>
+
+                <section class="content-section">
+                    <h2>Kristine</h2>
+                    <img src="./img/cb-character-kristine.png" alt="Cassette Beasts screenshot of Kristine, a custom player character">
+                    <p>My first character and save file. Created on July 18, 2023. Beat the main story on July 30. 2023.</p>
+
+                    <p><span class="bold-text">Pronouns:</span> They/Them</p>
+                    <p><span class="bold-text">Starter Monster Tape:</span> Bansheep</p>
+                    <p><span class="bold-text">Romance:</span> Meredith</p>
+                    <p><span class="bold-text">Gift Bootleg Received:</span> Glitter-type Pombomb</p>
+                    <p><span class="bold-text">First Wild Bootleg:</span> Air-type Weevillite (obtained on August 14, 2023)</p>
+                </section>
+            </div>
+
+            <aside class="right-sidebar"></aside>
+
+        </main>
+        <footer class="main-footer"></footer>
+    </body>
+</html>
\ No newline at end of file
diff --git a/shrines/cassettebeasts/js/cb-components.js b/shrines/cassettebeasts/js/cb-components.js
index faec59f9..b0e33a57 100644
--- a/shrines/cassettebeasts/js/cb-components.js
+++ b/shrines/cassettebeasts/js/cb-components.js
@@ -1,6 +1,6 @@
 /* ------ CASSETTE BEASTS SHRINE HEADER COMPONENT ------ */
 document.querySelector(".main-header").innerHTML = `
-    <img src="./img/cassettebeasts-header.png" alt="">
+    <img src="/shrines/cassettebeasts/img/cassettebeasts-header.png" alt="">
 `;
 
 
@@ -8,6 +8,7 @@ document.querySelector(".main-header").innerHTML = `
 document.querySelector(".navbar").innerHTML = `
     <ul class="nav__menu">
         <li><a href="/shrines/cassettebeasts/">Shrine Home</a></li>
+        <li><a href="./gamelog">Game Log</a></li>
         <li><a href="./featured.html">Featured</a></li>
         <li><a href="./trivia.html">Trivia</a></li>
         <li><a href="/home.html">Main Site</a></li>
diff --git a/sitemap.html b/sitemap.html
index 6047dece..a7665ba3 100644
--- a/sitemap.html
+++ b/sitemap.html
@@ -104,6 +104,7 @@
                         </ul>
                         <li><a href="/shrines/cassettebeasts/"><cite>Cassette Beasts</cite></a></li>
                         <ul>
+                            <li><a href="/shrines/cassettebeasts/gamelog">Game Log</a></li>
                             <li><a href="/shrines/cassettebeasts/featured.html">Featured</a></li>
                             <li><a href="/shrines/cassettebeasts/trivia.html">Trivia</a></li>
                         </ul>