wait4xandGLM-5.3
0ff4ede91f
用户两项要求：开源页 Projects「依旧采取居中即可，不用左对齐」；README 迁移后
「很多图片元素还有一些 svg 基本上都摒弃了，可以在 readme 的基础上进行再创新，
保留那些动效的图，以及创新更多一些显示方式」。
T6 项目墙居中：`.repo` 从 align-items:stretch/text-align:left 改回 center/center，
`.repo-desc` 加 max-width:34em 防居中后长描述散架；语言点保持灰阶（与对齐无关）。
T8 动效回归（零运行时外链）：
- 新增 geek/TypingLines.astro：自绘打字机（SSR 先出首行防闪白，JS 逐字打出/删除/
轮播，光标 CSS 闪烁，prefers-reduced-motion 与单条文案时保持静态，min-height
防抖，astro:page-load 重挂兼容软导航）——替代 readme-typing-svg 外链，且跟随主题
- 新增 scripts/build-perf/fetch-readme-assets.mjs：抓 stats/top-langs/streak/snake
到 public/github-assets/（10s 超时 + UA、透明底、亮暗两套站点色），产物入仓保证
离线可构建；单资产失败保留旧文件、无旧文件则该卡不渲染
- GithubProfile 新增「数据板」：灰阶 hairline 卡 + mono 小标题 + 2 列网格（移动单列），
与原生统计四格、语言占比、热力图组合成展示区；贡献蛇在暗色加 grayscale+invert
滤镜（SVG 内部是自带绿阶，直接贴暗底刺眼）
- build.sh 只做存在性守卫 + 缺资产 WARN，**不挂抓取**（发布链不被外网抖动拖累）
- 后台开源页新增 typing 字段（list，zh/en 双语，≤6 条，summary 取 zh）+ schema 声明
验证: 构建 51 页 exit 0；config-check 211 字段/66 hint 全过；E2E 46/46；
产物断言第三方外链零命中、本地引用 streak-light/streak-dark/snake；
Playwright 实测打字机文本 900ms 内变化（动效在跑）、streak naturalWidth=495、
snake=880、暗色自动切 streak-dark、项目墙 center/center、1280 与 390 均零横向溢出
备注: github-readme-stats 今日全局 503，stats/top-langs 两卡按契约跳过（原生四格与
语言条已覆盖同一信息）；服务恢复后跑一次 fetch-readme-assets.mjs 即自动补上。
Spec: 2026-11-02_blog-5i-fonts-polish (T6/T8)
Co-authored-by: GLM-5.3
112 lines
6.9 KiB
XML
112 lines
6.9 KiB
XML
<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'
|
|
style='isolation: isolate' viewBox='0 0 495 195' width='495px' height='195px' direction='ltr'>
|
|
<style>
|
|
@keyframes currstreak {
|
|
0% { font-size: 3px; opacity: 0.2; }
|
|
80% { font-size: 34px; opacity: 1; }
|
|
100% { font-size: 28px; opacity: 1; }
|
|
}
|
|
@keyframes fadein {
|
|
0% { opacity: 0; }
|
|
100% { opacity: 1; }
|
|
}
|
|
</style>
|
|
<defs>
|
|
<clipPath id='outer_rectangle'>
|
|
<rect width='495' height='195' rx='4.5'/>
|
|
</clipPath>
|
|
<mask id='mask_out_ring_behind_fire'>
|
|
<rect width='495' height='195' fill='white'/>
|
|
<ellipse id='mask-ellipse' cx='247.5' cy='32' rx='13' ry='18' fill='black'/>
|
|
</mask>
|
|
|
|
</defs>
|
|
<g clip-path='url(#outer_rectangle)'>
|
|
<g style='isolation: isolate'>
|
|
<rect stroke='#000000' stroke-opacity='0' fill='#000000' fill-opacity='0' rx='4.5' x='0.5' y='0.5' width='494' height='194'/>
|
|
</g>
|
|
<g style='isolation: isolate'>
|
|
<line x1='165' y1='28' x2='165' y2='170' vector-effect='non-scaling-stroke' stroke-width='1' stroke='#E4E2E2' stroke-linejoin='miter' stroke-linecap='square' stroke-miterlimit='3'/>
|
|
<line x1='330' y1='28' x2='330' y2='170' vector-effect='non-scaling-stroke' stroke-width='1' stroke='#E4E2E2' stroke-linejoin='miter' stroke-linecap='square' stroke-miterlimit='3'/>
|
|
</g>
|
|
<g style='isolation: isolate'>
|
|
<!-- Total Contributions big number -->
|
|
<g transform='translate(82.5, 48)'>
|
|
<text x='0' y='32' stroke-width='0' text-anchor='middle' fill='#33343a' stroke='none' font-family='"Segoe UI", Ubuntu, sans-serif' font-weight='700' font-size='28px' font-style='normal' style='opacity: 0; animation: fadein 0.5s linear forwards 0.6s'>
|
|
344
|
|
</text>
|
|
</g>
|
|
|
|
<!-- Total Contributions label -->
|
|
<g transform='translate(82.5, 84)'>
|
|
<text x='0' y='32' stroke-width='0' text-anchor='middle' fill='#8b8f98' stroke='none' font-family='"Segoe UI", Ubuntu, sans-serif' font-weight='400' font-size='14px' font-style='normal' style='opacity: 0; animation: fadein 0.5s linear forwards 0.7s'>
|
|
Total Contributions
|
|
</text>
|
|
</g>
|
|
|
|
<!-- Total Contributions range -->
|
|
<g transform='translate(82.5, 114)'>
|
|
<text x='0' y='32' stroke-width='0' text-anchor='middle' fill='#8b8f98' stroke='none' font-family='"Segoe UI", Ubuntu, sans-serif' font-weight='400' font-size='12px' font-style='normal' style='opacity: 0; animation: fadein 0.5s linear forwards 0.8s'>
|
|
May 24, 2019 - Present
|
|
</text>
|
|
</g>
|
|
</g>
|
|
<g style='isolation: isolate'>
|
|
<!-- Current Streak label -->
|
|
<g transform='translate(247.5, 108)'>
|
|
<text x='0' y='32' stroke-width='0' text-anchor='middle' fill='#3454d1' stroke='none' font-family='"Segoe UI", Ubuntu, sans-serif' font-weight='700' font-size='14px' font-style='normal' style='opacity: 0; animation: fadein 0.5s linear forwards 0.9s'>
|
|
Current Streak
|
|
</text>
|
|
</g>
|
|
|
|
<!-- Current Streak range -->
|
|
<g transform='translate(247.5, 145)'>
|
|
<text x='0' y='21' stroke-width='0' text-anchor='middle' fill='#8b8f98' stroke='none' font-family='"Segoe UI", Ubuntu, sans-serif' font-weight='400' font-size='12px' font-style='normal' style='opacity: 0; animation: fadein 0.5s linear forwards 0.9s'>
|
|
Nov 3
|
|
</text>
|
|
</g>
|
|
|
|
<!-- Ring around number -->
|
|
<g mask='url(#mask_out_ring_behind_fire)'>
|
|
<circle cx='247.5' cy='71' r='40' fill='none' stroke='#3454d1' stroke-width='5' style='opacity: 0; animation: fadein 0.5s linear forwards 0.4s'></circle>
|
|
</g>
|
|
<!-- Fire icon -->
|
|
<g transform='translate(247.5, 19.5)' stroke-opacity='0' style='opacity: 0; animation: fadein 0.5s linear forwards 0.6s'>
|
|
<path d='M -12 -0.5 L 15 -0.5 L 15 23.5 L -12 23.5 L -12 -0.5 Z' fill='none'/>
|
|
<path d='M 1.5 0.67 C 1.5 0.67 2.24 3.32 2.24 5.47 C 2.24 7.53 0.89 9.2 -1.17 9.2 C -3.23 9.2 -4.79 7.53 -4.79 5.47 L -4.76 5.11 C -6.78 7.51 -8 10.62 -8 13.99 C -8 18.41 -4.42 22 0 22 C 4.42 22 8 18.41 8 13.99 C 8 8.6 5.41 3.79 1.5 0.67 Z M -0.29 19 C -2.07 19 -3.51 17.6 -3.51 15.86 C -3.51 14.24 -2.46 13.1 -0.7 12.74 C 1.07 12.38 2.9 11.53 3.92 10.16 C 4.31 11.45 4.51 12.81 4.51 14.2 C 4.51 16.85 2.36 19 -0.29 19 Z' fill='#3454d1' stroke-opacity='0'/>
|
|
</g>
|
|
|
|
<!-- Current Streak big number -->
|
|
<g transform='translate(247.5, 48)'>
|
|
<text x='0' y='32' stroke-width='0' text-anchor='middle' fill='#33343a' stroke='none' font-family='"Segoe UI", Ubuntu, sans-serif' font-weight='700' font-size='28px' font-style='normal' style='animation: currstreak 0.6s linear forwards'>
|
|
0
|
|
</text>
|
|
</g>
|
|
|
|
</g>
|
|
<g style='isolation: isolate'>
|
|
<!-- Longest Streak big number -->
|
|
<g transform='translate(412.5, 48)'>
|
|
<text x='0' y='32' stroke-width='0' text-anchor='middle' fill='#33343a' stroke='none' font-family='"Segoe UI", Ubuntu, sans-serif' font-weight='700' font-size='28px' font-style='normal' style='opacity: 0; animation: fadein 0.5s linear forwards 1.2s'>
|
|
6
|
|
</text>
|
|
</g>
|
|
|
|
<!-- Longest Streak label -->
|
|
<g transform='translate(412.5, 84)'>
|
|
<text x='0' y='32' stroke-width='0' text-anchor='middle' fill='#8b8f98' stroke='none' font-family='"Segoe UI", Ubuntu, sans-serif' font-weight='400' font-size='14px' font-style='normal' style='opacity: 0; animation: fadein 0.5s linear forwards 1.3s'>
|
|
Longest Streak
|
|
</text>
|
|
</g>
|
|
|
|
<!-- Longest Streak range -->
|
|
<g transform='translate(412.5, 114)'>
|
|
<text x='0' y='32' stroke-width='0' text-anchor='middle' fill='#8b8f98' stroke='none' font-family='"Segoe UI", Ubuntu, sans-serif' font-weight='400' font-size='12px' font-style='normal' style='opacity: 0; animation: fadein 0.5s linear forwards 1.4s'>
|
|
Oct 19 - Oct 24
|
|
</text>
|
|
</g>
|
|
</g>
|
|
|
|
</g>
|
|
</svg>
|