Merge pull request #25 from yojwei/main

jasonlu0525 · web-flow · commit 618a55b7f3c7 · 2025-11-27T10:11:52.000+08:00
新增學生簽到頁：大昌（yojwei）
diff --git a/students/2025-11-04-yojwei/index.html b/students/2025-11-04-yojwei/index.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="zh-Hant">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title>大昌 — 簽到頁面</title>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <main class="container">
+      <h1>大昌（yojwei）</h1>
+      <img class="avatar" src="intro.png" alt="大昌（yojwei）的照片" />
+      <p>你好！我是大昌，這是我在 Vibe Coding Camp 的簽到頁面。</p>
+
+      <section>
+        <h2>自我介紹</h2>
+        <p>我喜歡前端開發、學習新的 CSS 技巧與互動效果。期待和大家一起學習！</p>
+      </section>
+
+      <section>
+        <h2>聯絡方式</h2>
+        <ul>
+          <li>
+            Email: <a href="mailto:yojwei@example.com">yojwei@example.com</a>
+          </li>
+        </ul>
+      </section>
+    </main>
+  </body>
+</html>
diff --git a/students/2025-11-04-yojwei/intro.png b/students/2025-11-04-yojwei/intro.png
diff --git a/students/2025-11-04-yojwei/style.css 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%;
+}
