docs: README overhaul + demo GIFs (wrap-up) - #78
Merged
Conversation
HANDOFF 最後一項：讓人三秒看懂這個站。 - 兩支 demo GIF（.github/demo/，各 ~0.2MB）： 賽段剖面圖（範例路線 → 游標讀數 → 環義粉/午夜黑主題 → 爬坡細部圖）、 網址健檢（掃 tiglet 自己的工具頁 → 100 分 → 大圖分享卡預覽）。 對 production 錄製；無 ffmpeg，用 Playwright 逐格截圖 + gifenc 純 JS 組圖。 放 .github/ 而非 public/（教訓 #4：不進 service worker 預快取）； docs/ 已被 gitignore 留給本地筆記，所以不放那裡。 - 兩份 README 同步更新：新增 demo 區、補 4 個新工具 （發票對獎／QR 掃描／中油油價／PDF 工具）、更新既有工具描述 （QR WiFi/vCard、計時器間歇、圖片 EXIF、生活計算大寫金額、剖面圖全功能）、 測試數字 230+ → 550+ unit / 65 e2e、api/ 一支 → 三支、隱私段補新函式。 錄製網址健檢 GIF 時同步完成 HANDOFF 記錄的未竟驗證： tiglet 工具頁健檢 100 分、社群卡大圖預覽正常。 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
TTigger
added a commit
that referenced
this pull request
Jul 13, 2026
Last item on the handoff list: make the site legible in three seconds. - Two demo GIFs (.github/demo/, ~0.2MB each): Stage Profile (sample route -> hover readout -> Giro pink / midnight dark themes -> per-km climb detail) and URL Audit (auditing tiglet's own tool page -> 100/100 -> large share-card preview). Recorded against production; no ffmpeg on this machine, so frames were captured with Playwright and assembled with gifenc (pure JS, tooling kept in the scratchpad, not committed). Placed under .github/ rather than public/ (lesson 4: keep them out of the service-worker precache); docs/ is gitignored for local notes, so not there either. - Both READMEs updated in sync: new "see it in ten seconds" section, the four new tools added to the table (invoice lottery, QR scanner, fuel prices, PDF studio), existing tool rows refreshed (QR WiFi and vCard, timer intervals, image EXIF, Chinese uppercase amounts, the full stage-profile feature set), test counts 230+ -> 550+ unit / 65 e2e, api/ one -> three functions, and the privacy section now covers the two new relay functions. Recording the URL Audit GIF also completed the verification the handoff had left unfinished: tiglet's own tool page scores 100/100 and the share card renders as a proper large image. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
TTigger
changed the title
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
摘要
HANDOFF 收尾項目：README 重整 + demo GIF，讓人三秒看懂這個站。
Demo GIF（
.github/demo/，各約 0.2MB）對 production 錄製。機器沒有 ffmpeg，用 Playwright 逐格截圖＋
gifenc純 JS 組圖（錄製工具在 scratchpad，不進 repo）。放.github/而非public/（教訓 #4：不能進 service worker 預快取），也不放已被 gitignore 的docs/。README（中英同步）
api/一支 → 三支函式；隱私段補上兩支新函式的說明額外完成
錄網址健檢 GIF 時，順手做完 HANDOFF「本次未完成的驗證」：用網址健檢掃 tiglet 自己 → 100 分滿分、社群卡大圖預覽正常（GIF 就是證據）。
純文件與 README 素材，不碰程式碼；551 unit 全綠確認無誤傷。
🤖 Generated with Claude Code