update schedule and exercises

index.html

@@ -259,11 +259,12 @@ <h3>Schedule</h3>
                 <p>Watch:</p>
                 <ul>
                     <li>Bret Victor, <a href="https://vimeo.com/64895205" target="_blank"><i>Stop Drawing Dead Fish</i></a> (53min)</li>
-                    <li>Cathy O'Neil, <a href="https://www.youtube.com/watch?v=_2u_eHHzRto" target="_blank"><i>The era of blind faith in big data must end</i></a> (13min)*</li>
-                    <li>Safiya Umoja Noble, <a href="https://www.youtube.com/watch?v=iRVZozEEWlE" target="_blank"><i>Challenging the Algorithms of Oppression</i></a> (12min)**</li>
+                    <li>Cathy O'Neil, <a href="https://www.youtube.com/watch?v=_2u_eHHzRto" target="_blank"><i>The era of blind faith in big data must end</i></a> (13min)**</li>
+                    <li>Safiya Umoja Noble, <a href="https://www.youtube.com/watch?v=iRVZozEEWlE" target="_blank"><i>Challenging the Algorithms of Oppression</i></a> (12min)***</li>
                 </ul>
-                <p class="optional" style="font-size: 17px"><span style="color: black; font-weight: 700">*</span>This video is the sparknotes version of <a style="color: rgb(174, 174, 174)" href="https://www.youtube.com/watch?v=TQHs8SA1qpk" target="_blank"><i>Weapons of Math Destruction</i></a>, which is recommended but not required.</p>
-                <p class="optional" style="font-size: 17px"><span style="color: black; font-weight: 700">**</span>This video is the sparknotes version of <a style="color: rgb(174, 174, 174)" href="https://www.youtube.com/watch?v=Q7yFysTBpAo" target="_blank"><i>Algorithms of Oppression</i></a>, which is recommended but not required.</p>
+                <p class="optional" style="font-size: 17px"><span style="color: black; font-weight: 700">*</span>The entire video is recommended, but you'll probably get the gist in the first 20min or so.</p>
+                <p class="optional" style="font-size: 17px"><span style="color: black; font-weight: 700">**</span>This video is the sparknotes version of <a style="color: rgb(174, 174, 174)" href="https://www.youtube.com/watch?v=TQHs8SA1qpk" target="_blank"><i>Weapons of Math Destruction</i></a>, which is recommended but not required.</p>
+                <p class="optional" style="font-size: 17px"><span style="color: black; font-weight: 700">***</span>This video is the sparknotes version of <a style="color: rgb(174, 174, 174)" href="https://www.youtube.com/watch?v=Q7yFysTBpAo" target="_blank"><i>Algorithms of Oppression</i></a>, which is recommended but not required.</p>
             </div>
             <div class="item date">1/25</div>
             <div class="item">
@@ -485,7 +486,7 @@ <h3>09 Coding Train p5.js</h3>
                 </p>
                 <ul>
                     <li>2.2: Variables in p5.js (Make Your Own)</li>
-                    <li class="optional">2.3: JavaScript Objects (optional for this week, though Dan might refer to these concepts in other videos)</li>
+                    <li>2.3: JavaScript Objects</li>
                     <li>2.4: The map() Function</li>
                     <li>2.5: The random() Function</li>
                     <li>3.1: Introduction to Conditional Statements</li>
@@ -502,7 +503,29 @@ <h3>10 p5.js Paint</h3>
                 </div>
             </div>
             <div class="syl-text">
-                <p>TK</p>
+                <p>Make 3 "paint" programs using p5.js. "Paint" can be interpreted as "the user paints" (probably using mouseX mouseY), or "the computer paints," which is essentially an animation. At least one should use an image(s) via the image() function, which means you'll also need loadImage(). At least one should use if/else conditional statements, which is covered in video 3.3 in Exercise 09. Things you might explore:</p>
+                <ul>
+                    <li>background()</li>
+                    <li>fill()</li>
+                    <li>noFill()</li>
+                    <li>stroke()</li>
+                    <li>noStroke()</li>
+                    <li>strokeWidth()</li>
+                    <li>arc()</li>
+                    <li>ellipse()</li>
+                    <li>line()</li>
+                    <li>point()</li>
+                    <li>quad()</li>
+                    <li>rect()</li>
+                    <li>triangle()</li>
+                    <li>text()</li>
+                    <li>textSize()</li>
+                    <li>rectMode()</li>
+                    <li>imageMode()</li>
+                    <li>blendMode()</li>
+                    <li>random()</li>
+                </ul>
+                <p class="optional">Consider exploring cyclical behavior using either sin() or the modulo operator %. For a guide on how to approach this, check out <a href="https://creative-coding.decontextualize.com/changes-over-time/" target="_blank">Allison Parish's page</a> and scroll down to the modulo section. She covers a lot of cool stuff on this site in general.</p>
             </div>
         </div>
         <div class="syl-sec ex-11">