Add a link to the demos page (#20)

Adds an additional box in the homepage directing users to https://pyscript.net/examples/. I'm sure someone with more frontend experience could make it look nicer and have a different icon.

Author: mattkram

index.html

@@ -85,6 +85,19 @@
                 <!-- begin dialog content -->
                 <div class="dialogs">
                     <div class="dialog dropdown" tabindex="1">
+                        <div class="glyph">
+                            <svg width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                            <path fill="none" stroke="#fff" stroke-width="2" d="M9,22 L15,2 M17,17 L22,12 L17,7 M7,17 L2,12 L7,7"/>
+                            </svg>
+                        </div>
+
+                        <div>
+                            <h2>Examples</h2>
+                            <p>Click <a href="https://pyscript.net/examples/" target="_blank">here</a> for example projects</p>
+                        </div>
+                    </div>
+
+                    <div class="dialog dropdown" tabindex="2">
                         <div class="glyph">
                             <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                 viewBox="0 0 330 330" style="enable-background:new 0 0 330 330;" xml:space="preserve">
@@ -141,7 +154,7 @@ <h2>Download</h2>
                         </div>
                     </div>
 
-                    <div class="dialog dropdown" tabindex="2">
+                    <div class="dialog dropdown" tabindex="3">
                         <div class="glyph">
                             <svg width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                             <path fill="none" stroke="#fff" stroke-width="2" d="M9,22 L15,2 M17,17 L22,12 L17,7 M7,17 L2,12 L7,7"/>