Tighten up the flow, improve notes, and clean up formatting

Author: stevegrunwell

resources/.gitkeep

@@ -72,7 +72,7 @@ if (typeof window.options !== undefined) {
                 {
                     scope: 'variable',
                     match: /\s-{1,2}[a-z0-9-_]+=?/,
-                }
+                },
             ],
         };
     });

resources/scripts.js

@@ -9,8 +9,8 @@
 :root {
     --r-heading-font: Roboto, 'Source Sans Pro', sans-serif;
     --r-body-font: 'Roboto Slab', 'Source Sans Pro', sans-serif;
-    --r-heading1-size: 2em;
-    --r-heading1-text-shadow: .01em .01em .01em #000;
+    --r-heading1-size: 1.6em;
+    --r-heading1-text-shadow: 0;
     --r-code-font: 'Fira Code', monospace;
     --subdued-text-color: #555;
 }
@@ -20,25 +20,60 @@
     background: url('./background.webp') center center repeat;
 }
 
-/* Special styling for the title slide. */
+/* Special styling for the title + thank you slides. */
 .title-slide h1 {
+    text-align: left;
+    font-family: var(--r-code-font);
+    font-weight: 100;
+    text-transform: lowercase;
+    word-spacing: -.25em;
+}
+
+.title-slide h1:before {
+    content: '$';
+    display: inline-block;
+    margin-right: .5em;
+    font-weight: bold;
+    color: var(--r-link-color);
+}
+
+.title-slide h1:after {
+    content: '\25AF';
+    animation: blink 2s step-start infinite;
+    font-size: calc(1em * var(--r-heading-line-height));
+    color: var(--subdued-text-color);
+}
+
+@keyframes blink {
+    50% {
+        opacity: 0;
+    }
+}
+
+.title-slide h1,
+.thank-you h2 {
     margin-bottom: 1em;
 }
 
-.title-slide .byline {
+.byline {
     font-weight: bold;
 }
 
-.title-slide .byline a {
+.byline .role {
     display: block;
     font-size: .75em;
-    font-weight: 300;
+    font-weight: normal;
 }
 
-.slides-link {
+.reveal .slides-link {
     display: block;
-    margin-top: 2em;
-    font-size: .86em;
+    margin-top: 3rem;
+    font-size: .75em;
+}
+
+.slides-link a {
+    display: block;
+    font-weight: 300;
 }
 
 /* Persistent footer */
@@ -70,19 +105,6 @@
     }
 }
 
-/* Enable fragments to replace the space occupied by their predecessors */
-.fragment-replace {
-    position: relative;
-}
-
-.fragment-replace > .fragment {
-    position: absolute;
-    left: 0;
-    top: 0;
-    right: 0;
-    display: block;
-}
-
 /* Blockquotes and figures */
 .reveal blockquote {
     width: 90%;