From 7102e3dd012ff03b53fb3ed0809388e132737481 Mon Sep 17 00:00:00 2001
From: Pandipipas <pablocg182000@gmail.com>
Date: Thu, 4 Jun 2026 04:09:00 +0200
Subject: [PATCH] Refactor loading screen with updated styles and dynamic
 quotes

---
 src/main/app/application-controller.ts |   2 -
 static/loading.html                    | 103 +++++++++++++++++++------
 2 files changed, 80 insertions(+), 25 deletions(-)
diff --git a/src/main/app/application-controller.ts b/src/main/app/application-controller.ts
index efd0b28..05fe684 100644
--- a/src/main/app/application-controller.ts
+++ b/src/main/app/application-controller.ts
@@ -147,8 +147,6 @@ export function createApplicationController({
         return;
       }
 
-      await loadingWindow.loadURL(paths.loadingDashboardUrl);
-
       const loadingShownAt = now();
 
       if (!mainWindow) {
diff --git a/static/loading.html b/static/loading.html
index 9121945..e5c4487 100644
--- a/static/loading.html
+++ b/static/loading.html
@@ -5,39 +5,96 @@
   <title>Scoreko</title>
   <style>
     body {
-      background-color: #0f0f0f;
-      color: #ffffff;
+      background-color: #121212;
+      color: #f5f5f5;
       font-family: system-ui, -apple-system, sans-serif;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      height: 100vh;
       margin: 0;
       overflow: hidden;
       user-select: none;
     }
-    .spinner {
-      width: 40px;
-      height: 40px;
-      border: 4px solid rgba(255, 255, 255, 0.1);
-      border-left-color: #ffffff;
-      border-radius: 50%;
-      animation: spin 1s linear infinite;
-      margin-bottom: 20px;
+    .loading-page {
+      min-height: 100vh;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
     }
-    @keyframes spin {
-      to { transform: rotate(360deg); }
+    .loading-content {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 8px;
     }
-    p {
-      margin: 0;
-      font-size: 14px;
-      opacity: 0.8;
+    .q-spinner {
+      animation: q-spin 2s linear infinite;
+      transform-origin: center center;
+      width: 50px;
+      height: 50px;
+      color: #1976d2;
+    }
+    .q-spinner circle {
+      stroke-dasharray: 1, 200;
+      stroke-dashoffset: 0;
+      animation: q-spin-dash 1.5s ease-in-out infinite;
+      stroke-linecap: round;
+    }
+    @keyframes q-spin {
+      100% { transform: rotate(360deg); }
+    }
+    @keyframes q-spin-dash {
+      0% {
+        stroke-dasharray: 1, 200;
+        stroke-dashoffset: 0;
+      }
+      50% {
+        stroke-dasharray: 89, 200;
+        stroke-dashoffset: -35px;
+      }
+      100% {
+        stroke-dasharray: 89, 200;
+        stroke-dashoffset: -124px;
+      }
+    }
+    .quote {
+      max-width: 520px;
+      margin-top: 16px;
+      font-size: 1rem;
+      line-height: 1.75rem;
+      font-weight: 400;
+    }
+    .status {
+      font-style: italic;
+      opacity: 0.7;
+      font-size: 0.875rem;
+      font-weight: 500;
+    }
+    ::-webkit-scrollbar {
+      display: none;
     }
   </style>
 </head>
 <body>
-  <div class="spinner"></div>
-  <p>Preparando Scoreko...</p>
+  <div class="loading-page">
+    <div class="loading-content">
+      <svg class="q-spinner" viewBox="25 25 50 50">
+        <circle cx="50" cy="50" r="20" fill="none" stroke="currentColor" stroke-width="5" stroke-miterlimit="10"></circle>
+      </svg>
+      <div class="quote" id="quoteText"></div>
+      <div class="status">Loading...</div>
+    </div>
+  </div>
+
+  <script>
+    const loadQuotes = [
+      "Complaining about Paul's damage",
+      'Nerfing Gigas',
+      'Mashing hopkick',
+      'Sidestepping your electric',
+      'Punishing hellsweep with 1,1,2',
+      'Emailing Harada',
+    ];
+    const randomIndex = Math.floor(Math.random() * loadQuotes.length);
+    document.getElementById('quoteText').textContent = loadQuotes[randomIndex];
+  </script>
 </body>
 </html>
