From a7d57e9fee75c4df876f76650931d18eea03ddbd Mon Sep 17 00:00:00 2001
From: wonder <hezhaohui0807@163.com>
Date: Wed, 27 May 2026 22:24:49 +0800
Subject: [PATCH] feat: add Tom and Jerry movie slide deck

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 decks/tom-and-jerry/slides.md | 215 ++++++++++++++++++++++++++++++++++
 index.html                    |   2 +-
 package.json                  |   2 +
 3 files changed, 218 insertions(+), 1 deletion(-)
 create mode 100644 decks/tom-and-jerry/slides.md

diff --git a/decks/tom-and-jerry/slides.md b/decks/tom-and-jerry/slides.md
new file mode 100644
index 0000000..ae2a7e5
--- /dev/null
+++ b/decks/tom-and-jerry/slides.md
@@ -0,0 +1,215 @@
+---
+theme: frankfurt
+title: 猫和老鼠电影之旅
+info: |
+  从1940年代的经典短片到现代大银幕电影，
+  探索Tom和Jerry跨越80多年的银幕传奇。
+author: wonder
+drawings:
+  persist: false
+transition: slide-left
+mdc: true
+---
+
+# 猫和老鼠电影之旅
+
+从经典短片到大银幕传奇
+
+<div class="pt-12">
+  <span class="px-2 py-1 rounded text-sm" style="background: #ff6b35; color: white;">
+    Tom & Jerry · 1940 - 至今
+  </span>
+</div>
+
+<div class="abs-br m-6 flex gap-2">
+  <a href="https://zh.wikipedia.org/wiki/%E7%8C%AB%E5%92%8C%E8%80%81%E9%BC%A0" target="_blank" class="text-xl slidev-icon-btn !border-none !hover:text-white">
+    <carbon-wikipedia />
+  </a>
+</div>
+
+<!--
+欢迎来到猫和老鼠电影之旅！今天我们将一起回顾这对欢喜冤家从诞生到大银幕的传奇历程。
+-->
+
+---
+layout: center
+---
+
+# 🐱🐭 诞生于1940年
+
+**William Hanna** 和 **Joseph Barbera** 创造了这对永恒的对手
+
+<div class="grid grid-cols-2 gap-8 mt-8">
+<div>
+
+### Tom（汤姆）
+- 蓝灰色家猫
+- 总是追逐却从未真正抓到
+- 多才多艺，会弹钢琴
+
+</div>
+<div>
+
+### Jerry（杰瑞）
+- 棕色小老鼠
+- 聪明机智，总能化险为夷
+- 虽小却从不退缩
+
+</div>
+</div>
+
+<!--
+1940年2月10日，第一部猫和老鼠动画《Puss Gets the Boot》上映，从此开启了这段传奇。
+-->
+
+---
+
+# 经典短片时代 (1940-1958)
+
+<v-clicks>
+
+- 🏆 **7次奥斯卡最佳动画短片奖** — 动画史上最成功的系列之一
+- 🎬 共制作了 **114部** 经典短片
+- 🎵 音乐与动作的完美融合，开创"视觉喜剧"先河
+- 🌍 全球发行，被翻译成数十种语言
+
+</v-clicks>
+
+<div class="mt-8 p-4 rounded" style="background: rgba(255, 107, 53, 0.1); border-left: 4px solid #ff6b35;">
+  <em>"我们不需要对话，动作就是最好的语言。"</em> — William Hanna
+</div>
+
+<!--
+这些早期短片以其精湛的动画技术和无对白的喜剧风格闻名于世。
+-->
+
+---
+layout: two-cols-header
+---
+
+# 电影作品一览
+
+::left::
+
+## 动画电影
+
+<v-clicks>
+
+- 🎬 **猫和老鼠：魔法戒指** (2002)
+- 🎬 **猫和老鼠：火星之旅** (2005)
+- 🎬 **猫和老鼠：胡桃夹子的传奇** (2007)
+- 🎬 **猫和老鼠：罗宾汉与他的好汉们** (2012)
+- 🎬 **猫和老鼠：间谍使命** (2015)
+
+</v-clicks>
+
+::right::
+
+## 真人+动画电影
+
+<v-clicks>
+
+- 🎬 **猫和老鼠** (2021)
+  - 首部大银幕真人电影
+  - 科洛·莫瑞兹主演
+  - 全球票房 **1.72亿美元**
+
+</v-clicks>
+
+<div class="mt-4 p-3 rounded text-sm" style="background: rgba(59, 130, 246, 0.1); border-left: 4px solid #3b82f6;">
+  迄今共有 <strong>16部</strong> 动画电影 + <strong>1部</strong> 真人电影
+</div>
+
+<!--
+从2002年开始，猫和老鼠系列推出了多部动画电影，2021年更是首次登上大银幕。
+-->
+
+---
+
+# 2021 真人电影：新时代的碰撞
+
+<div class="grid grid-cols-2 gap-6">
+<div>
+
+### 电影亮点
+
+<v-clicks>
+
+- 🏨 故事发生在纽约豪华酒店
+- 💼 Tom受雇驱赶Jerry
+- 🎉 一场盛大婚礼受到威胁
+- 🤝 经典追逐与现代剧情的结合
+
+</v-clicks>
+
+</div>
+<div>
+
+### 制作数据
+
+<v-clicks>
+
+- 💰 制作成本：**7900万美元**
+- 🌍 全球票房：**1.72亿美元**
+- 📅 上映日期：2021年2月26日
+- 🎭 导演：Tim Story
+
+</v-clicks>
+
+</div>
+</div>
+
+<div class="mt-6 text-center">
+  <span class="px-3 py-1 rounded-full text-sm" style="background: #10b981; color: white;">
+    该片让Tom和Jerry重返大银幕，吸引了新一代观众
+  </span>
+</div>
+
+<!--
+2021年的真人电影是猫和老鼠系列的一次重要尝试，将经典动画角色融入真人世界。
+-->
+
+---
+layout: center
+class: text-center
+---
+
+# 为什么猫和老鼠能跨越时代？
+
+<div class="grid grid-cols-3 gap-6 mt-8 text-left">
+<div class="p-4 rounded" style="background: rgba(239, 68, 68, 0.1);">
+  <div class="text-2xl mb-2">🎭</div>
+  <div class="font-bold">无对白喜剧</div>
+  <div class="text-sm mt-1">超越语言障碍，全球通用</div>
+</div>
+<div class="p-4 rounded" style="background: rgba(59, 130, 246, 0.1);">
+  <div class="text-2xl mb-2">❤️</div>
+  <div class="font-bold">永恒的追逐</div>
+  <div class="text-sm mt-1">简单却引人入胜的核心冲突</div>
+</div>
+<div class="p-4 rounded" style="background: rgba(16, 185, 129, 0.1);">
+  <div class="text-2xl mb-2">🎵</div>
+  <div class="font-bold">音乐叙事</div>
+  <div class="text-sm mt-1">动作与音乐的完美同步</div>
+</div>
+</div>
+
+<div class="mt-8 text-lg opacity-80">
+  80多年来，Tom和Jerry用最纯粹的方式讲述着关于追逐、友谊和永不放弃的故事
+</div>
+
+<!--
+猫和老鼠的成功秘诀在于其普世的喜剧语言和永恒的主题。
+-->
+
+---
+layout: end
+---
+
+# 谢谢观看！
+
+Tom & Jerry · 永恒的经典
+
+<div class="mt-4 text-sm opacity-60">
+  从1940到未来，追逐永不停止 🐱🐭
+</div>
diff --git a/index.html b/index.html
index 6c27c23..12a800a 100644
--- a/index.html
+++ b/index.html
@@ -26,7 +26,7 @@
     </div>
   </div>
   <script>
-    const decks = ['demo', 'showcase', 'stardew-valley'];
+    const decks = ['demo', 'showcase', 'stardew-valley', 'tom-and-jerry'];
     const container = document.getElementById('decks');
     if (decks.length === 0) {
       container.innerHTML = '<p class="empty">No slide decks yet.</p>';
diff --git a/package.json b/package.json
index 2cdd7df..809c0cd 100644
--- a/package.json
+++ b/package.json
@@ -8,10 +8,12 @@
     "dev:demo": "slidev decks/demo/slides.md",
     "dev:showcase": "slidev decks/showcase/slides.md",
     "dev:stardew-valley": "slidev decks/stardew-valley/slides.md",
+    "dev:tom-and-jerry": "slidev decks/tom-and-jerry/slides.md",
     "build": "sh scripts/build.sh",
     "build:demo": "slidev build decks/demo/slides.md --base /demo/ --out dist/demo",
     "build:showcase": "slidev build decks/showcase/slides.md --base /showcase/ --out dist/showcase",
     "build:stardew-valley": "slidev build decks/stardew-valley/slides.md --base /stardew-valley/ --out dist/stardew-valley",
+    "build:tom-and-jerry": "slidev build decks/tom-and-jerry/slides.md --base /tom-and-jerry/ --out dist/tom-and-jerry",
     "serve": "pnpm run build && pnpm exec serve dist -l 3030",
     "export": "slidev export"
   },