diff --git a/students/2025-11-04-yojwei/index.html b/students/2025-11-04-yojwei/index.html new file mode 100644 index 00000000..72529025 --- /dev/null +++ b/students/2025-11-04-yojwei/index.html @@ -0,0 +1,30 @@ + + + + + + 大昌 — 簽到頁面 + + + +
+

大昌(yojwei)

+ 大昌(yojwei)的照片 +

你好!我是大昌,這是我在 Vibe Coding Camp 的簽到頁面。

+ +
+

自我介紹

+

我喜歡前端開發、學習新的 CSS 技巧與互動效果。期待和大家一起學習!

+
+ +
+

聯絡方式

+ +
+
+ + diff --git a/students/2025-11-04-yojwei/intro.png b/students/2025-11-04-yojwei/intro.png new file mode 100644 index 00000000..dbca964e Binary files /dev/null and b/students/2025-11-04-yojwei/intro.png differ diff --git a/students/2025-11-04-yojwei/style.css b/students/2025-11-04-yojwei/style.css new file mode 100644 index 00000000..509df9f2 --- /dev/null +++ b/students/2025-11-04-yojwei/style.css @@ -0,0 +1,42 @@ +/* 簡單樣式(選填) */ +:root { + --bg: #f7f9fc; + --accent: #2b6cb0; + --text: #1a202c; +} +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + "Noto Sans TC", "Helvetica Neue", Arial; + background: var(--bg); + color: var(--text); + margin: 0; +} +.container { + max-width: 720px; + margin: 40px auto; + padding: 24px; + background: #fff; + border-radius: 8px; + box-shadow: 0 6px 18px rgba(18, 38, 63, 0.06); +} +h1 { + color: var(--accent); + margin: 0 0 8px 0; + text-align: center; +} +section { + margin-top: 18px; +} +a { + color: var(--accent); +} + +/* Avatar image for the intro */ +.avatar { + display: block; + margin: 12px auto; + max-width: 200px; + width: 100%; + height: auto; + border-radius: 5%; +}