Move title slide

assets/revealjs/clone_title_slide.html

@@ -0,0 +1,25 @@
+<!-- 
+Below is the original version of: https://stackoverflow.com/questions/76261113/repeat-title-slide-at-end-of-reveal-js-presentation-and-add-additionnal-slides-a
+Which *clones* the title slide to the placeholder slide.
+You can add the placeholder slide like this:
+## {.placeholder-for-titleSlide visibility="uncounted"} 
+-->
+
+<script>
+  function move_titleSlide() {
+    var titleSlide = document.querySelector('section#title-slide');
+    var titleSlideClone = titleSlide.cloneNode(true);
+    titleSlideClone.id = 'title-slide-cloned';
+    var placeholder = document.querySelector('section.placeholder-for-titleSlide');
+    var visibility = placeholder.getAttribute('data-visibility');
+    if (visibility !== null) {
+      titleSlideClone.setAttribute('data-visibility', visibility);
+    }
+    placeholder.replaceWith(titleSlideClone);
+    Reveal.sync();
+  }
+
+  window.document.addEventListener("DOMContentLoaded", function (event) {
+    move_titleSlide();
+  });
+</script>

assets/revealjs/custom.html

@@ -9,3 +9,27 @@
     <img src="assets/hecf_signet.svg" alt="HECF Logo" style="height: 4vh; width: auto;">
   </a>
 </div>
+
+<script>
+  function move_titleSlide() {
+    var titleSlide = document.querySelector('section#title-slide');
+    var placeholder = document.querySelector('section.placeholder-for-titleSlide');
+
+    if (titleSlide && placeholder) {
+      // Transfer visibility attribute from placeholder to title slide
+      var visibility = placeholder.getAttribute('data-visibility');
+      if (visibility !== null) {
+        titleSlide.setAttribute('data-visibility', visibility);
+      }
+
+      // Move the title slide to replace the placeholder
+      placeholder.parentNode.replaceChild(titleSlide, placeholder);
+
+      Reveal.sync();
+    }
+  }
+
+  window.document.addEventListener("DOMContentLoaded", function (event) {
+    move_titleSlide();
+  });
+</script>

assets/revealjs/move_title_slide.html

@@ -0,0 +1,36 @@
+<!-- 
+Below is an adjusted version of: https://stackoverflow.com/questions/76261113/repeat-title-slide-at-end-of-reveal-js-presentation-and-add-additionnal-slides-a
+Which *moves* the title slide to the placeholder slide.
+You can add the placeholder slide like this:
+## {.placeholder-for-titleSlide visibility="uncounted"} 
+-->
+
+<script>
+  function move_titleSlide() {
+    var titleSlide = document.querySelector('section#title-slide');
+    var placeholder = document.querySelector('section.placeholder-for-titleSlide');
+
+    if (titleSlide && placeholder) {
+      // Transfer visibility attribute from placeholder to title slide
+      var visibility = placeholder.getAttribute('data-visibility');
+      if (visibility !== null) {
+        titleSlide.setAttribute('data-visibility', visibility);
+      }
+
+      // Move the title slide to replace the placeholder
+      placeholder.parentNode.replaceChild(titleSlide, placeholder);
+
+      Reveal.sync();
+    }
+  }
+
+  window.document.addEventListener("DOMContentLoaded", function (event) {
+    move_titleSlide();
+  });
+</script>
+
+<style>
+  #title-slide .subtitle {
+    margin-bottom: 2.5rem
+  }
+</style>

index.qmd

@@ -36,12 +36,9 @@ revealjs-plugins:
 #  - drop
 ---
 
-# High-Level View {.center visibility="uncounted"}
+## The beginning: June 2020 {visibility="uncounted"}
 
-
-<!--
-Render with: quarto preview /home/jonathan/git/PHD-Presentation/25_07_phd_defense/index.qmd --no-browser --port 6074
--->
+![Artwork by [\@allison_horst](https://allisonhorst.com/)](assets/allisonhorst/the_beginning_cropped.png)
 
 ::: {.hidden}
 $$
@@ -49,21 +46,6 @@ $$
 $$
 :::
 
-<!-- :::: {style="font-size: 150%;"}
-
-<i class="fa fa-fw fa-rocket" style="color:var(--col_grey_9);"></i> &ensp; [Research Motivation](#motivation)
-
-<i class="fa fa-fw fa-book" style="color:var(--col_grey_9);"></i> &ensp; [Overview of the Thesis](#sec-overview)
-
-<i class="fa fa-fw fa-layer-group" style="color:var(--col_grey_9);"></i> &ensp; [Online Aggregation](#sec-crps-learning)
-
-<i class="fa fa-fw fa-chart-line" style="color:var(--col_grey_9);"></i> &ensp; [Probabilistic Forecasting of European Carbon and Energy Prices](#sec-voldep)
-
-<i class="fa fa-fw fa-newspaper" style="color:var(--col_grey_9);"></i> &ensp; [Contributions](#sec-contributions)
-
-:::: -->
-
-
 ```{r, setup, include=FALSE}
 # Compile with: rmarkdown::render("crps_learning.Rmd")
 library(latex2exp)
@@ -97,9 +79,9 @@ col_orange <- "#ffa600"
 col_yellow <- "#FCE135"
 ```
 
-## The beginning: June 2020
+## {.placeholder-for-titleSlide}
 
-![Artwork by [\@allison_horst](https://allisonhorst.com/)](assets/allisonhorst/the_beginning_cropped.png)
+# High-Level View {.center visibility="uncounted"}
 
 ## Motivation