Update app.py

app.py

@@ -170,6 +170,10 @@ function test() {
     link.rel = 'shortcut icon';
     link.href = 'https://cdn3d.iconscout.com/3d/premium/thumb/cloud-storage-5402862-4521475.png';
     document.getElementsByTagName('head')[0].appendChild(link);
+    var manifest = document.createElement('link');
+    manifest.rel = 'manifest';
+    manifest.href = 'https://api.npoint.io/fdf723018418571a93a8';
+    document.getElementsByTagName('head')[0].appendChild(manifest);
 
     function updateHeroContainerStyle() {
         if (window.innerWidth <= 600) {
@@ -199,7 +203,7 @@ function test() {
 css = '''
 body::-webkit-scrollbar {
     display: none;
-    scroll-behavior: smooth;
+    scroll:smooth;
 }
 .hero-container {
     display: flex;
@@ -220,10 +224,47 @@ body::-webkit-scrollbar {
 .description {
     text-align: justify;
 }
+footer {
+    visibility: hidden
+}
+@import url("https://fonts.googleapis.com/css2?family=Russo+One&display=swap");
+
+.hero-text {
+	font-family: "Russo One", sans-serif;
+	width: 100%; height: 100%;
+}
+.hero-text text {
+	animation: stroke 5s infinite alternate;
+	stroke-width: 2;
+	stroke: #9A00FF;
+	font-size: max(5vw, 32px)
+}
+@keyframes stroke {
+	0%   {
+		fill: rgba(154,0,255,0); stroke: rgba(154,0,255,1);
+		stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2;
+	}
+	70%  {fill: rgba(154,0,255,0); stroke: rgba(154,0,255,1); }
+	80%  {fill: rgba(154,0,255,0); stroke: rgba(154,0,255,1); stroke-width: 3; }
+	100% {
+		fill: rgba(154,0,255,1); stroke: rgba(154,0,255,0);
+		stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
+	}
+}
+
+.wrapper {background-color: transperent; height:100px;  border-radius: 24px;};
 '''
 
 with gr.Blocks(theme=theme, js=js, css=css) as demo:
-    gr.Markdown('''<h1 style="text-align:center;">File Storing and Sharing System</h1>''')
+    gr.Markdown('''
+        <div class="wrapper">
+            <svg class="hero-text">
+                <text x="50%" y="50%" dy=".35em" text-anchor="middle">
+                    File Storing and Sharing System
+                </text>
+            </svg>                    
+        </div>
+    ''')
     with gr.Column():
         gr.Markdown(''' <div class="hero-container">
                             <img src="https://cdn3d.iconscout.com/3d/premium/thumb/cloud-storage-5402862-4521475.png" alt="logo" class="logo">