htmlewislulu-html-ppt-skill/templates/single-page/todo-checklist.html

34 lines
2.3 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="utf-8"><title>Checklist</title>
<link rel="stylesheet" href="../../assets/fonts.css">
<link rel="stylesheet" href="../../assets/base.css">
<link rel="stylesheet" id="theme-link" href="../../assets/themes/minimal-white.css">
<link rel="stylesheet" href="../../assets/animations/animations.css">
<style>
.todo{max-width:820px;margin-top:26px}
.todo li{list-style:none;display:flex;align-items:flex-start;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border)}
.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}
.todo li.done .b{background:var(--good);border-color:var(--good);color:#fff}
.todo li.done .b::after{content:"✓";font-weight:900}
.todo li.done .t{text-decoration:line-through;color:var(--text-3)}
.todo li .t{font-size:18px}
.todo li .tag{margin-left:auto;font-size:12px;color:var(--text-3)}
</style>
</head><body class="single">
<div class="deck"><section class="slide is-active" data-title="Checklist">
<p class="kicker">Launch · 上线前检查清单</p>
<h2 class="h2">发版前必过的 8 件事</h2>
<ul class="todo anim-stagger-list" data-anim-target>
<li class="done"><span class="b"></span><span class="t">所有 slide 在 Chrome 打开无控制台报错</span><span class="tag">#sanity</span></li>
<li class="done"><span class="b"></span><span class="t">字体回退链路正确Noto Sans SC</span><span class="tag">#fonts</span></li>
<li class="done"><span class="b"></span><span class="t">24 个主题各选一页截图比对</span><span class="tag">#themes</span></li>
<li class="done"><span class="b"></span><span class="t">键盘导航全键通</span><span class="tag">#runtime</span></li>
<li><span class="b"></span><span class="t">PDF 打印不跨页裁切</span><span class="tag">#print</span></li>
<li><span class="b"></span><span class="t">render.sh 对每个 showcase 跑通</span><span class="tag">#ci</span></li>
<li><span class="b"></span><span class="t">references/*.md 通读一遍</span><span class="tag">#docs</span></li>
<li><span class="b"></span><span class="t">LICENSE / README 作者信息核对</span><span class="tag">#legal</span></li>
</ul>
</section></div>
<script src="../../assets/runtime.js"></script>
</body></html>