VirtualKimi commited on
Commit
e8ca17d
·
verified ·
1 Parent(s): b0c5e01

Upload 42 files

Browse files
Files changed (2) hide show
  1. kimi-css/kimi-style.css +34 -0
  2. 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
- const loadingScreen = document.getElementById("loading-screen");
321
- if (loadingScreen) {
322
- setTimeout(() => {
 
323
  loadingScreen.style.opacity = "0";
324
  setTimeout(() => {
325
  loadingScreen.style.display = "none";
326
  }, 500);
327
- }, 1500);
 
 
 
 
 
 
 
 
 
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