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>
|