No description
- CSS 44%
- HTML 28.2%
- JavaScript 27.2%
- Dockerfile 0.6%
|
All checks were successful
Deploy / build-and-deploy (push) Successful in 16s
Commit
|
||
|---|---|---|
| .forgejo/workflows | ||
| assets | ||
| .dockerignore | ||
| .gitignore | ||
| docker-compose.yml | ||
| Dockerfile | ||
| index.html | ||
| nginx.conf | ||
| NOTES.md | ||
| README.md | ||
綠邁士科技 Remax Technology
觸媒低溫熱裂解(Catalytic Low-Temperature Pyrolysis)企業形象網站的重製版本。
以 remaxtech.com.tw 的內容為本,重新設計為一頁式、 中英雙語(zh-Hant 為主、English 次之)的品牌網站,主打公司的核心熱裂解技術能力。
技術棧
純靜態站,無建置步驟:
index.html— 單頁結構,所有文案以data-i18n標記assets/css/styles.css— 自訂設計系統("Reactor" 主題:ember 熱 × emerald 循環)assets/js/i18n.js— 中英雙語字典與語言切換(記憶在localStorage)assets/js/main.js— sticky nav、行動選單、滾動揭示、數字動畫、聯絡表單- 字體:Archivo(display)+ Hanken Grotesk(body)+ Noto Sans TC(中文),Google Fonts
- 部署:
nginx:alpine直接供應靜態檔(見Dockerfile/nginx.conf)
本地預覽
不需 Node,任一靜態伺服器即可:
python3 -m http.server 8123 # 任一沒被佔用的埠都行
# 開 http://localhost:8123
或用 Docker 跑正式 image:
docker build -t remax_tech .
docker run --rm -p 8082:80 remax_tech
# 開 http://localhost:8082
內容編修
- 文案:所有可見文字都在
assets/js/i18n.js的I18N.zh/I18N.en兩份字典裡, 以 key 對應index.html中的data-i18n="key"。改字只需改字典,不必動 HTML。 - 新增可翻譯元素:在 HTML 加
data-i18n="新key",再到兩份字典補上該 key。 值可含行內 HTML(會以innerHTML套入)。 - 屬性翻譯:用
data-i18n-attr="content"(例如<meta>的描述)。
部署
走 w org 標準約定(見 w-deploy skill):dev VM 的 forgejo runner build + push 到
fg.w-w.club/w/remax_tech,再 SSH 進 hosting VM(10.10.68.70)的 /w/remax_tech
執行 docker compose pull && up -d。手動 workflow_dispatch 觸發。
首次上線需在 hosting VM 手動 bootstrap /w/remax_tech/(放本 repo 的 docker-compose.yml)。
詳見 NOTES.md。
公司資訊(重製依據)
- 綠邁士科技股份有限公司 Remax Technology Co., Ltd.
- 統編 93498378|臺北市南港區重陽路 120 號 2 樓 205 室|02-2908-8902
- 核心:CCPTech 陳氏觸媒低溫熱裂解,世界首創發明專利(技術源於 1990)
- 產物:裂解油、再生碳黑、可燃氣體、鋼絲|應用:廢輪胎、廢塑膠、有機廢棄物