blob: a1f62a0ce6990a970f65aab4c55d3a14200aa0c7 [file] [log] [blame]
Earl Lee2e463fb2025-04-17 11:22:22 -07001<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta charset="UTF-8" />
5 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6 <title>Loop WebUI</title>
7 <link rel="stylesheet" href="tailwind.css" />
8 <style>
9 body {
10 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
11 Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
12 margin: 0;
13 padding: 20px;
14 background-color: #f5f5f5;
15 }
16 #app {
17 max-width: 800px;
18 margin: 0 auto;
19 background-color: white;
20 border-radius: 8px;
21 padding: 20px;
22 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
23 }
24 h1 {
25 color: #333;
26 }
27 #status {
28 margin-top: 20px;
29 padding: 10px;
30 background-color: #e8f5e9;
31 border-radius: 4px;
32 color: #2e7d32;
33 }
34 </style>
35 </head>
36 <body>
37 <div id="app">Loading...</div>
38 <script src="index.js"></script>
39 </body>
40</html>