diff --git a/_quarto.yml b/_quarto.yml index a132635dec222faa3ea95787b301b7688dc2a92f..4e9066cf67e905435ebab0ef694640ea02b0b62c 100644 --- a/_quarto.yml +++ b/_quarto.yml @@ -29,7 +29,7 @@ format: height: 720 auto-stretch: false history: true - menu: false + menu: true progress: true revealjs-plugins: - rStackFix diff --git a/runtime/includes/footer.html b/runtime/includes/footer.html index 58521823939f07a6efbb36fbf984b724f9851d9b..d7b46de4821a5d36e1750245eed1d99e898cceca 100644 --- a/runtime/includes/footer.html +++ b/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">© 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> diff --git a/runtime/theme/uab-rc.css b/runtime/theme/uab-rc.css index 3da762017d957eb2ea1169b53091ab2c9d0f206a..77c72783d07d13657dc024c6aa37cf6aa8a152a4 100644 --- a/runtime/theme/uab-rc.css +++ b/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; +}