Mirror
/
html5demos
mirror of https://github.com/Erreur32/html5demos.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Adding some html5 love

This commit is contained in:
remy 2011-01-17 22:06:05 +00:00
parent 2c1586a8e2
commit 4c7b636f16
4 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
css/html5demos.css
View File

@ -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; }

2
demos/video.html
View File

@ -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">

3
includes/footer.php
View File

@ -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>

5
index.php
View File

@ -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>