update ui

app.py

@@ -8,8 +8,6 @@ import re
 import transformers
 import open_clip
 
-# from Pilot-Phase3.optim_utils import optimize_prompt
-# from Pi
 from optim_utils import optimize_prompt
 from utils import (
     clean_response_gpt, setup_model, init_gpt_api, call_gpt_api,
@@ -275,9 +273,9 @@ css = """
 }
 .abstract-text {
     text-align: justify;
-    line-height: 1.6;
-    margin: 0.5rem 0;
-    padding: 0.5rem;
+    line-height: 1.5;
+    margin: 0rem 0;
+    padding: 0 0.5rem;
     background-color: rgba(0, 0, 0, 0.05);
     border-radius: 8px;
     border-left: 4px solid #3498db;
@@ -307,21 +305,22 @@ css = """
     margin-bottom: 0rem;
     color: #333;
 }
+.logo-container {
+    text-align: center;
+    margin: 0.5rem 0 1rem 0;
+}
+.logo-container img {
+    height: 60px;
+    width: auto;
+    max-width: 150px;
+    display: inline-block;
+}
 """
 
 with gr.Blocks(theme=gr.themes.Soft(font=[gr.themes.GoogleFont("Inconsolata"), "Arial", "sans-serif"]), css=css) as demo:
     with gr.Column(elem_id="col-container", elem_classes=["header-section"]):
-        gr.Markdown("# 📌 **POET**")
-        gr.HTML('<div><img src="images/icon.png" width="200"></div>')
+        gr.HTML('<div class="logo-container"><img src="https://huggingface.co/spaces/PAI-GEN/POET/resolve/main/images/icon.png" alt="POET Logo"></div>')
         gr.Markdown("### Supporting Prompting Creativity with Automated Expansion of Text-to-Image Generation")
-        
-        # <strong>Abstract:</strong> State-of-the-art visual generative AI tools hold immense potential to assist users in the early ideation stages of creative tasks — offering the ability to generate (rather than search for) novel and unprecedented (instead of existing) images of considerable quality that also adhere to boundless combinations of user specifications. However, many large-scale text-to-image systems are designed for broad applicability, yielding conventional output that may limit creative exploration. They also employ interaction methods that may be difficult for beginners.        # 
-        gr.Markdown("""
-        <div class="abstract-text">
-        <strong>Abstract:</strong> Given that creative end-users often operate in diverse, context-specific ways that are often unpredictable, more variation and personalization are necessary. We introduce POET, a real-time interactive tool that (1) automatically discovers dimensions of homogeneity in text-to-image generative models, (2) expands these dimensions to diversify the output space of generated images, and (3) learns from user feedback to personalize expansions. Focusing on visual creativity, POET offers a first glimpse of how interaction techniques of future text-to-image generation tools may support and align with more pluralistic values and the needs of end-users during the ideation stages of their work.
-        </div>
-        """, elem_classes=["abstract-text"])
-        
         # Paper Link
         gr.HTML("""
         <div style="text-align: center;">
@@ -330,8 +329,12 @@ with gr.Blocks(theme=gr.themes.Soft(font=[gr.themes.GoogleFont("Inconsolata"), "
             </a>
         </div>
         """)
+        gr.Markdown("""
+        <div class="abstract-text">
+        <strong>Abstract:</strong> Given that creative end-users often operate in diverse, context-specific ways that are often unpredictable, more variation and personalization are necessary. We introduce POET, a real-time interactive tool that (1) automatically discovers dimensions of homogeneity in text-to-image generative models, (2) expands these dimensions to diversify the output space of generated images, and (3) learns from user feedback to personalize expansions. Focusing on visual creativity, POET offers a first glimpse of how interaction techniques of future text-to-image generation tools may support and align with more pluralistic values and the needs of end-users during the ideation stages of their work.
+        </div>
+        """, elem_classes=["abstract-text"])
         
-        # Authors
         gr.Markdown("""
         <div class="authors-section">
             <a href="https://scholar.google.com/citations?user=HXED4kIAAAAJ&hl=en">Evans Han</a>, <a href"https://www.aliceqian.com/">Alice Qian Zhang</a>,