jiantw83andClaude Opus 5
a0c13f807a
What：新增 html-export 與 html-style 兩支技能、tools/html-render.sh 與 tools/html-style.sh 兩支工具，以及六種版型乘五種風格的 HTML 範本。 Why：wiki 頁與議題要拿給 Gitea 以外的人看時，只能複製 markdown；不同類型的文件也該有各自的版面，不是每份都長一樣。 How：版型（report、slide、dashboard、spec、timeline、onepager）決定內容怎麼排，風格（minimal、corporate、dark、print、vivid）決定看起來長怎樣，兩者自由搭配。哪一種頁面套哪一組由設定決定：專案的 .jsc/html-styles 優先，其次 $JSC_HOME/html-styles.conf，對不到退 DEFAULT，再對不到才用內建的 report／minimal。產出是單一 HTML 檔，CSS 與腳本全部內嵌。 Who：需要把 wiki 頁或議題寄給客戶、主管或跨團隊同事的人。 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
35 lines
1.1 KiB
CSS
35 lines
1.1 KiB
CSS
/* 明亮：高彩度、圓角卡片、漸層標題，簡報與對內宣達用 */
|
|
:root {
|
|
--bg: #fdfbff;
|
|
--fg: #241f2e;
|
|
--head-fg: #4c1d95;
|
|
--muted: #6d6480;
|
|
--accent: #7c3aed;
|
|
--border: #e2d9f5;
|
|
--card: #f6f1ff;
|
|
--code-bg: #f1ecfd;
|
|
--table-head-bg: #ede4ff;
|
|
--stripe: #faf7ff;
|
|
--radius: 12px;
|
|
--shadow: 0 2px 10px rgba(124, 58, 237, .12);
|
|
--font: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;
|
|
--font-head: var(--font);
|
|
--font-mono: "JetBrains Mono", "Cascadia Mono", Consolas, monospace;
|
|
}
|
|
|
|
.page-head {
|
|
border-bottom: 0;
|
|
background: linear-gradient(135deg, #7c3aed 0%, #e0378f 100%);
|
|
color: #ffffff;
|
|
border-radius: var(--radius);
|
|
padding: 2rem 1.5rem;
|
|
box-shadow: var(--shadow);
|
|
}
|
|
|
|
.page-head h1, .page-head .subtitle, .page-head .meta { color: #ffffff; }
|
|
.page-head .meta a.source { color: #ffffff; text-decoration: underline; }
|
|
|
|
.content h2 { border-left: 6px solid var(--accent); padding-left: .6rem; }
|
|
.content table { border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); }
|
|
.content blockquote { border-radius: var(--radius); }
|