content: add 2025 publications, year filter, and remove page heroes

- Add 4 new 2025 publications (CGH, entomology, BIB, precision oncology)
- Replace single-select year filter with multi-select toggle buttons
- Remove PageHero from publication, blog, and member pages
- Fix background gradient fade on long pages with background-attachment: fixed
- Simplify publication link text to "Link"

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: brian033

src/app/App.test.tsx

@@ -32,9 +32,6 @@ describe("App routing and shared layout", () => {
 
   test("renders all route-level page heroes through the shared shell", () => {
     const routes = [
-      { path: "/publication", name: /publication archive/i },
-      { path: "/member", name: /lab members/i },
-      { path: "/blog", name: /selected reading/i },
       { path: "/galaxy", name: /NTU Galaxy 相關說明/ }
     ];
 

src/components/sections/PublicationList.tsx

@@ -1,12 +1,61 @@
+import { useState } from "react";
 import { publicationGroups } from "../../data/mock/publications";
 import { ExternalLink } from "../ui/ExternalLink";
 import { SectionShell } from "../ui/SectionShell";
 
 export function PublicationList() {
+  const allYears = publicationGroups.map((g) => g.year);
+  const [selectedYears, setSelectedYears] = useState<Set<string>>(new Set(allYears));
+
+  const allSelected = selectedYears.size === allYears.length;
+
+  function toggleYear(year: string) {
+    setSelectedYears((prev) => {
+      const next = new Set(prev);
+      if (next.has(year)) {
+        next.delete(year);
+      } else {
+        next.add(year);
+      }
+      return next;
+    });
+  }
+
+  function toggleAll() {
+    setSelectedYears(allSelected ? new Set() : new Set(allYears));
+  }
+
+  const filtered = publicationGroups.filter((g) => selectedYears.has(g.year));
+
   return (
     <SectionShell className="pt-10">
+      <div className="mb-8 flex flex-wrap gap-2">
+        <button
+          onClick={toggleAll}
+          className={`rounded-full px-4 py-1.5 text-sm font-semibold transition-colors ${
+            allSelected
+              ? "bg-navy text-white"
+              : "border border-slate-200 bg-white text-slate-600 hover:text-navy"
+          }`}
+        >
+          All
+        </button>
+        {allYears.map((year) => (
+          <button
+            key={year}
+            onClick={() => toggleYear(year)}
+            className={`rounded-full px-4 py-1.5 text-sm font-semibold transition-colors ${
+              selectedYears.has(year)
+                ? "bg-navy text-white"
+                : "border border-slate-200 bg-white text-slate-600 hover:text-navy"
+            }`}
+          >
+            {year}
+          </button>
+        ))}
+      </div>
       <div className="space-y-12">
-        {publicationGroups.map((group) => (
+        {filtered.map((group) => (
           <section key={group.year} aria-labelledby={`publication-year-${group.year}`}>
             <div className="mb-5 flex items-center gap-4">
               <h2 id={`publication-year-${group.year}`} className="text-3xl">
@@ -25,7 +74,7 @@ export function PublicationList() {
                   <h3 className="mt-4 text-2xl">{item.title}</h3>
                   <p className="mt-3 max-w-4xl text-sm leading-7 text-slate-600">{item.authors}</p>
                   <div className="mt-5">
-                    <ExternalLink href={item.href}>Read publication record</ExternalLink>
+                    <ExternalLink href={item.href}>Link</ExternalLink>
                   </div>
                 </article>
               ))}

src/components/ui/PageHero.tsx

@@ -34,7 +34,7 @@ export function PageHero({ eyebrow, title, summary, actions, strapline, subtitle
       <div className="page-grid relative">
         <div className="grid gap-8 lg:grid-cols-[1.2fr_0.8fr] lg:items-stretch">
           <div className="rounded-[2rem] border border-white/50 bg-white/80 p-8 shadow-glass backdrop-blur-md sm:p-10">
-            <Eyebrow>{eyebrow}</Eyebrow>
+            {eyebrow ? <Eyebrow>{eyebrow}</Eyebrow> : null}
             <h1 className="mt-4 max-w-3xl text-4xl leading-tight sm:text-5xl lg:text-6xl">{title}</h1>
             {strapline ? <p className="mt-4 text-lg font-semibold text-slate-700">{strapline}</p> : null}
             {subtitle ? <h3 className="mt-4 text-xl font-semibold text-primary sm:text-2xl">{subtitle}</h3> : null}

src/data/mock/publications.ts

@@ -1,13 +1,54 @@
 import type { PageHeroContent, PublicationYearGroup } from "../../types/content";
 
 export const publicationHero: PageHeroContent = {
-  eyebrow: "Publication",
+  eyebrow: "",
   title: "Publication Archive",
   summary:
     "A curated, year-grouped archive of papers and talks spanning protein sequence analysis, variant interpretation, immunogenomics, and precision medicine."
 };
 
 export const publicationGroups: PublicationYearGroup[] = [
+  {
+    year: "2025",
+    items: [
+      {
+        id: "pub_072",
+        year: "2025",
+        dateLabel: "14 May 2025",
+        title: "Whole Exome Sequencing-identified Germline Variants Underlie High Familial Risk and Early-onset Colorectal Cancer in Taiwan",
+        venue: "Clinical Gastroenterology and Hepatology",
+        authors: "Yi-Chen Huang*, Yen-Nien Chen*, An-Ko Chung, Yu-An Chen, Pei-Lung Chen, Tang-Long Shen, Chien-Yu Chen, and Han-Mo Chiu",
+        href: "https://www.sciencedirect.com/science/article/pii/S1542356525006603"
+      },
+      {
+        id: "pub_073",
+        year: "2025",
+        dateLabel: "25 Feb 2025",
+        title: "Comparing organophosphate and pyrethroid resistance levels of Aedes aegypti (Diptera: Culicidae) in frequent and infrequent application areas of Taiwan",
+        venue: "Journal of Asia-Pacific Entomology",
+        authors: "Chang-Yu Wu, Shu-Mei Dai, Chin-Gi Huang, Yu-Hsien Chen, Wen-Ting Wang, Chien-Yu Chen, Ju-Chun Hsu*",
+        href: "https://www.sciencedirect.com/science/article/abs/pii/S1226861525000524"
+      },
+      {
+        id: "pub_074",
+        year: "2025",
+        dateLabel: "25 Feb 2025",
+        title: "A large language model framework for literature-based disease–gene association prediction",
+        venue: "Briefings in Bioinformatics",
+        authors: "Peng-Hsuan Li, Yih-Yun Sun, Hsueh-Fen Juan, Chien-Yu Chen, Huai-Kuang Tsai, Jia-Hsin Huang*",
+        href: "https://academic.oup.com/bib/article/26/1/bbaf070/8042066?searchresult=1"
+      },
+      {
+        id: "pub_075",
+        year: "2025",
+        dateLabel: "3 Feb 2025",
+        title: "Annotation-free deep learning for predicting gene mutations from whole slide images of acute myeloid leukemia",
+        venue: "Precision Oncology",
+        authors: "Bo-Han Wei, Xavier Cheng-Hong Tsai, Kuo-Jui Sun, Min-Yen Lo, Sheng-Yu Hung, Wen-Chien Chou, Hwei-Fang Tien, Hsin-An Hou, Chien-Yu Chen*",
+        href: "https://www.nature.com/articles/s41698-025-00804-0"
+      }
+    ]
+  },
   {
     year: "2024",
     items: [

src/pages/BlogPage.tsx

@@ -1,12 +1,5 @@
 import { BlogCardGrid } from "../components/sections/BlogCardGrid";
-import { blogHero } from "../data/mock/blog";
-import { PageHero } from "../components/ui/PageHero";
 
 export function BlogPage() {
-  return (
-    <>
-      <PageHero {...blogHero} />
-      <BlogCardGrid />
-    </>
-  );
+  return <BlogCardGrid />;
 }

src/pages/MemberPage.tsx

@@ -1,12 +1,9 @@
 import { FeaturedPISection } from "../components/sections/FeaturedPISection";
 import { MemberDirectorySection } from "../components/sections/MemberDirectorySection";
-import { memberHero } from "../data/mock/members";
-import { PageHero } from "../components/ui/PageHero";
 
 export function MemberPage() {
   return (
     <>
-      <PageHero {...memberHero} />
       <FeaturedPISection />
       <MemberDirectorySection />
     </>

src/pages/PublicationPage.tsx

@@ -1,12 +1,5 @@
 import { PublicationList } from "../components/sections/PublicationList";
-import { publicationHero } from "../data/mock/publications";
-import { PageHero } from "../components/ui/PageHero";
 
 export function PublicationPage() {
-  return (
-    <>
-      <PageHero {...publicationHero} />
-      <PublicationList />
-    </>
-  );
+  return <PublicationList />;
 }

src/styles/index.css

@@ -18,6 +18,7 @@
     background-image:
       radial-gradient(circle at top left, rgba(59, 130, 246, 0.18), transparent 28%),
       linear-gradient(180deg, #f8fafc 0%, #f5f7fb 48%, #f8fafc 100%);
+    background-attachment: fixed;
   }
 
   h1,