feat: enhance app UI with contest win banner and link

Author: ArthurData

poetry.lock

@@ -4,40 +4,59 @@
 
 current_dir = Path(__file__).parent
 
-app_ui = ui.page_fixed(
-    ui.head_content(
-        ui.tags.title("signature.py"),
-        ui.tags.script(
-            src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.10/clipboard.min.js",
-        ),
-        ui.tags.script(
-            src="https://www.googletagmanager.com/gtag/js?id=G-SPE51YQFS7",
-            async_=True,
-        ),
-        ui.tags.link(
-            rel="icon",
-            href="favicon.svg",
+app_ui = ui.div(
+    ui.div(
+        ui.div(
+            ui.span("🏆 ", class_="fs-5"),
+            ui.span(
+                "This project won the 2024 Shiny Contest for the best Shiny application with Python. ",
+                class_="fs-6",
+            ),
+            ui.a(
+                "Click here for more information 🔗 ",
+                href="https://posit.co/blog/winners-of-the-2024-shiny-contest/",
+                target="_blank",
+                class_="text-white",
+            ),
+            class_="container",
         ),
-        ui.tags.script(
-            """
+        class_="sticky-top bg-success text-white p-3",
+    ),
+    ui.page_fixed(
+        ui.head_content(
+            ui.tags.title("signature.py"),
+            ui.tags.script(
+                src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.10/clipboard.min.js",
+            ),
+            ui.tags.script(
+                src="https://www.googletagmanager.com/gtag/js?id=G-SPE51YQFS7",
+                async_=True,
+            ),
+            ui.tags.link(
+                rel="icon",
+                href="favicon.svg",
+            ),
+            ui.tags.script(
+                """
             window.dataLayer = window.dataLayer || [];
             function gtag(){dataLayer.push(arguments);}
             gtag('js', new Date());
 
             gtag('config', 'G-SPE51YQFS7');
             """,
+            ),
         ),
-    ),
-    ui.include_css(current_dir / "css" / "signature.css"),
-    ui.include_js(current_dir / "js" / "signature.js"),
-    mod_navbar.navbar_ui("nav_signature"),
-    ui.div(
+        ui.include_css(current_dir / "css" / "signature.css"),
+        ui.include_js(current_dir / "js" / "signature.js"),
+        mod_navbar.navbar_ui("nav_signature"),
         ui.div(
-            mod_form.form_ui("form_signature"),
-            mod_preview.preview_ui("preview_signature"),
-            class_="row",
+            ui.div(
+                mod_form.form_ui("form_signature"),
+                mod_preview.preview_ui("preview_signature"),
+                class_="row",
+            ),
+            class_="container",
         ),
-        class_="container",
     ),
 )