improved ui

introduck/api.py

@@ -1,10 +1,19 @@
 from fastapi import FastAPI
-from introduck.routes import create_base_route
+from fastapi.responses import FileResponse
+from introduck.routes import create_playground_route
+from pathlib import Path
 
 
-def create_api() -> FastAPI:
+def create_api_playground() -> FastAPI:
     api: FastAPI = FastAPI()
 
-    api.mount("/", create_base_route(title="Introduck"))
+    @api.get("/favicon.ico")
+    async def favicon():
+        cwd_path: Path = Path(__file__).parent
+        favicon_path: Path = cwd_path / "assets" / "static" / "favicon.ico"
+        print(f"favicon path is {favicon_path}")
+        return FileResponse(path=favicon_path)
+
+    api.mount("/", create_playground_route())
 
     return api

introduck/routes.py

@@ -55,7 +55,7 @@ def _use_message_template() -> (str, str):
     return _INTRO_SUBJECT_EXAMPLE, _INTRO_MESSAGE_EXAMPLE
 
 
-def create_base_route(title: str = "") -> FastAPI:
+def create_playground_route() -> FastAPI:
     # TODO: Fix once resolved https://github.com/gradio-app/gradio/issues/1683
     # TODO: ...and remove elem_id="htxt" from HighlightedText for RF822 output
     css_workaround: str = """
@@ -65,62 +65,67 @@ def create_base_route(title: str = "") -> FastAPI:
         }
         """
 
+    copyright_string: str = "Introduck LLC, 2022"
+    title: str = "Introduck Playground"
+
     base_blocks: gr.Blocks = gr.Blocks(
         analytics_enabled=False,
         title=title,
         css=css_workaround)
 
     with base_blocks:
+        gr.Markdown(f"# {title}<br/>")
+
+        gr.Markdown("## New intro request")
+
+        email_sender_input: gr.Textbox = gr.Textbox(
+            label="From (optional):",
+            lines=1,
+            max_lines=1,
+            placeholder="founder@acme.com")
+
+        email_recipients_input: gr.Textbox = gr.Textbox(
+            label="To (optional):",
+            lines=1,
+            max_lines=1,
+            placeholder="jane@vc2.com, john@vc01.com")
+
+        email_subject_input: gr.Textbox = gr.Textbox(
+            show_label=False,
+            lines=1,
+            max_lines=1,
+            placeholder="Subject...",
+            interactive=True)
+
+        email_body_input: gr.Textbox = gr.Textbox(
+            show_label=False,
+            lines=5,
+            max_lines=42,
+            placeholder="Type a message...",
+            interactive=True)
+
+        # TODO: Add support for attached files.
+        # email_attachments_input: gr.File = gr.File(
+        #     label="Attachments:",
+        #     file_count="multiple")
+
+        with gr.Row():
+            email_template_button: gr.Button = gr.Button(
+                value="Use template",
+                variant="secondary")
+
+            email_submit_button: gr.Button = gr.Button(
+                value="Submit",
+                variant="primary")
+
         gr.Markdown("""\
-            # Introduck
-            ## Intro requests. Simplified. 🦆
-            No new tools. No complex setup. No hassle.\
+            **NOTE:** This email form is used to extract useful information from
+            intro requests. We assure you that no data will be shared publicly
+            and only a small group of people will get access to this data in
+            order to label it and create new datasets for model training. By
+            clicking **"Submit"** you automatically agree to this terms.\
             """)
 
-        with gr.Box():
-            with gr.Column():
-                gr.Markdown("## New intro request")
-
-                email_sender_input: gr.Textbox = gr.Textbox(
-                    label="From:",
-                    lines=1,
-                    max_lines=1,
-                    placeholder="founder@acme.com")
-
-                email_recipients_input: gr.Textbox = gr.Textbox(
-                    label="To:",
-                    lines=1,
-                    max_lines=1,
-                    placeholder="vc@example.com")
-
-                email_subject_input: gr.Textbox = gr.Textbox(
-                    show_label=False,
-                    lines=1,
-                    max_lines=1,
-                    placeholder="Subject...",
-                    interactive=True)
-
-                email_body_input: gr.Textbox = gr.Textbox(
-                    show_label=False,
-                    lines=5,
-                    max_lines=42,
-                    placeholder="Type a message...",
-                    interactive=True)
-
-                # TODO: Add support for attached files.
-                # email_attachments_input: gr.File = gr.File(
-                #     label="Attachments:",
-                #     file_count="multiple")
-
-                with gr.Row():
-                    email_template_button: gr.Button = gr.Button(
-                        value="Use template",
-                        variant="secondary")
-
-                    email_submit_button: gr.Button = gr.Button(
-                        value="Submit",
-                        variant="primary")
-
         with gr.Tabs(selected="default"):
             with gr.TabItem(label="Contacts", id="default"):
                 contacts_table_headers: list[str] = [
@@ -160,12 +165,12 @@ def create_base_route(title: str = "") -> FastAPI:
                 gr.Markdown("Yes!")
 
         gr.Markdown("""\
-            [Contact us](#)&nbsp;/&nbsp;
-            [Terms of Service](#)&nbsp;/&nbsp; 
-            [Privacy Policy](#)
+            [Contact us](mailto:hello@introduck.ai)&nbsp;/&nbsp;
+            [Terms of Service](https://introduck.ai/terms)&nbsp;/&nbsp;
+            [Privacy Policy](https://introduck.ai/privacy)
             """)
 
-        gr.Markdown("**&copy;** Introduck, 2022")
+        gr.Markdown(f"**&copy;** {copyright_string}")
 
         # ui end, continue with signals and slots...
 
@@ -187,8 +192,4 @@ def create_base_route(title: str = "") -> FastAPI:
                 rejection_template_output,
                 rfc822_output])
 
-    base_route = GradioApp.create_app(blocks=base_blocks)
-
-    # TODO: overwrite /favicon.ico
-
-    return base_route
+    return GradioApp.create_app(blocks=base_blocks)

main.py

@@ -8,6 +8,6 @@ Usage examples:
 """
 
 from fastapi import FastAPI
-from introduck.api import create_api
+from introduck.api import create_api_playground
 
-app: FastAPI = create_api()
+app: FastAPI = create_api_playground()