Merge branch 'feat_footer_and_menu' into 'main'

fix footer and menu

Closes #1

See merge request rc-data-science/communications/quarto-presentation-template!2

_quarto.yml

@@ -29,7 +29,7 @@ format:
     height: 720
     auto-stretch: false
     history: true
-    menu: false
+    menu: true
     progress: true
     revealjs-plugins:
       - rStackFix

runtime/includes/footer.html

@@ -4,9 +4,36 @@
   </div>
   <div class="footer-center">
     Research Computing -
-    <a class="support-link" href="https://docs.rc.uab.edu"
-      >https://docs.rc.uab.edu</a
-    >
+    <a class="support-link" href="https://docs.rc.uab.edu">https://docs.rc.uab.edu</a>
   </div>
   <div class="footer-right">&copy; UAB</div>
 </div>
+
+<script>
+  //execute the function () {...} only when the entire HTML document (DOM)loaded
+  document.addEventListener("DOMContentLoaded", function () {
+    // Function to check the current slide
+    function checkSlide() {
+      var titleSlide = document.querySelector("section#title-slide");
+      var customFooter = document.querySelector(".uabfooter");
+
+      if (customFooter) {
+        // Check if the current slide is the title slide
+        var currentSlide = document.querySelector(".reveal .slides .present");
+        if (currentSlide === titleSlide) {
+          customFooter.style.display = "none"; // Hide footer on title slide
+        } else {
+          customFooter.style.display = "flex"; // Show footer on other slides
+        }
+      }
+    }
+
+    // Call fun "checkSlide", initial check on load whether it is error free
+    checkSlide();
+
+    // Check the slide when it changes
+    Reveal.on('slidechanged', function (event) {
+      checkSlide();
+    });
+  });
+</script>

runtime/theme/uab-rc.css

@@ -207,3 +207,9 @@ body {
   align-items: center;
   width: 25%;
 }
+
+.reveal .slide-menu-button {
+  top: 8px;
+  left: 8px;
+  bottom: auto;
+}