update

app.py

@@ -11,16 +11,29 @@ import jax
 # st.header('Under construction')
 
 
-
-
-        
 st.sidebar.title("CLIP React Demo")
-st.sidebar.write("Search Reaction GIFs with CLIP [Model Card](https://huggingface.co/flax-community/clip-reply)")
-st.sidebar.image("./huggingface_explode3.png",width=150)
-
 
+st.sidebar.write("[Model Card](https://huggingface.co/flax-community/clip-reply)")
+sc= st.sidebar.beta_columns(2)
+
+sc[0].image("./huggingface_explode3.png",width=150)
+sc[1].write(" ")
+sc[1].write(" ")
+sc[1].markdown("## Researching fun")
+
+with st.sidebar.beta_expander("Motivation",expanded=True):
+    st.markdown(
+        """
+        Reaction GIFs became an integral part of communication. 
+        They convey complex emotions with many levels, in a short compact format.
+
+        If a picture is worth a thousand words then a GIF is worth more.
+        A lot of people would agree it is not always easy to find the perfect reaction GIF.
+        This is just a first step in the more ambitious goal of GIF/Image generation.
+        """
+    )
 top_k=st.sidebar.slider("Show top-K", min_value=1, max_value=50, value=20)
-
+col_count=4
 show_val=st.sidebar.button("show all validation set images")
 if show_val:
     cols=st.sidebar.beta_columns(col_count)
@@ -28,6 +41,7 @@ if show_val:
         j=i%col_count
         cols[j].image("./imgs/"+im)
 
+st.write("# Search Reaction GIFs with CLIP")
 st.write("    ")
 st.write("    ")
 @st.cache(allow_output_mutation=True)
@@ -50,7 +64,7 @@ file_names.sort()
 image_index = load_image_index()
 model, processor = load_model()
 
-col_count=4
+
 
 
 # TODO
@@ -81,7 +95,7 @@ def query_with_images(query_images,query_text):
 
 q_cols=st.beta_columns([5,2,5])    
 
-examples = ["I'm so scared right now"," I got the job 🎉","OMG that is disgusting","I'm awesome","I love you ❤️"]
+examples = ["I'm so scared right now"," I got the job 🎉","OMG that is disgusting","You're awesome","I love you ❤️"]
 example_input = q_cols[0].radio("Example Queries :",examples,index=4)
 q_cols[2].markdown(
     """