Lashtw/Vibecodingex

1<!DOCTYPE html>
2<html lang="zh-TW">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>Vibecoding Workshop</title>
8    <script src="https://cdn.tailwindcss.com"></script>
9    <link rel="preconnect" href="https://fonts.googleapis.com">
10    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11    <link
12        href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Noto+Sans+TC:wght@400;700&display=swap"
13        rel="stylesheet">
14    <style>
15        body {
16            font-family: 'Noto Sans TC', sans-serif;
17            background-color: #0f172a;
18            /* Slate 900 */
19            color: #e2e8f0;
20            /* Slate 200 */
21        }
22
23        .font-mono {
24            font-family: 'JetBrains Mono', monospace;
25        }
26    </style>
27</head>
28
29<body class="bg-slate-900 text-slate-200 antialiased selection:bg-cyan-500 selection:text-white">
30    <div id="app" class="max-w-7xl mx-auto"></div>
31    <script type="module" src="./src/main.js"></script>
32</body>
33
34</html>