Spaces:
Running
Running
Update index.html
Browse files- index.html +50 -5
index.html
CHANGED
|
@@ -25,17 +25,46 @@
|
|
| 25 |
-webkit-text-fill-color: transparent;
|
| 26 |
background-clip: text;
|
| 27 |
text-fill-color: transparent;
|
| 28 |
-
margin-bottom:
|
| 29 |
display: flex;
|
| 30 |
align-items: center;
|
| 31 |
gap: 18px;
|
| 32 |
letter-spacing: -1px;
|
| 33 |
animation: fadeInDown 1.2s cubic-bezier(.18,.89,.32,1.28);
|
| 34 |
}
|
| 35 |
-
.modern-title .
|
| 36 |
-
|
| 37 |
-
|
|
|
|
| 38 |
vertical-align: middle;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 39 |
}
|
| 40 |
.search-row {
|
| 41 |
display: flex;
|
|
@@ -227,10 +256,26 @@
|
|
| 227 |
<body>
|
| 228 |
<div class="container">
|
| 229 |
<h1 class="modern-title">
|
| 230 |
-
<span class="
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 231 |
My Hugging Face Heatmaps
|
| 232 |
</h1>
|
| 233 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 234 |
<form class="search-row" id="searchForm" autocomplete="off" onsubmit="return false;">
|
| 235 |
<input type="text" id="usernameInput" placeholder="Enter username or org..." required>
|
| 236 |
<button type="submit">Add Heatmap</button>
|
|
|
|
| 25 |
-webkit-text-fill-color: transparent;
|
| 26 |
background-clip: text;
|
| 27 |
text-fill-color: transparent;
|
| 28 |
+
margin-bottom: 24px;
|
| 29 |
display: flex;
|
| 30 |
align-items: center;
|
| 31 |
gap: 18px;
|
| 32 |
letter-spacing: -1px;
|
| 33 |
animation: fadeInDown 1.2s cubic-bezier(.18,.89,.32,1.28);
|
| 34 |
}
|
| 35 |
+
.modern-title .hf-logo {
|
| 36 |
+
height: 2.7rem;
|
| 37 |
+
width: 2.7rem;
|
| 38 |
+
display: inline-block;
|
| 39 |
vertical-align: middle;
|
| 40 |
+
margin-right: 10px;
|
| 41 |
+
background: #fff;
|
| 42 |
+
border-radius: 50%;
|
| 43 |
+
box-shadow: 0 2px 12px #0005;
|
| 44 |
+
padding: 2px;
|
| 45 |
+
}
|
| 46 |
+
.star-call {
|
| 47 |
+
margin-bottom: 34px;
|
| 48 |
+
font-size: 1.15rem;
|
| 49 |
+
color: #ffcc33;
|
| 50 |
+
background: #232526;
|
| 51 |
+
border-radius: 14px;
|
| 52 |
+
padding: 12px 18px;
|
| 53 |
+
display: inline-block;
|
| 54 |
+
box-shadow: 0 2px 14px #0003;
|
| 55 |
+
font-weight: 700;
|
| 56 |
+
animation: fadeIn 1.1s cubic-bezier(.18,.89,.32,1.28);
|
| 57 |
+
}
|
| 58 |
+
.star-call a {
|
| 59 |
+
color: #ffb347;
|
| 60 |
+
text-decoration: none;
|
| 61 |
+
font-weight: 900;
|
| 62 |
+
margin-left: 6px;
|
| 63 |
+
transition: color 0.15s;
|
| 64 |
+
}
|
| 65 |
+
.star-call a:hover {
|
| 66 |
+
color: #00c3ff;
|
| 67 |
+
text-decoration: underline;
|
| 68 |
}
|
| 69 |
.search-row {
|
| 70 |
display: flex;
|
|
|
|
| 256 |
<body>
|
| 257 |
<div class="container">
|
| 258 |
<h1 class="modern-title">
|
| 259 |
+
<span class="hf-logo">
|
| 260 |
+
<svg viewBox="0 0 40 40" width="38" height="38" xmlns="http://www.w3.org/2000/svg">
|
| 261 |
+
<circle cx="20" cy="20" r="20" fill="#fff"/>
|
| 262 |
+
<g>
|
| 263 |
+
<ellipse cx="20" cy="20" rx="18" ry="18" fill="#ffd21e"/>
|
| 264 |
+
<ellipse cx="14" cy="17" rx="2.5" ry="3" fill="#fff"/>
|
| 265 |
+
<ellipse cx="26" cy="17" rx="2.5" ry="3" fill="#fff"/>
|
| 266 |
+
<ellipse cx="14" cy="17" rx="1.2" ry="1.5" fill="#222"/>
|
| 267 |
+
<ellipse cx="26" cy="17" rx="1.2" ry="1.5" fill="#222"/>
|
| 268 |
+
<path d="M13 26 q7 5 14 0" stroke="#222" stroke-width="2" fill="none" stroke-linecap="round"/>
|
| 269 |
+
</g>
|
| 270 |
+
</svg>
|
| 271 |
+
</span>
|
| 272 |
My Hugging Face Heatmaps
|
| 273 |
</h1>
|
| 274 |
|
| 275 |
+
<div class="star-call">
|
| 276 |
+
If you like this Space, please <a href="https://huggingface.co/spaces/kadirnar/Personel-Activity" target="_blank">give it a star ⭐️</a>!
|
| 277 |
+
</div>
|
| 278 |
+
|
| 279 |
<form class="search-row" id="searchForm" autocomplete="off" onsubmit="return false;">
|
| 280 |
<input type="text" id="usernameInput" placeholder="Enter username or org..." required>
|
| 281 |
<button type="submit">Add Heatmap</button>
|