Cosmetic changes

app.py

@@ -109,10 +109,11 @@ def process_image(image, ground_truth):
 # )
 
 # Encode images
-with open("assets/uzh_logo.png", "rb") as img_file:
+with open("assets/uzh_logo_mod.png", "rb") as img_file:
     logo_html = base64.b64encode(img_file.read()).decode('utf-8')
 
-with open("assets/bullinger-digital.png", "rb") as img_file:
+# with open("assets/bullinger-digital.png", "rb") as img_file:
+with open("assets/bullinger_logo.png", "rb") as img_file:
     footer_html = base64.b64encode(img_file.read()).decode('utf-8')
 
 # App header
@@ -123,7 +124,7 @@ title = """
 description = """
     Use of Microsoft's [TrOCR](https://arxiv.org/abs/2109.10282), an encoder-decoder model consisting of an \
     image Transformer encoder and a text Transformer decoder for state-of-the-art optical character recognition \
-    (OCR) on single-text line images. \
+    (OCR) and handwritten text recognition (HTR) on text line images. \
     This particular model was fine-tuned on [Bullinger Dataset](https://github.com/pstroe/bullinger-htr) \
     as part of the project [Bullinger Digital](https://www.bullinger-digital.ch)
     ([References](https://www.cl.uzh.ch/de/people/team/compling/pstroebel.html#Publications)).
@@ -142,6 +143,7 @@ examples = get_example_data()
 
 # load_metric() is deprecated
 # cer_metric = load_metric("cer")
+# pip install jiwer
 # pip install evaluate
 cer_metric = evaluate.load("cer")
 
@@ -152,7 +154,7 @@ with gr.Blocks(
 
     gr.HTML(
         f"""
-        <div style='display: flex; justify-content: left; width: 100%;'>
+        <div style='display: flex; justify-content: right; width: 100%;'>
             <img src='data:image/png;base64,{logo_html}' class='img-fluid' width='200px'>
         </div>
         """
@@ -192,12 +194,22 @@ with gr.Blocks(
 
     with gr.Row():
 
+        # gr.HTML(
+        #     f"""
+        #     <div style="display: flex; align-items: center; justify-content: center">
+        #         <img src="data:image/png;base64,{footer_html}" style="width: 150px; height: 60px; object-fit: contain; margin-right: 5px; margin-bottom: 5px">
+        #         <p style="font-size: 13px">
+        #             Bullinger Digital | Institut für Computerlinguistik, Universität Zürich, 2023
+        #         </p>
+        #     </div>
+        #     """
+        # )
         gr.HTML(
             f"""
             <div style="display: flex; align-items: center; justify-content: center">
-                <img src="data:image/png;base64,{footer_html}" style="width: 150px; height: 60px; object-fit: contain; margin-right: 5px; margin-bottom: 5px">
+                <img src="data:image/png;base64,{footer_html}" style="height: 40px; object-fit: contain; margin-right: 5px; margin-bottom: 5px">
                 <p style="font-size: 13px">
-                    | Institut für Computerlinguistik, Universität Zürich, 2023
+                    <strong>Bullinger</strong><u>Digital</u> | Institut für Computerlinguistik, Universität Zürich, 2023
                 </p>
             </div>
             """
@@ -208,16 +220,16 @@ with gr.Blocks(
     button.click(process_image, inputs=[input, ground_truth], outputs=[output, cer_output])
     btn_clear.click(lambda: [None, "", "", ""], outputs=[input, output, ground_truth, cer_output])
 
-    # Try to force light mode
-    js = """
-        function () {
-            gradioURL = window.location.href
-            if (!gradioURL.endsWith('?__theme=light')) {
-                window.location.replace(gradioURL + '?__theme=light');
-        }
-    }"""
+    # # Try to force light mode
+    # js = """
+    #     function () {
+    #         gradioURL = window.location.href
+    #         if (!gradioURL.endsWith('?__theme=light')) {
+    #             window.location.replace(gradioURL + '?__theme=light');
+    #     }
+    # }"""
 
-    demo.load(_js=js)
+    # demo.load(_js=js)
 
 if __name__ == "__main__":