Add image protocol url

app.py

@@ -28,11 +28,11 @@ from python_utils import load_model, apply_nms
 # Load data and compute static values
 app_dir = Path(__file__).parent
 
+protocol_url = 'https://pgomba.github.io/orchid_protocol/'
+
 # Load the prediction model
 predictor = load_model()
-app_ui = ui.page_fluid(
-    ui.include_css("styles.css"),
-
+main_app = ui.page_fluid(
     ui.div(
         ui.row(
             ui.column(6,
@@ -44,7 +44,9 @@ app_ui = ui.page_fluid(
 
     ui.div(
         ui.p(
-            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nunc ut laoreet placerat, urna purus rhoncus nisi, vel facilisis magna sem sed tellus."
+            "The protocol is here:", ui.a("Image Taking Protocol", href=protocol_url, target="_blank"), " "
+            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nunc ut laoreet placerat, urna purus rhoncus nisi, "
+            "vel facilisis magna sem sed tellus."
         ),
         class_="body-bar"
     ),
@@ -88,7 +90,18 @@ app_ui = ui.page_fluid(
             border=False,
             border_radius=False
         ), class_="side-bar"
-    ),
+    )
+)
+
+app_ui = ui.page_fluid(
+    ui.include_css("styles.css"),
+    main_app,
+    # ui.page_navbar(
+    #     ui.nav_panel("A", main_app),
+    #     ui.nav_panel("C", "Page C content"),
+    #     title="App with navbar",
+    #     id="page",
+    # ),
     ui.div(
         ui.layout_column_wrap(
             ui.output_image("rbg_kew", height='100%', fill=True),
@@ -99,6 +112,7 @@ app_ui = ui.page_fluid(
     )
 )
 
+
 # This allows individual opacity sliders.
 @module.ui
 def plot_ui():
@@ -142,7 +156,6 @@ def plot_server(input, output, session, r):
 
 
 def server(input, output, session: Session):
-    
     @render.image
     def rbg_kew():
         img = {"src": "assets/rbg_kew.jpg"}