Update 404 page

404.html

@@ -1,24 +1,19 @@
 ---
-layout: default
+layout: lesson
 ---
 
-<style type="text/css" media="screen">
-  .container {
-    margin: 10px auto;
-    max-width: 600px;
-    text-align: center;
-  }
-  h1 {
-    margin: 30px 0;
-    font-size: 4em;
-    line-height: 1;
-    letter-spacing: -1px;
-  }
-</style>
-
-<div class="container">
-  <h1>404</h1>
-
-  <p><strong>Page not found :(</strong></p>
-  <p>The requested page could not be found.</p>
+<div class="four-oh-four">
+  <h1>404 <span role="img" alt="panda">🐼</span></h1>
+  <p>Oops! The requested page could not be found. Click a button below to find your way back.</p>
+  <section class="resources-section section-light">
+    <a class="btn btn-dark" href="{{ site.url }}/">
+      Home
+    </a>
+    <a class="btn btn-dark" href="{{ site.url }}/workshop-curriculum">
+      Workshop Curriculum
+    </a>
+    <a class="btn btn-dark" href="{{ site.url }}/what-students-learn">
+      What Do Students Learn at Turing?
+    </a>
+  </section>
 </div>

_sass/lesson.scss

@@ -103,7 +103,7 @@
 
 .language-cards {
   justify-content: space-between;
-  
+
   div {
     background-color: #fff;
     border-top: 0.5rem solid $teal;
@@ -127,3 +127,14 @@
     color: $dark-gray;
   }
 }
+
+.four-oh-four {
+  h1 {
+    font-size: 5rem;
+    text-align: center;
+  }
+  p {
+    text-align: center;
+    margin-bottom: 3rem;
+  }
+}

_sass/page.scss

@@ -13,7 +13,6 @@ html {
 a:link,
 a:visited {
   text-decoration: none;
-  color: #026a73
 }
 
 #toc a:hover,

index.html

@@ -10,6 +10,7 @@ <h1>Try Coding Workshops</h1>
     <h4>at Turing School of Software and Design</h4>
   </div>
 </section>
+
 <section class="resources-section section-light">
   <h2>Ready?</h2>
   <a class="btn btn-dark" href="{{ site.url }}/workshop-curriculum">
@@ -19,6 +20,7 @@ <h2>Ready?</h2>
     What Do Students Learn at Turing?
   </a>
 </section>
+
 <footer>
   <p>Turing School of Software and Design, a Colorado Non-Profit Organization.</p>
   <p>This work is licensed under a

popup-lite-brite/index.md

@@ -4,14 +4,16 @@ layout: lesson
 
 # Pop Up: Build a Virtual Lite-Brite
 
-[Thinking of a Lite-Brite](https://en.wikipedia.org/wiki/Lite-Brite) may make you nostalgic. But these days, they are covered in germs. In this workshop, you will build and customize your very own _virtual_ Lite Brite that you can share with anyone around the world!
+[Thinking of a Lite-Brite](https://en.wikipedia.org/wiki/Lite-Brite) may make you nostalgic. But these days, they are covered in germs. In this live, instructor-led workshop, you will build and customize your very own _virtual_ Lite Brite that you can share with anyone around the world!
+
+_This will be best experienced on a desktop or laptop computer._
 
 ## Welcome!
 
 We are so glad you are here! To get set up...
 1. Open up <a target="blank" href="http://repl.it/">repl.it</a> in a browser (preferably Chrome) and login to your account
 1. Please change your zoom name to first, last initial, pronouns (ex: _Amy H. (she/her)_)
-1. Introduce yourself in the chat - where are you calling in from?
+1. Introduce yourself in the zoom chat - where are you calling in from?
 <br><br>
 
 ## Goals