Minor updates to prompts

app.py

@@ -85,7 +85,7 @@ with gr.Blocks() as demo:
         # Turn it back on
         txt_msg.then(lambda: gr.Textbox(interactive=True), None, [txt], queue=False)
 
-    gr.Examples(['What is the largest city on earth?', 'Who has the record for the fastest mile?'], txt)
+    gr.Examples(['What is the capital of China, I think its Shanghai?', 'Who won the mens world cup in 2014?'], txt)
 
 demo.queue()
 demo.launch(debug=True)

templates/template.j2

@@ -1,8 +1,8 @@
 Instructions: Use the following pieces of context to answer the question at the end. If you don't know the answer, just say that you don't know, don't try to make up an answer.
 Context:
----
 {% for doc in documents %}
+---
     {{ doc.content }}
-    ---
+---
 {% endfor %}
 Query: {{ query }}

templates/template_html.j2

@@ -1,9 +1,8 @@
 <h2>Prompt</h2>
-Below is the prompt that is given to the model. <br><br>
-<b>Instructions</b>:
+Below is the prompt that is given to the model. <hr>
+<h2>Instructions</h2>
 <span style="color: #FF00FF;">Use the following pieces of context to answer the question at the end.<br>If you don't know the answer, just say that you don't know, <span style="color: #FF00FF; font-weight: bold;">don't try to make up an answer.</span></span><br>
-
-<b>Context</b>:
+<h2>Context</h2>
 {% for doc in documents %}
     <details class="doc-box">
         <summary>
@@ -12,7 +11,8 @@ Below is the prompt that is given to the model. <br><br>
         <div class="doc-full">{{ doc.content }}</div>
     </details>
 {% endfor %}
-<b>Query</b>: <span style="color: yellow;">{{ query }}</span>
+
+<h2>Query</h2> <span style="color: yellow;">{{ query }}</span>
 
 <style>
     .doc-box {
@@ -27,4 +27,4 @@ Below is the prompt that is given to the model. <br><br>
     summary::-webkit-details-marker {
         color: white;
     }
-</style>
+</style>