148 lines
9.1 KiB
HTML
148 lines
9.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>XHS Pastel Card</title>
|
||
<link rel="stylesheet" href="../../../assets/fonts.css">
|
||
<link rel="stylesheet" href="../../../assets/base.css">
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body class="tpl-xhs-pastel-card">
|
||
<div class="deck">
|
||
|
||
<!-- 1. COVER -->
|
||
<section class="slide is-active">
|
||
<div class="xp-blob b1"></div>
|
||
<div class="xp-blob b2"></div>
|
||
<div class="xp-blob b3"></div>
|
||
<div class="xp-topbar"><div class="xp-chip">A soft manifesto</div><div class="xp-page">01 · 08</div></div>
|
||
<div class="xp-kicker">Living With AI · 2026</div>
|
||
<h1 class="xp-h1">放慢一点，<br>让 <em>AI</em> 帮你<br>过一种 <span class="rose">更温柔</span><br>的生活</h1>
|
||
<div class="xp-divider"></div>
|
||
<p class="xp-sub">这不是一份效率指南。这是一份「怎么用 AI 少做一些事」的清单 —— 把挤出来的 4 小时还给你自己。</p>
|
||
<div class="xp-footer"><span>by lewis · pastel edition</span><span>cover</span></div>
|
||
</section>
|
||
|
||
<!-- 2. SECTION -->
|
||
<section class="slide">
|
||
<div class="xp-blob b2"></div>
|
||
<div class="xp-blob b3"></div>
|
||
<div class="xp-topbar"><div class="xp-chip mint">Chapter one</div><div class="xp-page">02 · 08</div></div>
|
||
<div style="margin:auto 0">
|
||
<div class="xp-kicker">先问自己</div>
|
||
<h1 class="xp-h1" style="font-size:120px">什么事<br>是你 <span class="mint">其实不想做</span> 的？</h1>
|
||
<p class="xp-sub">不是「不得不做」，是「做的时候灵魂在叹气」。</p>
|
||
</div>
|
||
<div class="xp-footer"><span>section · chapter 1</span><span>02 · 08</span></div>
|
||
</section>
|
||
|
||
<!-- 3. CONTENT 2x2 pastel cards -->
|
||
<section class="slide">
|
||
<div class="xp-blob b1"></div>
|
||
<div class="xp-topbar"><div class="xp-chip rose">Four little escapes</div><div class="xp-page">03 · 08</div></div>
|
||
<h2 class="xp-h2">四件可以<br>完全交给 <em>AI</em> 的小事</h2>
|
||
<div class="xp-grid-2">
|
||
<div class="xp-card peach"><div class="xp-num">01</div><h4>回复那种「收到」邮件</h4><p>它们不需要你思考。让 AI 按你的语气自动处理，一周省 40 分钟。</p></div>
|
||
<div class="xp-card mint"><div class="xp-num">02</div><h4>订餐厅、改签、查路线</h4><p>一句话外包出去。你只负责选最后选项，不负责翻十个 app。</p></div>
|
||
<div class="xp-card sky"><div class="xp-num">03</div><h4>把会议录音变成行动项</h4><p>录音 → 摘要 → todo 一键完成。你只需要确认和签字。</p></div>
|
||
<div class="xp-card lilac"><div class="xp-num">04</div><h4>整理上周拍的 300 张照片</h4><p>按事件分类、挑 10 张精选、写图说。整理档案这件事终于被自动化了。</p></div>
|
||
</div>
|
||
<div class="xp-footer"><span>content · 2x2</span><span>03 · 08</span></div>
|
||
</section>
|
||
|
||
<!-- 4. QUOTE -->
|
||
<section class="slide">
|
||
<div class="xp-blob b3"></div>
|
||
<div class="xp-blob b2"></div>
|
||
<div class="xp-topbar"><div class="xp-chip lilac">A small pause</div><div class="xp-page">04 · 08</div></div>
|
||
<div class="xp-hero-card">
|
||
<p class="xp-quote">效率工具的终点，不是<em> 做更多</em>，<br>而是 <em>有资格做更少</em>。</p>
|
||
<div class="xp-divider"></div>
|
||
<p class="xp-sub">当你把「收到」邮件、订餐、行程、照片整理都交出去，你才会惊讶地发现 —— 原来一周有 4 个小时是空的。</p>
|
||
</div>
|
||
<div class="xp-footer"><span>quote</span><span>04 · 08</span></div>
|
||
</section>
|
||
|
||
<!-- 5. CODE / PROMPT -->
|
||
<section class="slide">
|
||
<div class="xp-blob b1"></div>
|
||
<div class="xp-topbar"><div class="xp-chip">My auto-reply prompt</div><div class="xp-page">05 · 08</div></div>
|
||
<h2 class="xp-h2">把「<em>收到邮件</em>」<br>自动化的 <span class="rose">一段 prompt</span></h2>
|
||
<pre class="xp-codebox"><span class="cm"># auto-reply skill</span>
|
||
<span class="kw">when</span> email matches <span class="st">"收到 / 好的 / 确认 / 收到谢谢"</span>:
|
||
reply:
|
||
tone: <span class="st">"温柔，简短，不要太商业"</span>
|
||
max_lines: <span class="hl">2</span>
|
||
sign_with: <span class="st">"— Lewis"</span>
|
||
|
||
<span class="kw">always_skip</span>:
|
||
- from: [<span class="st">"家人"</span>, <span class="st">"伴侣"</span>, <span class="st">"亲密朋友"</span>]
|
||
- contains: [<span class="st">"紧急"</span>, <span class="st">"合同"</span>, <span class="st">"付款"</span>]
|
||
|
||
<span class="cm"># 一周省 38 分钟，测过</span></pre>
|
||
<div class="xp-footer"><span>content · prompt</span><span>05 · 08</span></div>
|
||
</section>
|
||
|
||
<!-- 6. CHART — time donut -->
|
||
<section class="slide">
|
||
<div class="xp-blob b2"></div>
|
||
<div class="xp-topbar"><div class="xp-chip mint">Your week, rebuilt</div><div class="xp-page">06 · 08</div></div>
|
||
<h2 class="xp-h2">一周 4 小时 <span class="mint">还给自己</span></h2>
|
||
<div style="display:flex;align-items:center;gap:60px;margin-top:30px">
|
||
<svg viewBox="0 0 260 260" style="width:300px;flex-shrink:0">
|
||
<circle cx="130" cy="130" r="100" fill="none" stroke="#fef0e4" stroke-width="40"/>
|
||
<!-- email 12% -->
|
||
<circle cx="130" cy="130" r="100" fill="none" stroke="#f48b5c" stroke-width="40" stroke-dasharray="75 628" stroke-dashoffset="0" transform="rotate(-90 130 130)"/>
|
||
<!-- logistics 18% -->
|
||
<circle cx="130" cy="130" r="100" fill="none" stroke="#2e9d70" stroke-width="40" stroke-dasharray="113 628" stroke-dashoffset="-75" transform="rotate(-90 130 130)"/>
|
||
<!-- meetings 14% -->
|
||
<circle cx="130" cy="130" r="100" fill="none" stroke="#4e7ed6" stroke-width="40" stroke-dasharray="88 628" stroke-dashoffset="-188" transform="rotate(-90 130 130)"/>
|
||
<!-- photos 6% -->
|
||
<circle cx="130" cy="130" r="100" fill="none" stroke="#7b5dc4" stroke-width="40" stroke-dasharray="38 628" stroke-dashoffset="-276" transform="rotate(-90 130 130)"/>
|
||
<text x="130" y="130" text-anchor="middle" font-family="Playfair Display" font-size="44" font-weight="900" fill="#2a2340">4h</text>
|
||
<text x="130" y="156" text-anchor="middle" font-family="Inter" font-size="12" fill="#9089a8">per week saved</text>
|
||
</svg>
|
||
<div style="flex:1">
|
||
<div class="xp-grid-2" style="grid-template-columns:1fr;gap:12px;margin-top:0">
|
||
<div class="xp-card peach" style="padding:14px 20px;display:flex;align-items:center;gap:14px"><div style="width:14px;height:14px;border-radius:50%;background:var(--xp-peach-d)"></div><div><h4 style="margin:0;font-size:17px">48 min · 邮件</h4></div></div>
|
||
<div class="xp-card mint" style="padding:14px 20px;display:flex;align-items:center;gap:14px"><div style="width:14px;height:14px;border-radius:50%;background:var(--xp-mint-d)"></div><div><h4 style="margin:0;font-size:17px">72 min · 订/改/查</h4></div></div>
|
||
<div class="xp-card sky" style="padding:14px 20px;display:flex;align-items:center;gap:14px"><div style="width:14px;height:14px;border-radius:50%;background:var(--xp-sky-d)"></div><div><h4 style="margin:0;font-size:17px">56 min · 会议摘要</h4></div></div>
|
||
<div class="xp-card lilac" style="padding:14px 20px;display:flex;align-items:center;gap:14px"><div style="width:14px;height:14px;border-radius:50%;background:var(--xp-lilac-d)"></div><div><h4 style="margin:0;font-size:17px">24 min · 照片整理</h4></div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="xp-footer"><span>chart · donut</span><span>06 · 08</span></div>
|
||
</section>
|
||
|
||
<!-- 7. CTA -->
|
||
<section class="slide">
|
||
<div class="xp-blob b1"></div>
|
||
<div class="xp-blob b3"></div>
|
||
<div class="xp-topbar"><div class="xp-chip rose">This weekend</div><div class="xp-page">07 · 08</div></div>
|
||
<h2 class="xp-h2">这周末，<br>先给自己 <em>放一个小假</em></h2>
|
||
<div class="xp-grid-3">
|
||
<div class="xp-card lemon"><div class="xp-num">☕</div><h4>Saturday morning</h4><p>挑一个你最烦的小事，写 prompt，让它从此不再烦你。</p></div>
|
||
<div class="xp-card peach"><div class="xp-num">🌸</div><h4>Saturday afternoon</h4><p>去散步。什么都不带。AI 在家帮你看着消息。</p></div>
|
||
<div class="xp-card sky"><div class="xp-num">🌙</div><h4>Sunday night</h4><p>复盘：哪 4 小时是真的空的？下周继续。</p></div>
|
||
</div>
|
||
<div class="xp-footer"><span>cta</span><span>07 · 08</span></div>
|
||
</section>
|
||
|
||
<!-- 8. THANKS -->
|
||
<section class="slide">
|
||
<div class="xp-blob b2"></div>
|
||
<div style="margin:auto 0;text-align:center">
|
||
<div class="xp-kicker" style="text-align:center">thanks for reading</div>
|
||
<h1 class="xp-h1" style="font-size:160px;text-align:center">谢谢 <em>·</em> thanks</h1>
|
||
<div class="xp-divider" style="margin:24px auto"></div>
|
||
<p class="xp-sub" style="margin:0 auto">如果你也想过更温柔的一周，评论区跟我说说你打算把哪一件事先交出去 ♡</p>
|
||
</div>
|
||
<div class="xp-footer"><span>end</span><span>08 · 08</span></div>
|
||
</section>
|
||
|
||
</div>
|
||
<script src="../../../assets/runtime.js"></script>
|
||
</body>
|
||
</html>
|