fix footer and menu

_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

@@ -131,7 +131,6 @@ div.reveal div.slides div.quarto-title-authors {
 
 /* headers */
 .reveal h1,
-.reveal h2,
 .reveal h3,
 .reveal h4,
 .reveal h5,
@@ -139,6 +138,13 @@ div.reveal div.slides div.quarto-title-authors {
   color: var(--uab-dragons-lair-green);
 }
 
+/* headers */
+.reveal h2 {
+  color: var(--uab-dragons-lair-green);
+  text-align: center;
+}
+
+
 /* return to index */
 .top-left-link {
   position: fixed;
@@ -207,3 +213,9 @@ body {
   align-items: center;
   width: 25%;
 }
+
+.reveal .slide-menu-button {
+  top: 8px;
+  left: 8px;
+  bottom: auto;
+}