Skip to content

Commit 06b51db

Browse files
anthonydmaysanthonydmays
authored
feat: refactors slides and adds supp_1 lesson content (#704)
* chore: converts lesson_01 slides Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com> * chore: replaces slides for lesson 02 Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com> * chore: adds new slide layouts * chore: removes deprecated images * chore: refactors lesson_03 slides Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com> * chore: replace lesson_04 slides Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com> * chore: replace lesson_05 slides Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com> * chore: adds missing gif * chore: replaces slides for lesson_06 Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com> * chore: replace lesson_07 slides Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com> * chore: minor updates Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com> * chore: replace lesson_08 slides Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com> * chore: replaces slides for lesson_09 Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com> * chore: replaces lesson10 slides Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com> * chore: adjusts lesson 11 title and slide template * chore: make font size adjustments for code Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com> * chore: adjust title slide font sizes Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com> * chore: replace slides for lesson11 Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com> * chore: small edits Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com> * chore: updates slides for lesson_12 Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com> * chore: more fit and finish Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com> * chore: replaces lesson_13 slides Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com> * chore: adds missing images * chore: replaces slides in lesson_14 Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com> * chore: replaces lesson_15 slides Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com> * chore: adds supplemental lesson slides * feat: completes supp_1 lesson content Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com> --------- Signed-off-by: Anthony D. Mays <anthony@morganlatimer.com>
1 parent 2958a42 commit 06b51db

File tree

472 files changed

+2645
-910
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

472 files changed

+2645
-910
lines changed

‎slides/css/theme/source/ml.scss‎

Lines changed: 89 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -18,8 +18,9 @@
1818
// Override theme settings (see ../template/settings.scss)
1919
$backgroundColor: #212121;
2020

21+
$blockMargin: 36px;
2122
$mainFont: 'Lato', 'Open Sans', sans-serif;
22-
$mainFontSize: 45px;
23+
$mainFontSize: 56px;
2324
$mainFontWeight: 700;
2425
$linkColor: #e7ad52;
2526
$linkColorHover: lighten( $linkColor, 20% );
@@ -39,6 +40,14 @@ $headingLetterSpacing: .02em;
3940
// Change text colors against light slide backgrounds
4041
@include light-bg-text-color(#222);
4142

43+
44+
// Theme template ------------------------------
45+
@import "../template/theme";
46+
// ---------------------------------------------
47+
48+
49+
// Custom styles -------------------------------
50+
4251
.reveal {
4352
p {
4453
font-weight: 700;
@@ -47,6 +56,24 @@ $headingLetterSpacing: .02em;
4756

4857
em {
4958
color: #6d9eeb;
59+
font-style: normal;
60+
}
61+
62+
i {
63+
font-style: italic;
64+
}
65+
66+
pre.code-wrapper {
67+
box-shadow: none;
68+
line-height: 1.3em;
69+
width: auto;
70+
}
71+
72+
code {
73+
font-family: 'Courier New', Courier, monospace;
74+
font-weight: 700;
75+
background: none;
76+
border: initial;
5077
}
5178

5279
.slides {
@@ -59,17 +86,19 @@ $headingLetterSpacing: .02em;
5986

6087
.ml-bullet-slide {
6188
text-align: left;
89+
}
6290

63-
h3 {
64-
font-size: 1.5em;
65-
}
91+
h1.big-title,
92+
h2.big-title,
93+
h3.big-title {
94+
font-size: 1.2em;
6695
}
6796

6897
.ml-title-slide {
6998
text-align: left;
7099

71100
h1 {
72-
font-size: 1.75em;
101+
font-size: 1.5em;
73102
font-weight: 700;
74103
line-height: 1.1em;
75104
}
@@ -90,7 +119,7 @@ $headingLetterSpacing: .02em;
90119
justify-content: center;
91120

92121
p {
93-
font-size: .75em;
122+
font-size: .5em;
94123
font-weight: normal;
95124
font-style: italic;
96125
margin: 0;
@@ -111,6 +140,53 @@ $headingLetterSpacing: .02em;
111140
em {
112141
font-style: normal;
113142
}
143+
144+
p {
145+
font-weight: normal;
146+
}
147+
}
148+
}
149+
150+
.ml-code-slide {
151+
text-align: left;
152+
153+
pre {
154+
font-size: .45em;
155+
}
156+
157+
code {
158+
overflow: visible;
159+
}
160+
161+
.badge {
162+
display: inline-block;
163+
position: absolute;
164+
font-size: .5em;
165+
font-weight: 700;
166+
right: 0;
167+
color: #e06666;
168+
border: 4px solid;
169+
padding: 8px 42px;
170+
}
171+
}
172+
173+
.ml-columns-slide {
174+
.columns {
175+
display: flex;
176+
text-align: left;
177+
178+
& > * {
179+
flex: 1;
180+
}
181+
}
182+
}
183+
184+
.fragment.em,
185+
.fragment.current-visible {
186+
color: inherit;
187+
188+
&.current-fragment {
189+
color: #6d9eeb;
114190
}
115191
}
116192
}
@@ -122,7 +198,11 @@ $headingLetterSpacing: .02em;
122198
object-fit: cover;
123199
}
124200

201+
table.chart td,
202+
table.chart th {
203+
text-align: center;
204+
}
125205

126-
// Theme template ------------------------------
127-
@import "../template/theme";
128-
// ---------------------------------------------
206+
span.important {
207+
color: #ff0100;
208+
}

‎slides/dist/theme/ml.css‎

Lines changed: 128 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -8,79 +8,15 @@ section.has-light-background, section.has-light-background h1, section.has-light
88
color: #222;
99
}
1010

11-
.reveal p {
12-
font-weight: 700;
13-
letter-spacing: 0.02em;
14-
}
15-
.reveal em {
16-
color: #6d9eeb;
17-
}
18-
.reveal .slides section li {
19-
font-weight: 700;
20-
}
21-
.reveal .ml-bullet-slide {
22-
text-align: left;
23-
}
24-
.reveal .ml-bullet-slide h3 {
25-
font-size: 1.5em;
26-
}
27-
.reveal .ml-title-slide {
28-
text-align: left;
29-
}
30-
.reveal .ml-title-slide h1 {
31-
font-size: 1.75em;
32-
font-weight: 700;
33-
line-height: 1.1em;
34-
}
35-
.reveal .ml-title-slide h2 {
36-
font-weight: 700;
37-
font-style: italic;
38-
}
39-
.reveal .ml-title-slide .about {
40-
display: flex;
41-
gap: 40px;
42-
margin-top: 20px;
43-
}
44-
.reveal .ml-title-slide .about .info {
45-
display: flex;
46-
flex-direction: column;
47-
justify-content: center;
48-
}
49-
.reveal .ml-title-slide .about .info p {
50-
font-size: 0.75em;
51-
font-weight: normal;
52-
font-style: italic;
53-
margin: 0;
54-
}
55-
.reveal .ml-title-slide .socials {
56-
display: flex;
57-
gap: 12px;
58-
align-items: center;
59-
}
60-
.reveal .ml-title-slide .socials .logo {
61-
height: 40px;
62-
object-fit: cover;
63-
}
64-
.reveal .ml-title-slide .socials em {
65-
font-style: normal;
66-
}
67-
68-
.avatar {
69-
width: 150px;
70-
height: 150px;
71-
border-radius: 50%;
72-
object-fit: cover;
73-
}
74-
7511
/*********************************************
7612
* GLOBAL STYLES
7713
*********************************************/
7814
:root {
7915
--r-background-color: #212121;
8016
--r-main-font: Lato, Open Sans, sans-serif;
81-
--r-main-font-size: 45px;
17+
--r-main-font-size: 56px;
8218
--r-main-color: #eee;
83-
--r-block-margin: 20px;
19+
--r-block-margin: 36px;
8420
--r-heading-margin: 0 0 20px 0;
8521
--r-heading-font: Lato, Open Sans, sans-serif;
8622
--r-heading-color: #eee;
@@ -420,4 +356,130 @@ section.has-light-background, section.has-light-background h1, section.has-light
420356
.backgrounds {
421357
background-color: var(--r-background-color);
422358
}
359+
}
360+
.reveal p {
361+
font-weight: 700;
362+
letter-spacing: 0.02em;
363+
}
364+
.reveal em {
365+
color: #6d9eeb;
366+
font-style: normal;
367+
}
368+
.reveal i {
369+
font-style: italic;
370+
}
371+
.reveal pre.code-wrapper {
372+
box-shadow: none;
373+
line-height: 1.3em;
374+
width: auto;
375+
}
376+
.reveal code {
377+
font-family: "Courier New", Courier, monospace;
378+
font-weight: 700;
379+
background: none;
380+
border: initial;
381+
}
382+
.reveal .slides section li {
383+
font-weight: 700;
384+
}
385+
.reveal .ml-bullet-slide {
386+
text-align: left;
387+
}
388+
.reveal h1.big-title,
389+
.reveal h2.big-title,
390+
.reveal h3.big-title {
391+
font-size: 1.2em;
392+
}
393+
.reveal .ml-title-slide {
394+
text-align: left;
395+
}
396+
.reveal .ml-title-slide h1 {
397+
font-size: 1.5em;
398+
font-weight: 700;
399+
line-height: 1.1em;
400+
}
401+
.reveal .ml-title-slide h2 {
402+
font-weight: 700;
403+
font-style: italic;
404+
}
405+
.reveal .ml-title-slide .about {
406+
display: flex;
407+
gap: 40px;
408+
margin-top: 20px;
409+
}
410+
.reveal .ml-title-slide .about .info {
411+
display: flex;
412+
flex-direction: column;
413+
justify-content: center;
414+
}
415+
.reveal .ml-title-slide .about .info p {
416+
font-size: 0.5em;
417+
font-weight: normal;
418+
font-style: italic;
419+
margin: 0;
420+
}
421+
.reveal .ml-title-slide .socials {
422+
display: flex;
423+
gap: 12px;
424+
align-items: center;
425+
}
426+
.reveal .ml-title-slide .socials .logo {
427+
height: 40px;
428+
object-fit: cover;
429+
}
430+
.reveal .ml-title-slide .socials em {
431+
font-style: normal;
432+
}
433+
.reveal .ml-title-slide .socials p {
434+
font-weight: normal;
435+
}
436+
.reveal .ml-code-slide {
437+
text-align: left;
438+
}
439+
.reveal .ml-code-slide pre {
440+
font-size: 0.45em;
441+
}
442+
.reveal .ml-code-slide code {
443+
overflow: visible;
444+
}
445+
.reveal .ml-code-slide .badge {
446+
display: inline-block;
447+
position: absolute;
448+
font-size: 0.5em;
449+
font-weight: 700;
450+
right: 0;
451+
color: #e06666;
452+
border: 4px solid;
453+
padding: 8px 42px;
454+
}
455+
.reveal .ml-columns-slide .columns {
456+
display: flex;
457+
text-align: left;
458+
}
459+
.reveal .ml-columns-slide .columns > * {
460+
flex: 1;
461+
}
462+
.reveal .fragment.em,
463+
.reveal .fragment.current-visible {
464+
color: inherit;
465+
}
466+
.reveal .fragment.em.current-fragment,
467+
.reveal .fragment.current-visible.current-fragment {
468+
color: #6d9eeb;
469+
}
470+
471+
.avatar {
472+
width: 150px;
473+
height: 150px;
474+
border-radius: 50%;
475+
object-fit: cover;
476+
}
477+
478+
table.chart td,
479+
table.chart th {
480+
text-align: center;
481+
}
482+
483+
span.important {
484+
color: #ff0100;
423485
}

‎slides/images/24q4-slides/Slide10.png‎

-60 KB
Binary file not shown.

‎slides/images/24q4-slides/Slide100.png‎

-53.1 KB
Binary file not shown.

‎slides/images/24q4-slides/Slide101.png‎

-73.7 KB
Binary file not shown.

‎slides/images/24q4-slides/Slide102.png‎

-73.6 KB
Binary file not shown.

‎slides/images/24q4-slides/Slide103.png‎

-105 KB
Binary file not shown.

‎slides/images/24q4-slides/Slide104.png‎

-104 KB
Binary file not shown.

‎slides/images/24q4-slides/Slide105.png‎

-44.6 KB
Binary file not shown.

‎slides/images/24q4-slides/Slide106.png‎

-45.4 KB
Binary file not shown.

0 commit comments

Comments
 (0)