/ src / dev / index.html
index.html
 1  <!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>DreamSpace Browser Demo</title>
 7    <style>
 8      /* Reset and full-screen styling */
 9      * {
10        margin: 0;
11        padding: 0;
12        box-sizing: border-box;
13      }
14      
15      html, body {
16        width: 100%;
17        height: 100%;
18        overflow: hidden;
19        background: #000000;
20      }
21      
22      #root {
23        width: 100%;
24        height: 100%;
25        display: block;
26      }
27      
28      /* Ensure Three.js canvas gets proper sizing */
29      canvas {
30        display: block;
31        width: 100% !important;
32        height: 100% !important;
33      }
34    </style>
35  </head>
36  <body>
37    <div id="root"></div>
38    <script type="module" src="./browser-demo.tsx"></script>
39  </body>
40  </html>