Add header and footer with asking for a star

app.py

@@ -1,4 +1,5 @@
 import atexit
+import traceback
 
 import gradio as gr
 
@@ -6,15 +7,18 @@ from app_debug import get_demo as get_demo_debug
 from app_leaderboard import get_demo as get_demo_leaderboard
 from app_text_classification import get_demo as get_demo_text_classification
 from run_jobs import start_process_run_job, stop_thread
+from wordings import TITLE_MD, FOOTER_HTML
 
 try:
     with gr.Blocks(theme=gr.themes.Soft(primary_hue="green")) as demo:
+        gr.Markdown(TITLE_MD)
         with gr.Tab("Text Classification"):
             get_demo_text_classification()
         with gr.Tab("Leaderboard") as leaderboard_tab:
             get_demo_leaderboard(leaderboard_tab)
         with gr.Tab("Logs(Debug)"):
             get_demo_debug()
+        gr.HTML(FOOTER_HTML)
 
     start_process_run_job()
 
@@ -23,5 +27,7 @@ try:
     atexit.register(stop_thread)
 
 except Exception as e:
+    # Print stack trace back
+    print(traceback.format_exc())
     print("stop background thread: ", e)
     stop_thread()

wordings.py

@@ -1,13 +1,34 @@
 EXAMPLE_MODEL_ID = "cardiffnlp/twitter-roberta-base-sentiment-latest"
 
+TITLE_MD = """
+    <div style="display: flex; justify-content: center;">
+    <h1 style="text-align: center;">
+    🐢Giskard Evaluator
+    </h1>
+    </div>
+    Welcome to the Giskard Evaluator Space!
+    Get a model vulnerability report immediately and freely by simply providing the model and dataset id on Hugging Face.
+    You can also checkout our library documentation <a href="https://docs.giskard.ai/en/latest/getting_started/quickstart/index.html">here</a>.
+    <!-- Don’t hesitate to give the us a <a href="https://github.com/Giskard-AI/giskard">star on GitHub</a> ⭐️ if you find this work useful! -->
+"""
+
+FOOTER_HTML = """
+    <div style="display: flex; justify-content: center;">
+    <p style="text-align: center;">
+    This evaluator is built on top of&nbsp;<a href="https://github.com/Giskard-AI/giskard">Giskard Open Source library</a>
+    and <a href="https://github.com/Giskard-AI/cicd">Giskard CI/CD</a>.
+    <br/>
+    If you like our work, please give the projects ⭐️ star on GitHub.
+    </p>
+    </div>
+"""
+
 INTRODUCTION_MD = """
                 <div style="display: flex; justify-content: center;">
-                <h1 style="text-align: center;">
-                🐢Giskard Evaluator - Text Classification
-                </h1>
+                <h2 style="text-align: center;">
+                Text Classification
+                </h2>
                 </div>
-                Welcome to the Giskard Evaluator Space! Get a model vulnerability report immediately by simply sharing your model and dataset id below. 
-                You can also checkout our library documentation <a href="https://docs.giskard.ai/en/latest/getting_started/quickstart/index.html">here</a>.
                 """
 CONFIRM_MAPPING_DETAILS_MD = """
                             <h1 style="text-align: center;">