diff --git a/docs/SUMMARY.md b/docs/SUMMARY.md index 73e295fa..a4dbe0ff 100644 --- a/docs/SUMMARY.md +++ b/docs/SUMMARY.md @@ -55,6 +55,7 @@ * [About](/courses/csintro/about) * [Introduction](/courses/csintro/introduction) * [References](/courses/csintro/references) + * [Acknowledgements](/courses/csintro/acknowledgements) * [Making](/courses/csintro/making) * [Introduction](/courses/csintro/making/introduction) * [Unplugged](/courses/csintro/making/unplugged) diff --git a/docs/courses/csintro.md b/docs/courses/csintro.md index 88efb931..ac91e0ff 100644 --- a/docs/courses/csintro.md +++ b/docs/courses/csintro.md @@ -46,9 +46,9 @@ Each of the 12 lessons is structured in this format: 4. [Conditionals](/courses/csintro/conditionals) 5. [Iteration](/courses/csintro/iteration) 6. [Review/Mini-Project](/courses/csintro/miniproject) -7. [Coordinate Grid System](/courses/csintro/coordinates) +7. [Coordinate grid system](/courses/csintro/coordinates) 8. [Booleans](/courses/csintro/booleans) -9. [Bits, Bytes, and Binary](/courses/csintro/binary) +9. [Bits, bytes, and binary](/courses/csintro/binary) 10. [Radio](/courses/csintro/radio) 11. [Arrays](/courses/csintro/arrays) -12. [Independent Final Project](/courses/csintro/finalproject) +12. [Independent final project](/courses/csintro/finalproject) diff --git a/docs/courses/csintro/acknowledgements.md b/docs/courses/csintro/acknowledgements.md index 814a3311..e45f1112 100644 --- a/docs/courses/csintro/acknowledgements.md +++ b/docs/courses/csintro/acknowledgements.md @@ -6,7 +6,7 @@ Thank you to the many students who contributed their energy, creativity, and pas Thank you to Microsoft and to the Micro:bit Foundation for their support of our work. Thank you, as well, to George Saltsman of Lamar University for his original encouragement and support of this project. -Thank you as well to Peli de Halleux for his advice on all sorts of programming questions, as well as for the wonderful Infection Simulation that he created just for this guide. Sam El-Husseini, your advice and wise counsel was instrumental in shaping the format of this book. Richard Knoll, we are so grateful for your help with the Arrays chapter and the Song-Maker example. Galen Nickel, thank you for polishing and formatting our work to look good on the web. To Guillaume, Tom, Brahma, and the entire Microsoft MakeCode team, your caring and support meant so much to our students this year. Thank you! +Thank you as well to Peli de Halleux for his advice on all sorts of programming questions, as well as for the wonderful [Infection](/projects/infection) simulation that he created just for this guide. Sam El-Husseini, your advice and wise counsel was instrumental in shaping the format of this book. Richard Knoll, we are so grateful for your help with the [Arrays](/courses/csintro/arrays) chapter and the [Song-maker](/courses/csintro/arrays/project#song-maker) example. Galen Nickel, thank you for polishing and formatting our work to look good on the web. To Guillaume, Tom, Brahma, and the entire Microsoft MakeCode team, your caring and support meant so much to our students this year. Thank you! Above all, our sincere thanks to Jacqueline Russell, Project Lead at Microsoft MakeCode. Your patience, advice, and innumerable suggestions and assistance made this curriculum possible. diff --git a/docs/courses/csintro/algorithms/activity.md b/docs/courses/csintro/algorithms/activity.md index 46445e1c..45d4fa84 100644 --- a/docs/courses/csintro/algorithms/activity.md +++ b/docs/courses/csintro/algorithms/activity.md @@ -148,7 +148,26 @@ Remember, MakeCode automatically compiles and runs your program, so all you need * Feel free to play around with turning LEDs on or off in the ‘show leds’ blocks until you get the images you want. * Remember to save your code. ->![Face on micro:bit screen](/static/courses/csintro/algorithms/happy-sad.gif) +```sim +basic.forever(() => { + basic.showLeds(` + . . . . . + . # . # . + . . . . . + # . . . # + . # # # . + `) + basic.pause(800) + basic.showLeds(` + . . . . . + . # . # . + . . . . . + . # # # . + # . . . # + `) + basic.pause(800) +}) +``` ## Commenting your code It is good practice to add comments to your code. Comments can be useful in a number of ways. Comments can help you remember what a certain block of code does and/or why you chose to program something the way you did. Comments also help others reading your code to understand these same things. diff --git a/docs/courses/csintro/algorithms/project.md b/docs/courses/csintro/algorithms/project.md index b84be6a6..11c349eb 100644 --- a/docs/courses/csintro/algorithms/project.md +++ b/docs/courses/csintro/algorithms/project.md @@ -1,12 +1,14 @@ # Project: Fidget Cube ![Sample fidget cube](/static/courses/csintro/algorithms/fidgetcube.jpg) + A fidget cube is a little cube with something different that you can manipulate on each surface. There are buttons, switches, and dials, and people who like to “fidget” find it relaxing to push, pull, press, and play with it. In this project, students are challenged to turn the micro:bit into their very own “fidget cube”. Show students some examples of fidget cubes: -* Original Kickstarter Fidget Cube - https://www.kickstarter.com/projects/antsylabs/fidget-cube-a-vinyl-desk-toy (there is a funny video showing the fidget cube in action). +* Original Kickstarter Fidget Cube - [Fidget Cube: A Vinyl Desk Toy](https://www.kickstarter.com/projects/antsylabs/fidget-cube-a-vinyl-desk-toy) (there is a funny video showing the fidget cube in action). ## Discussion questions + * Do any of your students fidget? * What kinds of things do they fidget with? Spinning pens, fidget spinners, rings, coins? * There are many different versions of fidget cubes available now. Do any students have any? @@ -18,6 +20,7 @@ Show students some examples of fidget cubes: Remind students that a computing device has a number of inputs, and a number of outputs. The code that we write processes input by telling the micro:bit what to do when various events occur. ## Project + Make a fidget cube out of the micro:bit, create a unique output for each of the following inputs: * on button A pressed * on button B pressed @@ -29,7 +32,7 @@ See if you can combine a maker element similar to what you created in Lesson 1 b ![](/static/courses/csintro/algorithms/fidget-cube.jpg) Sample fidget cube designs -## Project Mod +## Project mod * Add more inputs and more outputs - use more than 4 different types of input. Try to use other types of output (other than LEDs) such as sound! ## Assessment diff --git a/docs/courses/csintro/arrays/activity.md b/docs/courses/csintro/arrays/activity.md index def323a1..889c82e0 100644 --- a/docs/courses/csintro/arrays/activity.md +++ b/docs/courses/csintro/arrays/activity.md @@ -235,7 +235,13 @@ To fix this, we need to do a little math by subtracting 1 from whatever the valu **Note:** Be sure to hit Refresh a few times on the simulator, because sometimes some stars get hidden behind other stars. -![Random stars](/static/courses/csintro/arrays/random-stars.png) +```block +let list = [5, 2, 1, 3, 4] + +for (let index = 0; index < list[0] - 1; index++) { + led.plot(Math.random(5), Math.random(5)) +} +``` The above code takes the first value in the array and creates that many stars at random locations. Now, all we need to do is iterate through the entire array and do the same thing for each of the values. We will put the above code inside another loop that will run the same number of times as the length of the array (in this case, 5). You should also use a 'pause' block and a 'clear screen' block in between each constellation. @@ -261,11 +267,17 @@ list = [5, 2, 1, 3, 4] Traversing an array means proceeding through the elements of the array in sequence. Note that there is a special loop in the Loops Toolbox drawer called ‘for element value of list’. This loop automatically takes each element of your array in turn and copies it into a variable called value. -![index loop](/static/courses/csintro/arrays/for-index.png) +```block +for (let index = 0; index <= 4; index++){ + +} +``` The following code is useful for printing out the values of the elements in your array: ```blocks +let list = [5, 2, 1, 3, 4] + input.onButtonPressed(Button.B, () => {    for (let value of list) {        basic.showNumber(value) @@ -279,6 +291,8 @@ However, note that value holds a copy of the element in the array, so changing v If you run the code below, then print out the array again, you will see that it is unchanged. ```blocks +let list = [5, 2, 1, 3, 4] + input.onButtonPressed(Button.A, () => {    for (let value of list) {        value += 1 diff --git a/docs/courses/csintro/arrays/project.md b/docs/courses/csintro/arrays/project.md index 9118f862..b0f686e3 100644 --- a/docs/courses/csintro/arrays/project.md +++ b/docs/courses/csintro/arrays/project.md @@ -103,9 +103,9 @@ Have students write a reflection of about 150–300 words, addressing the follow ### Maker component -**4 =** Tangible component is tightly integrated with the micro:bit and each relies heavily on the other to make the project complete. -**3 =** Tangible component is somewhat integrated with the micro:bit but is not essential. -**2 =** Tangible component does not add to the functionality of the program. +**4 =** Tangible component is tightly integrated with the micro:bit and each relies heavily on the other to make the project complete.
+**3 =** Tangible component is somewhat integrated with the micro:bit but is not essential.
+**2 =** Tangible component does not add to the functionality of the program.
**1 =** No tangible component. ### micro:bit program diff --git a/docs/courses/csintro/booleans/activity.md b/docs/courses/csintro/booleans/activity.md index 95d3f791..dd429944 100644 --- a/docs/courses/csintro/booleans/activity.md +++ b/docs/courses/csintro/booleans/activity.md @@ -73,6 +73,8 @@ Now that the virtual CoinA and CoinB have been virtually flipped, we need to com * Drag the 'if...then...else' block into the 'on shake' block under the 'set' variable blocks ```blocks +let CoinBHeads = false +let CoinAHeads = false input.onGesture(Gesture.Shake, () => { CoinAHeads = Math.randomBoolean() CoinBHeads = Math.randomBoolean() diff --git a/docs/courses/csintro/coordinates.md b/docs/courses/csintro/coordinates.md index 66751bf7..f064f15d 100644 --- a/docs/courses/csintro/coordinates.md +++ b/docs/courses/csintro/coordinates.md @@ -10,7 +10,7 @@ Students will... * Understand that the 5 x 5 grid of LEDs on the micro:bit represents a coordinate grid with the origin (0,0) in the top left corner. * Understand that the values of the x coordinates range from 0 through four and increase from left to right. * Understand that the values of the y coordinates range from 0 through four and increase from top to bottom. -* Learn how to refer to an individual LED by its x & y coordinates. +* Learn how to refer to an individual LED by its **X** and **Y** coordinates. * Learn how to plot (turn on) and unplot (turn off) individual LEDs and how to toggle between these two states. * Learn how to check the current on or off status of an individual LED as well as check and set the brightness level. * Apply the above knowledge and skills to create a unique program that uses coordinates as an integral part of the program. diff --git a/docs/courses/csintro/coordinates/project.md b/docs/courses/csintro/coordinates/project.md index f01fc1f6..fa6fa401 100644 --- a/docs/courses/csintro/coordinates/project.md +++ b/docs/courses/csintro/coordinates/project.md @@ -9,11 +9,11 @@ Normally, if a show was running, or if someone was actively using the computer, Your task is to create: -1. A "screen saver" animation using the plot/unplot blocks. You can fill the screen line by line, pausing between each one, or fill it with a random constellation of stars. +* A "screen saver" animation using the plot/unplot blocks. You can fill the screen line by line, pausing between each one, or fill it with a random constellation of stars. >-- OR -- -1. A game that uses sprites to manage the x and y coordinate values of the different objects. +* A game that uses sprites to manage the x and y coordinate values of the different objects. Your project might use variables to store the values of sprites, which are special structures that contain an x and a y coordinate together that describe the sprite's location as one LED on the screen. diff --git a/docs/courses/csintro/finalproject/review.md b/docs/courses/csintro/finalproject/review.md index a1db6d59..e06256cb 100644 --- a/docs/courses/csintro/finalproject/review.md +++ b/docs/courses/csintro/finalproject/review.md @@ -1,6 +1,6 @@ # Review -![Review](/static/courses/csintro/miniproject/review.jpg) +![Review](/static/courses/csintro/miniproject/review.png) Here is a brief review of the topics we covered in lessons 7–12.   diff --git a/docs/courses/csintro/introduction.md b/docs/courses/csintro/introduction.md index 89c36f5c..d9878834 100644 --- a/docs/courses/csintro/introduction.md +++ b/docs/courses/csintro/introduction.md @@ -46,12 +46,12 @@ This course takes approximately 14 weeks to complete, spending about 1 week on e 4. [Conditionals](/courses/csintro/conditionals) 5. [Iteration](/courses/csintro/iteration) 6. [Review/Mini-Project](courses/csintro/miniproject) -7. [Coordinate Grid System](/courses/csintro/coordinates) +7. [Coordinate grid system](/courses/csintro/coordinates) 8. [Booleans](/courses/csintro/booleans) -9. [Bits, Bytes, and Binary](/courses/csintro/binary) +9. [Bits, bytes, and binary](/courses/csintro/binary) 10. [Radio](/courses/csintro/radio) 11. [Arrays](/courses/csintro/arrays) -12. [Independent Final Project](/courses/csintro/finalproject) +12. [Independent final project](/courses/csintro/finalproject) Each of the 12 lessons is comprised of the following parts: diff --git a/docs/courses/csintro/iteration/activity.md b/docs/courses/csintro/iteration/activity.md index 0de66b04..0618f3c4 100644 --- a/docs/courses/csintro/iteration/activity.md +++ b/docs/courses/csintro/iteration/activity.md @@ -189,7 +189,17 @@ We can use the default values for the rest of the parameters. You should now see a light moving from left to right along the top row of the micro:bit simulator. -![Moving Dot Top Row](/static/courses/csintro/iteration/moving-dot.gif) +```sim +let index = 0 +basic.forever(() => { +   for (let xindex = 0; xindex <= 4; xindex++) { +       led.plot(xindex, 0) +       basic.pause(100) +       led.unplot(xindex, 0) +       basic.pause(100) +   } +}) +``` To make our pattern continue through all the leds, we can change the value of the y coordinate as well. @@ -218,7 +228,20 @@ basic.forever(() => { There! With only a half dozen or so lines of code, we have made our light travel through all the coordinates on the micro:bit screen. -![Moving Dot All](/static/courses/csintro/iteration/moving-dot-all.gif) +```sim +let index = 0 +let yindex = 0 +basic.forever(() => { +   for (let yindex = 0; yindex <= 4; yindex++) { +       for (let xindex = 0; xindex <= 4; xindex++) { +           led.plot(xindex, yindex) +           basic.pause(100) +           led.unplot(xindex, yindex) +           basic.pause(100) +       } +   } +}) +``` **Check:** Make sure the students can read this code. diff --git a/docs/courses/csintro/making/project.md b/docs/courses/csintro/making/project.md index 7f13af77..7f124e2b 100644 --- a/docs/courses/csintro/making/project.md +++ b/docs/courses/csintro/making/project.md @@ -1,4 +1,4 @@ -# Project: Micro:pet +# Project: micro:pet ## Project diff --git a/docs/courses/csintro/references.md b/docs/courses/csintro/references.md index 2d7a5a01..b05da385 100644 --- a/docs/courses/csintro/references.md +++ b/docs/courses/csintro/references.md @@ -1,53 +1,69 @@ # References - - We have included some additional reference books and materials if you are interested in learning more about the maker mindset. -##Maker Education, Physical Computing or Design Thinking in the Classroom +## Maker Education, Physical Computing or Design Thinking in the Classroom -![Invent to Learn Book Cover](/static/courses/csintro/references/invent-to-learn.jpg) -* [Invent To Learn](http://inventtolearn.com/) +### [Invent To Learn](http://inventtolearn.com/) +by **Sylvia Libow Martinez and Gary Stager** -> Making, Tinkering, and Engineering in the Classroom By Sylvia Libow Martinez and Gary Stager +Making, Tinkering, and Engineering in the Classroom -![Launch Book Cover](/static/courses/csintro/references/launch.jpg) -* [Launch](http://thelaunchcycle.com/) +[![Invent to Learn Book Cover](/static/courses/csintro/references/invent-to-learn.jpg)](http://inventtolearn.com/) -> Using Design Thinking to Boost Creativity and Bring Out the Maker in Every Student by John Spencer and AJ Juliani +### [Launch](http://thelaunchcycle.com/) +by **John Spencer and AJ Juliani** -![Innovator's Mindset Book Cover](/static/courses/csintro/references/innovators-mindset.jpg) -* [The Innovator's Mindset](http://georgecouros.ca/blog/archives/5715) +Using Design Thinking to Boost Creativity and Bring Out the Maker in Every Student -> Empower Learning, Unleash Talent, and Lead a Culture of Creativity by George Couros +[![Launch Book Cover](/static/courses/csintro/references/launch.jpg)](http://thelaunchcycle.com/) -![Makerspace Projects Book Cover](/static/courses/csintro/references/makerspace-projects.jpg) -* [The Big Book of Makerspace Projects](https://colleengraves.org/bigmakerbook/) +### [The Innovator's Mindset](http://georgecouros.ca/blog/archives/5715) +by **George Couros** -> Inspiring Makers to Experiment, Create, and Learn by Colleen Graves +Empower Learning, Unleash Talent, and Lead a Culture of Creativity -##Code and Computational Thinking +[![Innovator's Mindset Book Cover](/static/courses/csintro/references/innovators-mindset.jpg)](http://georgecouros.ca/blog/archives/5715) -![Code Book Cover](/static/courses/csintro/references/code.jpg) -* [Code](http://www.charlespetzold.com/code/) +### [The Big Book of Makerspace Projects](https://colleengraves.org/bigmakerbook/) +by **Colleen Graves** -> The Hidden Language of Computer Hardware and Software by Charles Petzold +Inspiring Makers to Experiment, Create, and Learn -![Girl Code Book Cover](/static/courses/csintro/references/girl-code.jpg) -* [Girl Code](https://www.girlcodethebook.com/) +![Makerspace Projects Book Cover](/static/courses/csintro/references/makerspace-projects.jpg) -> Gaming, Going Viral, and Getting it Done by Andy Gonzales and Sophie Houser +## Code and Computational Thinking -![Secret Coders Book Cover](/static/courses/csintro/references/secret-coders.jpg) -* [Secret Coders](http://www.secret-coders.com/) +### [Code](http://www.charlespetzold.com/code/) +by **Charles Petzold** -> Secret Coders by Gene Luen Yang and Mike Holmes +The Hidden Language of Computer Hardware and Software -![How to Count Book Cover](/static/courses/csintro/references/how-to-count.png) -* [How to Count](https://stevenf.com/books/) +[![Code Book Cover](/static/courses/csintro/references/code.jpg)](http://www.charlespetzold.com/code/) + +### [Girl Code](https://www.girlcodethebook.com/) +by **Andy Gonzales and Sophie Houser** + +Gaming, Going Viral, and Getting it Done + +[![Girl Code Book Cover](/static/courses/csintro/references/girl-code.jpg)](https://www.girlcodethebook.com/) + +### [Secret Coders](http://www.secret-coders.com/) +by **Gene Luen Yang and Mike Holmes** + +Get with the PROGRAM! + +[![Secret Coders Book Cover](/static/courses/csintro/references/secret-coders.jpg)](http://www.secret-coders.com/) + +### [How to Count](https://stevenf.com/books/) +by **Steven Frank** + +Programming for Mere Mortals, Vol. 1 + +[![How to Count Book Cover](/static/courses/csintro/references/how-to-count.png)](https://stevenf.com/books/) + +## Feedback -> Programming for Mere Mortals, Vol. 1 by Steven Frank - If you have feedback for the Microsoft MakeCode team, you can fill out their survey form here: https://aka.ms/microbitfeedback The support site for the micro:bit is located here: [https://support.microbit.org](https://support.microbit.org/) diff --git a/docs/courses/csintro/variables.md b/docs/courses/csintro/variables.md index 70cbf88e..f4b031a8 100644 --- a/docs/courses/csintro/variables.md +++ b/docs/courses/csintro/variables.md @@ -1,6 +1,7 @@ # Variables -![Variable value](/static/courses/csintro/variables/cover.JPG) +![Variable value](/static/courses/csintro/variables/cover.jpg) + This lesson introduces the use of variables to store data or the results of mathematical operations. Students will practice giving variables unique and meaningful names. We will also introduce the basic mathematical operations for adding, subtracting, multiplying, and dividing variables. ## Lesson Objectives diff --git a/docs/courses/csintro/variables/overview.md b/docs/courses/csintro/variables/overview.md index 4d5c3ed9..40ac240b 100644 --- a/docs/courses/csintro/variables/overview.md +++ b/docs/courses/csintro/variables/overview.md @@ -9,6 +9,7 @@ Ask the students to think of some pieces of information in their daily life that Constants and variables can be numbers and/or text. ## Examples + In one school day... * Constants: The day of the week, the year, student’s name, the school’s address diff --git a/docs/static/courses/csintro/algorithms/cpu.png b/docs/static/courses/csintro/algorithms/cpu.png index 370b5905..670c6650 100644 Binary files a/docs/static/courses/csintro/algorithms/cpu.png and b/docs/static/courses/csintro/algorithms/cpu.png differ diff --git a/docs/static/courses/csintro/algorithms/fidgetcube.jpg b/docs/static/courses/csintro/algorithms/fidgetcube.jpg index b83a1552..6dbb45f6 100644 Binary files a/docs/static/courses/csintro/algorithms/fidgetcube.jpg and b/docs/static/courses/csintro/algorithms/fidgetcube.jpg differ diff --git a/docs/static/courses/csintro/arrays/cover.jpg b/docs/static/courses/csintro/arrays/cover.jpg index 2621e73a..3854f9f4 100644 Binary files a/docs/static/courses/csintro/arrays/cover.jpg and b/docs/static/courses/csintro/arrays/cover.jpg differ diff --git a/docs/static/courses/csintro/arrays/gear-values.png b/docs/static/courses/csintro/arrays/gear-values.png index fbeb9e0e..7155eaea 100755 Binary files a/docs/static/courses/csintro/arrays/gear-values.png and b/docs/static/courses/csintro/arrays/gear-values.png differ diff --git a/docs/static/courses/csintro/arrays/headband-charades.png b/docs/static/courses/csintro/arrays/headband-charades.png index b1470ef6..c14cfd99 100644 Binary files a/docs/static/courses/csintro/arrays/headband-charades.png and b/docs/static/courses/csintro/arrays/headband-charades.png differ diff --git a/docs/static/courses/csintro/arrays/microbit-guitar.png b/docs/static/courses/csintro/arrays/microbit-guitar.png index 1d8454d1..a9d374a2 100644 Binary files a/docs/static/courses/csintro/arrays/microbit-guitar.png and b/docs/static/courses/csintro/arrays/microbit-guitar.png differ diff --git a/docs/static/courses/csintro/arrays/rock-collection.png b/docs/static/courses/csintro/arrays/rock-collection.png index 1dcde4d8..4e90af2a 100644 Binary files a/docs/static/courses/csintro/arrays/rock-collection.png and b/docs/static/courses/csintro/arrays/rock-collection.png differ diff --git a/docs/static/courses/csintro/arrays/sorts-people.png b/docs/static/courses/csintro/arrays/sorts-people.png index 9b474a97..fdba5abf 100644 Binary files a/docs/static/courses/csintro/arrays/sorts-people.png and b/docs/static/courses/csintro/arrays/sorts-people.png differ diff --git a/docs/static/courses/csintro/arrays/starry-night.png b/docs/static/courses/csintro/arrays/starry-night.png index 8681a7f5..94587b30 100644 Binary files a/docs/static/courses/csintro/arrays/starry-night.png and b/docs/static/courses/csintro/arrays/starry-night.png differ diff --git a/docs/static/courses/csintro/binary/binary-cash-register.jpg b/docs/static/courses/csintro/binary/binary-cash-register.jpg index 6bd312bc..37b109a0 100644 Binary files a/docs/static/courses/csintro/binary/binary-cash-register.jpg and b/docs/static/courses/csintro/binary/binary-cash-register.jpg differ diff --git a/docs/static/courses/csintro/binary/binary-crt.png b/docs/static/courses/csintro/binary/binary-crt.png index 76c38a05..b3890c59 100644 Binary files a/docs/static/courses/csintro/binary/binary-crt.png and b/docs/static/courses/csintro/binary/binary-crt.png differ diff --git a/docs/static/courses/csintro/binary/binary-patterns.png b/docs/static/courses/csintro/binary/binary-patterns.png index e62c5d9b..f9c60d56 100644 Binary files a/docs/static/courses/csintro/binary/binary-patterns.png and b/docs/static/courses/csintro/binary/binary-patterns.png differ diff --git a/docs/static/courses/csintro/binary/binary-place-values.png b/docs/static/courses/csintro/binary/binary-place-values.png index 4c8284aa..491e2502 100644 Binary files a/docs/static/courses/csintro/binary/binary-place-values.png and b/docs/static/courses/csintro/binary/binary-place-values.png differ diff --git a/docs/static/courses/csintro/binary/microbit-holder.jpg b/docs/static/courses/csintro/binary/microbit-holder.jpg index d8a215ef..289525bb 100644 Binary files a/docs/static/courses/csintro/binary/microbit-holder.jpg and b/docs/static/courses/csintro/binary/microbit-holder.jpg differ diff --git a/docs/static/courses/csintro/booleans/cover.jpeg b/docs/static/courses/csintro/booleans/cover.jpeg index 13bf55af..96b52a3c 100644 Binary files a/docs/static/courses/csintro/booleans/cover.jpeg and b/docs/static/courses/csintro/booleans/cover.jpeg differ diff --git a/docs/static/courses/csintro/booleans/fuzzies.jpg b/docs/static/courses/csintro/booleans/fuzzies.jpg index 8d705c77..991df94f 100644 Binary files a/docs/static/courses/csintro/booleans/fuzzies.jpg and b/docs/static/courses/csintro/booleans/fuzzies.jpg differ diff --git a/docs/static/courses/csintro/booleans/pennies.png b/docs/static/courses/csintro/booleans/pennies.png index 74217455..eb02b265 100644 Binary files a/docs/static/courses/csintro/booleans/pennies.png and b/docs/static/courses/csintro/booleans/pennies.png differ diff --git a/docs/static/courses/csintro/booleans/two-player.jpg b/docs/static/courses/csintro/booleans/two-player.jpg index 24395cda..5bc169a4 100644 Binary files a/docs/static/courses/csintro/booleans/two-player.jpg and b/docs/static/courses/csintro/booleans/two-player.jpg differ diff --git a/docs/static/courses/csintro/conditionals/battle-pieces.jpg b/docs/static/courses/csintro/conditionals/battle-pieces.jpg index 29764b9f..2e34354c 100644 Binary files a/docs/static/courses/csintro/conditionals/battle-pieces.jpg and b/docs/static/courses/csintro/conditionals/battle-pieces.jpg differ diff --git a/docs/static/courses/csintro/conditionals/cover.jpg b/docs/static/courses/csintro/conditionals/cover.jpg index 4552671b..0296d7c7 100644 Binary files a/docs/static/courses/csintro/conditionals/cover.jpg and b/docs/static/courses/csintro/conditionals/cover.jpg differ diff --git a/docs/static/courses/csintro/conditionals/flowchart.PNG b/docs/static/courses/csintro/conditionals/flowchart.PNG index 318cce5c..cd3d3f78 100644 Binary files a/docs/static/courses/csintro/conditionals/flowchart.PNG and b/docs/static/courses/csintro/conditionals/flowchart.PNG differ diff --git a/docs/static/courses/csintro/conditionals/game-pieces.jpg b/docs/static/courses/csintro/conditionals/game-pieces.jpg index f88cdc10..d60a6b19 100644 Binary files a/docs/static/courses/csintro/conditionals/game-pieces.jpg and b/docs/static/courses/csintro/conditionals/game-pieces.jpg differ diff --git a/docs/static/courses/csintro/conditionals/microbit-holder.jpg b/docs/static/courses/csintro/conditionals/microbit-holder.jpg index 124bf92f..a2709cfa 100644 Binary files a/docs/static/courses/csintro/conditionals/microbit-holder.jpg and b/docs/static/courses/csintro/conditionals/microbit-holder.jpg differ diff --git a/docs/static/courses/csintro/conditionals/space-race.jpg b/docs/static/courses/csintro/conditionals/space-race.jpg index 571c1475..2a019a68 100644 Binary files a/docs/static/courses/csintro/conditionals/space-race.jpg and b/docs/static/courses/csintro/conditionals/space-race.jpg differ diff --git a/docs/static/courses/csintro/coordinates/math-coords.png b/docs/static/courses/csintro/coordinates/math-coords.png index 95eafbdf..a9b0348f 100644 Binary files a/docs/static/courses/csintro/coordinates/math-coords.png and b/docs/static/courses/csintro/coordinates/math-coords.png differ diff --git a/docs/static/courses/csintro/iteration/birthday-card.jpg b/docs/static/courses/csintro/iteration/birthday-card.jpg index 9843aeb2..a7e5e357 100644 Binary files a/docs/static/courses/csintro/iteration/birthday-card.jpg and b/docs/static/courses/csintro/iteration/birthday-card.jpg differ diff --git a/docs/static/courses/csintro/iteration/chair-pseudo.png b/docs/static/courses/csintro/iteration/chair-pseudo.png index 245ecc05..d6fc68fb 100644 Binary files a/docs/static/courses/csintro/iteration/chair-pseudo.png and b/docs/static/courses/csintro/iteration/chair-pseudo.png differ diff --git a/docs/static/courses/csintro/iteration/guitar.jpg b/docs/static/courses/csintro/iteration/guitar.jpg index 12acfbf2..c4388b43 100644 Binary files a/docs/static/courses/csintro/iteration/guitar.jpg and b/docs/static/courses/csintro/iteration/guitar.jpg differ diff --git a/docs/static/courses/csintro/iteration/shampoo-flowchart.png b/docs/static/courses/csintro/iteration/shampoo-flowchart.png index bf0f3786..21e90bd9 100644 Binary files a/docs/static/courses/csintro/iteration/shampoo-flowchart.png and b/docs/static/courses/csintro/iteration/shampoo-flowchart.png differ diff --git a/docs/static/courses/csintro/iteration/shampoo.png b/docs/static/courses/csintro/iteration/shampoo.png index 4ef797ee..da7782ff 100644 Binary files a/docs/static/courses/csintro/iteration/shampoo.png and b/docs/static/courses/csintro/iteration/shampoo.png differ diff --git a/docs/static/courses/csintro/miniproject/problem-solving.png b/docs/static/courses/csintro/miniproject/problem-solving.png index 79651199..3007a417 100644 Binary files a/docs/static/courses/csintro/miniproject/problem-solving.png and b/docs/static/courses/csintro/miniproject/problem-solving.png differ diff --git a/docs/static/courses/csintro/radio/keyboard-copper-tape.png b/docs/static/courses/csintro/radio/keyboard-copper-tape.png index 16f5fca2..92759708 100644 Binary files a/docs/static/courses/csintro/radio/keyboard-copper-tape.png and b/docs/static/courses/csintro/radio/keyboard-copper-tape.png differ diff --git a/docs/static/courses/csintro/radio/marco-polo.png b/docs/static/courses/csintro/radio/marco-polo.png index 6300540c..b83b7c25 100644 Binary files a/docs/static/courses/csintro/radio/marco-polo.png and b/docs/static/courses/csintro/radio/marco-polo.png differ diff --git a/docs/static/courses/csintro/radio/microbit-number-two.png b/docs/static/courses/csintro/radio/microbit-number-two.png index 5d3620ba..5d94297e 100644 Binary files a/docs/static/courses/csintro/radio/microbit-number-two.png and b/docs/static/courses/csintro/radio/microbit-number-two.png differ diff --git a/docs/static/courses/csintro/radio/morse.png b/docs/static/courses/csintro/radio/morse.png index 2272edd5..dd730962 100644 Binary files a/docs/static/courses/csintro/radio/morse.png and b/docs/static/courses/csintro/radio/morse.png differ diff --git a/docs/static/courses/csintro/references/code.jpg b/docs/static/courses/csintro/references/code.jpg index 853cdc96..3bc30908 100644 Binary files a/docs/static/courses/csintro/references/code.jpg and b/docs/static/courses/csintro/references/code.jpg differ diff --git a/docs/static/courses/csintro/references/girl-code.jpg b/docs/static/courses/csintro/references/girl-code.jpg index c661a97b..e86727cb 100644 Binary files a/docs/static/courses/csintro/references/girl-code.jpg and b/docs/static/courses/csintro/references/girl-code.jpg differ diff --git a/docs/static/courses/csintro/references/how-to-count.png b/docs/static/courses/csintro/references/how-to-count.png index 4f72ddf4..d9c1d45c 100644 Binary files a/docs/static/courses/csintro/references/how-to-count.png and b/docs/static/courses/csintro/references/how-to-count.png differ diff --git a/docs/static/courses/csintro/references/innovators-mindset.jpg b/docs/static/courses/csintro/references/innovators-mindset.jpg index 9658a2ae..ffbcff00 100644 Binary files a/docs/static/courses/csintro/references/innovators-mindset.jpg and b/docs/static/courses/csintro/references/innovators-mindset.jpg differ diff --git a/docs/static/courses/csintro/references/invent-to-learn.jpg b/docs/static/courses/csintro/references/invent-to-learn.jpg index bc2258e5..47b4450a 100644 Binary files a/docs/static/courses/csintro/references/invent-to-learn.jpg and b/docs/static/courses/csintro/references/invent-to-learn.jpg differ diff --git a/docs/static/courses/csintro/references/launch.jpg b/docs/static/courses/csintro/references/launch.jpg index ae16f5b6..2348cf1c 100644 Binary files a/docs/static/courses/csintro/references/launch.jpg and b/docs/static/courses/csintro/references/launch.jpg differ diff --git a/docs/static/courses/csintro/references/makerspace-projects.jpg b/docs/static/courses/csintro/references/makerspace-projects.jpg index c83855e9..2966b080 100644 Binary files a/docs/static/courses/csintro/references/makerspace-projects.jpg and b/docs/static/courses/csintro/references/makerspace-projects.jpg differ diff --git a/docs/static/courses/csintro/references/secret-coders.jpg b/docs/static/courses/csintro/references/secret-coders.jpg index 918e862d..dede325e 100644 Binary files a/docs/static/courses/csintro/references/secret-coders.jpg and b/docs/static/courses/csintro/references/secret-coders.jpg differ diff --git a/docs/static/courses/csintro/variables/cover.JPG b/docs/static/courses/csintro/variables/cover.JPG index 2070b2c6..106ce558 100644 Binary files a/docs/static/courses/csintro/variables/cover.JPG and b/docs/static/courses/csintro/variables/cover.JPG differ diff --git a/docs/static/courses/csintro/variables/mary-doug-score.jpg b/docs/static/courses/csintro/variables/mary-doug-score.jpg index fffa0015..72e0f9de 100644 Binary files a/docs/static/courses/csintro/variables/mary-doug-score.jpg and b/docs/static/courses/csintro/variables/mary-doug-score.jpg differ