chore: converts lesson_00 slides (#698)

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

Author: anthonydmays

slides/css/theme/source/ml.scss

@@ -19,7 +19,7 @@
 $backgroundColor: #212121;
 
 $mainFont: 'Lato', 'Open Sans', sans-serif;
-$mainFontSize: 40px;
+$mainFontSize: 45px;
 $mainFontWeight: 700;
 $linkColor: #e7ad52;
 $linkColorHover: lighten( $linkColor, 20% );

slides/dist/theme/ml.css

@@ -77,7 +77,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
 :root {
   --r-background-color: #212121;
   --r-main-font: Lato, Open Sans, sans-serif;
-  --r-main-font-size: 40px;
+  --r-main-font-size: 45px;
   --r-main-color: #eee;
   --r-block-margin: 20px;
   --r-heading-margin: 0 0 20px 0;

slides/index.html

@@ -50,37 +50,56 @@ <h3>What we're doing</h3>
 					</ul>
 				</section>
 				<section>
-					<img class="r-stretch" src="images/24q4-slides/Slide5.png" alt="Slide 5">
+					<p>Why we need <em>version control</em></p>
 				</section>
-				<section>
-					<img class="r-stretch" src="images/24q4-slides/Slide6.png" alt="Slide 6">
+				<section class="ml-bullet-slide">
+					<h3>Why we need <em>version control</em></h3>
+					<ul>
+						<li class="fragment">Track changes over time</li>
+						<li class="fragment">Collaborate with others</li>
+						<li class="fragment">Revert to previous versions</li>
+						<li class="fragment">Backup your work</li>
+					</ul>
 				</section>
 				<section>
-					<img class="r-stretch" src="images/24q4-slides/Slide7.png" alt="Slide 7">
+					<p>What is <em>Git</em> and <em>GitHub</em>?</p>
 				</section>
 				<section>
-					<img class="r-stretch" src="images/24q4-slides/Slide8.png" alt="Slide 8">
+					<p><em>Git</em> is a distributed version control system (VCS) that works well for branching and is fast</p>
 				</section>
 				<section>
-					<img class="r-stretch" src="images/24q4-slides/Slide9.png" alt="Slide 9">
+					<p><em>GitHub</em> is a platform for hosting Git repositories and features tools for managing software collaboration</p>
 				</section>
 				<section>
-					<img class="r-stretch" src="images/24q4-slides/Slide10.png" alt="Slide 10">
+					<p>Working with <em>Forks</em> and <em>Branches</em></p>
 				</section>
 				<section>
-					<img class="r-stretch" src="images/24q4-slides/Slide11.png" alt="Slide 11">
+					<p>A <em>branch</em> is a copy of the repo that allows you to make changes and merge them back later</p>
 				</section>
 				<section>
-					<img class="r-stretch" src="images/24q4-slides/Slide12.png" alt="Slide 12">
+					<p><em>Forks</em> are just <span style="font-style: italic;">branched copies</span> of other user's repos that you own and modify</p>
 				</section>
-				<section>
-					<img class="r-stretch" src="images/24q4-slides/Slide13.png" alt="Slide 13">
+				<section class="ml-bullet-slide">
+					<h3>Why we <em>branch</em></h3>
+					<ul>
+						<li class="fragment">Work on features or fixes without impacting work happening in other places</li>
+						<li class="fragment">Run tests or deployments</li>
+						<li class="fragment">Experiment with changes safely</li>
+					</ul>
 				</section>
 				<section>
-					<img class="r-stretch" src="images/24q4-slides/Slide14.png" alt="Slide 14">
+					<p>Learning the <em>basic workflow</em></p>
 				</section>
-				<section>
-					<img class="r-stretch" src="images/24q4-slides/Slide15.png" alt="Slide 15">
+				<section class="ml-bullet-slide">
+					<h3>The <em>basic workflow</em></h3>
+					<ol>
+						<li class="fragment">Pull the latest changes from other devs</li>
+						<li class="fragment">Change some more stuff
+						<li class="fragment">Commit to git locally</li>
+						<li class="fragment">Push to server remotely (GitHub)</li>
+						<li class="fragment">Repeat 1–4 a bunch</li>
+						<li class="fragment">Create a pull request (PR) when done</li>
+					</ol>
 				</section>
 				<section>
 					<img class="r-stretch" src="images/24q4-slides/Slide16.png" alt="Slide 16">