From e5e12fb1dd21759944504bd7ad1d415dfe7b0fcb Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Tue, 8 Aug 2023 02:30:40 +0800
Subject: [PATCH] Added Featured page to Cassette Beasts shrine

---
 changelog/index.html                 |  5 ++
 home.html                            |  4 +-
 shrines/cassettebeasts/featured.html | 73 ++++++++++++++++++++++++++++
 shrines/cassettebeasts/js/header.js  |  2 +-
 4 files changed, 81 insertions(+), 3 deletions(-)
 create mode 100644 shrines/cassettebeasts/featured.html
diff --git a/changelog/index.html b/changelog/index.html
index d0118606..b8b8caad 100644
--- a/changelog/index.html
+++ b/changelog/index.html
@@ -39,6 +39,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 8, 2023:</p>
+                <ul>
+                    <li>Added <a href="/shrines/cassettebeasts/featured.html">Featured</a> page to the <a href="/shrines/cassettebeasts/"><cite>Cassette Beasts</cite> shrine</a>.</li>
+                </ul>
+
                 <p class="date-style">August 3, 2023:</p>
                 <ul>
                     <li>Launched new <a href="/shrines/">shrine</a>: <a href="/shrines/cassettebeasts/"><cite>Cassette Beasts</cite></a>.</li>
diff --git a/home.html b/home.html
index f312e817..1d4f4653 100644
--- a/home.html
+++ b/home.html
@@ -64,9 +64,9 @@
                 <section class="content-section">
                     <h2>Updates</h2>
                     <div class="text-box">
-                        <p class="date-style">August 3, 2023:</p>
+                        <p class="date-style">August 8, 2023:</p>
                         <ul>
-                            <li>Launched new <a href="/shrines/">shrine</a>: <a href="/shrines/cassettebeasts/"><cite>Cassette Beasts</cite></a>.</li>
+                            <li>Added <a href="/shrines/cassettebeasts/featured.html">Featured</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/featured.html b/shrines/cassettebeasts/featured.html
new file mode 100644
index 00000000..1d958777
--- /dev/null
+++ b/shrines/cassettebeasts/featured.html
@@ -0,0 +1,73 @@
+<!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/featured">
+        <meta property="og:type" content="website">
+        <meta property="og:site_name" content="Leilukin's Hub">
+        <meta property="og:title" content="Featured | Cassette Beasts Shrine">
+        <meta property="og:description" content="A collection of reviews and essays from other people about Cassette Beasts that I recommend.">
+
+        <link rel="stylesheet" href="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="js/header.js" defer></script>
+        <script src="js/sidebar-content.js" defer></script>
+        <script src="js/footer.js" defer></script>
+
+        <title>Featured | Cassette Beasts Shrine | Leilukin's Hub</title>
+    </head>
+    <body>
+        <header></header>
+        <nav></nav>
+        <main>
+            <!-- <aside class="left-sidebar">
+                Left sidebar content here
+            </aside> -->
+
+            <div class="content-container">
+                <section class="content-section">
+                    <h1>Featured</h1>
+                    <p>Here is a collection of reviews and essays from other people about <cite>Cassette Beasts</cite> that I like and recommend.</p>
+                </section>
+
+                <section class="content-section">
+                    <h2>Reviews</h2>
+                    <ul>
+                        <li><a href="https://www.rockpapershotgun.com/cassette-beasts-review" target="_blank">Cassette Beasts review: dropping the mic on the Pokémon-like</a> by Katharine Castle</li>
+                        <li><a href="https://www.eurogamer.net/cassette-beasts-review-the-brilliance-of-pokemon-all-grown-up" target="_blank">Cassette Beasts review - the brilliance of Pokémon all grown up</a> by Caelyn Ellis</li>
+                        <li><a href="https://www.siliconera.com/review-cassette-beasts-is-an-rpg-with-a-lot-of-heart/" target="_blank">Review: Cassette Beasts Is an RPG With a Lot of Heart</a> by Daniel Bueno</li>
+                    </ul>
+                </section>
+
+                <section class="content-section">
+                    <h2>Essays</h2>
+                    <ul>
+                        <li><a href="https://www.siliconera.com/cassette-beasts-companions-are-what-i-always-wanted-from-pokemon-rivals/" target="_blank">Cassette Beasts’ Companions Are What I Always Wanted from Pokemon Rivals</a> by Jenni Lada</li>
+                    </ul>
+                </section>
+
+                <section class="content-section">
+                    <h2>Videos</h2>
+                    <ul>
+                        <li><a href="https://www.youtube.com/watch?v=W__eBjKDFvo" target="_blank">Is Cassette Beasts Worth It?</a> by Gym Leader Ed</li>
+                        <li><a href="https://www.youtube.com/watch?v=vIwzTJp3o9M" target="_blank">Why You Should Play Cassette Beasts</a> by AstralKat</li>
+                        <li><a href="https://www.youtube.com/watch?v=cUcpoI8INBc" target="_blank">You Missed One of the Best Games This Year</a> by mhswoocer</li>
+                    </ul>
+                </section>
+            </div>
+
+            <aside class="right-sidebar"></aside>
+
+        </main>
+        <footer></footer>
+    </body>
+</html>
\ No newline at end of file
diff --git a/shrines/cassettebeasts/js/header.js b/shrines/cassettebeasts/js/header.js
index 12bf4236..9ae53c5b 100644
--- a/shrines/cassettebeasts/js/header.js
+++ b/shrines/cassettebeasts/js/header.js
@@ -8,7 +8,7 @@ document.querySelector("header").innerHTML = `
 document.querySelector("nav").innerHTML = `
     <ul class="nav__menu">
         <li><a href="/shrines/cassettebeasts/">Shrine Home</a></li>
-        <!-- <li><a href="./playlists.html">Playlists</a></li> -->
+        <li><a href="./featured.html">Featured</a></li>
         <li><a href="/home.html">Main Site</a></li>
     </ul>
 `;
