chore: refactors lessons into sub-components as vertical slides (#700)

* chore: refactor lessons into separate modules

Signed-off-by: Anthony D. Mays <[email protected]>

* chore: finishes refactoring lessons

Signed-off-by: Anthony D. Mays <[email protected]>

* chore: finishes refactoring lessons

Signed-off-by: Anthony D. Mays <[email protected]>

---------

Signed-off-by: Anthony D. Mays <[email protected]>

Author: anthonydmays

slides/css/theme/source/ml.scss

@@ -69,8 +69,9 @@ $headingLetterSpacing: .02em;
         text-align: left;
 
         h1 {
-            font-size: 2em;
+            font-size: 1.75em;
             font-weight: 700;
+            line-height: 1.1em;
         }
 
         h2 {

slides/dist/theme/ml.css

@@ -28,8 +28,9 @@ section.has-light-background, section.has-light-background h1, section.has-light
   text-align: left;
 }
 .reveal .ml-title-slide h1 {
-  font-size: 2em;
+  font-size: 1.75em;
   font-weight: 700;
+  line-height: 1.1em;
 }
 .reveal .ml-title-slide h2 {
   font-weight: 700;

slides/src/App.js

@@ -6,7 +6,7 @@ import RevealHighlight from "../plugin/highlight/highlight.esm.js";
 import RevealMarkdown from "../plugin/markdown/markdown.esm.js";
 import RevealNotes from "../plugin/notes/notes.esm.js";
 import RevealSearch from "../plugin/search/search.esm.js";
-import Slides from "./Slides.js";
+import { Slides } from "./Slides/index.js";
 
 const html = htm.bind(createElement);
 
@@ -23,7 +23,7 @@ function App() {
         if (deckRef.current) return;
 
         deckRef.current = new Reveal(deckDivRef.current, {
-            transition: "slide",
+            transition: "none",
             // other config options
             plugins: [
                 RevealMarkdown,