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
|