Voder
diff --git a/‎css/html5demos.css
Lines changed: 5 additions & 0 deletions b/‎css/html5demos.css
Lines changed: 5 additions & 0 deletions
diff --git a/‎demos/video.html
Lines changed: 1 addition & 1 deletion b/‎demos/video.html
Lines changed: 1 addition & 1 deletion
diff --git a/‎includes/footer.php
Lines changed: 3 additions & 0 deletions b/‎includes/footer.php
Lines changed: 3 additions & 0 deletions
diff --git a/‎index.php
Lines changed: 4 additions & 1 deletion b/‎index.php
Lines changed: 4 additions & 1 deletion
@@ -258,6 +258,11 @@ body.view-source #view-source {
   font-size: 14px;
 }
 
+#html5badge {
+  display: none;
+  margin-left: -30px;
+}
+
 /** Pretty printing styles. Used with prettify.js. */
 pre { font-size: 14px; }
 .str { color: #080; }
 
@@ -1,8 +1,8 @@
 <title>Video</title>
 <article>
   <video>
-    <source src="assets/dizzy.webm" />
     <source src="assets/dizzy.mp4" />
+    <source src="assets/dizzy.webm" />
     <source src="assets/dizzy.ogv" />
   </video>
   <p id="controls">
 
@@ -1,3 +1,6 @@
+<a id="html5badge" href="http://www.w3.org/html/logo/">
+<img src="http://blue-harvest.appspot.com/html/logo/badge/html5-badge-h-connectivity-device-graphics-multimedia-performance-semantics-storage.png" width="325" height="64" alt="HTML5 Powered with Connectivity / Realtime, Device Access, Graphics, 3D &amp; Effects, Multimedia, Performance &amp; Integration, Semantics, and Offline &amp; Storage" title="HTML5 Powered with Connectivity / Realtime, Device Access, Graphics, 3D &amp; Effects, Multimedia, Performance &amp; Integration, Semantics, and Offline &amp; Storage">
+</a>
     <footer><a href="/">HTML5 demos</a>/<a id="built" href="http://twitter.com/rem">@rem built this</a>/<a href="#view-source">view source</a></footer> 
 </section>
 <a href="http://github.com/remy/html5demos"><img style="position: absolute; top: 0; left: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_left_darkblue_121621.png" alt="Fork me on GitHub" /></a>
 
@@ -36,7 +36,7 @@ function spans($list) {
 }
 ?>
 <!DOCTYPE html>
-<html lang="en">
+<html id="home" lang="en">
 <head>
 <meta charset=utf-8 />
 <meta name="viewport" content="width=620" />
@@ -80,6 +80,9 @@ function spans($list) {
 
 	<p>All content, code, video and audio is <a rel="license" href="http://creativecommons.org/licenses/by-sa/2.0/uk/">Creative Commons Share Alike 2.0</a></p>
     </article>
+    <a id="html5badge" href="http://www.w3.org/html/logo/">
+    <img src="http://blue-harvest.appspot.com/html/logo/badge/html5-badge-h-connectivity-device-graphics-multimedia-performance-semantics-storage.png" width="325" height="64" alt="HTML5 Powered with Connectivity / Realtime, Device Access, Graphics, 3D &amp; Effects, Multimedia, Performance &amp; Integration, Semantics, and Offline &amp; Storage" title="HTML5 Powered with Connectivity / Realtime, Device Access, Graphics, 3D &amp; Effects, Multimedia, Performance &amp; Integration, Semantics, and Offline &amp; Storage">
+    </a>
     <footer><a id="built" href="http://twitter.com/rem">@rem built this</a></footer> 
 </section>