Update app.py

app.py

@@ -56,13 +56,47 @@ def inference(input_images, mode, best_max_flavors):
             prompt_result = ci.interrogate_classic(image)
         else:
             prompt_result = ci.interrogate_fast(image)
-        prompt_results.append((prompt_result))  # Use dictionary to set image labels
+        prompt_results.append((image, prompt_result))  # Use dictionary to set image labels
     return prompt_results
 
 
-
-
-
+title = """
+    <div style="text-align: center; max-width: 500px; margin: 0 auto;">
+        <div
+        style="
+            display: inline-flex;
+            align-items: center;
+            gap: 0.8rem;
+            font-size: 1.75rem;
+            margin-bottom: 10px;
+        "
+        >
+        <h1 style="font-weight: 600; margin-bottom: 7px;">
+            CLIP Interrogator 2.1
+        </h1>
+        </div>
+        <p style="margin-bottom: 10px;font-size: 94%;font-weight: 100;line-height: 1.5em;">
+        Want to figure out what a good prompt might be to create new images like an existing one? 
+        <br />The CLIP Interrogator is here to get you answers!
+        <br />This version is specialized for producing nice prompts for use with Stable Diffusion 2.0 using the ViT-H-14 OpenCLIP model!
+        </p>
+    </div>
+"""
+
+article = """
+<div style="text-align: center; max-width: 500px; margin: 0 auto;font-size: 94%;">
+    
+    <p>
+    Server busy? You can also run on <a href="https://colab.research.google.com/github/pharmapsychotic/clip-interrogator/blob/open-clip/clip_interrogator.ipynb">Google Colab</a>
+    </p>
+    <p>
+    Has this been helpful to you? Follow Pharma on twitter 
+    <a href="https://twitter.com/pharmapsychotic">@pharmapsychotic</a> 
+    and check out more tools at his
+    <a href="https://pharmapsychotic.com/tools.html">Ai generative art tools list</a>
+    </p>
+</div>
+"""
 
 css = '''
 #col-container {width: width: 80%;; margin-left: auto; margin-right: auto;}