pxt-arcade 1.7.3 → 1.7.7

package/docs/hour-of-code/{educators.html → educators-2020.html}

@@ -18,55 +18,55 @@
         />
 
         <link rel="manifest" href="/blb/sim.webmanifest">
-        
+
         <meta name="mobile-web-app-capable" content="yes">
         <meta name="apple-mobile-web-app-capable" content="yes">
         <meta name="apple-mobile-web-app-title" content="Microsoft MakeCode Arcade Hour of Code 2020">
         <meta name="apple-mobile-web-app-status-bar-style" content="translucent-black">
         <meta name="format-detection" content="telephone=no">
         <meta name="application-name" content="Microsoft MakeCode Arcade Hour of Code 2020">
-    
+
         <meta name="msapplication-TileColor" content="#ff7b22">
-        <meta name="msapplication-TileImage" content="/static/hour-of-code/card.png">
+        <meta name="msapplication-TileImage" content="/static/hour-of-code/2020/card.png">
         <meta name="msapplication-config" content="none"/>
         <meta name="theme-color" content="#ff7b22">
-        
+
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="MSMakeCode" />
         <meta name="twitter:title" content="Microsoft MakeCode Arcade Hour of Code 2020" />
         <meta name="twitter:description" content="Join us in celebrating this year's Computer Science Education Week by playing, designing and coding your very own retro arcade games!" />
-        <meta name="twitter:image" content="/static/hour-of-code/card.png" />
-        
+        <meta name="twitter:image" content="/static/hour-of-code/2020/card.png" />
+
         <meta property="og:title" content="Microsoft MakeCode Arcade Hour of Code 2020" />
         <meta property="og:site_name" content="Microsoft MakeCode Arcade Hour of Code 2020" />
         <meta property="og:description" content="Join us in celebrating this year's Computer Science Education Week by playing, designing and coding your very own retro arcade games!" />
-        <meta property="og:image" content="/static/hour-of-code/card.png" />
-        
-        <link rel="apple-touch-icon" href="/static/hour-of-code/card.png">
-        <link rel="icon" type="image/png" href="/static/hour-of-code/card.png">
-        <link rel="shortcut icon" href="/static/hour-of-code/card.png">
+        <meta property="og:image" content="/static/hour-of-code/2020/card.png" />
+
+        <link rel="apple-touch-icon" href="/static/hour-of-code/2020/card.png">
+        <link rel="icon" type="image/png" href="/static/hour-of-code/2020/card.png">
+        <link rel="shortcut icon" href="/static/hour-of-code/2020/card.png">
 
         <!-- @include scripthead.html -->
-        <link rel="stylesheet" href="/static/hour-of-code/styles.css" />
+        <link rel="stylesheet" href="/static/hour-of-code/2020/styles.css" />
         <style>
             body {
-                background-image: url('/static/hour-of-code/pixel-background-secondary.png');
+                background-image: url('/static/hour-of-code/2020/pixel-background-secondary.png');
             }
 
             #main .action-button {
-                border-image-source: url('/static/hour-of-code/shadowed-button-frame.png');
+                border-image-source: url('/static/hour-of-code/2020/shadowed-button-frame.png');
             }
 
             #main .panel-primary {
-                border-image-source: url('/static/hour-of-code/shadowed-primary-frame.png');
+                border-image-source: url('/static/hour-of-code/2020/shadowed-primary-frame.png');
             }
 
             #main .panel-secondary {
-                border-image-source: url('/static/hour-of-code/shadowed-aside-frame.png');
+                border-image-source: url('/static/hour-of-code/2020/shadowed-aside-frame.png');
             }
 
             #main header {
-                background-image: url('/static/hour-of-code/pixel-background-primary.png');
+                background-image: url('/static/hour-of-code/2020/pixel-background-primary.png');
             }
         </style>
 
@@ -115,7 +115,7 @@
                     </div>
 
                     <div class="right-content-block">
-                        <img src="/static/hour-of-code/simulator.gif" alt="MakeCode Arcade Simulator" />
+                        <img src="/static/hour-of-code/2020/simulator.gif" alt="MakeCode Arcade Simulator" />
                     </div>
                 </div>
             </header>
@@ -171,15 +171,15 @@
                                 <p>There are 11 levels in the game that progress in difficulty.</p>
                                 <p>Levels 1-3 focus on sequencing and trial and error tactics to
                                 navigate Asphodel through progressively more complex mazes.</p>
-                                <p><img src="/static/hour-of-code/educators/asphodel-level1.png" alt="Level 1 of Asphodel Game" style="width:auto; height:auto"></p>
+                                <p><img src="/static/hour-of-code/2020/educators/asphodel-level1.png" alt="Level 1 of Asphodel Game" style="width:auto; height:auto"></p>
                                 <p>Levels 4-5 introduce a key object that Asphodel must pick up to unlock
                                 a gate blocking her path.</p>
-                                <p><img src="/static/hour-of-code/educators/asphodel-level4.png" alt="Level 4 of Asphodel Game" style="width:auto; height:auto"></p>
+                                <p><img src="/static/hour-of-code/2020/educators/asphodel-level4.png" alt="Level 4 of Asphodel Game" style="width:auto; height:auto"></p>
                                 <p>Level 6 more explicitly introduces the concept of <a href="https://en.wikipedia.org/wiki/Conditional_(computer_programming)">Conditional</a>
                                 statements. There are gates blocking Asphodel’s path that can only be
                                 opened if Asphodel’s hat is a certain color. Luckily, there are paint
                                 cans along the way that she can use to change the color of her hat!</p>
-                                <p><img src="/static/hour-of-code/educators/asphodel-level6.png" alt="Level 6 of Asphodel Game" style="width:auto; height:auto"></p>
+                                <p><img src="/static/hour-of-code/2020/educators/asphodel-level6.png" alt="Level 6 of Asphodel Game" style="width:auto; height:auto"></p>
                                 <p>Level 7 combines the key and the color gates! Challenge students
                                 to think about deconstructing the problem into separate discrete
                                 steps to solve:</p>
@@ -188,13 +188,13 @@
                                     <li>Pick up key</li>
                                     <li>Change hat to red</li>
                                 </ul></p>
-                                <p><img src="/static/hour-of-code/educators/asphodel-level7.png" alt="Level 7 of Asphodel Game" style="width:auto; height:auto"></p>
+                                <p><img src="/static/hour-of-code/2020/educators/asphodel-level7.png" alt="Level 7 of Asphodel Game" style="width:auto; height:auto"></p>
                                 <p>Level 9 introduces the concept of color gate switches. When
                                 Asphodel moves over a Color Switch, either the Red or Pink gates
                                 will open. You can think of these color switches as <a href="https://en.wikipedia.org/wiki/Boolean_data_type">Boolean</a> values
                                 and logic where either Red = true and Pink = false, or Red = false
                                 and Pink = true.</p>
-                                <p><img src="/static/hour-of-code/educators/asphodel-level9.png" alt="Level 9 of Asphodel Game" style="width:auto; height:auto"></p>
+                                <p><img src="/static/hour-of-code/2020/educators/asphodel-level9.png" alt="Level 9 of Asphodel Game" style="width:auto; height:auto"></p>
                                 <br/></span></li>
                             <li><p>Design the Clovers game</p>
                                 <span>
@@ -212,7 +212,7 @@
                                 their game. Students learn that games are a great way to combine code
                                 and art, music and storytelling to create a unique digital artifact
                                 that others can play.</p>
-                                <p><img src="/static/hour-of-code/educators/clover-design.gif" alt="Clover game design in simulator" style="width:auto; height:auto"></p>
+                                <p><img src="/static/hour-of-code/2020/educators/clover-design.gif" alt="Clover game design in simulator" style="width:auto; height:auto"></p>
                                 <br/></span>
                             </li>
                             <li><p>Shark Attack tutorial</p>
@@ -221,7 +221,7 @@
                                 Students will learn computer science concepts such as variables, events,
                                 random functions, and objects. In addition, students will learn game development
                                 concepts such as sprites, projectiles, position and velocity, and game loop.</p>
-                                <p><img src="/static/hour-of-code/educators/shark-attack-tutorial.png" alt="Shark Attack Tutorial screen" style="width:auto; height:auto"></p>
+                                <p><img src="/static/hour-of-code/2020/educators/shark-attack-tutorial.png" alt="Shark Attack Tutorial screen" style="width:auto; height:auto"></p>
                                 </span>
                             </li>
                         </ol>