| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| <title>Loop WebUI</title> |
| <link rel="stylesheet" href="tailwind.css" /> |
| <style> |
| body { |
| font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, |
| Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; |
| margin: 0; |
| padding: 20px; |
| background-color: #f5f5f5; |
| } |
| #app { |
| max-width: 800px; |
| margin: 0 auto; |
| background-color: white; |
| border-radius: 8px; |
| padding: 20px; |
| box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); |
| } |
| h1 { |
| color: #333; |
| } |
| #status { |
| margin-top: 20px; |
| padding: 10px; |
| background-color: #e8f5e9; |
| border-radius: 4px; |
| color: #2e7d32; |
| } |
| </style> |
| </head> |
| <body> |
| <div id="app">Loading...</div> |
| <script src="index.js"></script> |
| </body> |
| </html> |