Update app.py

Cleaned up extraneous elements and added explanation text and html

app.py

@@ -363,26 +363,36 @@ with gr.Blocks(css=css) as demo:
                   <rect x="23" y="115" width="23" height="23" fill="#AEAEAE"></rect>
                   <rect x="23" y="69" width="23" height="23" fill="black"></rect>
                 </svg>
-                <h1 style="font-weight: 900; margin-bottom: 7px;">
-                  Stable Diffusion Conceptualizer
+                <h1 _style="font-weight: 900; margin-bottom: 7px;">
+                  🧑‍🚀 Astronaut Horse Concept Loader
                 </h1>
               </div>
-              <p style="margin-bottom: 10px; font-size: 94%">
-                Navigate through community created concepts and styles via Stable Diffusion Textual Inversion and pick yours for inference.
-                To train your own concepts and contribute to the library <a style="text-decoration: underline" href="https://colab.research.google.com/github/huggingface/notebooks/blob/main/diffusers/sd_textual_inversion_training.ipynb">check out this notebook</a>.
+              <p _style="margin-bottom: 10px; font-size: 94%">
+                Run your own text prompts into fine-tuned artist concepts, see the example below. Currently only loading two artist concepts while testing. Soon will automatically be able to add all concepts from astronaut horse artist collaborations. 
               </p>
+              <a href="http://www.astronaut.horse">http://www.astronaut.horse</a>
+              <h2>Prompt Examples Using Artist Token:</h2>
+              <ul>
+                <li>"a photograph of pink crystals in the style of &lt;artist&gt;"</li>
+                <li>"a painting of a horse in the style of &lt;artist&gt;"</li>
+              </ul>
+              <h2>Currently-Usable Concept Tokens</h2>
+              <ul>
+                <li>&lt;artist&gt;</li>
+                <li>&lt;ivan-stripes&gt;</li>
+              </ul>
             </div>
   ''')
   with gr.Row():
-        with gr.Column():
-          gr.Markdown(f"### Navigate the top 100 Textual-Inversion community trained concepts. Use 600+ from [The Library](https://huggingface.co/sd-concepts-library)")
-          with gr.Row():
-                  image_blocks = []
-                  #for i, model in enumerate(models):
-                  with gr.Box().style(border=None):
-                    gr.HTML(assembleHTML(models))
-                      #title_block(model["token"], model["id"])
-                      #image_blocks.append(image_block(model["images"], model["concept_type"]))
+        # with gr.Column():
+        #   gr.Markdown(f"### Navigate the top 100 Textual-Inversion community trained concepts. Use 600+ from [The Library](https://huggingface.co/sd-concepts-library)")
+        #   with gr.Row():
+        #           image_blocks = []
+        #           #for i, model in enumerate(models):
+        #           with gr.Box().style(border=None):
+        #             gr.HTML(assembleHTML(models))
+        #               #title_block(model["token"], model["id"])
+        #               #image_blocks.append(image_block(model["images"], model["concept_type"]))
         with gr.Column():
           with gr.Box():
                   with gr.Row(elem_id="prompt_area").style(mobile_collapse=False, equal_height=True):
@@ -393,16 +403,16 @@ with gr.Blocks(css=css) as demo:
                           rounded=(True, False, False, True),
                           container=False,
                       )
-                      btn = gr.Button("Run",elem_id="run_btn").style(
+                      btn = gr.Button("generate image",elem_id="run_btn").style(
                           margin=False,
                           rounded=(False, True, True, False),
                       )  
                   with gr.Row().style():
                       infer_outputs = gr.Gallery(show_label=False, elem_id="generated-gallery").style(grid=[2], height="512px")
-                  with gr.Row():
-                    gr.HTML("<p style=\"font-size: 95%;margin-top: .75em\">Prompting may not work as you are used to. <code>objects</code> may need the concept added at the end, <code>styles</code> may work better at the beginning. You can navigate on <a href='https://lexica.art'>lexica.art</a> to get inspired on prompts</p>")
-                  with gr.Row():
-                    gr.Examples(examples=examples, fn=infer_examples, inputs=[text], outputs=infer_outputs, cache_examples=True)
+                #   with gr.Row():
+                #     gr.HTML("<p style=\"font-size: 95%;margin-top: .75em\">Prompting may not work as you are used to. <code>objects</code> may need the concept added at the end, <code>styles</code> may work better at the beginning. You can navigate on <a href='https://lexica.art'>lexica.art</a> to get inspired on prompts</p>")
+                #   with gr.Row():
+                #     gr.Examples(examples=examples, fn=infer_examples, inputs=[text], outputs=infer_outputs, cache_examples=True)
           with gr.Group(elem_id="share-btn-container"):
             community_icon = gr.HTML(community_icon_html, visible=False)
             loading_icon = gr.HTML(loading_icon_html, visible=False)