<!DOCTYPE html>\r
-\r
<html>\r
\r
<head>\r
+<meta charset="utf-8" />\r
+\r
+<link rel="icon" type="image/png" href="media/favicon.png">\r
\r
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>\r
<script src="js/effects.core.js" type="text/javascript"></script>\r
\r
<script src="jquery.sync.js" type="text/javascript"></script>\r
<script src="html5tv.js" type="text/javascript"></script>\r
+<link rel="stylesheet" type="text/css" href="css/tv.css" />\r
+<link rel="stylesheet" type="text/css" href="css/hCalendar.css" />\r
\r
<link rel="stylesheet" type="text/css" href="js/jcarousel/lib/jquery.jcarousel.css" />\r
<link rel="stylesheet" type="text/css" href="js/jcarousel/skins/ie7/skin.css" />\r
\r
-<script src="media/video.js" type="text/javascript"></script>\r
-<link href="media/video.css" rel="stylesheet" type="text/css" />\r
+<script src="media/_editing/video.js" type="text/javascript"></script>\r
+<link href="media/_editing/video.css" rel="stylesheet" type="text/css" />\r
\r
-<title>{video.title} | HTML5TV</title>\r
+<title>{title} | HTML5TV</title>\r
\r
</head>\r
\r
\r
<div id="videoContainer">\r
<video id="vid" x-autoplay="autoplay" controls="controls">\r
- <source src="media/video.ogv" />\r
+ <source src="media/_editing/video.ogv" />\r
<!--\r
<source src="RDTV_ep2_5min.mov" />\r
-->\r
<p id="videoElementWarning">Viewing these demos requires a browser capable of rendering the HTML 5 video element.<br />Please install a current version of <a href="http://www.mozilla.com">Firefox</a>, <a href="http://www.apple.com/safari">Safari</a> or <a href="http://www.google.com/chrome">Google Chrome</a>.</p>\r
</video>\r
- <img id="slide" src="media/s/352x288/p00000001.jpg">\r
<div id="subtitle"></div>\r
</div> <!-- videoContainer -->\r
\r
+ <div id="slide_border">\r
+ <div id="slide">\r
+ <img src="media/_editing/s/bars.png">\r
+ </div>\r
+ </div>\r
+\r
+ <div id="additional_video" style="display: inline">\r
+ {html.video_tags}\r
+ </div>\r
+\r
</div> <!-- videoAndMoreInformation -->\r
\r
-<div class="toggleContentPanel carouselContainer">Presentation slides</div>\r
+<h1>{title}</h1>\r
+\r
+<h2 class="toggleContentPanel carouselContainer">Presentation</h2>\r
\r
<div id="carouselContainer">\r
<ul id="carousel" class="jcarousel-skin-ie7">\r
</ul>\r
</div> <!-- carouselContainer -->\r
\r
-<p>This web interface is based on BBC R&D TV\r
-<a href="http://www.bbc.co.uk/blogs/rad/2009/08/html5.html">HTML 5 and timed media</a> from the RAD blog</p>\r
+<h2 class="toggleContentPanel subtitles">Subtitles</h2>\r
+\r
+{html.subtitles_table}\r
+\r
+<h2 class="toggleContentPanel hCalendar">Info</h2>\r
+\r
+<div id="hCalendar">\r
+{hCalendar}\r
+</div>\r
+\r
+<h2 class="toggleContentPanel download">Download</h2>\r
+\r
+<div id="download">\r
+{html.download}\r
+</div>\r
\r
</div> <!-- content -->\r
\r
+<div id="credits">\r
+\r
+Created with <a href="http://github.com/dpavlin/HTML5TV">HTML5TV</a> which in turn uses web interface is based on BBC R&D TV <a href="http://www.bbc.co.uk/blogs/rad/2009/08/html5.html">HTML 5 and timed media</a> from the RAD blog</p> and <a href="http://sorgalla.com/projects/jcarousel/">jCarousel</a> and <em>metadata</em> on this page is done using <a href="http://microformats.org/wiki/hcalendar-cheatsheet">hCalendar</a> microformat.\r
+\r
+</div>\r
+\r
</body>\r
\r
</html>\r
projects / HTML5TV.git / blobdiff