Updating change-for-future with the final version of the class website from winter 2023

Note: may impact older slides

assets/css/my-remark.scss

@@ -4,15 +4,17 @@
 $fa-font-path: "../fonts/font-awesome/";
 @import 'fontawesome.all.min.css';
 @import "remark-base";
-$body-font: 22pt;
-$list-font: 20pt;
+$body-font: 28pt;
+$list-font: 24pt;
 $code-font: 18pt;
-$mediumsmall-font: 16pt;
-$title-font: 28pt;
+$mediumsmall-font: 20pt;
+$title-font: 2em;
+$h2-font: 1.5em;
 $footnote-font: 12pt;
 $blue: #0066ff;
 $lightblue: #39d;
 $lightgreen: #2c7;
+$green: #8fb47d;
 $turqouise: #1b9;
 $purple: #95b;
 $violet: #ffe6ff;
@@ -99,7 +101,11 @@ pre {
 ul {
     font-size: $list-font;
 }
-																					   
+
+ol {
+    font-size: $list-font;
+}
+
 .remark-code {
     font-family: 'Ubuntu Mono';
     font-size: $code-font;
@@ -224,7 +230,7 @@ blockquote p {
       color: $light;
   }
   .p {
-      font-size: 1.5em;
+      font-size: $body-font;
   }
   .footnote {
       font-size: $footnote-font;
@@ -251,6 +257,15 @@ blockquote p {
   padding-left: 1em;
 }
 
+.remark-slide-content h1 {
+  font-size: $title-font;
+}
+
+.remark-slide-content h2 {
+  font-size: $h2-font;
+}
+
+
 .remark-slide-content {
     background-position: right;
     font-size: $body-font;
@@ -270,10 +285,10 @@ body.compact {
 }
 
 .font-medium {
-    font-size: $list-font !important;
+    font-size: $list-font;
 }
 .font-mediumsmall {
-    font-size: $mediumsmall-font !important;
+    font-size: $mediumsmall-font;
 }
 
 .font-smaller {
@@ -297,6 +312,10 @@ body.compact {
   color: $lightest;
 }
 
+.green {
+  color: $green;
+}
+
 .contrast71 {
     color: #2E2EFF;
     background: #FFFFFF;
@@ -357,6 +376,7 @@ body.compact {
   left: -50px;
   text-align: center;
   line-height: 50px;
+  font-size: $mediumsmall-font;
   letter-spacing: 1px;
   color: $light;
   transform: rotate(-45deg);
@@ -408,10 +428,10 @@ body.compact {
 }
 
 .corner-ribbon.tr{
-  top: 100px;
-  left: 500px;
+  top: 150px;
+  left: 850px;
   font-size: $body-font;
-  width: 1000px;
+  width: 500px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   z-index: 10;