<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
<div id="subtitle"></div>\r
</div> <!-- videoContainer -->\r
\r
- <div id="slide" style="display: inline">\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
</ul>\r
</div> <!-- carouselContainer -->\r
\r
-<h2>Subtitles</h2>\r
+<h2 class="toggleContentPanel subtitles">Subtitles</h2>\r
\r
{html.subtitles_table}\r
\r
-<h2>Info</h2>\r
+<h2 class="toggleContentPanel hCalendar">Info</h2>\r
\r
-<div id="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