Spaces:
Running
Running
Upload 42 files
Browse files- kimi-css/kimi-style.css +34 -0
- kimi-js/kimi-script.js +14 -4
kimi-css/kimi-style.css
CHANGED
@@ -825,6 +825,40 @@ body.animations-enabled .mic-button:hover {
|
|
825 |
transition: all 0.2s ease;
|
826 |
}
|
827 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
828 |
/* ===== GLOBAL STYLES ===== */
|
829 |
* {
|
830 |
margin: 0;
|
|
|
825 |
transition: all 0.2s ease;
|
826 |
}
|
827 |
|
828 |
+
/* ===== LOADING SCREEN ===== */
|
829 |
+
#loading-screen {
|
830 |
+
position: fixed;
|
831 |
+
top: 0;
|
832 |
+
left: 0;
|
833 |
+
width: 100%;
|
834 |
+
height: 100%;
|
835 |
+
background-color: var(--background-primary, #1a1a1a);
|
836 |
+
z-index: 10000;
|
837 |
+
display: flex;
|
838 |
+
justify-content: center;
|
839 |
+
align-items: center;
|
840 |
+
opacity: 1;
|
841 |
+
transition: opacity 0.5s ease-out;
|
842 |
+
}
|
843 |
+
|
844 |
+
#loading-screen img {
|
845 |
+
max-width: 200px;
|
846 |
+
max-height: 200px;
|
847 |
+
animation: loadingPulse 2s infinite ease-in-out;
|
848 |
+
}
|
849 |
+
|
850 |
+
@keyframes loadingPulse {
|
851 |
+
0%,
|
852 |
+
100% {
|
853 |
+
opacity: 0.7;
|
854 |
+
transform: scale(1);
|
855 |
+
}
|
856 |
+
50% {
|
857 |
+
opacity: 1;
|
858 |
+
transform: scale(1.05);
|
859 |
+
}
|
860 |
+
}
|
861 |
+
|
862 |
/* ===== GLOBAL STYLES ===== */
|
863 |
* {
|
864 |
margin: 0;
|
kimi-js/kimi-script.js
CHANGED
@@ -317,14 +317,24 @@ document.addEventListener("DOMContentLoaded", async function () {
|
|
317 |
}
|
318 |
}
|
319 |
|
320 |
-
|
321 |
-
|
322 |
-
|
|
|
323 |
loadingScreen.style.opacity = "0";
|
324 |
setTimeout(() => {
|
325 |
loadingScreen.style.display = "none";
|
326 |
}, 500);
|
327 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
328 |
}
|
329 |
|
330 |
// Use centralized video utilities
|
|
|
317 |
}
|
318 |
}
|
319 |
|
320 |
+
// Loading screen management
|
321 |
+
const hideLoadingScreen = () => {
|
322 |
+
const loadingScreen = document.getElementById("loading-screen");
|
323 |
+
if (loadingScreen) {
|
324 |
loadingScreen.style.opacity = "0";
|
325 |
setTimeout(() => {
|
326 |
loadingScreen.style.display = "none";
|
327 |
}, 500);
|
328 |
+
}
|
329 |
+
};
|
330 |
+
|
331 |
+
// Hide loading screen when resources are loaded
|
332 |
+
if (document.readyState === "complete") {
|
333 |
+
setTimeout(hideLoadingScreen, 1000);
|
334 |
+
} else {
|
335 |
+
window.addEventListener("load", () => {
|
336 |
+
setTimeout(hideLoadingScreen, 1000);
|
337 |
+
});
|
338 |
}
|
339 |
|
340 |
// Use centralized video utilities
|