wait4xandGLM-5.3
cfe508ff14
视觉终审对开源页改版判「需修」，逐条修完并量化复验。
P1-1 数据板空档与三段右缘不齐：streak 只占半栏、snake 通栏 → 右侧空 306px。
- 网格改 `repeat(auto-fit, minmax(320px, 1fr))`，仅一张非通栏卡时加 `.pf-card-solo`
（`grid-column: 1/-1`），语言条去掉 max-width
- 实测：统计行/语言条/数据板右缘统一 959px，streak 卡宽 298→638
P1-2 卡内 SVG 文字不可读：streak 固有 495px 被压到 298px（0.6×），14px 标签变 8.4px。
- 卡改全宽后 1:1 渲染（实测 rendered=495=natural）；抓取参数把次级灰换成站点 ink：
亮色 #3f424a（10.05:1）、暗色 #b9bec8（9.07:1），旧值 #9aa0aa 仅 2.63:1
P1-3 移动端打字机折行推挤：390 下第 4 句 260px > 可用 230px 必折两行，
min-height:1.6em 挡不住 → 每轮下推 21px 再弹回。
- `@media(max-width:560px){.typing{min-height:calc(1.6em*2)}}`（实测 42px 恒定零推挤）
- 光标收成 2px 竖条 + baseline 对齐（原来是 0.5em 实心块，两行时被拉到行间）
- typing 第 4 句裁短（中文 ≤16 字、英文 ≤36 字符）
P1-4 streak 卡入场动画空壳帧：SVG 内 fadein 序列（环 0.4s/数字 0.6s/…/1.2s）+ lazy
加载 → 用户先看到 0.5–1.5s 半成品，截图也会随机拍到空卡。
- 抓取脚本新增 freezeAnimations()：剥掉全部 animation 声明、opacity:0 改 1、
删除 @keyframes；重抓后 grep animation:/opacity: 0 均为 0（streak 各 6KB、
snake 35KB→20KB）
P2 一并：
- streak 亮色容器 grayscale(1) 回到灰阶基调；暗色蛇卡改 grayscale+invert+contrast+
brightness 组合，空网格不再与底色同色
- 项目墙描述 text-wrap: pretty（长描述末行孤词）
- 统计口径注释改为「三格」，不硬塞第 4 格（贡献数已由热力图承载）
- 社交图标行负 margin 做光学对齐
附：content-lint 增加 SKIP_ALL 白名单（一次性预览路由 /books-preview/ 无 en 对应页，
语言切换链接会误报断链+配对缺）
验证: 构建 51 页 exit 0；content-lint 54 页 0/0/0；E2E 46/46；
Playwright 实测三段右缘 959 一致、streak 1:1、1280/390 零横向溢出、
移动打字机高度 42px 恒定、光标 2px、项目墙 text-wrap=pretty
Spec: 2026-11-02_blog-5i-fonts-polish (T8 修复)
Co-authored-by: GLM-5.3
31 lines
1.6 KiB
YAML
31 lines
1.6 KiB
YAML
# 打字机动效文案（档案卡顶部逐字轮播；每行双语，最多 6 行；留空用内置默认三行）
|
||
typing:
|
||
- zh: 气象出身，写代码为乐
|
||
en: Trained in meteorology, coding for fun
|
||
- zh: 自托管一切能自托管的东西
|
||
en: Self-hosting whatever can be self-hosted
|
||
- zh: 拥抱开源，热爱开源
|
||
en: Embrace open source, love open source
|
||
- zh: 书与快门都在一个工作台
|
||
en: Books and shutters, one workbench
|
||
|
||
blurb:
|
||
zh: 本站本身即开源：
|
||
en: 'This site is itself open source:'
|
||
repo_url: https://git.wait4x.online/wait4x/blog
|
||
repo_label: git.wait4x.online/wait4x/blog
|
||
blurb_after:
|
||
zh: —— Astro SSG、双写作流、构建发布全链皆在仓中。以下是我在自托管 gitea 与 GitHub 上的全部公开仓库，以及最近一年的贡献活动。
|
||
en: — the Astro SSG, dual-writing workflow, and the full build & deploy pipeline live in the repo. Below are all my public repositories on self-hosted gitea and GitHub, plus contributions from the past year.
|
||
mode: all
|
||
sort: pinned-first
|
||
perSource: github
|
||
intro_from: "off"
|
||
|
||
# ---- 开篇来源说明（2026-11-02 Phase 5h）----
|
||
# 开篇已改原生 GitHub 档案卡（头像 / 统计四格 / 语言占比灰阶条），不再渲染 README 原文。
|
||
# intro_from: "off" = 用档案卡 + 上面的 blurb（当前）
|
||
# intro_from: github-readme = 构建期取 wait4xx/wait4xx 的 README 原样渲染（**不推荐**：
|
||
# 会引入 7 类第三方外链图，慢网或被墙时整片空白；README 用 <div align="center"> 居中，
|
||
# 本站不认该属性 → 居中失效。这正是当初"内容没居中、图片不显示"的根因。）
|