Spaces:
Running
Running
UI: English-only — replace all Korean strings (loading status, hint, done) with English
Browse files- index.html +10 -10
index.html
CHANGED
|
@@ -34,9 +34,9 @@
|
|
| 34 |
<div class="loading-card">
|
| 35 |
<div class="loading-spinner"></div>
|
| 36 |
<div class="loading-title">🌌 Model Galaxy</div>
|
| 37 |
-
<div class="loading-status" id="loading-status">
|
| 38 |
<div class="loading-progress"><div id="loading-bar"></div></div>
|
| 39 |
-
<div class="loading-hint">22,400+
|
| 40 |
</div>
|
| 41 |
</div>
|
| 42 |
</div>
|
|
@@ -54,12 +54,12 @@
|
|
| 54 |
var done = false;
|
| 55 |
|
| 56 |
var stages = [
|
| 57 |
-
[0, '
|
| 58 |
-
[2200, '
|
| 59 |
-
[4800, '
|
| 60 |
-
[7800, '
|
| 61 |
-
[10800, 'Sigma.js
|
| 62 |
-
[13200, '
|
| 63 |
];
|
| 64 |
function updateStage(elapsed){
|
| 65 |
for (var k = stages.length - 1; k >= 0; k--){
|
|
@@ -82,7 +82,7 @@
|
|
| 82 |
done = true;
|
| 83 |
clearInterval(watch); clearInterval(tick);
|
| 84 |
bar.style.width = '100%';
|
| 85 |
-
s.textContent = '
|
| 86 |
setTimeout(function(){
|
| 87 |
overlay.style.opacity = '0';
|
| 88 |
setTimeout(function(){ overlay.style.display = 'none'; }, 500);
|
|
@@ -96,7 +96,7 @@
|
|
| 96 |
done = true;
|
| 97 |
clearInterval(watch); clearInterval(tick);
|
| 98 |
bar.style.width = '100%';
|
| 99 |
-
s.textContent = '
|
| 100 |
overlay.style.opacity = '0';
|
| 101 |
setTimeout(function(){ overlay.style.display = 'none'; }, 500);
|
| 102 |
}
|
|
|
|
| 34 |
<div class="loading-card">
|
| 35 |
<div class="loading-spinner"></div>
|
| 36 |
<div class="loading-title">🌌 Model Galaxy</div>
|
| 37 |
+
<div class="loading-status" id="loading-status">Loading data…</div>
|
| 38 |
<div class="loading-progress"><div id="loading-bar"></div></div>
|
| 39 |
+
<div class="loading-hint">Rendering a galaxy of 22,400+ models (5–15 s).<br>Look for the 🌳 Darwin · ⭐ Trending · 🎨 Multimodal galaxies once the canvas appears.</div>
|
| 40 |
</div>
|
| 41 |
</div>
|
| 42 |
</div>
|
|
|
|
| 54 |
var done = false;
|
| 55 |
|
| 56 |
var stages = [
|
| 57 |
+
[0, 'Loading atlas metadata…'],
|
| 58 |
+
[2200, 'Downloading compressed graph (3 MB gzip)…'],
|
| 59 |
+
[4800, 'Decompressing gzip (≈ 27 MB JSON)…'],
|
| 60 |
+
[7800, 'Parsing 22,480 nodes…'],
|
| 61 |
+
[10800, 'Computing Sigma.js layout…'],
|
| 62 |
+
[13200, 'Rendering canvas…'],
|
| 63 |
];
|
| 64 |
function updateStage(elapsed){
|
| 65 |
for (var k = stages.length - 1; k >= 0; k--){
|
|
|
|
| 82 |
done = true;
|
| 83 |
clearInterval(watch); clearInterval(tick);
|
| 84 |
bar.style.width = '100%';
|
| 85 |
+
s.textContent = 'Done ✓';
|
| 86 |
setTimeout(function(){
|
| 87 |
overlay.style.opacity = '0';
|
| 88 |
setTimeout(function(){ overlay.style.display = 'none'; }, 500);
|
|
|
|
| 96 |
done = true;
|
| 97 |
clearInterval(watch); clearInterval(tick);
|
| 98 |
bar.style.width = '100%';
|
| 99 |
+
s.textContent = 'Done ✓';
|
| 100 |
overlay.style.opacity = '0';
|
| 101 |
setTimeout(function(){ overlay.style.display = 'none'; }, 500);
|
| 102 |
}
|