Initial commit

2026-06-24 13:07:52 +02:00
commit bea7289c00
19 changed files with 6349 additions and 0 deletions
@@ -0,0 +1,104 @@
+<html>
+    <head>
+        <style>
+            body {
+                width: 100vw;
+                height: 100vh;
+                overflow: hidden;
+                margin: 0;
+                display: flex;
+                background: transparent;
+                flex-direction: column;
+                justify-content: center;
+                align-items: center;
+                font-family: Arial, Helvetica, sans-serif;
+            }
+
+            .loading {
+                position: relative;
+                width: 500px;
+                height: auto;
+                padding: 10px 0;
+                border-radius: 15px;
+                background: #101010;
+                text-align: center;
+                border: 1px solid #AA5CC3;
+                box-shadow:
+                    0 0 10px rgba(0, 164, 220, 0.6),
+                    0 0 20px rgba(170, 92, 195, 0.5),
+                    0 0 35px rgba(139, 92, 246, 0.4);
+            }
+
+            img {
+                position: relative;
+                width: 400px;
+                height: auto;
+                user-select: none;
+                -webkit-user-drag: none;
+            }
+
+            .processBar {
+                width: 450px;
+                height: 8px;
+                background: rgba(170, 92, 195, .18);
+                border-radius: 10px;
+                overflow: hidden;
+                position: relative;
+                left: 50%;
+                transform: translate(-50%);
+            }
+
+            .processBar100 {
+                position: absolute;
+                width: 100%;
+                height: 100%;
+            }
+
+            #processBar {
+                height: 100%;
+                width: 0%;
+                background: linear-gradient(
+                    90deg,
+                    #00A4DC 0%,
+                    #AA5CC3 40%,
+                    #8B5CF6 100%
+                );
+                transition: width .3s ease;
+            }
+
+            #processText {
+                margin-top: 10px;
+                color: white;
+            }
+        </style>
+    </head>
+    
+    <body>
+        <section class="loading">
+            
+            <img src="../../resources/images/full_logo.png" alt="App Logo">
+
+            <div class="processBar">
+                <div class="processBar100"></div>
+                <div id="processBar"></div>
+            </div>
+
+            <p id="processText"></p>
+        </section>
+
+        <script>
+            window.splashAPI.onUpdate((data) => {
+                const bar = document.getElementById("processBar");
+                const text = document.getElementById("processText");
+
+                if (data.progress !== undefined) {
+                    bar.style.width = `${data.progress}%`;
+                }
+
+                if (data.message) {
+                    text.textContent = data.message;
+                }
+            });
+        </script>
+    </body>
+</html>