Add Examples & Applications

app.py

@@ -2,14 +2,20 @@ import streamlit as st
 import image2text
 import text2image
 import home
+import examples
 from PIL import Image
 
-PAGES = {"Introduction": home, "Text to Image": text2image, "Image to Text": image2text}
+PAGES = {
+    "Introduction": home,
+    "Text to Image": text2image,
+    "Image to Text": image2text,
+    "Examples & Applications": examples,
+}
 
 st.sidebar.title("Explore our CLIP-Italian demo")
 
-logo = Image.open('static/img/clip_italian_logo.png')
-st.sidebar.image(logo, caption='CLIP-Italian logo')
+logo = Image.open("static/img/clip_italian_logo.png")
+st.sidebar.image(logo, caption="CLIP-Italian logo")
 
 page = st.sidebar.radio("", list(PAGES.keys()))
 PAGES[page].app()

examples.py

@@ -0,0 +1,35 @@
+from home import read_markdown_file
+import streamlit as st
+
+
+def app():
+    st.title("Examples & Applications")
+    st.write(
+        """
+        
+        ## Image Retrieval
+
+        Even though we trained the Italian CLIP model on way less examples than the original
+        OpenAI's CLIP, our training choices and quality datasets led to impressive results!
+        Here, we collected few of **the most impressive text-image associations** learned by our model.
+        
+        Remember you can head any time to the **Text to Image** section of the demo to test
+        your own 🤌 Italian 🤌 queries!
+        
+        """
+    )
+
+    st.markdown("### 1. Actors in Scenes")
+
+    col1, col2 = st.beta_columns(2)
+    col1.subheader("una coppia con il tramonto sullo sfondo")
+    col1.markdown("*a couple with the sunset in the background*")
+    col1.image("static/img/examples/couple_1.jpeg")
+
+    col2.subheader("una coppia che passeggia sulla spiaggia")
+    col2.markdown("*a couple walking on the beach*")
+    col2.image("static/img/examples/couple_2.jpeg")
+
+    st.subheader("una coppia che passeggia sulla spiaggia al tramonto")
+    st.markdown("*a couple walking on the beach at sunset*")
+    st.image("static/img/examples/couple_3.jpeg")