new colors and images

app.py

@@ -7,8 +7,7 @@ from haystack.nodes import FARMReader, TfidfRetriever
 import logging
 from markdown import markdown
 from annotated_text import annotation
-import validators
-import json
+from PIL import Image
 
 #Haystack Components
 @st.cache(hash_funcs={"builtins.SwigPyObject": lambda _: None},allow_output_mutation=True)
@@ -42,6 +41,16 @@ def reset_results(*args):
 #Streamlit App
 
 st.title('Game of Thrones QA with Haystack')
+
+image = Image.open('got-haystack.png')
+st.image(image)
+
+st.markdown( """
+This QA demo uses a [Haystack Extractive QA Pipleine](https://haystack.deepset.ai/components/ready-made-pipelines#extractiveqapipeline) with 
+an [InMemoryDocumentStore](https://haystack.deepset.ai/components/document-store) which contains documents about Game of Thrones 👑
+Go ahead and ask questions about the marvelous kingdom!
+""", unsafe_allow_html=True)
+
 question = st.text_input("", value=st.session_state.question, max_chars=100, on_change=reset_results)
 
 def ask_question(question):
@@ -87,7 +96,7 @@ if st.session_state.results:
             start_idx = context.find(answer)
             end_idx = start_idx + len(answer)
             st.write(
-                markdown(context[:start_idx] + str(annotation(answer, "ANSWER", "#8ef")) + context[end_idx:]),
+                markdown(context[:start_idx] + str(annotation(answer, "ANSWER", "#964448")) + context[end_idx:]),
                 unsafe_allow_html=True,
             )
             st.markdown(f"**Relevance:** {result['relevance']}")