Remove inert homepage series section

Author: oiahoon

docs/uiux-20-round-log.md

@@ -2,6 +2,38 @@
 
 This log tracks the repeated screenshot-led UI/UX improvement rounds for Joey's Notes.
 
+## Round 54 - 2026-07-10 - Homepage Series Simplification
+
+Evidence:
+
+- Browser review: homepage at `390x844`, between selected photographs and the about section.
+- Screenshot: `/tmp/oiahoon-uiux-rounds/round54-before-home-series-mobile.png`.
+- Baseline measurement: the three `Recent series` rows contained zero links and were not generated from current content.
+
+Findings:
+
+- The rows look like discovery controls but cannot be opened or filtered.
+- Static series names add a full mobile screen of content without advancing the main photography or notes journeys.
+- Selected photographs already provide the stronger, real entry into visual work.
+
+Changes:
+
+- Removed the inert `Recent series` section and its unused styles.
+- Connected selected photography directly to the concise author introduction.
+- Kept real navigation and content sections unchanged.
+- Bumped the app version to `0.0.55`.
+
+Validation plan:
+
+Results:
+
+- Browser verification: no inert series grid remains and selected photography flows directly into the author section.
+- Browser verification: the homepage stays within `390px` and all remaining sections have working destinations or real content.
+- `npm run check:content-health` passed.
+- `npm run build` passed.
+- `git diff --check` passed.
+- `npm run check:security` reports the known `4 vulnerabilities (3 low, 1 moderate)`; the full fix requires a breaking Astro upgrade.
+
 ## Round 53 - 2026-07-10 - Homepage Content-First Opening
 
 Evidence:

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "joey-notes-astro",
   "type": "module",
-  "version": "0.0.54",
+  "version": "0.0.55",
   "scripts": {
     "dev": "astro dev",
     "build": "astro build",

package.json

@@ -89,29 +89,6 @@ function photoMeta(photo: typeof photographs[number]) {
     </div>
   </section>
 
-  <section class="home-section">
-    <div class="shell">
-      <div class="home-section__head">
-        <h2>Recent series</h2>
-      </div>
-
-      <div class="series-grid">
-        <article>
-          <p class="series-grid__title">Street Motion</p>
-          <p>Taxis · roads · 2024</p>
-        </article>
-        <article>
-          <p class="series-grid__title">Cafe Windows</p>
-          <p>Glass · handwritten signs</p>
-        </article>
-        <article>
-          <p class="series-grid__title">Quiet Canopies</p>
-          <p>Trees · harbour haze</p>
-        </article>
-      </div>
-    </div>
-  </section>
-
   <section class="home-section">
     <div class="shell home-about">
       <h2>Joey Huang</h2>
@@ -293,7 +270,6 @@ function photoMeta(photo: typeof photographs[number]) {
   }
 
   .selected-card p,
-  .series-grid p,
   .home-about p,
   .legacy-row p {
     color: var(--muted);
@@ -304,27 +280,6 @@ function photoMeta(photo: typeof photographs[number]) {
     font-size: 0.92rem;
   }
 
-  .series-grid {
-    display: grid;
-    gap: 1rem;
-    margin-top: 2rem;
-  }
-
-  .series-grid article {
-    border-top: 1px solid var(--line);
-    padding-top: 1rem;
-  }
-
-  .series-grid__title {
-    margin: 0;
-    color: var(--text) !important;
-    font-weight: 700;
-  }
-
-  .series-grid p:last-child {
-    margin: 0.35rem 0 0;
-  }
-
   .home-about {
     display: grid;
     gap: 1rem;
@@ -382,9 +337,6 @@ function photoMeta(photo: typeof photographs[number]) {
       grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.42fr);
     }
 
-    .series-grid {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
   }
 
   @media (max-width: 640px) {