Spaces:
Sleeping
Sleeping
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">
|