feat: hide logo/menu/slide number on title slide (#44)

Author: mcanouil

_extensions/coeos/_extension.yml

@@ -23,8 +23,28 @@ contributes:
               const dateElements = document.querySelectorAll("p.date, div.listing-date");
               dateElements.forEach((el) => {
                 el.innerHTML = el.innerHTML.replace(
-                  /(\d+)(rd|st|th)/g,
+                  /(\d+)(st|nd|rd|th)/g,
                   "$1<sup style='font-size:0.5em;font-style:italic;'>$2</sup>"
                 );
               });
             </script>
+            <script type="text/javascript">
+            Reveal.addEventListener('ready', (event) => {
+              if (event.indexh === 0) {
+                document.querySelector("div.slide-menu-button").style.display = "none";
+                document.querySelector("div.has-logo > img.slide-logo").style.display = "none";
+              } else {
+                document.querySelector("div.slide-menu-button").style.display = "block";
+                document.querySelector("div.has-logo > img.slide-logo").style.display = null;
+              }
+            });
+            Reveal.addEventListener('slidechanged', (event) => {
+              if (event.indexh === 0) {
+                document.querySelector("div.slide-menu-button").style.display = "none";
+                document.querySelector("div.has-logo > img.slide-logo").style.display = "none";
+              } else {
+                document.querySelector("div.slide-menu-button").style.display = "block";
+                document.querySelector("div.has-logo > img.slide-logo").style.display = null;
+              }
+            });
+            </script>

_extensions/coeos/coeos.scss

@@ -74,13 +74,17 @@ $code-block-border-color: $body-color !default;
   // }
 }
 
+.reveal .slide-number > a[href*='title-slide'] {
+  display: none;
+}
+
 .footer {
   bottom: 10px !important;
   color: $body-color !important;
 }
 
 .slide-logo {
-  display: block !important;
+  display: block;
   position: fixed !important;
   top: 0 !important;
   right: 10px !important;