change promo and added IE9 support

css/html5demos.css

@@ -83,6 +83,22 @@ li {
   margin-bottom: 10px;
 }
 
+#promo {
+  font-size: 90%;
+  background: #333 url(/images/learn-js.jpg) no-repeat left center;
+  display: block;
+  color: #efefef;
+  text-decoration: none;
+  cursor: pointer;
+  padding: 0px 20px 0px 260px;
+  border: 5px solid #006;
+  height: 160px;
+}
+
+#promo:hover {
+  border-color: #00f;
+}
+
 #ih5 {
   font-size: 90%;
   background: #442C0D url(/images/ih5.jpg) no-repeat left center;

demos.json

@@ -45,8 +45,7 @@
     "url": "two-videos",
     "tags": "video",
     "support": {
-      "live": "firefox opera safari chrome",
-      "nightly": "ie"
+      "live": "firefox opera safari chrome ie"
     },
     "test": "Modernizr.video"
   },
@@ -55,8 +54,7 @@
     "url": "canvas-grad",
     "tags": "canvas",
     "support": {
-      "live": "firefox opera safari chrome",
-      "nightly": "ie"
+      "live": "firefox opera safari chrome ie"
     },
     "test": "Modernizr.canvas"
   },
@@ -65,8 +63,7 @@
     "url": "video-canvas",
     "tags": "video canvas",
     "support": {
-      "live": "firefox opera safari chrome",
-      "nightly": "ie"
+      "live": "firefox opera safari chrome ie"
     },
     "test": "Modernizr.video && Modernizr.canvas"
   },
@@ -75,8 +72,7 @@
     "url": "video",
     "tags": "video",
     "support": {
-      "live": "firefox opera safari chrome",
-      "nightly": "ie"
+      "live": "firefox opera safari chrome ie"
     },
     "test": "Modernizr.video"
   },
@@ -85,8 +81,7 @@
     "url": "canvas",
     "tags": "canvas",
     "support": {
-      "live": "firefox opera safari chrome",
-      "nightly": "ie"
+      "live": "firefox opera safari chrome ie"
     },
     "test": "Modernizr.canvas"
   },
@@ -105,8 +100,7 @@
     "tags": "geolocation",
     "note": "Works on Safari Mobile too",
     "support": {
-      "live": "firefox chrome safari opera",
-      "nightly": "ie"
+      "live": "firefox chrome safari opera ie"
     },
     "test": "Modernizr.geolocation"
   },

index.php

@@ -52,11 +52,19 @@ function spans($list) {
     </header>
     <article>
       <p><abbr>HTML</abbr> 5 experimentation and demos I've hacked together. Click on the browser support icon or the technology tag to filter the demos (the filter is an <code>OR</code> filter).</p>
+<?php /*
       <section>
         <a href="http://introducinghtml5.com" id="ih5">
           <p><strong>Introducing HTML5</strong> by Bruce Laweson &amp; Remy Sharp is the first full length book dedicated to HTML5.</p><p>Get it now and kick some HTML5 ass!</p>
         </a>
       </section>
+*/ ?>
+      <section>
+        <a href="http://leftlogic.com/tour" id="promo">
+          <p><strong>Want to learn all about JavaScript?</strong></p>
+          <p>Full day limted places workshops covering HTML5 APIs, Node and jQuery for designers at <strong>£200</strong> running throughout May. <u>Find out more and grab your ticket now.</u></p>
+        </a>
+      </section>
       <p id="tags" class="tags">
         
       </p>