Add Demo showcase pages for spring class projects

projects/2026春季班資訊騎士2/蘇珩瑋/Just_Dance/index.html

@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="zh-Hant">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Just Dance｜蘇珩瑋</title>
+  <style>
+    :root { color-scheme: dark; }
+    body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #101827; color: #e5eefb; font-family: system-ui, sans-serif; }
+    main { width: min(900px, 92vw); padding: 28px; box-sizing: border-box; text-align: center; }
+    h1 { margin: 0 0 8px; font-size: clamp(1.5rem, 4vw, 2.4rem); }
+    p { color: #9fb1ca; margin: 0 0 22px; }
+    img { display: block; max-width: 100%; height: auto; margin: auto; border-radius: 12px; box-shadow: 0 12px 40px #0006; }
+  </style>
+</head>
+<body><main><h1>Just Dance</h1><p>蘇珩瑋的作品展示</p><img src="0509_arcade-L2_CH4_JUST_DANCE_蘇珩瑋.png" alt="Just Dance 作品截圖"></main></body>
+</html>

projects/2026春季班資訊騎士2/蘇珩瑋/函式/index.html

@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="zh-Hant">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>函式｜蘇珩瑋</title>
+  <style>
+    :root { color-scheme: dark; }
+    body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #101827; color: #e5eefb; font-family: system-ui, sans-serif; }
+    main { width: min(900px, 92vw); padding: 28px; box-sizing: border-box; text-align: center; }
+    h1 { margin: 0 0 8px; font-size: clamp(1.5rem, 4vw, 2.4rem); }
+    p { color: #9fb1ca; margin: 0 0 22px; }
+    img { display: block; max-width: 100%; height: auto; margin: auto; border-radius: 12px; box-shadow: 0 12px 40px #0006; }
+  </style>
+</head>
+<body><main><h1>函式</h1><p>蘇珩瑋的作品展示</p><img src="0502_arcade-20260418_函式-蘇珩瑋.png" alt="函式作品截圖"></main></body>
+</html>

projects/2026春季班資訊騎士2/蘇珩瑋/加速度/index.html

@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="zh-Hant">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>加速度｜蘇珩瑋</title>
+  <style>
+    :root { color-scheme: dark; }
+    body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #101827; color: #e5eefb; font-family: system-ui, sans-serif; }
+    main { width: min(900px, 92vw); padding: 28px; box-sizing: border-box; text-align: center; }
+    h1 { margin: 0 0 8px; font-size: clamp(1.5rem, 4vw, 2.4rem); }
+    p { color: #9fb1ca; margin: 0 0 22px; }
+    img { display: block; max-width: 100%; height: auto; margin: auto; border-radius: 12px; box-shadow: 0 12px 40px #0006; }
+  </style>
+</head>
+<body><main><h1>加速度</h1><p>蘇珩瑋的作品展示</p><img src="0411_arcade-加速度-蘇珩瑋.png" alt="加速度作品截圖"></main></body>
+</html>

projects/2026春季班資訊騎士2/蘇珩瑋/變數練習_Fire/index.html

@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="zh-Hant">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>變數練習 Fire｜蘇珩瑋</title>
+  <style>
+    :root { color-scheme: dark; }
+    body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #101827; color: #e5eefb; font-family: system-ui, sans-serif; }
+    main { width: min(900px, 92vw); padding: 28px; box-sizing: border-box; text-align: center; }
+    h1 { margin: 0 0 8px; font-size: clamp(1.5rem, 4vw, 2.4rem); }
+    p { color: #9fb1ca; margin: 0 0 22px; }
+    img { display: block; max-width: 100%; height: auto; margin: auto; border-radius: 12px; box-shadow: 0 12px 40px #0006; }
+  </style>
+</head>
+<body><main><h1>變數練習 Fire</h1><p>蘇珩瑋的作品展示</p><img src="0321_arcade-變數練習-fire-蘇珩瑋 (1).png" alt="變數練習 Fire 作品截圖"></main></body>
+</html>