Skip to content

feat: customize site as Mayasalu watercolor gallery - #4

Open
ethan-CCY wants to merge 1 commit into
mainfrom
codex/customize-landing-page-for-mayasalu-rppkxj
Open

feat: customize site as Mayasalu watercolor gallery#4
ethan-CCY wants to merge 1 commit into
mainfrom
codex/customize-landing-page-for-mayasalu-rppkxj

Conversation

@ethan-CCY

Copy link
Copy Markdown
Owner

Motivation

  • 將原本通用的 Landing template 客製化為水彩藝術家個人線上畫廊,角色為 Mayasalu,語言使用繁體中文(台灣)。
  • 提供乾淨、留白多且帶有水彩感的展示風格以突顯作品(避免大型框架與花俏特效)。
  • 必須包含 Hero / About / Gallery(含分類與 Lightbox)/ Visit / Contact / Footer 等區塊,並確保 RWD 與 GitHub Pages 子路徑相容。
  • 提供前端表單驗證與可替代聯絡資訊以便使用者聯繫或預約參觀。

Description

  • 重寫 index.html 為 Mayasalu 的畫廊結構,加入 Hero、About、Gallery(分類篩選與作品卡片)、Visit、Contact 與 Lightbox 標記,並將語系設為 zh-Hant
  • 新增/修改樣式於 dist/css/style.css,加入水彩主題樣式、卡片式畫廊與 RWD 規則(手機 1~2 欄顯示)。
  • 實作前端互動邏輯於 src/js/main.js(並同步更新 dist/js/main.min.js),包含分類篩選、Lightbox 開/關、鍵盤關閉、年份自動更新與聯絡表單前端驗證。
  • 新增 8 張 SVG 佔位作品檔案於 dist/images/gallery/art-01.svg ~ art-08.svg,並更新 README.md(專案簡介、Demo 連結與功能列表)。

Testing

  • 啟動靜態伺服器 python -m http.server 8000 --directory /workspace/Landing_Page 並以 Playwright 自動化腳本載入 http://127.0.0.1:8000/index.html,成功截圖生成為 artifacts/mayasalu-gallery.png(表示頁面可載入與呈現)。
  • 前端互動(分類按鈕、Lightbox、表單驗證與按鈕導覽)已於本地瀏覽器手動與透過截圖檢視確認可用(自動化步驟為載入與截圖,結果成功)。
  • 無後端測試或 CI 執行;所有變更為靜態前端資產與純前端行為測試。

Codex Task

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant