adding title and links

app.py

@@ -30,7 +30,51 @@ def process_image(image):
     
     return [view(result['hr_alb']), 1 - invert(result['dif_shd']), view_scale(result['pos_res'])]
 
-with gr.Blocks() as demo:
+with gr.Blocks(
+    css="""
+        #download {
+            height: 118px;
+        }
+        .slider .inner {
+            width: 5px;
+            background: #FFF;
+        }
+        .viewport {
+            aspect-ratio: 4/3;
+        }
+        .tabs button.selected {
+            font-size: 20px !important;
+            color: crimson !important;
+        }
+        h1 {
+            text-align: center;
+            display: block;
+        }
+        h2 {
+            text-align: center;
+            display: block;
+        }
+        h3 {
+            text-align: center;
+            display: block;
+        }
+        .md_feedback li {
+            margin-bottom: 0px !important;
+        }
+        """,
+) as demo:
+    gr.Markdown(
+            """
+            # Colorful Diffuse Intrinsic Image Decomposition in the Wild
+            <p align="center">
+            <a title="Website" href="https://yaksoy.github.io/ColorfulShading/" target="_blank" rel="noopener noreferrer" style="display: inline-block;">
+                <img src="https://www.obukhov.ai/img/badges/badge-website.svg">
+            </a>
+            <a title="Github" href="https://github.com/compphoto/Intrinsic" target="_blank" rel="noopener noreferrer" style="display: inline-block;">
+                <img src="https://img.shields.io/github/stars/compphoto/Intrinsic?label=GitHub%20%E2%98%85&logo=github&color=C8C" alt="badge-github-stars">
+            </a>
+        """
+    )
     with gr.Row():
         input_img = gr.Image(label="Input Image")