Replace images of the shrine of A Summer's End

shrines/asummersend/asummersend.css

@@ -31,8 +31,12 @@
     --footer-bg: #101010;
 }
 
+header {
+    max-height: 20rem;
+}
+
 header img {
     object-fit: cover;
-    object-position: top;
+    object-position: center;
     height: 100%;
 }

shrines/asummersend/components/header.js

@@ -10,7 +10,6 @@ document.querySelector("nav").innerHTML = `
         <li class="nav__item"><a href="/shrines/asummersend/">Shrine Home</a></li>
         <li class="nav__item"><a href="./playlists.html">Playlists</a></li>
         <li class="nav__item"><a href="./trivia.html">Trivia</a></li>
-        <li class="nav__item"><a href="/blog">Blog</a></li>
         <li class="nav__item"><a href="./gallery.html">Gallery</a></li>
         <li class="nav__item"><a href="/home.html">Main Site</a></li>
         <li class="nav__toggle"><a href="#"><i class="fas fa-bars"></i></a></li>

shrines/asummersend/gallery.html

@@ -43,15 +43,15 @@
 
                 <section class="content-section">
                     <h2>In-Game Screenshots</h2>
-                    <img src="./img/ASE-Screenshot-01.png" alt="In-Game Screenshot of A Summer's End 01" width="100%">
-                    <img src="./img/ASE-Screenshot-02.png" alt="In-Game Screenshot of A Summer's End 02" width="100%">
-                    <img src="./img/ASE-Screenshot-03.png" alt="In-Game Screenshot of A Summer's End 03" width="100%">
-                    <img src="./img/ASE-Screenshot-04.png" alt="In-Game Screenshot of A Summer's End 04" width="100%">
-                    <img src="./img/ASE-Screenshot-05.png" alt="In-Game Screenshot of A Summer's End 05" width="100%">
-                    <img src="./img/ASE-Screenshot-06.png" alt="In-Game Screenshot of A Summer's End 06" width="100%">
-                    <img src="./img/ASE-Screenshot-07.png" alt="In-Game Screenshot of A Summer's End 07" width="100%">
-                    <img src="./img/ASE-Screenshot-08.png" alt="In-Game Screenshot of A Summer's End 08" width="100%">
-                    <img src="./img/ASE-Screenshot-09.png" alt="In-Game Screenshot of A Summer's End 09" width="100%">
+                    <img src="./img/screenshots/ASE-Screenshot-01.png" alt="In-Game Screenshot of A Summer's End 01" width="100%">
+                    <img src="./img/screenshots/ASE-Screenshot-02.png" alt="In-Game Screenshot of A Summer's End 02" width="100%">
+                    <img src="./img/screenshots/ASE-Screenshot-03.png" alt="In-Game Screenshot of A Summer's End 03" width="100%">
+                    <img src="./img/screenshots/ASE-Screenshot-04.png" alt="In-Game Screenshot of A Summer's End 04" width="100%">
+                    <img src="./img/screenshots/ASE-Screenshot-05.png" alt="In-Game Screenshot of A Summer's End 05" width="100%">
+                    <img src="./img/screenshots/ASE-Screenshot-06.png" alt="In-Game Screenshot of A Summer's End 06" width="100%">
+                    <img src="./img/screenshots/ASE-Screenshot-07.png" alt="In-Game Screenshot of A Summer's End 07" width="100%">
+                    <img src="./img/screenshots/ASE-Screenshot-08.png" alt="In-Game Screenshot of A Summer's End 08" width="100%">
+                    <img src="./img/screenshots/ASE-Screenshot-09.png" alt="In-Game Screenshot of A Summer's End 09" width="100%">
                 </section>
             </div>
 

shrines/asummersend/index.html

@@ -37,7 +37,7 @@
             <div class="content-container">
                 <section class="content-section">
                     <h1>Welcome to my <cite>A Summer’s End — Hong Kong 1986</cite> Shrine!</h1>
-                    <img src="./img/asummersend_header.png" alt="Promotional image of A Summer’s End — Hong Kong 1986">
+                    <img src="./img/ASE_Key_art_intro.png" alt="Promotional image of A Summer’s End — Hong Kong 1986">
                     <p><cite>A Summer’s End — Hong Kong 1986</cite> is a visual novel developed by Oracle and Bone, a Canada-based independent studio consists of two Asian queer women, Charissa So and Tida Kietsungden. The visual novel tells of a lesbian romance story between Michelle Cheung, an office worker, and Sam Wong, a video store owner, that takes place in Hong Kong in the year of 1986.</p>
 
                     <p>Initially released in English on 23 Apr, 2020, <cite>A Summer’s End</cite> has also been translated into Simplified Chinese, Traditional Chinese and Cantonese. The Chinese translations were released on July 9, 2021.</p>
@@ -47,7 +47,7 @@
 
                 <section class="content-section">
                     <h2>How I Discovered <cite>A Summer’s End — Hong Kong 1986</cite></h2>
-                    <img src="./img/ASE-Screenshot-02.png" alt="In-Game Screenshot of A Summer's End 02" width="100%">
+                    <img src="./img/ASE_Key_art_main.png" alt="In-Game Screenshot of A Summer's End 02" width="100%">
                     <p>I first learned about <cite>A Summer’s End — Hong Kong 1986</cite> through <a href="https://linuxgameconsortium.com/a-summers-end-hong-kong-1986-just-announced/" target="_blank">Linux Game Consortium</a>, a Linux gaming news website. There was a period where I set up my gaming laptop to dual boot Windows 10 and Linux, so I ended up following Linux gaming news for a while. While Windows is still my main platform for gaming, the discovery of <cite>A Summer’s End</cite> was the biggest unexpected benefit and surprise when I tried out Linux.</p>
 
                     <p>As a lesbian, the premise of a visual novel about a sapphic romance already caught my interest, but what urged me to play it even more was the Hong Kong setting, which made my interest in the game personal, since I am a Cantonese-speaking Chinese lesbian who grew up with Hong Kong media. Not to mention, it is rare to see a fiction that tells of a sapphic love story that takes place in Hong Kong.</p>
@@ -55,7 +55,7 @@
 
                 <section class="content-section">
                     <h2>Why <cite>A Summer’s End — Hong Kong 1986</cite> is Special to Me</h2>
-                    <img src="./img/ASE-Screenshot-05.png" alt="In-Game Screenshot of A Summer's End 05" width="100%">
+                    <img src="./img/screenshots/ASE-Screenshot-05.png" alt="In-Game Screenshot of A Summer's End 05" width="100%">
                     <p>As a Chinese lesbian who speaks Cantonese and had engaged with a lot of Hong Kong media during my teenage years, <cite>A Summer’s End - Hong Kong 1986</cite> is the lesbian story that I relate to and feel represented the most.</p>
 
                     <p>I relate to both the protagonists, Michelle and Sam, as their characters represent different parts of my life as a Chinese lesbian. I also relate to the story’s theme of hoping for the future of our homeland despite the political uncertainties.</p>

shrines/index.html

@@ -41,7 +41,7 @@
 
                 <section class="content-section">
                     <h2><a href="./asummersend/" target="_blank"><em>A Summer’s End — Hong Kong 1986</em></a></h2>
-                    <a href="./asummersend/" target="_blank"><img src="./asummersend/img/asummersend_header.png" alt="Header of A Summer’s End — Hong Kong 1986" width="100%"></a>
+                    <a href="./asummersend/" target="_blank"><img src="./asummersend/img/ASE_Key_art_intro.png" alt="Header of A Summer’s End — Hong Kong 1986" width="100%"></a>
                 </section>
 
                 <section class="content-section">