Spaces:
Running
Running
Update index.html
Browse files- index.html +7 -15
index.html
CHANGED
|
@@ -6,7 +6,7 @@
|
|
| 6 |
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@700;800&display=swap" rel="stylesheet">
|
| 7 |
<style>
|
| 8 |
body {
|
| 9 |
-
background: #
|
| 10 |
color: #fff;
|
| 11 |
font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
|
| 12 |
margin: 0;
|
|
@@ -20,7 +20,7 @@
|
|
| 20 |
.modern-title {
|
| 21 |
font-weight: 800;
|
| 22 |
font-size: 2.8rem;
|
| 23 |
-
background: linear-gradient(90deg, #ffb347 0%, #ffcc33
|
| 24 |
-webkit-background-clip: text;
|
| 25 |
-webkit-text-fill-color: transparent;
|
| 26 |
background-clip: text;
|
|
@@ -32,17 +32,14 @@
|
|
| 32 |
letter-spacing: -1px;
|
| 33 |
animation: fadeInDown 1.2s cubic-bezier(.18,.89,.32,1.28);
|
| 34 |
}
|
| 35 |
-
.modern-title
|
| 36 |
-
|
| 37 |
-
|
| 38 |
-
box-shadow: 0 2px 12px #0005;
|
| 39 |
-
background: #fff;
|
| 40 |
-
padding: 2px;
|
| 41 |
}
|
| 42 |
.card-grid {
|
| 43 |
display: grid;
|
| 44 |
grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
|
| 45 |
-
gap:
|
| 46 |
}
|
| 47 |
.heatmap-card {
|
| 48 |
background: linear-gradient(135deg, #232526 0%, #2c3e50 100%);
|
|
@@ -138,8 +135,7 @@
|
|
| 138 |
<body>
|
| 139 |
<div class="container">
|
| 140 |
<h1 class="modern-title">
|
| 141 |
-
<
|
| 142 |
-
My Hugging Face Heatmaps
|
| 143 |
</h1>
|
| 144 |
|
| 145 |
<div class="card-grid">
|
|
@@ -155,10 +151,6 @@
|
|
| 155 |
<div class="heatmap-label">Closed-TTS</div>
|
| 156 |
<iframe src="https://cfahlgren1-model-release-heatmap.hf.space/Closed-TTS"></iframe>
|
| 157 |
</div>
|
| 158 |
-
<div class="heatmap-card">
|
| 159 |
-
<div class="heatmap-label">Vyvo</div>
|
| 160 |
-
<iframe src="https://cfahlgren1-model-release-heatmap.hf.space/Vyvo"></iframe>
|
| 161 |
-
</div>
|
| 162 |
</div>
|
| 163 |
</div>
|
| 164 |
</body>
|
|
|
|
| 6 |
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@700;800&display=swap" rel="stylesheet">
|
| 7 |
<style>
|
| 8 |
body {
|
| 9 |
+
background: #18191a;
|
| 10 |
color: #fff;
|
| 11 |
font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
|
| 12 |
margin: 0;
|
|
|
|
| 20 |
.modern-title {
|
| 21 |
font-weight: 800;
|
| 22 |
font-size: 2.8rem;
|
| 23 |
+
background: linear-gradient(90deg, #ffb347 0%, #ffcc33 60%, #00c3ff 100%);
|
| 24 |
-webkit-background-clip: text;
|
| 25 |
-webkit-text-fill-color: transparent;
|
| 26 |
background-clip: text;
|
|
|
|
| 32 |
letter-spacing: -1px;
|
| 33 |
animation: fadeInDown 1.2s cubic-bezier(.18,.89,.32,1.28);
|
| 34 |
}
|
| 35 |
+
.modern-title .emoji {
|
| 36 |
+
font-size: 2.3rem;
|
| 37 |
+
margin-right: 6px;
|
|
|
|
|
|
|
|
|
|
| 38 |
}
|
| 39 |
.card-grid {
|
| 40 |
display: grid;
|
| 41 |
grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
|
| 42 |
+
gap: 36px;
|
| 43 |
}
|
| 44 |
.heatmap-card {
|
| 45 |
background: linear-gradient(135deg, #232526 0%, #2c3e50 100%);
|
|
|
|
| 135 |
<body>
|
| 136 |
<div class="container">
|
| 137 |
<h1 class="modern-title">
|
| 138 |
+
<span class="emoji">🤗</span> My Hugging Face Heatmaps
|
|
|
|
| 139 |
</h1>
|
| 140 |
|
| 141 |
<div class="card-grid">
|
|
|
|
| 151 |
<div class="heatmap-label">Closed-TTS</div>
|
| 152 |
<iframe src="https://cfahlgren1-model-release-heatmap.hf.space/Closed-TTS"></iframe>
|
| 153 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
| 154 |
</div>
|
| 155 |
</div>
|
| 156 |
</body>
|