style(quarto): further styling

Author: amyheather

_quarto.yml

@@ -3,16 +3,32 @@ project:
 
 website:
   title: "Introduction to Quarto for Research Projects"
-  sidebar:
+  favicon: images/stars_logo_blue.png
+  navbar:
     title: "Introduction to Quarto for Research Projects"
-    style: "docked"
+    right:
+      - icon: github
+        text: "GitHub"
+        href: https://github.com/pythonhealthdatascience/quarto-tutorial
+  announcement:
+    icon: info-circle
+    content: "This tutorial was developed as part of the <a href='https://pythonhealthdatascience.github.io/stars/' target='_blank'>STARS project</a>."
+    position: below-navbar
+    dismissable: false
+  sidebar:
+    style: docked
     contents:
       - text: Welcome
         href: index.qmd
       - section: "Tutorial"
         contents:
           - pages/setup.qmd
       - pages/examples.qmd
+  page-footer:
+    center:
+      - text: |
+          Code licence: <a href="https://opensource.org/license/mit" target="_blank" rel="noopener">MIT</a>.  
+          Text licence: <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener">CC-BY-SA 4.0</a>.
 
 format:
   html:

images/stars_logo_blue.png

@@ -1 +1,5 @@
-TODO.
+## About this tutorial
+
+## Contributors
+
+## Funding

images/stars_logo_white.png

@@ -1,9 +1,6 @@
 /*-- scss:defaults --*/
 $body-bg: #faf3ef;
+$navbar-bg: #b55338;
 $sidebar-bg: #ca5d3f;
-$sidebar-fg: #ffffff;
 
 /*-- scss:rules --*/
-.sidebar-title {
-  color: #ffffff;
-}