Skip to content

優化首頁 UI - #190

Open
TonyPepeBear wants to merge 5 commits into
masterfrom
codex/optimize-homepage-ui
Open

優化首頁 UI#190
TonyPepeBear wants to merge 5 commits into
masterfrom
codex/optimize-homepage-ui

Conversation

@TonyPepeBear

Copy link
Copy Markdown
Member

變更內容

  • 重整首頁 Hero、品牌介紹、社團內容、相簿、導覽卡片與聯絡區的視覺層級
  • 改善公告展開操作、CTA 與連結的鍵盤焦點狀態
  • 將相簿區改為柔和藍灰底,維持品牌色彩一致性
  • 修正導覽列寬度計算,避免右側 Join Us 按鈕溢出畫面

調整原因

原首頁的段落層級、留白與操作入口較不一致,導覽列的 CSS calc() 寫法也因缺少必要空白而失效。這次以現有品牌藍、字型與元件為基礎,改善首頁閱讀動線與響應式呈現,沒有新增依賴。

使用者影響

首頁的重要資訊與加入社團入口更容易辨識,公告與主要連結具備更清楚的互動回饋;桌面與行動版導覽列維持在畫面範圍內。

驗證

  • yarn prettier
  • yarn build
  • 桌面版本機視覺檢查
  • 水平溢出檢查

@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Jul 11, 2026

Copy link
Copy Markdown

Deploying website2022 with  Cloudflare Pages  Cloudflare Pages

Latest commit: 66750bc
Status: ✅  Deploy successful!
Preview URL: https://3949a6d9.website2022.pages.dev
Branch Preview URL: https://codex-optimize-homepage-ui.website2022.pages.dev

View logs

@TonyPepeBear
TonyPepeBear force-pushed the codex/optimize-homepage-ui branch from 4540d3f to 66750bc Compare July 14, 2026 07:30
@TonyPepeBear

Copy link
Copy Markdown
Member Author

@TeaLance
雖然不知道你是誰,但是看到你剛剛在 merge
所以這個 branch 交給你

給社團的人看一下好不好看
喜歡就 merge,不喜歡就關掉就好
感謝

@TonyPepeBear
TonyPepeBear requested a review from TeaLance July 31, 2026 09:24
@TonyPepeBear
TonyPepeBear marked this pull request as ready for review July 31, 2026 09:24
@TeaLance

Copy link
Copy Markdown
Contributor

@TonyPepeBear 收到

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants