minor chnages to fix css and huminfra logo

app/content/main_sub_title_hum.md

@@ -1,7 +1,5 @@
 <a href="https://www.huminfra.se/">
-<center>
-    <img src="https://www.umu.se/globalassets/qbank/huminfra-till-webben-48568w600h600.jpg" 
+<img src="https://www.umu.se/globalassets/qbank/huminfra-till-webben-48568w600h600.jpg" 
          width="60%" 
          style="margin-top: 0.3rem; border-radius: 0.5rem;" />
-</center>
 </a>

app/content/main_title.md

@@ -1 +1 @@
-<h1><center> HTRflow 🔍</center></h1>
+<h1>HTRflow 🔍</h1>

app/gradio_config.py

@@ -115,4 +115,10 @@ hr.region-divider {
 height: auto !important;
 }
 
+.title-h1 {
+    text-align: center;
+    display:block;
+}
+
+
 """

app/main.py

@@ -64,19 +64,16 @@ with gr.Blocks(
     css=css,
     head=matomo,
 ) as demo:
-
-    gr.Markdown(load_markdown(None, "main_title"))
+    gr.Markdown(load_markdown(None, "main_title"), elem_classes="title-h1")
 
     with gr.Sidebar(label="Menu"):
-        gr.Markdown(load_markdown(None, "main_sub_title_hum"))
+        gr.HTML(load_markdown(None, "main_sub_title_hum"))
         gr.Markdown(load_markdown(None, "sidebar"))
 
     with gr.Tabs(elem_classes="top-navbar") as navbar:
         with gr.Tab(label="1. Upload") as tab_submit:
             submit.render()
-        with gr.Tab(
-            label="2. Result", interactive=False, id="result"
-        ) as tab_visualizer:
+        with gr.Tab(label="2. Result", interactive=False, id="result") as tab_visualizer:
             visualizer.render()
 
         with gr.Tab(label="3. Export", interactive=False) as tab_export:
@@ -91,9 +88,7 @@ with gr.Blocks(
         state_value = input_value
         return state_value if state_value is not None else gr.skip()
 
-    collection_submit_state.change(
-        activate_tab, collection_submit_state, tab_visualizer
-    )
+    collection_submit_state.change(activate_tab, collection_submit_state, tab_visualizer)
     collection_submit_state.change(activate_tab, collection_submit_state, tab_export)
     collection_submit_state.change(lambda: gr.Tabs(selected="result"), outputs=navbar)
 
@@ -112,6 +107,4 @@ with gr.Blocks(
 demo.queue()
 
 if __name__ == "__main__":
-    demo.launch(
-        server_name="0.0.0.0", server_port=7860, enable_monitoring=False, show_api=False
-    )
+    demo.launch(server_name="0.0.0.0", server_port=7860, enable_monitoring=False, show_api=False)

app/tabs/export.py

@@ -78,9 +78,7 @@ with gr.Blocks() as export:
                 multiselect=True,
                 interactive=True,
             )
-            export_button = gr.Button(
-                "Export", scale=0, min_width=200, variant="primary"
-            )
+            export_button = gr.Button("Export", scale=0, min_width=200, variant="primary")
 
         with gr.Column(scale=1):
             download_files = gr.Files(label="Download files", interactive=False)

app/tabs/submit.py

@@ -179,7 +179,6 @@ def get_image_from_image_url(input_value):
 
 
 with gr.Blocks() as submit:
-
     with gr.Row():
         with gr.Column():
             gr.Markdown("# Upload")
@@ -213,6 +212,8 @@ with gr.Blocks() as submit:
                     height="45vh",
                     elem_classes="gallery-fix",
                 )
+                # with Modal(visible=False) as edit_pipeline_modal:
+
                 image_iiif_url = gr.Textbox(
                     label="Upload by image ID",
                     info=(

app/tabs/visualizer.py

@@ -71,9 +71,7 @@ with gr.Blocks() as visualizer:
 
             image_caption = gr.Markdown(elem_classes="button-group-viz")
             with gr.Row(elem_classes="button-group-viz"):
-                left = gr.Button(
-                    "← Previous", visible=False, interactive=False, scale=0
-                )
+                left = gr.Button("← Previous", visible=False, interactive=False, scale=0)
                 right = gr.Button("Next →", visible=False, scale=0)
 
         # Transcription panel
@@ -92,18 +90,14 @@ with gr.Blocks() as visualizer:
 
     # Wiring of navigation buttons
     left.click(left_button_click, current_page_index, current_page_index)
-    right.click(
-        right_button_click, [collection, current_page_index], current_page_index
-    )
+    right.click(right_button_click, [collection, current_page_index], current_page_index)
 
     # Updates on collection change:
     # - update the view
     # - reset the page index (always start on page 0)
     # - toggle visibility of navigation buttons (don't show them for single pages)
     # - update the image caption
-    collection.change(
-        render_image, inputs=[collection, current_page_index], outputs=image
-    )
+    collection.change(render_image, inputs=[collection, current_page_index], outputs=image)
     collection.change(
         render_transcription,
         inputs=[collection, current_page_index],
@@ -122,18 +116,14 @@ with gr.Blocks() as visualizer:
     # - update the view
     # - activate/deactivate buttons
     # - update the image caption
-    current_page_index.change(
-        render_image, inputs=[collection, current_page_index], outputs=image
-    )
+    current_page_index.change(render_image, inputs=[collection, current_page_index], outputs=image)
     current_page_index.change(
         render_transcription,
         inputs=[collection, current_page_index],
         outputs=transcription,
     )
     current_page_index.change(activate_left_button, current_page_index, left)
-    current_page_index.change(
-        activate_right_button, [collection, current_page_index], right
-    )
+    current_page_index.change(activate_right_button, [collection, current_page_index], right)
     current_page_index.change(
         update_image_caption,
         inputs=[collection, current_page_index],