返回 html-ppt-skill
todo-checklist.html
根目录 / templates / single-page / todo-checklist.html
1 <!DOCTYPE html>
2 <html lang="zh-CN"><head><meta charset="utf-8"><title>Checklist</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 .todo{max-width:820px;margin-top:26px}
9 .todo li{list-style:none;display:flex;align-items:flex-start;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border)}
10 .todo li .b{flex-shrink:0;width:22px;height:22px;border:2px solid var(--border-strong);border-radius:6px;display:flex;align-items:center;justify-content:center;margin-top:2px}
11 .todo li.done .b{background:var(--good);border-color:var(--good);color:#fff}
12 .todo li.done .b::after{content:"✓";font-weight:900}
13 .todo li.done .t{text-decoration:line-through;color:var(--text-3)}
14 .todo li .t{font-size:18px}
15 .todo li .tag{margin-left:auto;font-size:12px;color:var(--text-3)}
16 </style>
17 </head><body class="single">
18 <div class="deck"><section class="slide is-active" data-title="Checklist">
19 <p class="kicker">Launch · 上线前检查清单</p>
20 <h2 class="h2">发版前必过的 8 件事</h2>
21 <ul class="todo anim-stagger-list" data-anim-target>
22 <li class="done"><span class="b"></span><span class="t">所有 slide 在 Chrome 打开无控制台报错</span><span class="tag">#sanity</span></li>
23 <li class="done"><span class="b"></span><span class="t">字体回退链路正确(Noto Sans SC)</span><span class="tag">#fonts</span></li>
24 <li class="done"><span class="b"></span><span class="t">24 个主题各选一页截图比对</span><span class="tag">#themes</span></li>
25 <li class="done"><span class="b"></span><span class="t">键盘导航全键通</span><span class="tag">#runtime</span></li>
26 <li><span class="b"></span><span class="t">PDF 打印不跨页裁切</span><span class="tag">#print</span></li>
27 <li><span class="b"></span><span class="t">render.sh 对每个 showcase 跑通</span><span class="tag">#ci</span></li>
28 <li><span class="b"></span><span class="t">references/*.md 通读一遍</span><span class="tag">#docs</span></li>
29 <li><span class="b"></span><span class="t">LICENSE / README 作者信息核对</span><span class="tag">#legal</span></li>
30 </ul>
31 </section></div>
32 <script src="../../assets/runtime.js"></script>
33 </body></html>
34
34 lines HTML