add header

app.py

@@ -61,33 +61,7 @@ css = '''
 
 image_blocks = gr.Blocks(css=css)
 with image_blocks as demo:
-    gr.HTML(
-        """
-            <div style="text-align: center; max-width: 650px; margin: 0 auto;">
-              <div
-                style="
-                  display: inline-flex;
-                  align-items: center;
-                  gap: 0.8rem;
-                  font-size: 1.75rem;
-                "
-              >
-                <h1 style="font-weight: 900; margin-bottom: 7px;">
-                  Stable Diffusion Inpainting
-                </h1>
-              </div>
-              <p style="margin-bottom: 10px; font-size: 94%">
-                Stable Diffusion Inpainting by RunwayML, add a mask and text prompt for what you want to replace <br>For faster generation you can try
-                <a
-                  href="https://app.runwayml.com/video-tools/teams/akhaliq/ai-tools/erase-and-replace"
-                  style="text-decoration: underline;"
-                  target="_blank"
-                  >erase and replace tool on Runway</a
-                >
-              </p>
-            </div>
-        """
-    )
+    gr.HTML(read_content("header.html"))
     with gr.Group():
         with gr.Box():
             image = gr.Image(source='upload', tool='sketch', elem_id="image_upload", type="pil", label="Upload").style(height=400)

header.html

@@ -0,0 +1,36 @@
+<div style="text-align: center; max-width: 650px; margin: 0 auto;">
+    <div
+      style="
+        display: inline-flex;
+        gap: 0.8rem;
+        font-size: 1.75rem;
+        margin-bottom: 10px;
+        margin-left: 220px;
+        justify-content: center;
+      "
+    >
+    <a href="https://runwayml.com/"><img src="https://aeiljuispo.cloudimg.io/v7/https://s3.amazonaws.com/moonup/production/uploads/1665970599545-634cb15a4abe8405758d2e7e.jpeg" alt="RunwayML" width="60%"></a>
+    </div> 
+    <div
+      style="
+        display: inline-flex;
+        align-items: center;
+        gap: 0.8rem;
+        font-size: 1.75rem;
+        margin-bottom: 10px;
+        justify-content: center;
+      ">
+    <a href="https://github.com/PaddlePaddle/PaddleNLP/tree/develop/model_zoo/ernie-layout"><h1 style="font-weight: 900; align-items: center; margin-bottom: 7px;">
+      RunwayML Stable Diffusion Inpainting 🎨
+    </h1></a>
+    <p style="margin-bottom: 10px; font-size: 94%">
+        Stable Diffusion Inpainting by RunwayML, add a mask and text prompt for what you want to replace <br>For faster generation you can try
+        <a
+          href="https://app.runwayml.com/video-tools/teams/akhaliq/ai-tools/erase-and-replace"
+          style="text-decoration: underline;"
+          target="_blank"
+          >erase and replace tool on Runway</a
+        >
+      </p>
+    </div> 
+  </div>