Techthon

合作公司章節

顯示公司頁面

關閉後所有公司跨頁都不會出現，目錄與頁碼會自動重算；下方資料仍保留，再打開就完整回來

新增合作公司（跨頁共用一張大背景）

跨頁共用背景

整面背景圖一張圖橫跨左右兩頁：左頁顯示左半、右頁顯示右半。建議 2080 × 1440 px

左頁單獨背景選填，填了就蓋過整面背景右頁單獨背景選填

重點色副標、編號、底線背景暗化 0% = 完全照原圖亮度；背景太亮看不清文字時再往上調

0%

左頁

大標題 * 副標題區塊標題可換行公司簡介建議 30–50 字左頁圖片比例 1.5:1（如 1200 × 800 px）· 可多張左右瀏覽 · 一行一張，格式「路徑｜說明」

右頁 · 標題

大標題副標題

右頁 · 主題卡片（2 欄 × 3 列，最多 6 張）

主題項目一行一張卡片，格式「標題｜說明文字」；說明可省略。編號 01–06 自動產生，刪掉一行即移除該卡片

右頁 · 圖片

右頁圖片比例 1.7:1（846 × 500 px）· 可多張左右瀏覽 · 一行一張，格式「路徑｜說明」

右頁 · 底部資訊（2 欄 × 3 列，最多 6 項）

資訊列一行一項，格式「圖示｜標題｜內容｜連結」；連結可省略。圖示：globe / mail / people / screen / calendar / booth / chat / building / bulb / pin / star，或自己的圖檔路徑此頁內文字級

文字大小與字體由 「版面字體」分頁 統一控制
整面背景會自動左右對半切開貼到兩頁上，接縫剛好對齊書溝

目前的公司頁面（依目錄順序）

背景與標題

背景圖片或影片放在 assets/ 資料夾，填相對路徑；支援 .jpg / .png / .webp / .webm / .mp4 上方小標

標題第一行標題第二行

第一行顏色第二行顏色選單重點色

選單項目（最少 1 個，最多 6 個）

每個項目 = 編號 + 文字 + 圖示 + 點擊跳往的頁面
圖示可選內建線條圖示，或填入自己的圖檔路徑（建議去背 PNG / SVG，如 assets/icon-venue.png）

封面後跨頁圖（封面與本頁之間）

顯示這兩頁跨頁圖片路徑放在 assets/ 資料夾，建議 2080 × 1440 px；圖片會左右對半橫跨兩頁圖片替代文字選填，給讀圖軟體用

開啟後這兩頁會排在封面之後、EVENT GUIDE 之前，後面所有頁碼會自動重算。

底圖與模板

模板區塊底圖建議 1040 × 1440 px（直式 5:7）· 支援 .jpg / .png / .webp / .webm / .mp4 底圖替代文字底圖白色遮罩顯示模板時才作用；越高文字越清楚，越低越能看見底圖

88%

關掉模板區塊後，這一頁就只剩你的底圖滿版呈現，適合直接放設計稿

標題與配色

主標題副標題青色全大寫

主色（深海藍）點綴色（深青）

左欄 · 地點與議程

地點名稱填了地址或地圖連結後可點擊導航地點圖示

Google Maps 連結選填；留空則用下方地址搜尋地址選填，僅用於地圖搜尋

議程標題議程圖示

時間軸日期一行一天，最多 3 天，格式「代號｜日期文字」

時程標題時程圖示

右欄 · 照片與亮點

會場照片建議 16:11 橫式，如 1200 × 825 px 照片替代文字

深藍橫條最多 3 項，格式「圖示｜標題｜說明」亮點區塊標題亮點項目最多 4 項，格式「圖示｜標題｜說明」

底部 · 每日時程（最多 3 天）

時程內容用縮排分層：不縮排 = 日期標題、縮排 2 格 = 時間與地點、縮排 4 格 = 廠商日期卡圖示三張卡片共用

可用圖示：building / calendar / people / clock / bulb / trophy / handshake / globe / booth / pin / chat / screen / sparkles / star
也可以直接填自己的圖檔路徑（例：assets/icon-agenda.png）· 字體大小由「版面字體」分頁控制

過場跨頁（會場之後、公司章節之前）

啟用這組跨頁左頁圖檔左頁替代文字右頁圖檔右頁替代文字目錄顯示名稱選填 — 填了才會出現在目錄，例：本屆主題、活動議程

建議每張 1040 × 1440 px（直式 5:7），放進 assets/ 資料夾填相對路徑
未上傳時顯示虛線提示框，不影響其他頁面瀏覽

活動地點跨頁（封底前兩頁）

啟用這組跨頁

左頁 · 標題區

左頁背景圖片或影片路徑上方小標

標題第一行標題第二行

第一行顏色第二行顏色同時是分隔線與重點色

副標題底部 Logo 選填

左頁 · 照片與 Google 地圖

場地照片照片替代文字

地圖截圖地圖替代文字

Google Maps 連結訪客點擊地圖區塊會開新分頁導航；留空則自動用副標題搜尋地圖提示文字資訊欄位一行一項，格式「標題｜內容」；內容要換行請用 \n

右頁 · 滿版圖片

圖片路徑建議 1040 × 1440 px（直式 5:7）· 也支援 .webm / .mp4 替代文字

這組跨頁固定在封底前面；關閉後最後一組公司頁之後直接接封底
文字大小與字體由「版面字體」分頁統一控制

全書版面字體（即時預覽，套用到所有內文頁）

中文內文字體內文字級

100%

標題字級

100%

內文行距

1.75

內文對齊

書本封面圖片

封面圖片路徑直式圖片（建議比例 5:7，如 1000×1400px）；留空 = 使用內建燙金皮革封面封底圖片路徑書本最後一頁；同樣建議 5:7 直式。留空 = 使用內建結語頁封底替代文字無障礙用

把 PNG / JPG / WebP 放進 index.html 旁的 assets/ 資料夾，填相對路徑（例：assets/cover.png）
進場動畫飛出的小書會自動同步成同一張封面 · 圖片載入失敗時自動退回內建版面

配色主題（即時預覽）

預設主題光暈與粒子特效

場景背景

上方中段暗角

書皮

主色暗部

點綴色（燙印、光暈、按鈕）

亮色深色

書頁紙張

紙色邊緣墨色

拖動色票即時預覽全書；滿意後按「儲存配色」才會保留。

目錄頁文字

小標籤主標題

副標題會場那一列的名稱

會場頁文字

頁首小標交通區塊標題

地圖連結提示文字

公司頁文字

公司編號前綴例：House、Partner、夥伴（留空則只顯示羅馬數字）

網站欄位聯絡欄位攤位欄位

開場與結尾文字

進場信封提示

扉頁小標扉頁引言

結尾引言結尾署名

自訂影片進場動畫（三段式）

開頭動畫關閉後，打開網頁會直接進入書本，不播放任何進場影片 A — 開場動畫載入後自動播放一次（例：信封飛入）影片 B — 等待循環 A 播完後無縫循環，等待訪客點擊（例：信封發光呼吸）影片 C — 點擊過場訪客點擊後播放一次，播完自動進入書本（例：信封打開、書飛出）

· 格式建議 WebM（VP9） 或 MP4，影片會被靜音自動播放（手機相容）
· 三段影片留空 = 使用內建的信封動畫（目前的效果）
· 無縫訣竅：A 的最後一格 = B 的第一格 = B 的最後一格 = C 的第一格
· 檔案放在 index.html 旁的 assets/ 資料夾，填相對路徑即可一起部署
· 儲存後重新整理頁面才會看到新的進場動畫

一鍵下載部署檔（最方便）

下載的檔案就是完整的新版網站，已包含你所有的編輯。
直接把它上傳到你的部署平台（覆蓋舊的 index.html）即可，不需要開程式碼。
· GitHub Pages：把檔案拖進 repo 覆蓋 → commit
· Netlify / Vercel：拖曳上傳即完成

備用方式：手動複製程式碼

若一鍵下載無法使用時的備案：複製程式碼 → 貼進 index.html 取代資料標記之間的內容 → 上傳部署