\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
\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
<script src="media/video.js" type="text/javascript"></script>\r
<link href="media/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
{subtitles_table}\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
+<div id="hcalendar">\r
+{hcalendar}\r
+</div>\r
+\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
+\r
+</div>\r
+\r
</body>\r
\r
</html>\r