custom font

Gradio_UI.py

@@ -262,9 +262,19 @@ class GradioUI:
         import gradio as gr
 
         with gr.Blocks(fill_height=True, theme='crcdng/cyber') as demo:
-            stored_messages = gr.State([])
-            file_uploads_log = gr.State([])
-            chatbot = gr.Chatbot(
+            title=(
+                """
+                <center> 
+                <h1> Your Cyber Local Time Expert </h1>
+                </center>
+                """
+            )
+
+            with gr.Row():
+                gr.HTML(title) 
+                stored_messages = gr.State([])
+                file_uploads_log = gr.State([])
+                chatbot = gr.Chatbot(
                 label="Agent",
                 type="messages",
                 avatar_images=(
@@ -273,27 +283,27 @@ class GradioUI:
                 ),
                 resizeable=True,
                 scale=0.05,
-            )
-            # If an upload folder is provided, enable the upload feature
-            if self.file_upload_folder is not None:
-                upload_file = gr.File(label="Upload a file")
-                upload_status = gr.Textbox(label="Upload Status", interactive=False, visible=False)
-                upload_file.change(
-                    self.upload_file,
-                    [upload_file, file_uploads_log],
-                    [upload_status, file_uploads_log],
                 )
-            text_input = gr.Textbox(lines=1, label="Chat Message")
-            text_input.submit(
-                self.log_user_message,
-                [text_input, file_uploads_log],
-                [stored_messages, text_input],
-            ).then(self.interact_with_agent, [stored_messages, chatbot], [chatbot])
-            examples = gr.Examples(
-                examples=[["Tell me a joke with the current local time"],],
-            inputs=[text_input],
-            )
-        demo.launch(debug=True, share=True, **kwargs)
+                # If an upload folder is provided, enable the upload feature
+                if self.file_upload_folder is not None:
+                    upload_file = gr.File(label="Upload a file")
+                    upload_status = gr.Textbox(label="Upload Status", interactive=False, visible=False)
+                    upload_file.change(
+                        self.upload_file,
+                        [upload_file, file_uploads_log],
+                        [upload_status, file_uploads_log],
+                    )
+                text_input = gr.Textbox(lines=1, label="Chat Message")
+                text_input.submit(
+                    self.log_user_message,
+                    [text_input, file_uploads_log],
+                    [stored_messages, text_input],
+                ).then(self.interact_with_agent, [stored_messages, chatbot], [chatbot])
+                examples = gr.Examples(
+                    examples=[["Tell me a joke based on the current local time"],["Given the current local time, what is a fun activity to do?"],["When asked for the current local time, add 6 hours to it. What is the current local time?"]],
+                inputs=[text_input],
+                )
+        demo.launch(debug=True, share=True, allowed_paths="Cyberpunk.otf", css="styles.css", **kwargs)
 
 
 __all__ = ["stream_to_gradio", "GradioUI"]

styles.css

@@ -0,0 +1,12 @@
+@font-face {
+  font-family: "Cyberpunk";
+  src: url("/file=Cyberpunk.otf") format("otf");
+  font-weight: Regular;
+  font-style: normal;
+}
+
+h1 {
+    font-family: "Cyberpunk";
+    font-size: 24px;
+    font-style: normal;
+  }