adding UI features and examples

app.py

@@ -56,7 +56,7 @@ def respond(message, history):
     if history:
         messages.extend(history)
 
-    user_context = f"{message}\nContext to consider: {context}"
+    user_context = f"{message}\nInformation: {context}"
     messages.append({"role": "user", "content": user_context})
 
     response = ""
@@ -72,5 +72,10 @@ def respond(message, history):
         response += token
         yield response
 
-chatbot = gr.ChatInterface(respond, type='messages', title="Ask me about Book Bans!")
-chatbot.launch()
+
+
+chatbot = gr.ChatInterface(respond, type='messages', title="Ask me about Book Bans!", description="An AI assistant to keep you updated on recent book banning news!",examples=["What are the most common genres of book bans?", "Where in the US are the most book banning actions?", "How many books were banned in 2024?"])
+chatbot.launch()
+
+with gr.Blocks(theme='JohnSmith9982/small_and_pretty') as demo:
+    gr.Image("book_bans.jpg", show_label = False, show_share_button = False, show_download_button = False)