Update app.py

app.py

@@ -8,6 +8,42 @@ st.set_page_config(layout="wide")
 DATA_FILE = "data/aclanthology2016-23_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">
+    acl-spectrum
+    </p></center>""",
+    unsafe_allow_html=True,
+)
+st.sidebar.write(
+    """<p class="text-justify">
+    An interactive t-SNE visualization featuring over 12K papers (titles and abstracts), sourced from the 
+    <a href="https://aclanthology.org/">ACL Anthology</a>
+    spanning from 2016 to 2023, and embedded via 
+    <a href="https://huggingface.co/allenai/specter2_base">spectre2</a>.
+    For more information, check out our step-by-step guide: <a href="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) > 5:
@@ -118,4 +154,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)