Add banner annoucnement for Shiny Express

_quarto.yml

@@ -86,13 +86,13 @@ website:
         href: api/index.qmd
       - text: "Help"
         href: docs/help.qmd
-    tools:
+    right:
       - icon: discord
         href: https://discord.gg/yMGCamUMnS
-        text: Shiny Discord
+        aria-label: Shiny Discord
       - icon: github
         href: https://github.com/posit-dev/py-shiny/
-        text: Shiny for Python Github
+        aria-label: Shiny for Python Github
 
   page-footer:
     left: 'Proudly supported by <a href="https://www.posit.co/" class="no-icon"><img src="/images/posit-logo-black.svg" alt="Posit" width="80" style="padding-left: 3px;vertical-align:text-top;"></a>'

include-in-header.html

@@ -77,3 +77,12 @@
     : addShinyliveEditLinks()
 })()
 </script>
+
+</head>
+<div class="alert alert-primary text-center mb-0 border-0" role="alert">
+  <p class="d-md-inline my-0 me-4"><strong>🎉 Introducing Shiny Express</strong></p>
+  <p class="d-inline my-0 p-90 me-4">A simpler way to write and learn Shiny. </p>
+  <p class="d-inline my-0 p-90 me-4">
+    <a href="docs/express-motivation.qmd" style="color:#00314e;">Read more</a>
+  </p>
+</div>