HOC completion certificate and Design link (microsoft#2535)

* HOC completion certificate and Design link * resize the design image down to 500px * hack the text-content-block to stretch the panel height
Scaryknoght · Oct 28, 2020 · 04c5b5a · 04c5b5a
1 parent d36bd2e
commit 04c5b5a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/docs/hour-of-code.html b/docs/hour-of-code.html
@@ -120,7 +120,7 @@ <h4 class="display-font">2020</h4>
                             <img src='/static/hour-of-code/apple.png' alt='For educators'/>
                             <div class="text-content-block">
                                 Are you a <b>teacher</b> or <b>parent</b>? Find
-                                additional information about these activities here.
+                                additional information about these activities here.<br/><br/>
                             </div>
                         </div>
 
@@ -142,7 +142,7 @@ <h2 class="display-font panel-primary">Play</h2>
                         <div class="text-content-block">
                             Move the arrows around to help Asphodel navigate to
                             her cauldron. Advance through the levels to win the
-                            game!
+                            game!<br/><br/>
                         </div>
 
                         <div id="playbutton" class="action-button">
@@ -154,7 +154,7 @@ <h2 class="display-font panel-primary">Play</h2>
                         <h2 class="display-font panel-primary">Design</h2>
 
                         <div class="hero">
-                            <img src="/static/hour-of-code/design.png" alt="" />
+                            <img src="/static/hour-of-code/design.png" alt="Design the Clovers" />
                         </div>
 
                         <div class="text-content-block">
@@ -194,7 +194,7 @@ <h2 class="display-font">Get your Certificate</h2>
                         Print out your certificate and explore some other fun
                         MakeCode Arcade activities below.
                     </div>
-                    <a class="action-button">Print Your Certificate</a>
+                    <a class="action-button" href="https://1drv.ms/b/s!AqsgsTyHBmRBjyzY4tqc7dhNDJTX">Print Your Certificate</a>
                 </div>
             </section>
 

diff --git a/docs/static/hour-of-code/design.png b/docs/static/hour-of-code/design.png