Move article to navigation sidebar

app.py

@@ -1,4 +1,4 @@
-from apps import mlm, vqa
+from apps import mlm, vqa, article
 import streamlit as st
 from session import _get_state
 from multiapp import MultiApp
@@ -18,24 +18,8 @@ def main():
         "[Gunjan Chhablani](https://huggingface.co/gchhablani), [Bhavitvya Malik](https://huggingface.co/bhavitvyamalik)"
     )
 
-    with st.beta_expander("Article"):
-        st.write(read_markdown("abstract.md"))
-        st.write(read_markdown("caveats.md"))
-        st.write("## Methodology")
-        col1, col2 = st.beta_columns([1, 1])
-        col1.image(
-            "./misc/article/Multilingual-VQA.png",
-            caption="Masked LM model for Image-text Pretraining.",
-        )
-        col2.markdown(read_markdown("pretraining.md"))
-        st.markdown(read_markdown("finetuning.md"))
-        st.write(read_markdown("challenges.md"))
-        st.write(read_markdown("social_impact.md"))
-        st.write(read_markdown("references.md"))
-        st.write(read_markdown("checkpoints.md"))
-        st.write(read_markdown("acknowledgements.md"))
-
     app = MultiApp(state)
+    app.add_app("Article", article.app)
     app.add_app("Visual Question Answering", vqa.app)
     app.add_app("Mask Filling", mlm.app)
     app.run()

apps/article.py

@@ -0,0 +1,19 @@
+import streamlit as st
+from apps.utils import read_markdown
+
+def app():
+    st.write(read_markdown("abstract.md"))
+    st.write(read_markdown("caveats.md"))
+    st.write("## Methodology")
+    col1, col2 = st.beta_columns([1, 1])
+    col1.image(
+        "./misc/article/Multilingual-VQA.png",
+        caption="Masked LM model for Image-text Pretraining.",
+    )
+    col2.markdown(read_markdown("pretraining.md"))
+    st.markdown(read_markdown("finetuning.md"))
+    st.write(read_markdown("challenges.md"))
+    st.write(read_markdown("social_impact.md"))
+    st.write(read_markdown("references.md"))
+    st.write(read_markdown("checkpoints.md"))
+    st.write(read_markdown("acknowledgements.md"))

multiapp.py

@@ -11,7 +11,7 @@ class MultiApp:
 
     def run(self):
         logo = st.sidebar.image("./misc/mvqa-logo-3-white.png")
-        st.sidebar.header("Tasks")
+        st.sidebar.header("Navigation")
         app = st.sidebar.radio(
             "", self.apps, format_func=lambda app: app["title"]
         )