adding an informative sidebar

.streamlit/config.toml

@@ -1,7 +1,3 @@
 [theme]
-primaryColor="#1C9BEF"
-base = "dark"
-backgroundColor="#2B2F54"
-secondaryBackgroundColor="#01AE9D"
-textColor="#D8D8E5"
+base = "light"
 font="monospace"

app.py

@@ -7,15 +7,11 @@ from markdown import markdown
 import streamlit as st
 
 from utils.haystack import query
-from utils.ui import reset_results, set_initial_state
+from utils.ui import reset_results, set_initial_state, sidebar
 
 set_initial_state()
 
-st.markdown("Thanks for coming to this 🤗 Spcae.\n **A few words of warning**:\n\n"
-        "This is very much a project for fun, and is not a final product."
-        "There's a lot that can be improved to make this app better...\n\n"
-        "**Please take results with a grain of** 🧂\n\n"
-        "For more on how this was built, instructions to run locally and to contribute: [visit GitHub](https://github.com/TuanaCelik/should-i-follow#readme)")
+sidebar()
 
 st.write("# 🐤 What have they been tweeting about lately?")
 

utils/ui.py

@@ -1,4 +1,5 @@
 import streamlit as st
+from PIL import Image
 
 def set_state_if_absent(key, value):
     if key not in st.session_state:
@@ -10,3 +11,23 @@ def set_initial_state():
 
 def reset_results(*args):
     st.session_state.result = None
+
+def sidebar():
+    with st.sidebar:
+        image = Image.open('logo/haystack-logo-colored.png')
+        st.markdown("Thanks for coming to this 🤗 Spcae.\n\n"
+        "This is a project for fun, and is not a final product."
+        "There's a lot that can be improved to make this app better.\n\n"
+        "**Take results with a grain of** 🧂\n\n"
+        "For more on how this was built, instructions to run locally and to contribute: [visit GitHub](https://github.com/TuanaCelik/should-i-follow#readme)")
+
+        st.markdown(
+            "## How this works\n"
+            "This app was built with [Haystack](https://haystack.deepset.ai) using the"
+            " [`PromptNode`](https://docs.haystack.deepset.ai/docs/prompt_node) and custom [`PromptTemplate`](https://docs.haystack.deepset.ai/docs/prompt_node#templates).\n\n"
+            " The source code is also on [GitHub](https://github.com/TuanaCelik/should-i-follow)"
+            " with instructions to run locally.\n"
+            "You can see how the `PromptNode` was set up [here](https://github.com/TuanaCelik/should-i-follow/blob/main/utils/haystack.py)")
+        st.markdown("---")
+        st.markdown("Made by [tuanacelik](https://twitter.com/tuanacelik)")
+        st.image(image, width=250)