bitcoin-saga #7 (final): static build + Dockerfile routing

.gitattributes

@@ -61,3 +61,15 @@ bitcoin-saga/web/src/bitcoin/assets/vo/s02.mp3 filter=lfs diff=lfs merge=lfs -te
 bitcoin-saga/web/src/bitcoin/assets/vo/s03.mp3 filter=lfs diff=lfs merge=lfs -text
 bitcoin-saga/web/src/bitcoin/assets/vo/s07.mp3 filter=lfs diff=lfs merge=lfs -text
 bitcoin-saga/web/src/bitcoin/assets/vo/s11.mp3 filter=lfs diff=lfs merge=lfs -text
+bitcoin-saga/dist/assets/s07-CttprWLm.mp3 filter=lfs diff=lfs merge=lfs -text
+bitcoin-saga/dist/assets/s05-DJPDok2m.mp3 filter=lfs diff=lfs merge=lfs -text
+bitcoin-saga/dist/assets/s11-Dw7XuqOv.mp3 filter=lfs diff=lfs merge=lfs -text
+bitcoin-saga/dist/assets/s04-BZo_Os3C.mp3 filter=lfs diff=lfs merge=lfs -text
+bitcoin-saga/dist/assets/s00-DLN1M8BC.mp3 filter=lfs diff=lfs merge=lfs -text
+bitcoin-saga/dist/assets/s02-DCrstbcY.mp3 filter=lfs diff=lfs merge=lfs -text
+bitcoin-saga/dist/assets/s09-BlvBWb0L.mp3 filter=lfs diff=lfs merge=lfs -text
+bitcoin-saga/dist/assets/s06-Dnh_1KrV.mp3 filter=lfs diff=lfs merge=lfs -text
+bitcoin-saga/dist/assets/s10-2UyHBgDr.mp3 filter=lfs diff=lfs merge=lfs -text
+bitcoin-saga/dist/assets/s03-DT6ZgrhR.mp3 filter=lfs diff=lfs merge=lfs -text
+bitcoin-saga/dist/assets/s08-CSHXfiYl.mp3 filter=lfs diff=lfs merge=lfs -text
+bitcoin-saga/dist/assets/s01-CYwv0hcS.mp3 filter=lfs diff=lfs merge=lfs -text

Dockerfile

@@ -1,10 +1,12 @@
 # HF Space (sdk: docker, app_port 7860): static sites, rendered live in the visitor's browser.
-#   /                    → 《世界计算机施工图》以太坊发展史（eth-blueprint/dist）
+#   /                    → 《账本永不眠》比特币发展历程 2008→2026（bitcoin-saga/dist）
+#   /eth-blueprint/      → 《世界计算机施工图》以太坊发展史（eth-blueprint/dist，原样保留）
 #   /earth-online-sun/   → 《地球 Online》原项目（earth-online-sun/dist，原样保留）
-# MP4 export and cover/Live Photo downloads all run client-side.
+# MP4 export and cover downloads all run client-side.
 FROM python:3.12-slim
 WORKDIR /app
-COPY eth-blueprint/dist /app/site
+COPY bitcoin-saga/dist /app/site
+COPY eth-blueprint/dist /app/site/eth-blueprint
 COPY earth-online-sun/dist /app/site/earth-online-sun
 RUN useradd -m -u 1000 user && chown -R user /app
 USER user

README.md

@@ -15,11 +15,12 @@ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-
 # 🆕 最新项目：《账本永不眠》—— 比特币发展历程 2008→2026（墨与金 · 3D 区块链条）
 
 > 目录：[`bitcoin-saga/`](bitcoin-saga/README.md) ｜ 完整计划与进度日志见 **`bitcoin-saga/README.md`**。
-> 本仓库原有项目全部保留，只做新增。
+> 本仓库原有项目全部保留，只做新增。Space 首页 `/` = 本片；以太坊片移至 `/eth-blueprint/`，地球 Online 仍在 `/earth-online-sun/`。
+> 网页内实时渲染播放（含旁白/配乐/音效），可在浏览器本地导出 MP4（24/30/60 fps，横屏/竖屏），附四平台封面与文案复制包。
 
 ---
 
-# 🆕 最新项目：《世界计算机施工图》—— 以太坊 2013→2026 发展史（蓝图风格）
+# 《世界计算机施工图》—— 以太坊 2013→2026 发展史（蓝图风格）
 
 > 目录：[`eth-blueprint/`](eth-blueprint/README.md) ｜ 完整计划与进度日志见 **`eth-blueprint/README.md`**。
 > 本仓库原有项目全部保留；Space 首页切换为新项目，原项目仍可在 `/earth-online-sun/` 访问。

bitcoin-saga/README.md

@@ -75,7 +75,7 @@
 4. ✅ 程序化配乐 + 音效 + 混音 → **推送 #4**
 5. ✅ 播放器 UI + 浏览器本地 MP4 导出（24/30/60）→ **推送 #5**
 6. ✅ 封面生成 + 文案复制包 → **推送 #6**
-7. ⬜ 静态构建 + Dockerfile 路由（新项目挂 `/`，原项目保留在 `/eth-blueprint/`、`/earth-online-sun/`）→ **推送 #7（最终）**
+7. ✅ 静态构建 + Dockerfile 路由（新项目挂 `/`，原项目保留在 `/eth-blueprint/`、`/earth-online-sun/`）→ **推送 #7（最终）**
 
 ## 6. 进度日志
 
@@ -85,3 +85,10 @@
 - 推送 #4：程序化配乐（D 小调 84 BPM，金/红/冰三种情绪和弦进行，按幕能量叠加铺底/琶音/贝斯/鼓组）+ 20 种合成音效（打字、冲击、上升、钟声、碎裂、多米诺、风声…）严格卡在画面事件上；旁白时音乐自动避让；16 秒分块并行离线渲染，整条 4 分 21 秒音轨约 30 秒合成完毕。
 - 推送 #5：播放器：网页内实时渲染播放（非 mp4），进度条带章节刻度、章节跳转、全屏、键盘控制，手机自动切竖屏；浏览器本地导出 MP4（WebCodecs H.264 + AAC/Opus），24/30/60 fps、1080p/720p、横/竖屏可选，带进度/剩余时间/取消。
 - 推送 #6：8 张平台封面（小红书/抖音 4:3+3:4、B 站 4:3+16:9、视频号 3:4 卡片+4:3 分享卡）一键下载 PNG；四平台标题/简介/话题一键复制，字数与话题数实时校验（小红书≤20字≤10话题、抖音≤30字≤5话题、B站≤80字≤10话题、视频号≤16字）。
+- 推送 #7（最终）：独立静态工程 `bitcoin-saga/web`（Vite + React，相对路径 base）构建到 `bitcoin-saga/dist`；Dockerfile 改为本片挂 `/`，以太坊片挂 `/eth-blueprint/`，地球 Online 挂 `/earth-online-sun/`。
+
+## 7. 本地构建
+
+```bash
+cd bitcoin-saga/web && npm i && npm run build   # 输出到 ../dist
+```

bitcoin-saga/dist/assets/index-DW82ecAa.css

@@ -0,0 +1 @@
+@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(./playfair-display-latin-700-normal-CuDiGg7c.woff2) format("woff2"),url(./playfair-display-latin-700-normal-Bc_1Q1cG.woff) format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:900;src:url(./playfair-display-latin-900-normal-oSb7_CWx.woff2) format("woff2"),url(./playfair-display-latin-900-normal-DypQvTWf.woff) format("woff")}@font-face{font-family:Playfair Display;font-style:italic;font-display:swap;font-weight:700;src:url(./playfair-display-latin-700-italic-CB566L-e.woff2) format("woff2"),url(./playfair-display-latin-700-italic-DgrU7w_p.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./jetbrains-mono-latin-400-normal-V6pRDFza.woff2) format("woff2"),url(./jetbrains-mono-latin-400-normal-6-qcROiO.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(./jetbrains-mono-latin-700-normal-BYuf6tUa.woff2) format("woff2"),url(./jetbrains-mono-latin-700-normal-D3wTyLJW.woff) format("woff")}.btc-app{--gold:#f7a823;--gold2:#ffd27a;--ink:#07070a;--line:rgba(247,168,35,.22);--fg:#f5efe2;--dim:rgba(245,239,226,.55);min-height:100vh;background:radial-gradient(1200px 600px at 70% -10%,rgba(247,168,35,.1),transparent),var(--ink);color:var(--fg);font-family:Film Sans SC,PingFang SC,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;padding:16px 20px 60px;box-sizing:border-box}.btc-app *{box-sizing:border-box}.btc-app button{font:inherit;color:inherit;cursor:pointer}.btc-app button:disabled{opacity:.45;cursor:not-allowed}.btc-app header{max-width:1280px;margin:0 auto 14px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:"Film Serif SC","Noto Serif SC",Songti SC,serif;font-weight:900;font-size:22px;letter-spacing:4px;display:flex;align-items:center;gap:10px;color:var(--gold2)}.brand small{font-family:JetBrains Mono,monospace;font-weight:400;font-size:12px;letter-spacing:1px;color:var(--dim)}.brand .dot{width:12px;height:12px;background:var(--gold);box-shadow:0 0 14px var(--gold)}.player{max-width:1280px;margin:0 auto}.player.port{max-width:min(520px,100%)}.stage{position:relative;border:1px solid var(--line);background:#000;box-shadow:0 30px 80px #0009,0 0 60px #f7a82312}.stage canvas{display:block;width:100%;height:auto;cursor:pointer}.player.land .stage canvas{aspect-ratio:16/9}.player.port .stage canvas{aspect-ratio:9/16}.player:fullscreen{max-width:none;background:#000;display:flex;flex-direction:column;justify-content:center;padding:0}.player:fullscreen .stage{border:0;flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.player:fullscreen .stage canvas{width:auto;height:auto;max-width:100%;max-height:100%}.player:fullscreen .chapters{display:none}.bigplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 30px;border:1px solid var(--gold);background:#07070ab8;color:var(--gold2)!important;font-size:18px!important;letter-spacing:3px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 30px #f7a82340}.bigplay:disabled{opacity:1!important}.spin{font-size:14px;letter-spacing:1px;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}.controls{display:flex;align-items:center;gap:10px;padding:10px 0;flex-wrap:wrap}.ctl{width:38px;height:34px;border:1px solid var(--line);background:#f7a8230f}.time{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--dim);min-width:92px}.seek{flex:1;min-width:160px;height:24px;position:relative;cursor:pointer;touch-action:none}.seek:before{content:"";position:absolute;left:0;right:0;top:10px;height:4px;background:#ffffff1a}.seek .fill{position:absolute;left:0;top:10px;height:4px;background:var(--gold);box-shadow:0 0 10px var(--gold)}.seek i{position:absolute;top:6px;width:2px;height:12px;background:#f7a82399}.seg{display:inline-flex;border:1px solid var(--line)}.seg button{border:0;background:transparent;padding:7px 12px;font-size:13px;color:var(--dim)}.seg button.on{background:var(--gold);color:#1a1205;font-weight:700}.chapters{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;margin-top:4px}.chapters button{border:1px solid rgba(255,255,255,.07);background:#ffffff05;padding:7px 9px;text-align:left;display:flex;flex-direction:column;gap:2px}.chapters button b{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--gold)}.chapters button span{font-size:12.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapters button.on{border-color:var(--gold);background:#f7a8231a}.chapters button.on span{color:var(--fg)}.tabs{max-width:1280px;margin:26px auto 14px;display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto}.tabs button{border:0;background:transparent;padding:10px 16px;color:var(--dim);border-bottom:2px solid transparent;white-space:nowrap}.tabs button.on{color:var(--gold2);border-bottom-color:var(--gold)}.btc-app>div{max-width:1280px;margin:0 auto}.card{border:1px solid var(--line);background:#140f088c;padding:18px 20px;margin-bottom:14px}.card h2{margin:0 0 14px;font-size:18px;color:var(--gold2)}.card h2 small{font-size:12px;color:var(--dim);font-weight:400;margin-left:10px}.card h3{margin:0 0 12px;font-size:17px;color:var(--gold2);font-family:"Film Serif SC","Noto Serif SC",serif}.opts{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:16px}.opts label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--dim)}.row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.primary{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#1a1205!important;border:0;padding:10px 26px;font-weight:800;letter-spacing:2px}.ghost{border:1px solid var(--line);background:transparent;padding:10px 22px}.muted{font-size:12.5px;color:var(--dim);font-family:JetBrains Mono,monospace}.prog{margin-top:14px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--dim)}.prog .bar{height:6px;background:#ffffff14}.prog .bar div{height:100%;background:var(--gold);box-shadow:0 0 10px var(--gold);transition:width .2s}.warn{color:#ff7a6b;font-size:13px}.okmsg{color:#9be39b;font-size:13px}.okmsg a{color:var(--gold2);margin-left:10px}.covers{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;align-items:start}.cover{margin:0;border:1px solid var(--line);background:#140f0880}.cover canvas{display:block;width:100%;height:auto;background:#000}.cover figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;font-size:12.5px}.cover figcaption em{font-style:normal;color:var(--dim);margin-left:6px;font-family:JetBrains Mono,monospace;font-size:11px}.cover figcaption button,.copy{border:1px solid var(--gold);background:#f7a82314;color:var(--gold2);padding:4px 10px;font-size:12px!important;white-space:nowrap}.kit{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.kit .card{margin:0}.field{margin-bottom:12px}.fh{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dim);margin-bottom:5px}.fh span{flex:1}.fh em{font-style:normal;font-family:JetBrains Mono,monospace;color:#9be39b}.fh em.bad{color:#ff6b6b}.val{margin:0;font-size:14px;line-height:1.65;background:#0000004d;padding:8px 10px;border-left:2px solid var(--gold)}.val.title{font-weight:700}.val.pre{white-space:pre-wrap;font-size:13px;color:#f5efe2d9}.val.tags{display:flex;flex-wrap:wrap;gap:6px}.val.tags span{font-size:12.5px;color:var(--gold2);background:#f7a8231a;padding:1px 7px}.btc-app footer{max-width:1280px;margin:30px auto 0;font-size:11.5px;color:var(--dim);font-family:JetBrains Mono,monospace;text-align:center}@media(max-width:640px){.btc-app{padding:10px 10px 60px}.brand{font-size:18px}.controls{gap:6px}.seek{order:9;flex-basis:100%}.chapters{grid-template-columns:repeat(2,1fr)}}

bitcoin-saga/dist/assets/s00-DLN1M8BC.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3f54998f1393ef02fef769103f7e4decf7bb265c8f62bd86913bbdacdfc3fe67
+size 144768

bitcoin-saga/dist/assets/s01-CYwv0hcS.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7347620b7457f5ac8e56e49356b94db224c2c09eacf739aabf4adb96706d34c1
+size 195264

bitcoin-saga/dist/assets/s02-DCrstbcY.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:048a89d5a56e401f2efde8656d5fa731176456469d3a9f54c35fd0b22ddfda93
+size 147648

bitcoin-saga/dist/assets/s03-DT6ZgrhR.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8507960244219fd7ac851deb2d8df8da88e86a1d29dad54ccb9f9c125cc1b0b2
+size 119232

bitcoin-saga/dist/assets/s04-BZo_Os3C.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:568e9bd4759d795cd8a8211034bcdbc185fdbf8cadbf65fca5b970b97890a089
+size 146688

bitcoin-saga/dist/assets/s05-DJPDok2m.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ad6373c9b7cc576db77ddd384ef46804eb9fa581b5aaedd46f2349b491555357
+size 147456

bitcoin-saga/dist/assets/s06-Dnh_1KrV.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ee36e0ab3fa06843959999a137dd93fb8296f35ea4a4ed392f52743f474cf219
+size 168576

bitcoin-saga/dist/assets/s07-CttprWLm.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ea1eefff56ee6bb180063358319a39a78154b9f49f400dd3353ec58582db2ec4
+size 165312

bitcoin-saga/dist/assets/s08-CSHXfiYl.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:221b694f0182e8d05eca50c26c723753b95c48e3f909e5c0bef2a5cffa3ab268
+size 115200

bitcoin-saga/dist/assets/s09-BlvBWb0L.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:24ddefc4c4453f43db77721661e5a62bff8f972b36b9fb7589e1fda18b85517c
+size 130944

bitcoin-saga/dist/assets/s10-2UyHBgDr.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cc05b846489651432150bd9f4475609252e8ddeed3d45ead6f803fe06e6519cf
+size 120576

bitcoin-saga/dist/assets/s11-Dw7XuqOv.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:53751f1c123d4e92111f71045f529a6550b4a92ceb0342d27bbf19e1adda1000
+size 123264

bitcoin-saga/dist/index.html

@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
+    <meta name="theme-color" content="#07070a" />
+    <title>账本永不眠 · 比特币发展历程 2008 → 2026</title>
+    <meta name="description" content="网页实时渲染的比特币 17 年动画纪录片：旁白、配乐、音效，浏览器本地导出 MP4。" />
+    <style>html,body{margin:0;background:#07070a}</style>
+    <script type="module" crossorigin src="./assets/index-BlUb8Uxf.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-DW82ecAa.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>