Move action links and reformat header

README.md

@@ -12,6 +12,8 @@ This website is a [Quarto website](https://quarto.org/docs/websites/), hosted on
 
 - A [GitHub action](https://quarto.org/docs/publishing/github-pages.html) will be triggered on a commit to the `main` branch which will regenerate and publish the site. This means you can also make changes via the GitHub interface with cloning the repo to your local machine.
 
+- Don't forget to add yourself to our [acknowledgements](https://jgibristol.github.io/data-science-handbook/thanks.html) page.
+
 ### Style guide
 
 - We prefer "we do X", "we recommend X" or "X might be useful", instead of over "you must do X".

_quarto.yml

@@ -9,7 +9,11 @@ website:
     contents: auto
     style: docked
     # collapse-level: 1
-    tools:
+  repo-url: https://github.com/JGIBristol/data-science-handbook
+  repo-actions: [edit, issue]
+  page-footer:
+    left: "Living document by the [Jean Golding Institute](https://www.bristol.ac.uk/golding/), [CC BY 4.0](http://creativecommons.org/licenses/by/4.0/)."
+    right:
       - icon: globe2
         href: "https://www.bristol.ac.uk/golding/"
       - icon: folder
@@ -27,7 +31,7 @@ format:
   html:
     theme: [cosmo, styles.scss]
     toc: true
-  
+
 # Recommended by https://quarto.org/docs/publishing/github-pages.html#freezing-computations
 # (although we're not expecting to be executing any code)
 execute:

styles.scss

@@ -3,10 +3,31 @@ $primary: #772059;
 $link-color: #2e359d;
 $navbar-fg: #fff;
 
-/*-- scss:overrides --*/
+/*-- scss:rules --*/
 a {
     text-underline-position: under;
 }
 a:hover {
     text-decoration-thickness: 2px;
 }
+.navbar-brand-container {
+    max-width: calc(100% - 60px);
+}
+.navbar-brand {
+    font-size: 1.8rem;
+    overflow: visible;
+    white-space: normal;
+    line-height: 1;
+    padding: 1rem 0;
+}
+@media (max-width: 850px) {
+    .nav-footer {
+        display: block;
+        white-space: normal;
+        white-space-collapse: collapse;
+    }
+    .nav-footer > div {
+        text-align: center;
+        margin-top: 0.5rem;
+    }
+}