/
index.html
131 lines (91 loc) · 4.55 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>State Of The Union</title>
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<!-- Styles -->
<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen, projection">
<link href="css/print.css" rel="stylesheet" type="text/css" media="print">
<link href="css/Aristo/jquery-ui-1.8.5.custom.css" rel="stylesheet" type="text/css">
<link href="css/sotu.css" rel="stylesheet" type="text/css" media="screen, projection">
<!-- Fave Libs and extensions-->
<script src="js/underscore.min.js"></script>
<script src="js/markdown.js"></script>
<script src="js/jquery.js"></script>
<script src="js/jquery-ui.min.js"></script>
<!-- Popcorn plugins -->
<script src="popcorn-js/dist/popcorn.min.js"></script>
<script src="popcorn-js/plugins/footnote/popcorn.footnote.js"></script>
<script src="popcorn-js/plugins/webpage/popcorn.webpage.js"></script>
<script src="popcorn-js/plugins/twitter/popcorn.twitter.js"></script>
<!-- The juice-->
<script src="js/sotu.application.js"></script>
</head>
<body>
<!-- Main Scene -->
<div class="container">
<header>
<div class="prepend-1 span-18 last">
<h2>PBS Newshour - Annotated State Of The Union</h2>
</div>
</header>
<hr class="space" >
<!-- left pane -->
<div id="ui-panel-video" class="span-18 last">
<video id="video">
<source id="mp4"
src="http://www.pbs.org/newshour/video/2011/specials/SOTU/20110125_SOTU_6-tiny.mp4"
type='video/mp4; codecs="avc1, mp4a"'>
<source id="ogv"
src="http://www.pbs.org/newshour/video/2011/specials/SOTU/20110125_sotu.ogv"
type='video/ogg; codecs="theora, vorbis"'>
<p>Your user agent does not support the HTML5 Video element.</p>
</video>
<!-- 20110125_sotu.ogv -->
</div>
<hr class="space" >
<div id="ui-lower" class="span-18 last">
<div id="ui-analysis" class="ui-accordion-panel">
<h3><a href="#">Analysis</a></h3>
<div id="analysis">
</div>
</div>
</div>
<!-- plugins panel -->
<!--
<div id="ui-panel-plugins" class="span-6 last">
<div id="ui-accordion-tools" class="ui-accordion-panel">
<h3><a href="#" id="ui-label-chapter">[ Chapter Name ]</a></h3>
<div id="twitter-container">
</div>
</div>
<div id="ui-accordion-tools" class="ui-accordion-panel">
<h3><a href="#" id="ui-label-resources">Resources</a></h3>
<div>
</div>
</div>
</div>
-->
<!-- DO NOT DELETE THIS (can be moved if display is desired) -->
<div id="transcription" class="hide"></div>
</div>
<footer class="container">
<p>
All code and content on this page are dual licensed under the MIT and GPL licenses. Popcorn.js is a <a href="http://www.drumbeat.org/webmademovies" title="Mozilla's Open Video Lab">Web Made Movies</a>, <a href="http://www.drumbeat.org/" title="Mozilla Drumbeat">Mozilla Drumbeat</a> project, developed by <a href="http://cdot.senecac.on.ca/">CDOT</a>, <a href="http://bocoup.com">Bocoup</a> and contributors like you. This website is hosted by <a href="http://mediatemple.net">(mt)</a>.
</p>
<a class="span-2 prepend-5" href="http://www.drumbeat.org/webmademovies" title="Mozilla's Open Video Lab">
<img height="50px" src="http://ftp.etherworks.ca/webmademovieslogo150.jpg">
</a>
<a href="http://www.drumbeat.org/" title="Mozilla's Open Video Lab">
<img height="50px" src="http://webmademovies.etherworks.ca/popcorndemo/images/footer_drumbeat.png">
</a>
<a href="http://http://cdot.senecac.on.ca/" title="Center for the Development of Open Technologies">
<img height="40px" src="http://zenit.senecac.on.ca/wiki/skins/common/images/OSS_155x155.png" alt="Center for the Development of Open Technologies">
</a>
<a href="http://bocoup.com" title="The JavaScrpt Company">
<img height="35px" src="http://bocoup.com/core/brandguide/logo/bocoup-horizontal-100.png" alt="The JavaScript Company">
</a>
</footer>
</body>
</html>