update layout

app_dialogue.py

@@ -62,7 +62,7 @@ BAN_TOKENS = (  # For documentation puporse. We are not using this list, it is h
 EOS_STRINGS = ["<end_of_utterance>", "\nUser:"]
 STOP_SUSPECT_LIST = []
 
-GRADIO_LINK = "https://huggingfacem4-ai-meme-generator.hf.space"
+GRADIO_LINK = "https://leyo-ai-meme-generator.hf.space"
 API_TOKEN = os.getenv("HF_AUTH_TOKEN")
 IDEFICS_LOGO = "https://huggingface.co/spaces/HuggingFaceM4/idefics_playground/resolve/main/IDEFICS_logo.png"
 
@@ -152,7 +152,7 @@ for image_dir in os.listdir("example_images"):
         tmp_filename = H.preprocess(H.value)
         DEFAULT_IMAGES_TMP_PATH_TO_URL[
             tmp_filename
-        ] = f"https://huggingface.co/spaces/HuggingFaceM4/AI_Meme_Generator/resolve/main/example_images/{image_dir}/{im_path}"
+        ] = f"https://huggingface.co/spaces/Leyo/AI_Meme_Generator/resolve/main/example_images/{image_dir}/{im_path}"
 
 
 # Utils to handle the image markdown display logic
@@ -586,26 +586,6 @@ chatbot = gr.Chatbot(
 
 with gr.Blocks(title="AI Meme Generator", theme=gr.themes.Base()) as demo:
     gr.HTML("""<h1 align="center">AI Meme Generator</h1>""")
-    with gr.Row(variant="panel"):
-        with gr.Column(scale=1):
-            gr.Image(
-                IDEFICS_LOGO,
-                elem_id="banner-image",
-                show_label=False,
-                show_download_button=False,
-                height=200,
-                width=250,
-            )
-        with gr.Column(scale=5):
-            gr.HTML(
-                """
-                <p><strong>AI Meme Generator</strong> is an AI system that writes humorous content inspired by images, allowing you to make the funniest memes with little effort. Upload your image and ask the Idefics chatbot to make a tailored meme.</p>
-                <p>AI Meme Generator is a space inspired from <a href="https://huggingface.co/spaces/HuggingFaceM4/ai_dad_jokes">AI Dad Jokes</a> and powered by <a href="https://huggingface.co/blog/idefics">IDEFICS</a>, an open-access large visual language model developped by Hugging Face. Like GPT-4, the multimodal model accepts arbitrary sequences of image and text inputs and produces text outputs. IDEFICS can answer questions about images, describe visual content, create stories grounded in multiple images, etc.</p>
-
-                <p>⛔️ <strong>Intended uses and limitations:</strong> This demo is provided as research artifact to the community showcasing IDEFICS'capabilities. We detail misuses and out-of-scope uses <a href="https://huggingface.co/HuggingFaceM4/idefics-80b#misuse-and-out-of-scope-use">here</a>. In particular, the system should not be used to engage in harassment, abuse and bullying. The model can produce factually incorrect texts, hallucinate facts (with or without an image) and will struggle with small details in images. While the system will tend to refuse answering questionable user requests, it can produce problematic outputs (including racist, stereotypical, and disrespectful texts), in particular when prompted to do so.</p>
-            """
-            )
-
     with gr.Row(elem_id="model_selector_row"):
         model_selector = gr.Dropdown(
             choices=MODELS,
@@ -616,31 +596,6 @@ with gr.Blocks(title="AI Meme Generator", theme=gr.themes.Base()) as demo:
             label="Model",
             visible=False,
         )
-
-    with gr.Row(equal_height=True):
-        with gr.Box(elem_id="gallery_box"):
-            gallery_type_choice = gr.Radio(
-                [
-                    "All",
-                    "Meme templates",
-                    "Funny images",
-                    "Politics",
-                ],
-                value="All",
-                label="Gallery Type",
-                interactive=True,
-                visible=False,
-                info="Choose the type of gallery you want to see.",
-            )
-            template_gallery = gr.Gallery(
-                # value= value given by gallery_type_choice,
-                label="Templates Gallery",
-                allow_preview=False,
-                columns=[6],
-                elem_id="gallery",
-                show_share_button=False,
-                height=400,
-            )
     with gr.Row(equal_height=True):
         with gr.Column(equal_height=1):
             imagebox = gr.Image(
@@ -771,6 +726,49 @@ with gr.Blocks(title="AI Meme Generator", theme=gr.themes.Base()) as demo:
                 show_download_button=True,
                 show_share_button=True,
             ).style(columns=[2], object_fit="contain", height=600)
+    with gr.Row(equal_height=True):
+        with gr.Box(elem_id="gallery_box"):
+            gallery_type_choice = gr.Radio(
+                [
+                    "All",
+                    "Meme templates",
+                    "Funny images",
+                    "Politics",
+                ],
+                value="All",
+                label="Gallery Type",
+                interactive=True,
+                visible=False,
+                info="Choose the type of gallery you want to see.",
+            )
+            template_gallery = gr.Gallery(
+                # value= value given by gallery_type_choice,
+                label="Templates Gallery",
+                allow_preview=False,
+                columns=[6],
+                elem_id="gallery",
+                show_share_button=False,
+                height=400,
+            )
+    with gr.Row(variant="panel"):
+        with gr.Column(scale=1):
+            gr.Image(
+                IDEFICS_LOGO,
+                elem_id="banner-image",
+                show_label=False,
+                show_download_button=False,
+                height=200,
+                width=250,
+            )
+        with gr.Column(scale=5):
+            gr.HTML(
+                """
+                <p><strong>AI Meme Generator</strong> is an AI system that writes humorous content inspired by images, allowing you to make the funniest memes with little effort. Upload your image and ask the Idefics chatbot to make a tailored meme.</p>
+                <p>AI Meme Generator is a space inspired from <a href="https://huggingface.co/spaces/HuggingFaceM4/ai_dad_jokes">AI Dad Jokes</a> and powered by <a href="https://huggingface.co/blog/idefics">IDEFICS</a>, an open-access large visual language model developped by Hugging Face. Like GPT-4, the multimodal model accepts arbitrary sequences of image and text inputs and produces text outputs. IDEFICS can answer questions about images, describe visual content, create stories grounded in multiple images, etc.</p>
+
+                <p>⛔️ <strong>Intended uses and limitations:</strong> This demo is provided as research artifact to the community showcasing IDEFICS'capabilities. We detail misuses and out-of-scope uses <a href="https://huggingface.co/HuggingFaceM4/idefics-80b#misuse-and-out-of-scope-use">here</a>. In particular, the system should not be used to engage in harassment, abuse and bullying. The model can produce factually incorrect texts, hallucinate facts (with or without an image) and will struggle with small details in images. While the system will tend to refuse answering questionable user requests, it can produce problematic outputs (including racist, stereotypical, and disrespectful texts), in particular when prompted to do so.</p>
+            """
+            )
     with gr.Row():
         chatbot.render()