Leo
3d13e5a54e
leo 08-04 看過 v0.17.0 後的四點，逐條回應：
## ① 「不會這裡又寫了一個新的 CSS？」——是，我又寫了一份
真兇：portal 的樣式內嵌在 HTML 裡，沒有獨立檔 ⇒ 四個站各抄一份、本來就在漂移。
解：抽出 InkStoneCo/arcrun-cis/css/arcrun-cis.css 當唯一真相源。
daemon 的 style.css 現在**一個 hex 都沒有**，顏色全走 var(--...)。
## ② 「完全模仿 gdrive，左方側邊欄，在右方替換頁面」
底部 nav bar 拿掉（leo：「幾乎沒看過這種 nav bar 在下方的」）。
改成左側邊欄四頁：首頁／同步資料夾／AI 設定／版本與更新，右側換頁。
設定不再開 popup；只有「確認移除資料夾」才用覆蓋層。
## ③ 「既然是 Web，你做的時候無法檢視？」——可以，我之前沒做
新增 check-render.sh：headless Chrome 真的渲染一次並**量像素**。
它抓到一個肉眼容易誤判的真 bug：
arcrun-lockup-h-paper-on-ink.png **自帶不透明 Ink 底板**（實測左上像素 RGBA=23,24,26,255），
設計前提是貼在純 Ink 表面；我們背景有紙張紋理 ⇒ 出現突兀方塊。
修：深色模式把品牌區做成純 Ink。實測落差 4（原本會是一個明顯方塊）。
過程中也發現自己對著**舊的 dist**除錯，浪費一輪——這支閘同時防這個。
## ④ 「檢查更新連到 docs，不正確，是直接在這裡進行」
新增「版本與更新」頁：顯示**現在版本 vs 最新版本**，
三段式全在 App 內完成——檢查／下載並安裝／重新啟動套用。
selfupdate 邏輯逐字沿用 arcrun-tray（含 t186 走 raw、t184 蓋正在跑的 .app），不重寫。
## 交貨閘（leo：「你做為檢查有嗎？沒有怎麼交貨？」）
check-cis.sh 擴充：版面檔不准出現任何 hex ＋ 共用底層色票逐項比對。
兩支閘實跑全過。
53 lines
2.0 KiB
HTML
53 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-Hant">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
|
<title>Arcrun</title>
|
|
<!-- 🔴 共用底層：色票／字體／紙張紋理的**唯一真相源**是 arcrun-cis/css/arcrun-cis.css。
|
|
leo 08-04：「不會這裡又寫了一個新的 CSS？前面剛剛才說過不要創造新的？」
|
|
⇒ 這份是複製進來給 build 用的，**要改配色去改 arcrun-cis/css/ 那份**。 -->
|
|
<link rel="stylesheet" href="./src/arcrun-cis.css"/>
|
|
<link rel="stylesheet" href="./src/style.css"/>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<!-- ── 左側邊欄（Google Drive 風格；leo：「左方側邊欄，在右方替換頁面」）── -->
|
|
<aside id="side">
|
|
<div class="brand">
|
|
<img class="wm-ink" src="./src/assets/arcrun-lockup-h-ink.png" alt="Arcrun"/>
|
|
<img class="wm-paper" src="./src/assets/arcrun-lockup-h-paper-on-ink.png" alt="Arcrun"/>
|
|
</div>
|
|
|
|
<nav>
|
|
<div class="nav on" data-page="home"> <span class="ic">◫</span>首頁</div>
|
|
<div class="nav" data-page="folders"> <span class="ic">▤</span>同步資料夾</div>
|
|
<div class="nav" data-page="ai"> <span class="ic">✧</span>AI 設定</div>
|
|
<div class="nav" data-page="update"> <span class="ic">↧</span>版本與更新</div>
|
|
</nav>
|
|
|
|
<div class="side-foot">
|
|
<div class="ver" id="ver"></div>
|
|
</div>
|
|
</aside>
|
|
|
|
<!-- ── 右側內容區（換頁）── -->
|
|
<section id="content">
|
|
<header>
|
|
<div class="status">
|
|
<div class="big" id="statusBig">啟動中…</div>
|
|
<div class="sub" id="statusSub"></div>
|
|
</div>
|
|
<button class="primary" id="btnSync">立刻同步</button>
|
|
</header>
|
|
<main id="page"></main>
|
|
</section>
|
|
</div>
|
|
|
|
<!-- 內嵌覆蓋層，不另開小視窗 -->
|
|
<div class="overlay" id="overlay"><div class="sheet" id="sheet"></div></div>
|
|
|
|
<script src="./src/main.js" type="module"></script>
|
|
</body>
|
|
</html>
|