From c8fd6a1349bd42bd7ae822fe0cf31f2da00049b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=8F=E7=8B=BC?= <faolanthewooolf@gmail.com>
Date: Fri, 7 Aug 2026 13:00:03 +0800
Subject: [PATCH 1/5] feat(home): add cinematic copy reveal

---
 src/components/Hero.astro |  5 ++-
 src/i18n/content.ts       | 18 ++++----
 src/styles/global.css     | 87 +++++++++++++++++++++++++++++++++++++++
 3 files changed, 101 insertions(+), 9 deletions(-)

diff --git a/src/components/Hero.astro b/src/components/Hero.astro
index 69bcff7..f3edfc4 100644
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@@ -36,7 +36,10 @@ const { locale, copy } = Astro.props;
       <span>{copy.hero.titleLead}</span>
       <span>{copy.hero.titleEnd}</span>
     </h1>
-    <p class="hero-description">{copy.hero.description}</p>
+    <p class="hero-description">
+      <span>{copy.hero.descriptionLead}</span>
+      <span>{copy.hero.descriptionEnd}</span>
+    </p>
     <a class="hero-action" href="https://github.com/deepfurry" target="_blank" rel="noreferrer">
       {copy.hero.action}
       <ArrowUpRight aria-hidden="true" size={20} stroke-width={1.65} />
diff --git a/src/i18n/content.ts b/src/i18n/content.ts
index 977a707..df32028 100644
--- a/src/i18n/content.ts
+++ b/src/i18n/content.ts
@@ -15,7 +15,8 @@ export interface HomeCopy {
     eyebrow: string;
     titleLead: string;
     titleEnd: string;
-    description: string;
+    descriptionLead: string;
+    descriptionEnd: string;
     action: string;
     meta: string;
   };
@@ -29,7 +30,7 @@ export const homeCopy = {
     seo: {
       title: "DeepFurry — Open source Untamed",
       description:
-        "DeepFurry is an independent open-source collective for curious builders.",
+        "We were lone wolves, until our paths crossed. Will you be one of the pack?",
     },
     nav: {
       projects: "Projects",
@@ -38,11 +39,11 @@ export const homeCopy = {
       close: "Close navigation",
     },
     hero: {
-      eyebrow: "// OPEN SOURCE COLLECTIVE",
+      eyebrow: "// INDEPENDENT OPEN SOURCE COLLECTIVE",
       titleLead: "Open source",
       titleEnd: "Untamed",
-      description:
-        "An independent open-source collective for curious builders.",
+      descriptionLead: "We were lone wolves, until our paths crossed.",
+      descriptionEnd: "Will you be one of the pack?",
       action: "Explore GitHub",
       meta: "FANTASY  ·  PURSUIT  ·  DESIRE",
     },
@@ -53,7 +54,7 @@ export const homeCopy = {
   zh: {
     seo: {
       title: "DeepFurry — 保持开源 保持野性",
-      description: "DeepFurry 是一个面向探索者与创造者的独立开源组织。",
+      description: "我们曾是孤狼，直到在探索中相遇。你，会是狼群的一员吗？",
     },
     nav: {
       projects: "项目",
@@ -65,12 +66,13 @@ export const homeCopy = {
       eyebrow: "// 独立开源组织",
       titleLead: "保持开源",
       titleEnd: "保持野性",
-      description: "DeepFurry 是一个面向探索者与创造者的独立开源组织。",
+      descriptionLead: "我们曾是孤狼，直到在探索中相遇。",
+      descriptionEnd: "你，会是狼群的一员吗？",
       action: "探索 GitHub",
       meta: "幻想  ·  追寻  ·  渴望",
     },
     footer: {
-      note: "开源自由不羁的灵魂，构建心中狂野的梦想。",
+      note: "享受开源带来的自由，构建心中狂野的梦想。",
     },
   },
 } satisfies Record<Locale, HomeCopy>;
diff --git a/src/styles/global.css b/src/styles/global.css
index eee85b2..4bfe9a3 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -117,6 +117,12 @@ a {
   padding: clamp(1.5rem, 3.2vw, 2.75rem) var(--page-gutter);
 }
 
+.wordmark,
+.desktop-nav,
+.menu-toggle {
+  animation: reveal-interface 720ms cubic-bezier(0.22, 1, 0.36, 1) 3.15s both;
+}
+
 .wordmark {
   font-size: clamp(1.35rem, 1.7vw, 1.85rem);
   font-weight: 600;
@@ -186,6 +192,10 @@ a {
   text-transform: uppercase;
 }
 
+.hero-eyebrow {
+  animation: reveal-detail 680ms cubic-bezier(0.22, 1, 0.36, 1) 3.55s both;
+}
+
 .hero-content h1 {
   display: flex;
   flex-direction: column;
@@ -200,13 +210,24 @@ a {
 
 .hero-content h1 span {
   display: block;
+  animation: reveal-line 1.05s cubic-bezier(0.16, 1, 0.3, 1) both;
+  will-change: clip-path, filter, opacity, transform;
+}
+
+.hero-content h1 span:first-child {
+  animation-delay: 480ms;
 }
 
 .hero-content h1 span:nth-child(2) {
   margin-left: clamp(2.5rem, 4.5vw, 5.5rem);
+  animation-delay: 1.18s;
 }
 
 .hero-description {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: clamp(0.2rem, 0.55vh, 0.45rem);
   max-width: 41rem;
   margin: clamp(1.85rem, 3vh, 2.5rem) 0 0;
   color: rgb(241 247 250 / 82%);
@@ -215,6 +236,21 @@ a {
   line-height: 1.65;
 }
 
+.hero-description span {
+  display: block;
+  animation: reveal-line 820ms cubic-bezier(0.22, 1, 0.36, 1) both;
+  will-change: clip-path, filter, opacity, transform;
+}
+
+.hero-description span:first-child {
+  animation-delay: 2.02s;
+}
+
+.hero-description span:nth-child(2) {
+  margin-left: clamp(1.5rem, 3.2vw, 3.75rem);
+  animation-delay: 2.58s;
+}
+
 .hero-action {
   position: relative;
   display: inline-flex;
@@ -225,6 +261,7 @@ a {
   color: var(--color-signal);
   font-family: var(--font-mono);
   font-size: clamp(0.9rem, 1vw, 1.12rem);
+  animation: reveal-detail 680ms cubic-bezier(0.22, 1, 0.36, 1) 3.82s both;
 }
 
 .hero-action::after {
@@ -249,6 +286,51 @@ a {
   left: var(--page-gutter);
   color: var(--color-faint);
   font-size: clamp(0.62rem, 0.72vw, 0.8rem);
+  animation: reveal-detail 680ms cubic-bezier(0.22, 1, 0.36, 1) 4.08s both;
+}
+
+@keyframes reveal-line {
+  from {
+    clip-path: inset(0 0 100% 0);
+    filter: blur(0.5rem);
+    opacity: 0;
+    transform: translateY(0.65em);
+  }
+
+  to {
+    clip-path: inset(0 0 0 0);
+    filter: blur(0);
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes reveal-interface {
+  from {
+    filter: blur(0.35rem);
+    opacity: 0;
+    transform: translateY(-0.75rem);
+  }
+
+  to {
+    filter: blur(0);
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes reveal-detail {
+  from {
+    filter: blur(0.35rem);
+    opacity: 0;
+    transform: translateY(0.55rem);
+  }
+
+  to {
+    filter: blur(0);
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 .site-footer {
@@ -382,6 +464,10 @@ a {
     font-size: 0.78rem;
   }
 
+  .hero-description span:nth-child(2) {
+    margin-left: clamp(1rem, 6vw, 2rem);
+  }
+
   .hero-action {
     min-height: 2.8rem;
     margin-top: 1rem;
@@ -409,6 +495,7 @@ a {
   *::before,
   *::after {
     scroll-behavior: auto !important;
+    animation-delay: 0ms !important;
     transition-duration: 0.01ms !important;
     animation-duration: 0.01ms !important;
     animation-iteration-count: 1 !important;

From a07132a05d1519fc57790cdca9ae1cbb0163f785 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=8F=E7=8B=BC?= <faolanthewooolf@gmail.com>
Date: Fri, 7 Aug 2026 13:11:29 +0800
Subject: [PATCH 2/5] style(home): slow cinematic reveal timing

---
 src/styles/global.css | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/styles/global.css b/src/styles/global.css
index 4bfe9a3..62f9e05 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -120,7 +120,7 @@ a {
 .wordmark,
 .desktop-nav,
 .menu-toggle {
-  animation: reveal-interface 720ms cubic-bezier(0.22, 1, 0.36, 1) 3.15s both;
+  animation: reveal-interface 800ms cubic-bezier(0.4, 0, 0.2, 1) 6.85s both;
 }
 
 .wordmark {
@@ -193,7 +193,7 @@ a {
 }
 
 .hero-eyebrow {
-  animation: reveal-detail 680ms cubic-bezier(0.22, 1, 0.36, 1) 3.55s both;
+  animation: reveal-detail 800ms cubic-bezier(0.4, 0, 0.2, 1) 7.25s both;
 }
 
 .hero-content h1 {
@@ -210,17 +210,17 @@ a {
 
 .hero-content h1 span {
   display: block;
-  animation: reveal-line 1.05s cubic-bezier(0.16, 1, 0.3, 1) both;
+  animation: reveal-line 1.45s cubic-bezier(0.4, 0, 0.2, 1) both;
   will-change: clip-path, filter, opacity, transform;
 }
 
 .hero-content h1 span:first-child {
-  animation-delay: 480ms;
+  animation-delay: 850ms;
 }
 
 .hero-content h1 span:nth-child(2) {
   margin-left: clamp(2.5rem, 4.5vw, 5.5rem);
-  animation-delay: 1.18s;
+  animation-delay: 2.35s;
 }
 
 .hero-description {
@@ -238,17 +238,17 @@ a {
 
 .hero-description span {
   display: block;
-  animation: reveal-line 820ms cubic-bezier(0.22, 1, 0.36, 1) both;
+  animation: reveal-line 1.1s cubic-bezier(0.4, 0, 0.2, 1) both;
   will-change: clip-path, filter, opacity, transform;
 }
 
 .hero-description span:first-child {
-  animation-delay: 2.02s;
+  animation-delay: 4s;
 }
 
 .hero-description span:nth-child(2) {
   margin-left: clamp(1.5rem, 3.2vw, 3.75rem);
-  animation-delay: 2.58s;
+  animation-delay: 5.3s;
 }
 
 .hero-action {
@@ -261,7 +261,7 @@ a {
   color: var(--color-signal);
   font-family: var(--font-mono);
   font-size: clamp(0.9rem, 1vw, 1.12rem);
-  animation: reveal-detail 680ms cubic-bezier(0.22, 1, 0.36, 1) 3.82s both;
+  animation: reveal-detail 800ms cubic-bezier(0.4, 0, 0.2, 1) 7.7s both;
 }
 
 .hero-action::after {
@@ -286,7 +286,7 @@ a {
   left: var(--page-gutter);
   color: var(--color-faint);
   font-size: clamp(0.62rem, 0.72vw, 0.8rem);
-  animation: reveal-detail 680ms cubic-bezier(0.22, 1, 0.36, 1) 4.08s both;
+  animation: reveal-detail 800ms cubic-bezier(0.4, 0, 0.2, 1) 8.15s both;
 }
 
 @keyframes reveal-line {

From 3f4a6300c4eae3439ae29c1be84b10f22e9084d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=8F=E7=8B=BC?= <faolanthewooolf@gmail.com>
Date: Fri, 7 Aug 2026 13:17:42 +0800
Subject: [PATCH 3/5] style(home): show hero title immediately

---
 src/styles/global.css | 15 +--------------
 1 file changed, 1 insertion(+), 14 deletions(-)

diff --git a/src/styles/global.css b/src/styles/global.css
index 62f9e05..59484b2 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -210,17 +210,10 @@ a {
 
 .hero-content h1 span {
   display: block;
-  animation: reveal-line 1.45s cubic-bezier(0.4, 0, 0.2, 1) both;
-  will-change: clip-path, filter, opacity, transform;
-}
-
-.hero-content h1 span:first-child {
-  animation-delay: 850ms;
 }
 
 .hero-content h1 span:nth-child(2) {
   margin-left: clamp(2.5rem, 4.5vw, 5.5rem);
-  animation-delay: 2.35s;
 }
 
 .hero-description {
@@ -239,7 +232,7 @@ a {
 .hero-description span {
   display: block;
   animation: reveal-line 1.1s cubic-bezier(0.4, 0, 0.2, 1) both;
-  will-change: clip-path, filter, opacity, transform;
+  will-change: clip-path, opacity, transform;
 }
 
 .hero-description span:first-child {
@@ -292,14 +285,12 @@ a {
 @keyframes reveal-line {
   from {
     clip-path: inset(0 0 100% 0);
-    filter: blur(0.5rem);
     opacity: 0;
     transform: translateY(0.65em);
   }
 
   to {
     clip-path: inset(0 0 0 0);
-    filter: blur(0);
     opacity: 1;
     transform: translateY(0);
   }
@@ -307,13 +298,11 @@ a {
 
 @keyframes reveal-interface {
   from {
-    filter: blur(0.35rem);
     opacity: 0;
     transform: translateY(-0.75rem);
   }
 
   to {
-    filter: blur(0);
     opacity: 1;
     transform: translateY(0);
   }
@@ -321,13 +310,11 @@ a {
 
 @keyframes reveal-detail {
   from {
-    filter: blur(0.35rem);
     opacity: 0;
     transform: translateY(0.55rem);
   }
 
   to {
-    filter: blur(0);
     opacity: 1;
     transform: translateY(0);
   }

From 48b3d83ea2335904e0fc2390983431d95eaacfae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=8F=E7=8B=BC?= <faolanthewooolf@gmail.com>
Date: Fri, 7 Aug 2026 13:21:31 +0800
Subject: [PATCH 4/5] style(home): move intro to start of reveal

---
 src/styles/global.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/styles/global.css b/src/styles/global.css
index 59484b2..75aac25 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -120,7 +120,7 @@ a {
 .wordmark,
 .desktop-nav,
 .menu-toggle {
-  animation: reveal-interface 800ms cubic-bezier(0.4, 0, 0.2, 1) 6.85s both;
+  animation: reveal-interface 800ms cubic-bezier(0.4, 0, 0.2, 1) 3.35s both;
 }
 
 .wordmark {
@@ -193,7 +193,7 @@ a {
 }
 
 .hero-eyebrow {
-  animation: reveal-detail 800ms cubic-bezier(0.4, 0, 0.2, 1) 7.25s both;
+  animation: reveal-detail 800ms cubic-bezier(0.4, 0, 0.2, 1) 3.75s both;
 }
 
 .hero-content h1 {
@@ -236,12 +236,12 @@ a {
 }
 
 .hero-description span:first-child {
-  animation-delay: 4s;
+  animation-delay: 600ms;
 }
 
 .hero-description span:nth-child(2) {
   margin-left: clamp(1.5rem, 3.2vw, 3.75rem);
-  animation-delay: 5.3s;
+  animation-delay: 1.9s;
 }
 
 .hero-action {
@@ -254,7 +254,7 @@ a {
   color: var(--color-signal);
   font-family: var(--font-mono);
   font-size: clamp(0.9rem, 1vw, 1.12rem);
-  animation: reveal-detail 800ms cubic-bezier(0.4, 0, 0.2, 1) 7.7s both;
+  animation: reveal-detail 800ms cubic-bezier(0.4, 0, 0.2, 1) 4.2s both;
 }
 
 .hero-action::after {
@@ -279,7 +279,7 @@ a {
   left: var(--page-gutter);
   color: var(--color-faint);
   font-size: clamp(0.62rem, 0.72vw, 0.8rem);
-  animation: reveal-detail 800ms cubic-bezier(0.4, 0, 0.2, 1) 8.15s both;
+  animation: reveal-detail 800ms cubic-bezier(0.4, 0, 0.2, 1) 4.65s both;
 }
 
 @keyframes reveal-line {

From 720ebae5c14fdcaf574b52287f1025055f4f9590 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=8F=E7=8B=BC?= <faolanthewooolf@gmail.com>
Date: Fri, 7 Aug 2026 13:27:26 +0800
Subject: [PATCH 5/5] add: CI workflow

---
 .github/workflows/ci.yml | 42 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 .github/workflows/ci.yml

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
new file mode 100644
index 0000000..3527c07
--- /dev/null
+++ b/.github/workflows/ci.yml
@@ -0,0 +1,42 @@
+name: CI
+
+on:
+  pull_request:
+    branches:
+      - main
+
+permissions:
+  contents: read
+
+concurrency:
+  group: ci-${{ github.event.pull_request.number }}
+  cancel-in-progress: true
+
+jobs:
+  validate:
+    name: Validate
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v6
+
+      - name: Set up pnpm
+        uses: pnpm/action-setup@v6
+        with:
+          version: 11.16.0
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: 24
+          cache: pnpm
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Check Astro and TypeScript
+        run: pnpm check
+
+      - name: Build
+        run: pnpm build
\ No newline at end of file