init projects

2026-06-17 18:58:41 +03:00
parent 8543c4e241
commit 21a768edd5
505 changed files with 19998 additions and 93 deletions
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8"/>
+    <title>VBox</title>
+    <base href="/"/>
+    <link href="/manifest.json" rel="manifest">
+
+    <meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport"/>
+
+    <style>
+
+        #loader {
+          position: fixed;
+          inset: 0;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          background: #111;
+          z-index: 9999;
+        }
+
+        .spinner {
+          width: 50px;
+          height: 50px;
+          border: 6px solid #ccc;
+          border-top-color: #09f;
+          border-radius: 50%;
+          animation: spin 1s linear infinite;
+        }
+
+        @keyframes spin {
+          to { transform: rotate(360deg); }
+        }
+
+        html, body {
+          margin: 0;
+          padding: 0;
+          width: 100%;
+          height: 100%;
+          background: #000;
+          overflow: hidden;
+        }
+
+        #vboxCanvas {
+          display: block;
+          position: fixed;
+          top: 0;
+          left: 0;
+          width: 100vw;
+          height: 100vh;
+          height: 100dvh;
+          margin: 0;
+          padding: 0;
+          background: #000;
+          touch-action: manipulation;
+        }
+    </style>
+
+    <!-- грузим скрипты после DOM -->
+    <script defer src="/composeApp.js"></script>
+
+    <meta content="yes" name="apple-mobile-web-app-capable">
+    <meta content="black" name="apple-mobile-web-app-status-bar-style">
+    <meta content="VBox" name="apple-mobile-web-app-title">
+
+    <link href="icon.png" rel="apple-touch-icon">
+
+    <link href="icon.png" rel="icon" sizes="192x192" type="image/png">
+    <link href="icon-32.png" rel="icon" sizes="32x32" type="image/png">
+    <link href="icon-16.png" rel="icon" sizes="16x16" type="image/png">
+</head>
+<body>
+<div id="app-container" style="position:fixed; inset:0; overflow:hidden;">
+    <div id="loader">
+        <div class="spinner"></div>
+    </div>
+    <div id="video-layer"
+         style="position:absolute; inset:0; background:#000; visibility: hidden;"></div>
+    <div id="compose-root" style="position:absolute; inset:0;"></div>
+</div>
+</body>
+</html>