Update app.py

app.py

@@ -10,6 +10,44 @@ DATA_FILE = "data/gwf_2017-2021_specter2_base.json"
 THEMES = {"cluster": "fall", "year": "mint", "source": "phase"}
 
 
+st.markdown(
+    """
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha256-DF7Zhf293AJxJNTmh5zhoYYIMs2oXitRfBjY+9L//AY=" crossorigin="anonymous">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet">
+
+    <style>
+    .title {
+        font-family: 'Permanent Marker', cursive;
+        font-size: 2.0rem;
+    }
+    </style>""",
+    unsafe_allow_html=True,
+)
+
+st.sidebar.write(
+    """<center><p class="title">
+    gwf-spectrum
+    </p></center>""",
+    unsafe_allow_html=True,
+)
+st.sidebar.write(
+    """<p class="text-justify">
+    An interactive t-SNE visualization featuring over 1K papers (titles and abstracts), sourced from the 
+    <a href="https://gwf-uwaterloo.github.io/gwf-publications/">Global Water Futures</a> program,
+    embedded via 
+    <a href="https://huggingface.co/allenai/specter2_base">spectre2</a>.
+    For more information, check out our step-by-step guide: <a href="https://huggingface.co/spaces/gwf-uwaterloo/acl-spectrum/blob/main/scipapers_scatter.ipynb">here</a>.
+    </p>""",
+    unsafe_allow_html=True,
+)
+
+st.sidebar.markdown(
+    "Happy exploring! :rocket::rocket:"
+)
+
+
 def to_string_authors(list_of_authors):
     if len(list_of_authors) > 6:
         return ", ".join(list_of_authors[:6]) + ", et al."
@@ -115,4 +153,4 @@ fig.update_layout(
 fig.update_xaxes(title="")
 fig.update_yaxes(title="")
 
-st.plotly_chart(fig, use_container_width=True)
+st.plotly_chart(fig, use_container_width=True)