1 files changed, 34 insertions, 15 deletions
diff --git a/core/startup/index.html b/core/startup/index.html
index 50f65ac..eb5a346 100644
--- a/core/startup/index.html
+++ b/core/startup/index.html
@@ -13,16 +13,26 @@
             outline: none;
         }
 
+        #bg {
+            position: fixed;
+            inset: 0;
+            z-index: -1;
+            background-color: #ed9464;
+            background-size: cover;
+            background-position: center;
+        }
+
         html, body {
-            background-color: cornflowerblue;
+            background-color: #ed9464;
             color: black;
             margin: 0;
         }
     </style>
 </head>
 <body>
+    <div id="bg"></div>
     <div style="display: flex; align-items: center; justify-content: center; position: fixed; inset: 0;">
-        <div style="background: rgba(255, 255, 255, .75); backdrop-filter: blur(10px); padding: 50px; width: 512px; height: 256px; border-radius: 10px;">
+        <div style="background: rgba(255, 255, 255, .75); backdrop-filter: blur(20px); padding: 50px; width: 512px; height: 256px; border-radius: 10px;">
             <div style="height: calc(100% - 48px + 50px); display: flex; align-items: center; justify-content: center;">
                 <div>
                     <img src="../../logo.svg" style="width: 96px; display: block; margin-left: auto; margin-right: auto;">
@@ -85,6 +95,10 @@
                 command: "systemctl start polkit.service"
             },
             {
+                title: "Starting audio subsystem...",
+                command: "systemctl start moaudio.service"
+            },
+            {
                 title: "Configuring encryption...",
                 command: "modprobe ecryptfs && /mango/core/startup/encryption.sh"
             }
@@ -112,23 +126,28 @@
             });
         }
 
-        setTimeout(async () => {
-            for (let step of steps) {
-                document.getElementById("loading-message").innerText = step.title;
-                await sleep(100);
+        setTimeout(() => {
+            document.getElementById("loading-message").innerText = "Setting wallpaper...";
+            document.getElementById("bg").style.backgroundImage = 'url("../../wallpaper.jpg")';
 
-                try {
-                    await exec(step.command);
+            setTimeout(async () => {
+                for (let step of steps) {
+                    document.getElementById("loading-message").innerText = step.title;
                     await sleep(100);
-                } catch (e) {
-                    console.error(e);
+
+                    try {
+                        await exec(step.command);
+                        await sleep(100);
+                    } catch (e) {
+                        console.error(e);
+                    }
                 }
-            }
 
-            document.getElementById("loading-message").innerText = "Initialising login screen...";
-            document.body.style.opacity = "0";
-            document.body.style.pointerEvents = "none";
-            location.href = "../login/index.html";
+                document.getElementById("loading-message").innerText = "Initialising login screen...";
+                document.body.style.opacity = "0";
+                document.body.style.pointerEvents = "none";
+                location.href = "../login/index.html";
+            }, 1000)
         }, 3000);
     </script>
 </body>