Update index.html
Browse files- index.html +47 -1
index.html
CHANGED
|
@@ -421,6 +421,41 @@
|
|
| 421 |
margin: 0 auto 10px;
|
| 422 |
}
|
| 423 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 424 |
@keyframes spin {
|
| 425 |
0% { transform: rotate(0deg); }
|
| 426 |
100% { transform: rotate(360deg); }
|
|
@@ -464,7 +499,18 @@
|
|
| 464 |
<body>
|
| 465 |
<div class="viewer-container">
|
| 466 |
<div class="header">
|
| 467 |
-
<h1>📊 ROVI Example Viewer
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 468 |
</div>
|
| 469 |
|
| 470 |
<div id="loadingScreen" class="loading-screen">
|
|
|
|
| 421 |
margin: 0 auto 10px;
|
| 422 |
}
|
| 423 |
|
| 424 |
+
.header-links {
|
| 425 |
+
display: inline-flex;
|
| 426 |
+
gap: 12px;
|
| 427 |
+
margin-left: 15px;
|
| 428 |
+
align-items: center;
|
| 429 |
+
}
|
| 430 |
+
|
| 431 |
+
.header-link {
|
| 432 |
+
display: inline-flex;
|
| 433 |
+
align-items: center;
|
| 434 |
+
justify-content: center;
|
| 435 |
+
width: 32px;
|
| 436 |
+
height: 32px;
|
| 437 |
+
background: rgba(102, 126, 234, 0.1);
|
| 438 |
+
border-radius: 8px;
|
| 439 |
+
text-decoration: none;
|
| 440 |
+
transition: all 0.3s ease;
|
| 441 |
+
font-size: 16px;
|
| 442 |
+
}
|
| 443 |
+
|
| 444 |
+
.header-link:hover {
|
| 445 |
+
background: rgba(102, 126, 234, 0.2);
|
| 446 |
+
transform: translateY(-2px);
|
| 447 |
+
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
|
| 448 |
+
}
|
| 449 |
+
|
| 450 |
+
.header-link svg {
|
| 451 |
+
color: #667eea;
|
| 452 |
+
transition: color 0.3s ease;
|
| 453 |
+
}
|
| 454 |
+
|
| 455 |
+
.header-link:hover svg {
|
| 456 |
+
color: #5a6fd8;
|
| 457 |
+
}
|
| 458 |
+
|
| 459 |
@keyframes spin {
|
| 460 |
0% { transform: rotate(0deg); }
|
| 461 |
100% { transform: rotate(360deg); }
|
|
|
|
| 499 |
<body>
|
| 500 |
<div class="viewer-container">
|
| 501 |
<div class="header">
|
| 502 |
+
<h1>📊 ROVI Example Viewer
|
| 503 |
+
<span class="header-links">
|
| 504 |
+
<a href="https://github.com/CihangPeng/ROVI" target="_blank" class="header-link" title="GitHub Repository">
|
| 505 |
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
|
| 506 |
+
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/>
|
| 507 |
+
</svg>
|
| 508 |
+
</a>
|
| 509 |
+
<a href="https://huggingface.co/datasets/CHang/ROVI" target="_blank" class="header-link" title="Hugging Face Dataset">
|
| 510 |
+
🤗
|
| 511 |
+
</a>
|
| 512 |
+
</span>
|
| 513 |
+
</h1>
|
| 514 |
</div>
|
| 515 |
|
| 516 |
<div id="loadingScreen" class="loading-screen">
|