Spaces:
Build error
Build error
Update app.py
Browse files
app.py
CHANGED
|
@@ -227,44 +227,10 @@ body::-webkit-scrollbar {
|
|
| 227 |
footer {
|
| 228 |
visibility: hidden
|
| 229 |
}
|
| 230 |
-
@import url("https://fonts.googleapis.com/css2?family=Russo+One&display=swap");
|
| 231 |
-
|
| 232 |
-
.hero-text {
|
| 233 |
-
font-family: "Russo One", sans-serif;
|
| 234 |
-
width: 100%; height: 100%;
|
| 235 |
-
}
|
| 236 |
-
.hero-text text {
|
| 237 |
-
animation: stroke 5s infinite alternate;
|
| 238 |
-
stroke-width: 2;
|
| 239 |
-
stroke: #9A00FF;
|
| 240 |
-
font-size: max(5vw, 32px)
|
| 241 |
-
}
|
| 242 |
-
@keyframes stroke {
|
| 243 |
-
0% {
|
| 244 |
-
fill: rgba(154,0,255,0); stroke: rgba(154,0,255,1);
|
| 245 |
-
stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2;
|
| 246 |
-
}
|
| 247 |
-
70% {fill: rgba(154,0,255,0); stroke: rgba(154,0,255,1); }
|
| 248 |
-
80% {fill: rgba(154,0,255,0); stroke: rgba(154,0,255,1); stroke-width: 3; }
|
| 249 |
-
100% {
|
| 250 |
-
fill: rgba(154,0,255,1); stroke: rgba(154,0,255,0);
|
| 251 |
-
stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
|
| 252 |
-
}
|
| 253 |
-
}
|
| 254 |
-
|
| 255 |
-
.wrapper {background-color: transperent; height:100px; border-radius: 24px;};
|
| 256 |
'''
|
| 257 |
|
| 258 |
with gr.Blocks(theme=theme, js=js, css=css) as demo:
|
| 259 |
-
gr.Markdown('''
|
| 260 |
-
<div class="wrapper">
|
| 261 |
-
<svg class="hero-text">
|
| 262 |
-
<text x="50%" y="50%" dy=".35em" text-anchor="middle">
|
| 263 |
-
File Storing and Sharing System
|
| 264 |
-
</text>
|
| 265 |
-
</svg>
|
| 266 |
-
</div>
|
| 267 |
-
''')
|
| 268 |
with gr.Column():
|
| 269 |
gr.Markdown(''' <div class="hero-container">
|
| 270 |
<img src="https://cdn3d.iconscout.com/3d/premium/thumb/cloud-storage-5402862-4521475.png" alt="logo" class="logo">
|
|
|
|
| 227 |
footer {
|
| 228 |
visibility: hidden
|
| 229 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 230 |
'''
|
| 231 |
|
| 232 |
with gr.Blocks(theme=theme, js=js, css=css) as demo:
|
| 233 |
+
gr.Markdown('''<h1 style="text-align:center;">File Storing and Sharing System</h1>''')
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 234 |
with gr.Column():
|
| 235 |
gr.Markdown(''' <div class="hero-container">
|
| 236 |
<img src="https://cdn3d.iconscout.com/3d/premium/thumb/cloud-storage-5402862-4521475.png" alt="logo" class="logo">
|