add descriptions to homepage

Home.py

@@ -11,8 +11,8 @@ def login():
     with st.form("user_login"):
         st.write('## Enter Your Name')
         user_id = st.text_input(
-            "Enter your name for personalization 👇",
-            label_visibility='visible',
+            "Enter your name 👇",
+            label_visibility='collapsed',
             disabled=False,
             placeholder='anonymous',
         )
@@ -43,15 +43,42 @@ if __name__ == '__main__':
 
     st.set_page_config(page_title="Login", page_icon="🏠", layout="wide")
     st.write('A Research by MAPS Lab, NYU Shanghai')
-    st.title("Welcome to GEMRec Gallery Webapp!")
+    st.title("🙌 Welcome to GEMRec Gallery Webapp!")
     st.write(
-        "This is an web application to collect personal preference to ai generated images. \
-        You can know which model you like most after you finish the survey."
+        "This is an web application to collect personal preference to images synthesised by generative models fine-tuned on stable diffusion. \
+        **You might consider it as a tool for quickly digging out the most suitable model for you from [civitai](https://civitai.com/).**"
     )
 
     if 'user_id' not in st.session_state:
         login()
     else:
-        st.write('You have already logged in as ' + st.session_state.user_id[0])
+        st.write(f"You have already logged in as `{st.session_state.user_id[0]}`")
         st.button('Log out', on_click=logout)
 
+    st.write('---')
+    st.write('## FAQ')
+    with st.expander(label='**🤔 How to use this webapp?**'):
+        st.write('### Check out the demo video below')
+        st.video('https://youtu.be/EjjCoeUSZF0')
+        st.caption('Interface shown in this video demo might be a bit different from the current webapp because of further updates, but the basic idea is the same.')
+
+    with st.expander(label='**ℹ️ What is GEMRec project?**'):
+        st.write('### About GEMRec')
+        st.write("**GE**nerative **M**odel **Rec**ommendation (**GEMRec**) is a research project by [MAPS Lab](https://github.com/MAPS-research), NYU Shanghai.")
+        st.write('### Our Task')
+        st.write('Given a user’s preference on a set of generated images, we aim to recommend the most preferred generative model for the user.')
+        st.write('### Our Approach')
+        st.write('We propose a two-stage framework, which contains prompt-model retrival and generated item ranking. :red[Your participation in this web application will help us to improve our framework and to further our research on personalization.]')
+        st.write('### Key Contributions')
+        st.write('1. We propose a two-stage framework to approach the Generative Model Recommendation problem. Our framework allows end-users to effectively explore a diverse set of generative models to understand their expressiveness. It also allows system developers to elicit user preferences for items generated from personalized prompts.')
+        st.write('2. We release GEMRec-18K, a dense prompt-model interaction dataset that consists of 18K images generated by pairing 200 generative models with 90 prompts collected from real-world usages, accompanied by detailed metadata and generation configurations. This dataset builds the cornerstone for exploring Generative Recommendation and can be useful for other tasks related to understanding generative models')
+        st.write('3. We take the first step in examining evaluation metrics for personalized image generations and identify several limitations in existing metrics. We propose a weighted metric that is more suitable for the task and opens up directions for future improvements in model training and evaluations.')
+
+    with st.expander(label='**💻 Where can I find the paper and dataset?**'):
+        st.write('### Paper')
+        st.write('Arxiv: [Towards Personalized Prompt-Model Retrieval for Generative Recommendation](https://arxiv.org/abs/2308.02205)')
+        st.write('### GEMRec-18K Dataset')
+        st.write('Image dataset: https://huggingface.co/datasets/MAPS-research/GEMRec-PromptBook  \n \
+        Model dataset: https://huggingface.co/datasets/MAPS-research/GEMRec-Roster')
+        st.write('### Code')
+        st.write('Github: https://github.com/maps-research/gemrec')