add png screen shot for google and non-js visitors

index.html

@@ -34,7 +34,17 @@
 
     <script type="text/javascript" src="logos.js"></script>
     <script type="text/javascript" src="scoreboard.js"></script>
-    <table id="scoreboard">
+        
+    <div id="screenshot">
+      <img src="screenshot.png">
+      <p>
+        The scoreboard requires JavaScript.  If your browser is capable
+        of JavaScript, enable it for this page to try the scoreboard
+        in your browser!
+      </p>
+    </div>
+
+    <table id="scoreboard" style="display: none;">
       <caption>
         Working demonstration: click on
         team logos, then the jam time!  
@@ -77,6 +87,13 @@
       </tr>
     </table>
 
+    <script type="text/javascript">
+        var sb = document.getElementById("scoreboard");
+        sb.style.display = "table";
+
+        sb = document.getElementById("screenshot");
+        sb.style.display = "none";
+    </script>
 
     <h1>Features</h1>
     <ul>

style.css

@@ -34,3 +34,11 @@ caption {
     font-size: 33%;
     font-family: default;
 }
+
+#screenshot {
+    text-align: center;
+}
+
+#screenshot img {
+    border: solid black 4px;
+}