Add sidebar and Härnösand example

app/content/main_sub_title.md

@@ -1,3 +1,5 @@
 <a href="https://dawsonia.readthedocs.io">
-<img src="https://git.smhi.se/ai-for-obs/dawsonia/-/raw/main/docs/source/_static/smhi_logo_black_8mm.png" width="17%" align="right" margin-right="200" />
+<img src="https://git.smhi.se/ai-for-obs/dawsonia/-/raw/main/docs/source/_static/smhi_logo_black_8mm.png" width="17%" 
+align="right" margin-right="200" />
+<img src="https://media.enccs.se/2022/12/ENCCS-Logo-Horizontal-Colour-low-res-323.png" width="17%" alt="">
 </a>

app/content/sidebar.md

@@ -0,0 +1,25 @@
+## Dawsonia App
+
+Welcome to the **Dawsonia App** – a demo web application developed by **SMHI**, in collaboration with [ENCCS](https://www.enccs.se/). [Dawsonia](https://dawsonia.readthedocs.io/en/latest) is a tool built for digitization of
+handwritten observations in weather journals
+
+### How It Works
+
+1. **Upload:** Select from examples on the right or submit your own image file (WIP!) to run through Dawsonia.
+2. **Results:** View the digitized text generated by the system.
+<!-- 3. **Export:** Choose your preferred format and download your results. -->
+
+> Note: This demo application is for demonstration purposes only and is not intended for production use.
+
+### Get in touch
+
+✉️ If you are interested in contributing to the project, [follow this link](https://dawsonia.readthedocs.io/en/latest/contributing.html).
+
+### Projects
+
+Both the App and Dawsonia's code are completely open source. Explore and contribute on GitHub:
+
+- [App](https://huggingface.co/spaces/ai-for-obs/dawsonia-demo/tree/main).
+- [Dawsonia](https://git.smhi.se/ai-for-obs/dawsonia/).
+
+If you find our projects useful, please consider giving us a star ⭐!

app/main.py

@@ -43,13 +43,11 @@ html_header = ""
 
 
 with gr.Blocks(title="Dawsonia Demo", theme=theme, css=css, head=html_header) as demo:
-    with gr.Row():
-        with gr.Column(scale=1):
-            pass
-        with gr.Column(scale=2):
-            gr.Markdown(load_markdown(None, "main_title"))
-        with gr.Column(scale=1):
-            gr.Markdown(load_markdown(None, "main_sub_title"))
+    gr.Markdown(load_markdown(None, "main_title"))
+
+    with gr.Sidebar(label="Menu"):
+        gr.Markdown(load_markdown(None, "main_sub_title"))
+        gr.Markdown(load_markdown(None, "sidebar"))
 
     with gr.Tabs(elem_classes="top-navbar") as navbar:
         with gr.Tab(label="Upload") as tab_submit:

app/tabs/submit.py

@@ -36,6 +36,10 @@ PIPELINES: dict[str, dict[str, str]] = {
     "bjuröklubb": dict(
         url="https://git.smhi.se/ai-for-obs/data/-/raw/688c04f13e8e946962792fe4b4e0ded98800b154/raw_zarr/BJUR%C3%96KLUBB/DAGBOK_Bjur%C3%B6klubb_Station_Jan-Dec_1928.zarr.zip",
         known_hash="sha256:6d87b7f79836ae6373cfab11260fe28787d93fe16199fefede6697ccd750f71a",
+    ),
+    "härnösand": dict(
+        url="https://git.smhi.se/ai-for-obs/data/-/raw/688c04f13e8e946962792fe4b4e0ded98800b154/raw_zarr/H%C3%84RN%C3%96SAND/DAGBOK_H%C3%A4rn%C3%B6sand_Station_1934.zarr.zip",
+        known_hash="sha256:a58fdb6521214d0bd569c9325ce78d696738de28ce6ec869cde0d46616b697f2",
     )
 }
 
@@ -238,6 +242,8 @@ with gr.Blocks() as submit:
             gr.Warning(f"Maximum images you can upload is set to: {MAX_IMAGES}")
             return gr.update(value=None)
         
+        gr.Warning("Digitizing uploaded images is not implemented yet! Work in progress!")
+
         return images
     
     run_button.click(