30: Update tutorials and their metadata (#35)

* Rewrite beginnings of in the cloud tutorial

* Emphasise importance of hash in README

* Expand roles in README

* Write configuration section of cloud tutorial

* Finish in the cloud tutorial

* Update app screenshot

* Clean up app text

* Reduce verbosity in README

* Fix formatting in cloud tutorial

* Remove old set up tutorials

* Update metadata for cloud and FEBRL tutorials

* Remove old working in the cloud tutorial

* Add diagram to cloud tutorial; rename screenshot

* Remove numbering for tutorials; improve index UI

* Add sidebar for tutorials

* Add link to cloud tutorial in README

* Add bucket name clarification

Co-authored-by: Mat Weldon <[email protected]>

* Add explainer on other party resources

* Add gcloud instruction for adding roles

---------

Co-authored-by: Mat Weldon <[email protected]>

README.md

@@ -175,8 +175,14 @@ data owning-parties, or ask a trusted third party to maintain the
 workload.
 
 > [!WARNING]
-> The cloud demo requires you to set up one or more Google Cloud accounts with billing. The cost of running the demo should be very small, or within your free quota.
-> However, you should ensure that all resources are torn down after running the demo to avoid ongoing charges.
+> The cloud demo requires you to set up one or more Google Cloud accounts with
+> billing. The cost of running the demo should be very small, or within your
+> free quota. However, you should ensure that all resources are torn down after
+> running the demo to avoid ongoing charges.
+
+Please refer to our
+[cloud tutorial](https://datasciencecampus.github.io/pprl_toolkit/docs/tutorials/in-the-cloud)
+for further details on how to get working in the cloud.
 
 ## Building the documentation
 

_quarto.yml

@@ -18,6 +18,14 @@ website:
             url: https://github.com/datasciencecampus/pprl
           - text: Open an issue
             url: https://github.com/datasciencecampus/pprl/issues
+  sidebar:
+    style: docked
+    search: true
+    contents:
+      - text: About
+        href: index.qmd
+      - auto: "*.qmd"
+  reader-mode: true
   page-footer:
     left: >
       All content is available under the
@@ -29,7 +37,9 @@ website:
 format:
   html:
     mainfont: Arial
-    theme: solar
+    theme:
+      light: flatly
+      dark: darkly
     lang: en-GB
 
 metadata-files: