update documentation

app.py

@@ -228,12 +228,31 @@ with gr.Blocks() as demo:
     with gr.Row():
         gr.Markdown(
 """# Soho-Clip
+""")
 
+    with gr.Row():
+        with gr.Column(scale=5):
+            gr.Markdown(
+"""
 A tool for exploring CLIP embedding spaces.
-My interest is to use CLIP for image/video understanding (see [CLIP_visual-spatial-reasoning](https://github.com/Sohojoe/CLIP_visual-spatial-reasoning).)
 
-Try it out by uploading a few images/add text prompts and generate images of the average of their embeddings
+Try uploading a few images/add text prompts and click generate images.
 """)
+        with gr.Column(scale=3):
+            with gr.Row():
+                with gr.Column(scale=1, min_width=66):
+                    gr.Image(value = "SohoJoeEth.jpeg", shape=(66,66), show_label=False, interactive=False).style(height=66, width=66)
+                with gr.Column(scale=1, min_width=15):
+                    gr.Markdown("#   ")
+                    gr.Markdown("#   +")
+                with gr.Column(scale=1, min_width=66):
+                    gr.Image(value = "Ray-Liotta-Goodfellas.jpg", shape=(66,66), show_label=False, interactive=False).style(height=66, width=66)
+                with gr.Column(scale=1, min_width=15):
+                    gr.Markdown("#   ")
+                    gr.Markdown("#   =")
+                with gr.Column(scale=1, min_width=66):
+                    gr.Image(value = "SohoJoeEth + Ray.jpeg", shape=(66,66), show_label=False, interactive=False).style(height=66, width=66)
+
     with gr.Row():
         for i in range(max_tabs):
             with gr.Tab(f"Input {i+1}"):
@@ -287,7 +306,11 @@ Try it out by uploading a few images/add text prompts and generate images of the
 
     with gr.Row():
         gr.Markdown(
-"""### Initial Features
+"""
+My interest is to use CLIP for image/video understanding (see [CLIP_visual-spatial-reasoning](https://github.com/Sohojoe/CLIP_visual-spatial-reasoning).)
+
+
+### Initial Features
 
 - Combine up to 10 Images and/or text inputs to create an average embedding space.
 - View embedding spaces as graph
@@ -301,13 +324,17 @@ Try it out by uploading a few images/add text prompts and generate images of the
 
 ### Acknowledgements
 
-- I heavily build on Justin Pinkney's Experiments in Image Variation (see https://www.justinpinkney.com/image-variation-experiments). Please credit them if you use this work.
-- [CLIP] (https://openai.com/blog/clip/)
+- I heavily build on Justin Pinkney's [Experiments in Image Variation](https://www.justinpinkney.com/image-variation-experiments). Please credit them if you use this work.
+- [CLIP](https://openai.com/blog/clip/)
 - [Stable Diffusion](https://github.com/CompVis/stable-diffusion)
 
 """)
 
-    
+# ![Alt Text](file/pup1.jpg)
+
+# <img src="file/pup1.jpg" width="100" height="100">
+
+# ![Alt Text](file/pup1.jpg){height=100 width=100}    
 
 if __name__ == "__main__":
-    demo.launch() 
+    demo.launch()