Upload app.py

* Public login
* scroll to outputs
* link to PDF guide
* cleaner section titles

app.py

@@ -90,8 +90,6 @@ def generate_pdf(*sections: str) -> str:
     pdf.ln(line_height)
 
     for section in sections:
-        # debug
-        print("Adding section:", section)
         pdf.multi_cell(w=0, h=line_height, text=section)
         pdf.ln(line_height)  # Single spacing
 
@@ -137,16 +135,29 @@ def generate_docx(*sections: str) -> str:
 
 def build_drafter() -> Tuple[LoggedComponents, gr.Blocks]:
     with gr.Blocks(theme=gr.themes.Soft(), title="LOI writer") as demo:
-        gr.Markdown("<h1>Demo: LOI writer</h1>")
+        gr.Markdown(
+            """
+            <h1>Demo: LOI writer</h1>
+
+            <p>
+                Please read the <a
+                    href='https://candid.org/content/download/1638602/33925838/file/Guide%20LOI%20Writer.pdf'
+                    target="_blank"
+                    rel="noopener noreferrer"
+                >guide</a> to get started.
+            </p>
+            <hr>
+            """
+        )
 
         with gr.Row():
             with gr.Column():
                 gr.Markdown(
-                    """<h2>
-                        Step 1: Enter the name/EIN of your nonprofit and the name/EIN of the intended funder.
-                        Use <a href='https://beta.candid.org/' target="_blank" rel="noopener noreferrer">Candid</a>
-                        to find this information, if not known.
-                    </h2>"""
+                    """<h2>Step 1: Organization lookups</h2>
+                    Enter the name/EIN of your nonprofit and the name/EIN of the intended funder.
+                    Use <a href='https://beta.candid.org/' target="_blank" rel="noopener noreferrer">Candid</a>
+                    to find this information, if not known.
+                    """
                 )
                 org_name_text = gr.Textbox(label="*Name of your organization", lines=1)
                 org_ein_text = gr.Textbox(label="EIN of your organization", lines=1)
@@ -158,15 +169,15 @@ def build_drafter() -> Tuple[LoggedComponents, gr.Blocks]:
                 with gr.Row():
                     with gr.Column(scale=7):
                         gr.Markdown(
-                            """<h2>
-                                Step 2: Autofill with data you have
-                                <a 
-                                    href='https://candid.org/share-your-impact'
-                                    target="_blank"
-                                    rel="noopener noreferrer"
-                                > shared with Candid</a>.
-                                Contents can be reviewed and edited before used for LOI generation
-                            </h2>"""
+                            """<h2>Step 2: Data autofill</h2>
+                            Autofill with data you have
+                            <a 
+                                href='https://candid.org/share-your-impact'
+                                target="_blank"
+                                rel="noopener noreferrer"
+                            > shared with Candid</a>.
+                            Contents can be reviewed and edited before used for LOI generation
+                            """
                         )
                     with gr.Column(scale=1):
                         autofill_btn = gr.Button("AutoFill (Optional)")
@@ -179,7 +190,11 @@ def build_drafter() -> Tuple[LoggedComponents, gr.Blocks]:
                 funder_candid_id = gr.Text(visible=False, interactive=False)
 
                 gr.HTML("<div style='margin-bottom: 20px;'></div>")
-                gr.Markdown('<h2>Step 3: Provide the basic information to make your "ask" clear</h2>')
+                gr.Markdown(
+                    """
+                    <h2>Step 3: Add project details</h2>
+                    Provide the basic information to make your "ask" clear
+                """)
 
                 projects_text = gr.Textbox(
                     label="*Main projects",
@@ -246,7 +261,9 @@ def build_drafter() -> Tuple[LoggedComponents, gr.Blocks]:
 
                 with gr.Accordion():
                     gr.Markdown("""
-                        <h2>Step 4: Consider answering the following questions to make your LOI sections more detailed and compelling</h2>
+                        <h2>Step 4: Additional questions</h2>
+                        Consider answering the following questions to make your LOI sections more detailed and
+                        compelling
                     """)
                     gr.Markdown("<h3>Organization Description</h3>")
                     capacity_text = gr.Textbox(
@@ -340,17 +357,16 @@ def build_drafter() -> Tuple[LoggedComponents, gr.Blocks]:
                     )
 
                 gr.Markdown(
-                    '<h2>Step 5: Review your input and submit for generation</h2>'
-                    )
+                    """<h2>Step 5: Review and submit</h2>
+                    Review your input and submit for generation
+                """)
                 write_btn = gr.Button("Write LOI")
 
             with gr.Column():
                 gr.Markdown(
-                    """<h2>
-                        Step 6: Review the generated sections.
-                        Click on "Edit Section" to run the editorial AI for rewrite suggestions, or make your own edits.
-                    </h2>"""
-                )
+                    """<h2>Step 6: Review the generated sections</h2>
+                    Click on "Edit Section" to run the editorial AI for rewrite suggestions, or make your own edits.
+                """)
                 opening = gr.Textbox(label="Opening", interactive=True, lines=3)
                 create_editable_section("Opening", JS, update_highlighted_text, opening)
 
@@ -371,11 +387,9 @@ def build_drafter() -> Tuple[LoggedComponents, gr.Blocks]:
                 create_editable_section("Conclusion", JS, update_highlighted_text, conclusion)
 
                 gr.Markdown(
-                    """<h2>
-                        Step 7: Select your preferred document type
-                        and scroll to the bottom of the page to download the file.
-                    </h2>"""
-                )
+                    """<h2>Step 7: Output to file</h2>
+                    Select your preferred document type and scroll to the bottom of the page to download the file.
+                """)
 
                 with gr.Row():
                     download_pdf_button = gr.Button("Download as PDF")
@@ -385,14 +399,16 @@ def build_drafter() -> Tuple[LoggedComponents, gr.Blocks]:
         download_pdf_button.click(
             generate_pdf,
             inputs=[opening, org_desc, need, project_desc, fund_request, conclusion],
-            outputs=gr.File(label="Download as PDF")
+            outputs=gr.File(label="Download as PDF"),
+            scroll_to_output=True
         )
 
         # pylint: disable=no-member
         download_word_button.click(
             generate_docx,
             inputs=[opening, org_desc, need, project_desc, fund_request, conclusion],
-            outputs=gr.File(label="Download as docx")
+            outputs=gr.File(label="Download as docx"),
+            scroll_to_output=True
         )
 
         # pylint: disable=no-member
@@ -412,6 +428,7 @@ def build_drafter() -> Tuple[LoggedComponents, gr.Blocks]:
                 funder_json,
                 funder_candid_id
             ],
+            scroll_to_output=True,
             api_name=False,
             queue=True,
         )
@@ -460,6 +477,7 @@ def build_drafter() -> Tuple[LoggedComponents, gr.Blocks]:
                 follow_up_text
             ],
             outputs=[opening, org_desc, need, project_desc, fund_request, conclusion],
+            scroll_to_output=True,
             api_name=False,
             queue=True,
         )
@@ -610,6 +628,7 @@ if __name__ == '__main__':
         show_api=False,
         auth=[
             (os.getenv("APP_USERNAME"), os.getenv("APP_PASSWORD")),
+            (os.getenv("APP_PUBLIC_USERNAME"), os.getenv("APP_PUBLIC_PASSWORD")),
         ],
         auth_message="Login to Candid's letter of intent demo"
     )