Changed images to webp, added image key to qmds

- Changed images to webp
- Added image to yaml for all qmds for listing
- Fixed pagetitle

Author: royfrancis

.gitignore

@@ -5,8 +5,6 @@
 /.luarc.json
 /.quarto/
 .DS_Store
-todo.txt
 **/*_cache/
 **/__pycache__
-slides/**/*_files
-labs/**/*_files
+todo.txt

README.md

@@ -3,10 +3,10 @@ project:
   output-dir: docs
 
 website:
-  image: "assets/images/featured.jpg"
+  image: "assets/images/featured.webp"
   favicon: "assets/favicon.png"
   navbar:
-    logo: "assets/logos/nbis-scilifelab.png"
+    logo: "assets/logos/nbis-scilifelab.webp"
     logo-alt: "logo"
     right:
       - text: "Home"
@@ -45,12 +45,12 @@ format:
     df-print: paged
     standalone: false
     fig-align: left
-    title-block-banner: "assets/images/banner.jpg"
+    title-block-banner: "assets/images/banner.webp"
     subtitle: "Specky quarto theme"
     callout-icon: true
     date:  last-modified
     date-format: "DD-MMM-YYYY"
-    image: "assets/images/featured.png"
+    image: "assets/images/featured.webp"
   revealjs:
     quarto-required: ">=1.4.0"
     include-in-header: "assets/include_head.html"
@@ -73,17 +73,17 @@ format:
     fig-align: left
     chalkboard: true
     callout-icon: true
-    image: "/assets/images/featured.jpg"
-    hero: "/assets/images/slide-hero.png"
+    image: "/assets/images/featured.webp"
+    hero: "/assets/images/slide-hero.webp"
     title-slide-attributes:
-      data-background-image: "/assets/images/cover.jpg"
+      data-background-image: "/assets/images/cover.webp"
       data-background-size: "cover"
       data-background-opacity: "1"
     subtitle: "Specky quarto theme"
-    header-logo-left: /assets/logos/nbis.png
+    header-logo-left: /assets/logos/nbis.webp
     header-logo-left-height: 25px
     header-logo-left-url: https://royfrancis.github.io/specky/home_contents.html
-    header-logo-right: /assets/logos/scilifelab.png
+    header-logo-right: /assets/logos/scilifelab.webp
     header-logo-right-height: 25px
     header-logo-right-url: https://royfrancis.github.io/specky/home_contents.html
     template-partials:

_quarto.yml

@@ -1,5 +1,5 @@
 body {
-  background-image: url("../images/home.jpg");
+  background-image: url("../images/home.webp");
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;