| 1 | <!DOCTYPE html> |
| 2 | <html lang="zh-CN"><head><meta charset="utf-8"><title>Comparison</title> |
| 3 | <link rel="stylesheet" href="../../assets/fonts.css"> |
| 4 | <link rel="stylesheet" href="../../assets/base.css"> |
| 5 | <link rel="stylesheet" id="theme-link" href="../../assets/themes/minimal-white.css"> |
| 6 | <link rel="stylesheet" href="../../assets/animations/animations.css"> |
| 7 | <style> |
| 8 | .vs{display:grid;grid-template-columns:1fr 90px 1fr;gap:28px;align-items:stretch;margin-top:30px} |
| 9 | .vs .side{padding:30px} |
| 10 | .vs .mid{font-size:56px;font-weight:800;color:var(--text-3);display:flex;align-items:center;justify-content:center} |
| 11 | .vs .bad-side{border-top:3px solid var(--bad)} |
| 12 | .vs .good-side{border-top:3px solid var(--good)} |
| 13 | .vs h3{font-size:24px} |
| 14 | .vs ul{padding-left:20px;font-size:15px;line-height:1.8;color:var(--text-2)} |
| 15 | .vs li::marker{color:var(--bad)} |
| 16 | .vs .good-side li::marker{color:var(--good)} |
| 17 | </style> |
| 18 | </head><body class="single"> |
| 19 | <div class="deck"><section class="slide is-active" data-title="Comparison"> |
| 20 | <p class="kicker">Before vs After · 对比</p> |
| 21 | <h2 class="h2">从「每次重做」到「一键起稿」</h2> |
| 22 | <div class="vs"> |
| 23 | <div class="card bad-side side anim-fade-left" data-anim="fade-left"> |
| 24 | <h3>📉 过去</h3> |
| 25 | <ul> |
| 26 | <li>每次都要重新做封面、目录、结语</li> |
| 27 | <li>颜色、字号跨 slide 不一致</li> |
| 28 | <li>想换主题？手动改每一页</li> |
| 29 | <li>动效全靠 transition 硬写</li> |
| 30 | <li>截图导出还要一张一张截</li> |
| 31 | </ul> |
| 32 | </div> |
| 33 | <div class="mid">→</div> |
| 34 | <div class="card good-side side anim-fade-right" data-anim="fade-right"> |
| 35 | <h3>📈 现在</h3> |
| 36 | <ul> |
| 37 | <li>复制模板、换数据、完事</li> |
| 38 | <li>所有页共享 tokens</li> |
| 39 | <li>按 <b>T</b> 循环切主题</li> |
| 40 | <li>25 个命名动效直接挑</li> |
| 41 | <li>一条 render.sh 全部出图</li> |
| 42 | </ul> |
| 43 | </div> |
| 44 | </div> |
| 45 | </section></div> |
| 46 | <script src="../../assets/runtime.js"></script> |
| 47 | </body></html> |
| 48 |