Dateien nach "/" hochladen

2024-02-18 01:21:38 +00:00 · 2024-02-18 01:21:38 +00:00 · 5a6774e77f
parent 1b63cee826
commit 5a6774e77f
2 changed files with 126 additions and 0 deletions
--- a/favicon.ico
+++ b/favicon.ico
--- a/index.html
+++ b/index.html
@ -0,0 +1,126 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+    <title>Windows 10 Update</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/x-icon" href="favicon.ico">
+    <style>
+        body {
+            background: url('./images/win10_background.jpg') #0078D7 no-repeat center center fixed;
+            background-size: cover;
+            overflow: hidden;
+            margin: 0;
+            padding: 0;
+            cursor: url('./images/cursor.png'), auto;
+        }
+
+        .progress-container {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            width: 500px;
+            font-family: "Segoe UI", Arial;
+            font-size: 23px;
+            color: #fff;
+            text-align: center;
+            text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
+            user-select: none;
+        }
+
+        .footer-image {
+            position: absolute;
+            bottom: 17px;
+            left: 44.5%;
+            width: 50%;
+        }
+
+        .message-box {
+            display: block;
+            color: #67A2E6;
+            font-family: "Segoe UI", Arial;
+            font-size: 20px;
+            text-align: center;
+            user-select: none;
+            z-index: 999;
+        }
+
+        .hidden {
+            display: none;
+        }
+
+        .fullscreen-image {
+            width: 100%;
+            position: absolute;
+            top: 0;
+            left: 0;
+            z-index: 999;
+            height: 100%;
+        }
+
+        #loading-gif {
+            position: absolute;
+            top: -100%;
+            left: 50%;
+            transform: translateX(-50%);
+        }
+    </style>
+
+    <script>
+        document.addEventListener('DOMContentLoaded', (event) => {
+            const element = document.documentElement;
+
+            if (element.requestFullscreen) {
+                element.requestFullscreen();
+            } else if (element.webkitRequestFullscreen) { /* Safari */
+                element.webkitRequestFullscreen();
+            } else if (element.msRequestFullscreen) { /* IE11 */
+                element.msRequestFullscreen();
+            }
+        });
+
+        let progressCount = 0;
+        let phase = 1;
+
+        const updateInterval = setInterval(() => {
+            document.getElementById("advice").innerText = "Bitte schalten Sie Ihren Computer nicht aus.";
+
+            progressCount += 1;
+            document.getElementById("progress").innerText = `${progressCount}%`;
+
+            if (progressCount >= 100) {
+                if (phase === 1) {
+                    phase = 2;
+                    document.getElementById("status").innerText = "Updates werden installiert";
+                    progressCount = 0;
+                } else if (phase === 2) {
+                    clearInterval(updateInterval);
+                    document.getElementById("progress").innerText = "";
+                    document.getElementById("status").style.display = "none";
+                    document.getElementById("progress").style.display = "none";
+                    setTimeout(() => {
+                        document.getElementById("bluescreen").style.display = "block";
+                    }, 1000);
+                }
+            }
+        }, 14830);
+    </script>
+</head>
+
+<body>
+<div style="display: block; position: absolute; min-width: 100%; min-height: 100%; margin: 0; padding: 0;">
+    <div class="progress-container">
+        <img id="loading-gif" src="./images/win10_loading.gif" draggable="false" ondragstart="return false;">
+        <a id="status">Updates werden verarbeitet</a><br>
+        <a id="progress">0%</a> <span>abgeschlossen.</span><br>
+        <a id="advice">Bitte schalten Sie Ihren Computer nicht aus.</a><br>
+    </div>
+    <div class="footer-image">
+    </div>
+</div>
+
+<div class="hidden" id="blackscreen"><img class="fullscreen-image" src="./images/blackscreen.png"></div><br>
+<div class="hidden" id="bluescreen"><img class="fullscreen-image" src="./images/win10_bluescreen.png"></div><br>
+</body>
+</html>