<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
<script src="js/effects.blind.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="hcalendar.css" />\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/editing/video.js" type="text/javascript"></script>\r
-<link href="media/editing/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>{title} | HTML5TV</title>\r
\r
\r
<div id="videoContainer">\r
<video id="vid" x-autoplay="autoplay" controls="controls">\r
- <source src="media/editing/video.ogv" />\r
+ <source src="media/_editing/video.ogv" />\r
<!--\r
<source src="RDTV_ep2_5min.mov" />\r
-->\r
<div id="subtitle"></div>\r
</div> <!-- videoContainer -->\r
\r
- <div id="slide" style="display: inline">\r
- <img src="media/editing/s/bars.png">\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
- {video_tags}\r
+ {html.video_tags}\r
</div>\r
\r
</div> <!-- videoAndMoreInformation -->\r
</ul>\r
</div> <!-- carouselContainer -->\r
\r
-<h2>Subtitles</h2>\r
+<h2 class="toggleContentPanel subtitles">Subtitles</h2>\r
\r
-{subtitles_table}\r
+{html.subtitles_table}\r
\r
-<h2>Info</h2>\r
+<h2 class="toggleContentPanel hCalendar">Info</h2>\r
\r
-<div id="hcalendar">\r
-{hcalendar}\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
-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
-and metadata is done using <a href="http://microformats.org/wiki/hcalendar-cheatsheet">hCalendar</a> microformat.\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