Update app.py

app.py

@@ -72,11 +72,11 @@ def infer(prompts, negative_prompts, image):
     output=np.array(output, dtype=np.float32)
     return output
 
-with gr.Blocks(css=".gradio-container {background-color: #f8d0ab};") as demo:  
+with gr.Blocks(css=".gradio-container {background-image: linear-gradient(to bottom, #206dff 10%, #f8d0ab 90%)};") as demo:  
   gr.Markdown(
       """
-      <h1 style="text-align: center;">
-      🐕‍🦺 Animal Pose Control Net 🐈‍⬛
+      <h1 style="text-align: center; font-size: 30px; color: white">
+      🐕 Animal Pose Control Net 🐈
       </h1>
       <h3 style="text-align: left;"> This is a demo of Animal Pose ControlNet, which is a model trained on runwayml/stable-diffusion-v1-5 with a new type of conditioning.</h3>  
       <h3 style="text-align: left;"> While this is definitely a work in progress, you can still try it out by using the p5 sketch to create a keypoint image and using it as the conditioning image.</h3>
@@ -99,12 +99,13 @@ with gr.Blocks(css=".gradio-container {background-color: #f8d0ab};") as demo:
       keypoint_tool = addp5sketch(sketch_url)
       gr.Markdown(
         """
-        [OpenPifPaf Animalpose](https://openpifpaf.github.io/plugins_animalpose.html).
-        [Dataset](https://huggingface.co/datasets/JFoz/dog-cat-pose)  
-        [Diffusers model](https://huggingface.co/JFoz/dog-cat-pose)  
-        [WANDB Training Report](https://wandb.ai/john-fozard/dog-cat-pose/runs/kmwcvae5)
-        [Training Scripts](https://github.com/fi4cr/animalpose/tree/main/scripts) 
-        [p5.js](https://p5js.org)
+        <h3 style="text-align: left;">Additional Information</h3>
+        <a style = "color: black; font-size: 20px" href="https://openpifpaf.github.io/plugins_animalpose.html">OpenPifPaf Animalpose</a>
+        <a style = "color: black; font-size: 20px" href="https://huggingface.co/datasets/JFoz/dog-cat-pose">Dataset</a>
+        <a style = "color: black; font-size: 20px" href="https://huggingface.co/JFoz/dog-cat-pose">Diffusers model</a>
+        <a style = "color: black; font-size: 20px" href="https://wandb.ai/john-fozard/dog-cat-pose/runs/kmwcvae5"> WANDB Training Report</a>
+        <a style = "color: black; font-size: 20px" href="https://github.com/fi4cr/animalpose/tree/main/scripts">Training Scripts</a>
+        <a style = "color: black; font-size: 20px" href="https://p5js.org">p5.js</a>
         """)     
 
   run_btn.click(fn=infer, inputs = [prompts, negative_prompts, conditioning_image], outputs = output)