Update app.py

app.py

@@ -166,6 +166,43 @@ def reload_javascript():
 
 GradioTemplateResponseOriginal = gr.routes.templates.TemplateResponse
 
+introduce = """
+# ControlnetWithBackground
+### Controlnet
+### Inpainting
+### Stable diffusion
+
+Use controlnet to generate sketches and characters, and keep the background unchanged.
+
+Usually when we generate a very perfect background image, we want to add image elements, but using controlnet directly will affect the original background. This project aims to add elements to the page while keeping the background unchanged, and can directly operate on the original background.
+
+Support skeletal character generation and sketch generation.
+
+Optimize an inpaint model for the general domain against the stablediffusion-inpaint model.
+
+### Two modes, openpose control and manuscript control
+#### openpose control
+#### manuscript control
+
+"""
+
+openpose_intro = """
+Add character skeletons to a forest scene generated by SD, and keep the background unchanged to generate controllable characters
+<img src="https://huggingface.co/spaces/hirol/ControlnetWithBackground/resolve/main/person.png"  width="400" height="300">
+<video width="320" height="240" controls>
+  <source src="https://huggingface.co/spaces/hirol/ControlnetWithBackground/resolve/main/person_control.mp4" type="video/mp4">
+</video>
+"""
+
+manuscript_intro = """
+Added manuscript houses to an SD generated forest scene
+<img src="https://huggingface.co/spaces/hirol/ControlnetWithBackground/resolve/main/house.png"  width="600" height="300">
+<video width="320" height="240" controls>
+  <source src="https://huggingface.co/spaces/hirol/ControlnetWithBackground/resolve/main/house.mp4" type="video/mp4">
+</video>
+Added manuscript chairs to an SD generated snow scene
+<img src="https://huggingface.co/spaces/hirol/ControlnetWithBackground/resolve/main/chair.png"  width="600" height="300">
+"""
 
 if __name__ == '__main__':
     reload_javascript()
@@ -181,8 +218,13 @@ if __name__ == '__main__':
         xpath = os.path.join(project_dir,"javascript/lazyload/posex-webui.js")
         js_ = [project_dir, f'{xpath}?{os.path.getmtime(xpath)}']
         print(js_)
+
         with gr.Blocks() as demo:
+            with gr.Row():
+                gr.Markdown(introduce)
             with gr.Tab("sketch"):
+                with gr.Row():
+                    gr.Markdown(manuscript_intro)
                 with gr.Row():
                     image_prompt_sketch = gr.Textbox(label="image prompt", value='', elem_id=id('image_prompt'))
                     image_n_prompt_sketch = gr.Textbox(label="negative prompt", value='',
@@ -197,6 +239,8 @@ if __name__ == '__main__':
                                           outputs=[result_img])
 
             with gr.Tab("openpose", elem_id=id('tab')):
+                with gr.Row():
+                    gr.Markdown(openpose_intro)
                 # with gr.Row():
                 #     enabled = gr.Checkbox(value=False, label='Send this image to ControlNet.', elem_id=id('enabled'))
                 #     cn_num = gr.Number(value=0, precision=0, label='Target ControlNet number', visible=True)