onebox 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (127) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +17 -0
  3. data/.rspec +1 -0
  4. data/.rubocop.yml +476 -0
  5. data/.ruby-gemset +1 -0
  6. data/.ruby-version +1 -0
  7. data/.travis.yml +3 -0
  8. data/Gemfile +4 -0
  9. data/LICENSE.txt +22 -0
  10. data/README.md +92 -0
  11. data/Rakefile +22 -0
  12. data/lib/onebox.rb +33 -0
  13. data/lib/onebox/engine.rb +93 -0
  14. data/lib/onebox/engine/amazon_onebox.rb +25 -0
  15. data/lib/onebox/engine/bliptv_onebox.rb +26 -0
  16. data/lib/onebox/engine/clikthrough_onebox.rb +23 -0
  17. data/lib/onebox/engine/college_humor_onebox.rb +26 -0
  18. data/lib/onebox/engine/dailymotion_onebox.rb +26 -0
  19. data/lib/onebox/engine/dotsub_onebox.rb +25 -0
  20. data/lib/onebox/engine/example_onebox.rb +25 -0
  21. data/lib/onebox/engine/flickr_onebox.rb +25 -0
  22. data/lib/onebox/engine/funny_or_die_onebox.rb +26 -0
  23. data/lib/onebox/engine/html.rb +11 -0
  24. data/lib/onebox/engine/hulu_onebox.rb +26 -0
  25. data/lib/onebox/engine/nfb_onebox.rb +25 -0
  26. data/lib/onebox/engine/open_graph.rb +11 -0
  27. data/lib/onebox/engine/qik_onebox.rb +23 -0
  28. data/lib/onebox/engine/revision3_onebox.rb +26 -0
  29. data/lib/onebox/engine/slideshare_onebox.rb +25 -0
  30. data/lib/onebox/engine/sound_cloud_onebox.rb +25 -0
  31. data/lib/onebox/engine/stack_exchange_onebox.rb +23 -0
  32. data/lib/onebox/engine/ted_onebox.rb +25 -0
  33. data/lib/onebox/engine/viddler_onebox.rb +26 -0
  34. data/lib/onebox/engine/vimeo_onebox.rb +26 -0
  35. data/lib/onebox/engine/wikipedia_onebox.rb +24 -0
  36. data/lib/onebox/engine/yfrog_onebox.rb +25 -0
  37. data/lib/onebox/matcher.rb +13 -0
  38. data/lib/onebox/preview.rb +31 -0
  39. data/lib/onebox/version.rb +3 -0
  40. data/onebox.gemspec +36 -0
  41. data/spec/fixtures/amazon.response +3098 -0
  42. data/spec/fixtures/android.response +138 -0
  43. data/spec/fixtures/apple.response +391 -0
  44. data/spec/fixtures/bliptv.response +724 -0
  45. data/spec/fixtures/clickthrough.response +1472 -0
  46. data/spec/fixtures/clikthrough.response +1472 -0
  47. data/spec/fixtures/collegehumor.response +1272 -0
  48. data/spec/fixtures/dailymotion.response +575 -0
  49. data/spec/fixtures/dotsub.response +1257 -0
  50. data/spec/fixtures/example.response +50 -0
  51. data/spec/fixtures/flickr.response +1292 -0
  52. data/spec/fixtures/funnyordie.response +2010 -0
  53. data/spec/fixtures/gist.response +282 -0
  54. data/spec/fixtures/github_blob.response +706 -0
  55. data/spec/fixtures/github_commit.response +881 -0
  56. data/spec/fixtures/github_pullrequest.response +1619 -0
  57. data/spec/fixtures/hulu.response +339 -0
  58. data/spec/fixtures/image.response +0 -0
  59. data/spec/fixtures/imgur.response +892 -0
  60. data/spec/fixtures/kinomap.response +299 -0
  61. data/spec/fixtures/nfb.response +810 -0
  62. data/spec/fixtures/opengraph.response +27 -0
  63. data/spec/fixtures/qik.response +371 -0
  64. data/spec/fixtures/revision3.response +985 -0
  65. data/spec/fixtures/rottentomatoes_fresh.response +3275 -0
  66. data/spec/fixtures/rottentomatoes_incomplete.response +2313 -0
  67. data/spec/fixtures/rottentomatoes_rotten.response +3549 -0
  68. data/spec/fixtures/slideshare.response +1745 -0
  69. data/spec/fixtures/soundcloud.response +1409 -0
  70. data/spec/fixtures/stackexchange.response +1889 -0
  71. data/spec/fixtures/ted.response +1341 -0
  72. data/spec/fixtures/twitter.response +1712 -0
  73. data/spec/fixtures/viddler.response +442 -0
  74. data/spec/fixtures/video.response +0 -0
  75. data/spec/fixtures/vimeo.response +571 -0
  76. data/spec/fixtures/wikipedia.response +1236 -0
  77. data/spec/fixtures/wikipedia_redirected.response +899 -0
  78. data/spec/fixtures/yfrog.response +464 -0
  79. data/spec/lib/onebox/engine/amazon_spec.rb +34 -0
  80. data/spec/lib/onebox/engine/bliptv_spec.rb +34 -0
  81. data/spec/lib/onebox/engine/clikthrough_spec.rb +26 -0
  82. data/spec/lib/onebox/engine/college_humor_spec.rb +34 -0
  83. data/spec/lib/onebox/engine/dailymotion_spec.rb +36 -0
  84. data/spec/lib/onebox/engine/dotsub_spec.rb +36 -0
  85. data/spec/lib/onebox/engine/example_spec.rb +18 -0
  86. data/spec/lib/onebox/engine/flickr_spec.rb +30 -0
  87. data/spec/lib/onebox/engine/funny_or_die_spec.rb +34 -0
  88. data/spec/lib/onebox/engine/hulu_spec.rb +34 -0
  89. data/spec/lib/onebox/engine/nfb_spec.rb +35 -0
  90. data/spec/lib/onebox/engine/qik_spec.rb +35 -0
  91. data/spec/lib/onebox/engine/revision3_spec.rb +36 -0
  92. data/spec/lib/onebox/engine/slideshare_spec.rb +30 -0
  93. data/spec/lib/onebox/engine/sound_cloud_spec.rb +36 -0
  94. data/spec/lib/onebox/engine/stack_exchange_spec.rb +27 -0
  95. data/spec/lib/onebox/engine/ted_spec.rb +30 -0
  96. data/spec/lib/onebox/engine/viddler_spec.rb +36 -0
  97. data/spec/lib/onebox/engine/vimeo_spec.rb +34 -0
  98. data/spec/lib/onebox/engine/wikipedia_spec.rb +30 -0
  99. data/spec/lib/onebox/engine/yfrog_spec.rb +30 -0
  100. data/spec/lib/onebox/engine_spec.rb +78 -0
  101. data/spec/lib/onebox/matcher_spec.rb +20 -0
  102. data/spec/lib/onebox/preview_spec.rb +21 -0
  103. data/spec/lib/onebox_spec.rb +49 -0
  104. data/spec/spec_helper.rb +26 -0
  105. data/spec/support/html_spec_helper.rb +17 -0
  106. data/templates/amazon.handlebars +9 -0
  107. data/templates/bliptv.handlebars +10 -0
  108. data/templates/clickthrough.handlebars +8 -0
  109. data/templates/clikthrough.handlebars +8 -0
  110. data/templates/collegehumor.handlebars +9 -0
  111. data/templates/dailymotion.handlebars +9 -0
  112. data/templates/dotsub.handlebars +9 -0
  113. data/templates/flickr.handlebars +8 -0
  114. data/templates/funnyordie.handlebars +9 -0
  115. data/templates/hulu.handlebars +9 -0
  116. data/templates/nfb.handlebars +8 -0
  117. data/templates/qik.handlebars +7 -0
  118. data/templates/revision3.handlebars +9 -0
  119. data/templates/slideshare.handlebars +8 -0
  120. data/templates/soundcloud.handlebars +9 -0
  121. data/templates/stackexchange.handlebars +7 -0
  122. data/templates/ted.handlebars +8 -0
  123. data/templates/viddler.handlebars +9 -0
  124. data/templates/vimeo.handlebars +9 -0
  125. data/templates/wikipedia.handlebars +8 -0
  126. data/templates/yfrog.handlebars +8 -0
  127. metadata +447 -0
@@ -0,0 +1,299 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5
+ <link rel="icon" type="image/png" href="/img/favicon.png" />
6
+ <!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico" /><![endif]-->
7
+ <link rel="stylesheet" href="/css/css_1374578506.css" media="all" type="text/css" />
8
+ <script src="http://static.kinomap.com/plugin/jquery/1.9.1/jquery.js" type="text/javascript"></script>
9
+ <script src="/js/js_1374578500.js" type="text/javascript"></script>
10
+ <title>Enduro Jeunes Touquet - Nicolas Letévé - Kinomap, Be on track !</title>
11
+ <meta name="description" content="Share and explore your videos on a map." />
12
+ <script src="/lang/js/en-gb_1373459905.js" type="text/javascript"></script>
13
+ <meta property="og:title" content="Enduro Jeunes Touquet - Nicolas Letévé"/><meta property="og:type" content="article"/><meta property="og:url" content="http://www.kinomap.com/watch/52wjcu"/><meta property="og:image" content="http://cdn.kinomap.com/5/2/52wjcu_320x240.jpg"/><meta property="og:description" content="A partir du parc moto, &Atilde;&nbsp; travers la ville du Touquet puis le d&Atilde;&copy;part et le premier tour avant que le sable ne bloque la visibilit&Atilde;&copy;. Nicolas a fini 3&Atilde;&uml;me de ce premier Enduropale Jeunes du Touquet Pas-de-Calais.&lt;br /&gt;Vous voulez faire la m&Atilde;&ordf;me chose? C'est tr&Atilde;&uml;s simple, RDV dans notre boutique, rubrique &amp;quot;News&amp;quot; pour en savoir plus... #thrill" /><meta property="og:video" content="http://v2.kinomap.com/plugin/player.swf?config=http://v2.kinomap.com/embed/52wjcu&autostart=true&mapPosition=bottom" /><meta property="og:video:height" content="525" /><meta property="og:video:width" content="445" /><meta property="og:video:type" content="application/x-shockwave-flash" /><meta property="fb:app_id" content="181603978544236" /></head>
14
+ <body>
15
+ <div class="topmenu">
16
+ <div class="tm-bg-all-lout">
17
+ <div class="tm-wrap">
18
+ <div class="tm-logo">
19
+ <a href="/">
20
+ Kinomap
21
+ </a>
22
+ </div>
23
+ <div class="tm-mid">
24
+ <div class="tm-search-results"></div>
25
+ <form method="get" action="/search" id="searchform" style="float:left;">
26
+ <input type="text" name="search_query" class="txtbox_search" value="Search..." autocomplete="off" />
27
+ <input type="hidden" name="search_filters" value="video" />
28
+ <input type="hidden" name="vehicles" value="" />
29
+ <button class="btn_search" value="Go">Go</button>
30
+ </form>
31
+ <a class="kinomap-button tm-addvideo" href="/upload" class="tm-add">Add Video</a>
32
+ </div>
33
+ <div class="tm-right">
34
+ <div class="tm-profile">
35
+ <a class="kinomap-button tm-login" href="/login">Sign in</a>
36
+ </div>
37
+ </div>
38
+ <div class="clear"></div>
39
+ </div>
40
+ <div class="tm-bg-all-line"></div>
41
+ </div>
42
+ <div class="tm-bg-all-filler"></div>
43
+ </div><div class="content">
44
+ <div class="left-col">
45
+ <div class="widget">
46
+ <div class="widget-title">Navigate</div>
47
+ <div class="widget-navigate-links">
48
+ <ul>
49
+ <li><a href="/"><img class="icon-img" src="/img/icons/K-icon.png"><span class="icon-text">Browse videos</span></a></li>
50
+ <li><a href="/welcome"><img class="icon-img" src="/img/icons/howitworks.png"><span class="icon-text">How it works</span></a></li>
51
+ </ul>
52
+ </div>
53
+ </div><div class="widget">
54
+ <div class="widget-title">Help</div>
55
+ <div class="widget-help-links">
56
+ <ul>
57
+ <li><a href="/contribute"><img class="icon-img" src="/img/icons/contribute.png" /><span class="icon-text">Contribute</span></a></li>
58
+ <li><a href="http://support.kinomap.com" target="_blank"><img class="icon-img" src="/img/icons/support.png" /><span class="icon-text">Support</span></a></li>
59
+
60
+ <li class="kinomap-title"><a href="http://v2.kinomap.com/#!km-52wjcu" target="_blank"><img class="icon-img" src="/img/icons/v2.png" /><span class="icon-text">Classic view</span></a><span class="kinomap-bubble whelp-classic">Watch this video on the previous version</span></li>
61
+ </ul>
62
+ </div>
63
+ </div><div class="widget">
64
+ <div class="motiongears-frame"><a href="http://www.motiongears.com" class="motiongears-link" target="_blank">Motion Gears</a></div>
65
+ </div>
66
+ <div class="left-kinomap-shadow">&nbsp;</div>
67
+ </div>
68
+ <div class="mid-guide">
69
+ <div class="video-frame">
70
+ <!-- <div class="video-buttons">
71
+ <button class="video-small video-small-active">S</button>
72
+ <button class="video-medium">M</button>
73
+ <button class="video-full">F</button>
74
+ </div>
75
+ <div><a href="${GOBACK}" class="video-goback">Go back</a></div> -->
76
+ <iframe class="frame-video" id="frame-video" src="http://v2.kinomap.com/utils/player-embed-v2/?id=52wjcu&mapPosition=bottom" style="width: 560px;height:800px;" allowfullscreen="true" frameborder="0"></iframe>
77
+ </div>
78
+ <div class="mid-details">
79
+ <div class="mid-video-info">
80
+ <div class="mid-video-info-title">
81
+ Enduro Jeunes Touquet - Nicolas Letévé
82
+ </div>
83
+ <div class="mid-video-info-user">
84
+ by <a href="/user/nleteve">nleteve</a>
85
+ </div>
86
+ <div class="mid-video-info-desc">
87
+ A partir du parc moto, à travers la ville du Touquet puis le départ et le premier tour avant que le sable ne bloque la visibilité. Nicolas a fini 3ème de ce premier Enduropale Jeunes du Touquet Pas-de-Calais.<br />Vous voulez faire la même chose? C'est très simple, RDV dans notre boutique, rubrique &quot;News&quot; pour en savoir plus... #thrill
88
+ </div>
89
+ <div>
90
+ <div>
91
+ <div class="comments-addcomment">
92
+ <div class="comments-textarea">
93
+ <textarea disabled="disabled">Comment...</textarea>
94
+ </div>
95
+ <div class="comments-post">
96
+ <a href="/login" class="kinomap-button comments-post-button-login">Sign in</a>
97
+ </div>
98
+ <div class="clear"></div>
99
+ </div>
100
+ <div class="comments-list-div">
101
+ <div class="comments-comment">
102
+ <div class="comments-text-no">
103
+ There are no comments yet. Be the first to post a comment for this video !
104
+ </div>
105
+ </div>
106
+ </div>
107
+ </div>
108
+ </div>
109
+ </div>
110
+ <div class="mid-video-more">
111
+ <div class="mid-video-more-info">
112
+ <div class="mid-video-button kinomap-title"><div class="favorite-login">&nbsp;</div><span class="kinomap-bubble-pointer"><b>Sign in to add this video to your favorites</b><br /><a href="/login" class="kinomap-button watch-login-before">Sign in</a></span></div><div class="mid-video-button kinomap-title"><div class="like-login">&nbsp;</div><span class="kinomap-bubble-pointer"><b>Sign in to like this video</b><br /><a href="/login" class="kinomap-button watch-login-before">Sign in</a></span></div><div class="mid-video-button kinomap-title"><div class="dislike-login">&nbsp;</div><span class="kinomap-bubble-pointer"><b>Sign in to dislike this video</b><br /><a href="/login" class="kinomap-button watch-login-before">Sign in</a></span></div><div class="clear"></div><hr />
113
+ <ul>
114
+ <li class="watch-li-title">Views</li>
115
+ <li class="watch-li-text">23042</li>
116
+ <li class="watch-li-title">Length</li>
117
+ <li class="watch-li-text">3.9km</li>
118
+ <li class="watch-li-title">Duration</li>
119
+ <li class="watch-li-text">00:12:42</li>
120
+ <li class="watch-li-title">Vehicle</li>
121
+ <li class="watch-li-text">Motocross</li>
122
+ <li class="watch-li-title">Status</li>
123
+ <li class="watch-li-text">public</li>
124
+ <li class="watch-li-title">Source</li>
125
+ <li class="watch-li-text"><a href="http://v2.kinomap.com/#!download/kinomap_uploader_pc" target="_blank" class="application-link">Kinomap Uploader PC</a></li>
126
+ <li class="watch-li-title">Added</li>
127
+ <li class="watch-li-text">02-06-2010</li>
128
+ <li class="watch-li-title">Recorded</li>
129
+ <li class="watch-li-text">02-06-2010 08:21:15Z</li>
130
+ <li class="watch-li-title">Start address</li>
131
+ <li class="watch-li-text">Avenue de l'Hippodrome, 62520 Le Touquet-Paris-Plage, France</li>
132
+ <li class="watch-li-title">End address</li>
133
+ <li class="watch-li-text">Boulevard Thierry Sabine, 62520 Le Touquet-Paris-Plage, France</li>
134
+ </ul>
135
+ <hr /><div style="padding: 0 0 0 5px;"><div class="watch-sports-title">Apps Availability</div><span class="kinomap-title"><img class="sports-img" src="/img/sport_cycling_0.png" /></span><span class="kinomap-title"><img class="sports-img" src="/img/sport_running_0.png" /></span><span class="kinomap-title"><img class="sports-img" src="/img/sport_rowing_0.png" /></span></div>
136
+
137
+ </div>
138
+ </div>
139
+ <div class="clear"></div>
140
+ </div>
141
+ </div>
142
+ <div class="right-col">
143
+ <div class="widget">
144
+ <div class="widget-title">Recommended</div>
145
+ <div class="recommended-row">
146
+ <a href="/watch/xtwhn7" class="kinomap-title">
147
+ <img src="http://cdn.kinomap.com/x/t/xtwhn7_320x240.jpg" /><span class="kinomap-bubble-right"><b>Enduro Jeunes Intégral - Anthony Dumilly</b><br />By <b>adumilly</b><br />Views: 9290<br />Motocross<br />France</span>
148
+ </a>
149
+ </div><div class="recommended-row">
150
+ <a href="/watch/ujx6ic" class="kinomap-title">
151
+ <img src="http://cdn.kinomap.com/u/j/ujx6ic_320x240.jpg" /><span class="kinomap-bubble-right"><b>Enduro Jeunes Intégral Nicolas Letévé</b><br />By <b>nleteve</b><br />Views: 1465<br />Motocross<br />France</span>
152
+ </a>
153
+ </div><div class="recommended-row">
154
+ <a href="/watch/cy6qvz" class="kinomap-title">
155
+ <img src="http://cdn.kinomap.com/c/y/cy6qvz_320x240.jpg" /><span class="kinomap-bubble-right"><b>Verifs techniques Enduropale</b><br />By <b>ldesmons</b><br />Views: 620<br />Motocross<br />France</span>
156
+ </a>
157
+ </div><div class="recommended-row">
158
+ <a href="/watch/2k9mgy" class="kinomap-title">
159
+ <img src="http://cdn.kinomap.com/2/k/2k9mgy_320x240.jpg" /><span class="kinomap-bubble-right"><b>Enduro Jeunes parc moto</b><br />By <b>ldesmons</b><br />Views: 540<br />Motocross<br />France</span>
160
+ </a>
161
+ </div><div class="recommended-row">
162
+ <a href="/watch/4smcv2" class="kinomap-title">
163
+ <img src="http://cdn.kinomap.com/4/s/4smcv2_320x240.jpg" /><span class="kinomap-bubble-right"><b>Enduro Jeunes - Chute Anthony Dumilly</b><br />By <b>adumilly</b><br />Views: 497<br />Motocross<br />France</span>
164
+ </a>
165
+ </div>
166
+ </div>
167
+ </div>
168
+ <div class="clear"></div>
169
+ <div class="clear"></div>
170
+ </div><div style="clear: both;"></div>
171
+ <div class="footer">
172
+ <div class="footer-yline"></div>
173
+ <div class="footer-bg">
174
+ <div class="footer-wrap">
175
+ <div class="footer-left">
176
+ <div class="footer-logos">
177
+ <div class="footer-logo">
178
+ <img src="/img/logo_footer.png" />
179
+ </div>
180
+ <div class="footer-logo">
181
+ <a href="http://trainer.kinomap.com" target="_blank"><img src="/img/trainer.png" /></a>
182
+ </div>
183
+ <div class="footer-logo">
184
+ <a href="http://fitness.kinomap.com" target="_blank"><img src="/img/fitness.png" /></a>
185
+ </div>
186
+ </div>
187
+ <div class="footer-copyright">
188
+ ©2013 Kinomap, Inc All rights reserved.
189
+ </div>
190
+ <div class="footer-newsletter">
191
+ <div class="footer-newsbg">
192
+ <div class="footer-newspic">
193
+ <img src="/img/letter_small.png" />
194
+ </div>
195
+ <div class="footer-newstext">
196
+ <a href="http://eepurl.com/vDbaj" target="_blank">Sign up for our newsletter and get the latest from Kinomap.</a>
197
+ </div>
198
+ </div>
199
+ </div>
200
+ </div>
201
+ <div class="footer-right">
202
+ <div class="footer-titles">
203
+ <div class="footer-right-col">
204
+ <div class="footer-right-title">
205
+ About
206
+ </div>
207
+ </div>
208
+ <div class="footer-right-col">
209
+ <div class="footer-right-title">
210
+ Follow
211
+ </div>
212
+ </div>
213
+ <div class="footer-right-col">
214
+ <div class="footer-right-title">
215
+ Products
216
+ </div>
217
+ </div>
218
+ <div class="footer-right-col">
219
+ <div class="footer-right-title">
220
+ Help
221
+ </div>
222
+ </div>
223
+ </div>
224
+ <div class="footer-links">
225
+ <div class="footer-right-col">
226
+ <div class="footer-right-content">
227
+ <ul>
228
+ <li><a href="/about">About</a></li>
229
+ <li><a href="/welcome">How It Works</a></li>
230
+ <li><a href="/terms">Terms and Conditions</a></li>
231
+ </ul>
232
+ </div>
233
+ </div>
234
+ <div class="footer-right-col">
235
+ <div class="footer-right-content">
236
+ <ul>
237
+ <li><a href="https://www.facebook.com/kinomap" target="_blank">Facebook</a></li>
238
+ <li><a href="https://twitter.com/kinomap" target="_blank">Twitter</a></li>
239
+ <li><a href="http://www.youtube.com/user/Kinomap" target="_blank">YouTube</a></li>
240
+ </ul>
241
+ </div>
242
+ </div>
243
+ <div class="footer-right-col">
244
+ <div class="footer-right-content">
245
+ <ul class="footer-ul-yellow">
246
+ <li>
247
+ <span class="footer-link-text">Maker</span>
248
+ <a href="http://itunes.apple.com/en/app/kinomap-maker/id343021721?mt=8" target="_blank"><span class="footer-icon icon-apple" title="Kinomap Maker Apple Store">Apple Store</span></a>
249
+ <a href="https://market.android.com/details?id=com.excellance.kinomap.maker&hl=en" target="_blank"><span class="footer-icon icon-google" title="Kinomap Maker Google Play">Google Play</span></a>
250
+ <a href="http://www.windowsphone.com/en-us/apps/790b3625-6f63-4c8e-bf2b-0998732231b7" target="_blank"><span class="footer-icon icon-windows" title="Kinomap Maker Windows Phone Store">Windows Phone Store</span></a>
251
+ <div class="clear"></div>
252
+ </li>
253
+ <li>
254
+ <span class="footer-link-text">Trainer</span>
255
+ <a href="https://itunes.apple.com/en/app/kinomap-trainer/id437195565" target="_blank"><span class="footer-icon icon-apple" title="Kinomap Trainer Apple Store">Apple Store</span></a>
256
+ <div class="clear"></div>
257
+ </li>
258
+ <li>
259
+ <span class="footer-link-text">Fitness</span>
260
+ <a href="https://itunes.apple.com/en/app/kinomap-trainer/id437195565" target="_blank"><span class="footer-icon icon-apple" title="Kinomap Fitness Apple Store">Apple Store</span></a>
261
+ <div class="clear"></div>
262
+ </li>
263
+ <li>
264
+ <a href="http://www.orange-innovation.tv/en/webtv/events_partnership/all_videos/orange_very_high_speed_contest_with_kinomap" target="_blank">Navigation<span class="footer-soon">soon</span></a>
265
+ </li>
266
+ </ul>
267
+ </div>
268
+ </div>
269
+ <div class="footer-right-col">
270
+ <div class="footer-right-content">
271
+ <ul>
272
+ <li><a href="/login">Sign in</a></li>
273
+ <li><a href="http://support.kinomap.com" target="_blank">Support</a></li>
274
+ <li><a href="http://v2.kinomap.com/#!api" target="_blank">Developers</a></li>
275
+ </ul>
276
+ </div>
277
+ </div>
278
+ </div>
279
+ <div class="clear"></div>
280
+ </div>
281
+ <div class="clear"></div>
282
+ </div>
283
+ <div class="footer-arrows"></div>
284
+ </div>
285
+ </div><script type="text/javascript">
286
+
287
+ var _gaq = _gaq || [];
288
+ _gaq.push(['_setAccount', 'UA-473207-16']);
289
+ _gaq.push(['_trackPageview']);
290
+
291
+ (function() {
292
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
293
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
294
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
295
+ })();
296
+
297
+ </script>
298
+ </body>
299
+ </html>
@@ -0,0 +1,810 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en" style="height:100%">
3
+ <head>
4
+ <title>Overdose by Claude Cloutier - NFB</title>
5
+ <meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="IE=edge" />
6
+ <meta name="title" content="Overdose by Claude Cloutier" />
7
+ <meta name="description" content="With school, tennis lessons, swimming lessons, art classes, homework and piano practice, a young boy leads such a regimented life that he has no more time just to be a kid.
8
+
9
+ Inspired by Article 31 of the United Nations Convention on the Rights of the Child, this short animated film by Claude Cloutier pleads for children’s right to rest and leisure.
10
+ "/>
11
+ <link rel="alternate" type="application/json+oembed" href="http://www.nfb.ca/remote/services/oembed/?url=http%3A//www.nfb.ca/film/overdose_en/&amp;format=json" title="Overdose" />
12
+ <link rel="alternate" type="text/xml+oembed" href="http://www.nfb.ca/remote/services/oembed/?url=http%3A//www.nfb.ca/film/overdose_en/&amp;format=xml" title="Overdose" />
13
+ <link rel="image_src" href="http://media1.nfb.ca/medias/nfb_tube/thumbs_large/2010/Overdose_big.jpg" />
14
+ <link rel="video_src" href="http://www.nfb.ca/medias/flash/NFBVideoPlayer.swf?configURL=http://www.nfb.ca/film/overdose_en/player_config&embedMode=true&user=facebook&referer=facebook" />
15
+
16
+ <meta name="video_height" content="337" /><meta name="video_width" content="516" /><meta name="video_type" content="application/x-shockwave-flash" />
17
+ <meta property="og:title" content="Overdose" /><meta property="og:type" content="movie" /><meta property="og:site_name" content="NFB.CA" /><meta property="og:description" content="With school, tennis lessons, swimming lessons, art classes, homework and piano practice, a young boy leads such a regimented life that he has no more time just to ... &mdash; Enjoy over a thousand films on our Facebook page. facebook.com/nfb.ca" /><meta property="og:video" content="http://www.nfb.ca/medias/flash/NFBVideoPlayer.swf?configURL=http://www.nfb.ca/film/overdose_en/player_config&embedMode=true&user=facebook&referer=facebook" /><meta property="og:video:width" content="516" /><meta property="og:video:height" content="337" /><meta property="og:video:type" content="application/x-shockwave-flash" />
18
+ <meta name="twitter:card" content="player"><meta name="twitter:site" content="@thenfb"><meta name="twitter:url" content="http://www.nfb.ca/film/overdose_en"><meta name="twitter:title" content="Overdose"><meta name="twitter:description" content="With school, tennis lessons, swimming lessons, art classes, homework and piano practice, a young boy leads ..."><meta name="twitter:image" content="http://media1.nfb.cahttp://media1.nfb.ca/medias/nfb_tube/thumbs_large/2010/Overdose_big.jpg"><meta name="twitter:player" content="https://www.nfb.ca/film/overdose_en/embed/player"><meta name="twitter:player:width" content="512"><meta name="twitter:player:height" content="288">
19
+
20
+
21
+ <meta name="author" content="National Film Board of Canada" />
22
+ <meta name="apple-itunes-app" content="app-id=329353638">
23
+ <link rel="shortcut icon" type="image/ico" href="http://media3.nfb.ca/medias/favicon.ico" /><link rel="apple-touch-icon" type="image/ico" size="114x114" href="http://media4.nfb.ca/medias/apple-touch-icon-114x114.png" /><link rel="apple-touch-icon" type="image/ico" size="72x72" href="http://media1.nfb.ca/medias/apple-touch-icon-72x72.png" /><link rel="apple-touch-icon" type="image/ico" href="http://media6.nfb.ca/medias/apple-touch-icon-57x57.png" />
24
+ <!--[if IE]><![endif]-->
25
+ <link rel="alternate" type="application/rss+xml" title="New additions" href="/feeds/new_additions/" /><link rel="alternate" type="application/rss+xml" title="Trailers" href="/feeds/trailers/" /><link rel="alternate" type="application/rss+xml" title="Playlists" href="/feeds/curated/" />
26
+ <meta name="google-site-verification" content="o2PS843f0Fwlrt2YF4fIopcXSqBTJFd-NREwNXkwTZk" />
27
+ <link rel="publisher" href="https://plus.google.com/113742346745698013510" />
28
+ <meta name="application-name" content="NFB.ca" /><meta name="msapplication-tooltip" content="Watch Documentaries and Animated Films Online - NFB.ca" /><meta name="msapplication-navbutton-color" content="#000000" />
29
+ <meta name="msApplication-ID" content="Nationalfilmboard-Officen.NFBFilms"/><meta name="msApplication-PackageFamilyName" content="Nationalfilmboard-Officen.NFBFilms_bwkzsd84v83pe"/>
30
+
31
+
32
+ <link rel="stylesheet" type="text/css" media="all" href="/ressource_cache/css/csscache_2013-08-02_5c2f8a5f52b28501e9b6cdb166c92750" />
33
+
34
+ <!--[if lt IE 9]>
35
+ <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
36
+ <![endif]-->
37
+
38
+
39
+
40
+ <link rel="stylesheet" type="text/css" media="all" href="/ressource_cache/css/csscache_2013-08-02_13f967179ed765fd9c1653ea2ceb3a77" />
41
+
42
+ <!--[if lt IE 9]>
43
+ <link rel="stylesheet" type="text/css" media="all" href="http://media4.nfb.ca/medias/nfb_tube_static/styles/c/board-ie-fix.css" />
44
+ <link rel="stylesheet" type="text/css" media="all" href="http://media1.nfb.ca/medias/nfb_tube_static/styles/c/board-ie-fix-film-page.css" />
45
+ <![endif]-->
46
+
47
+ <!--[if lt IE 10]>
48
+ <script type="text/javascript">
49
+ // dummy console for problematic IE
50
+ var console = {};
51
+ console.log = function(){}
52
+ </script>
53
+ <![endif]-->
54
+
55
+ <script src="http://media1.nfb.ca/medias/nfb_tube_static/js/ga/django-advanced-google-analytics.js"></script>
56
+ <script src="http://media1.nfb.ca/medias/nfb_tube_static/js/ga/gatag_async.js"></script>
57
+ <script type="text/javascript">
58
+
59
+ var ga_account = "UA-32257069-1";
60
+
61
+ var _gaq = _gaq || [];
62
+
63
+ (function() {
64
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
65
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
66
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
67
+ Analytics.init(_gaq, {account:ga_account});
68
+
69
+
70
+ Analytics.push(_gaq, {"name_label": null, "type": "mediaCustom", "virtual_path": null});
71
+
72
+ })();
73
+ </script>
74
+
75
+ <script>
76
+ var _comscore = _comscore || [];
77
+ _comscore.push({ c1: "2", c2: "6035506", c3: "", c4: "" });
78
+ ( function () {
79
+ var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true; s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js"; el.parentNode.insertBefore(s, el);
80
+ })();
81
+ </script>
82
+ <noscript>
83
+ <img src="http://b.scorecardresearch.com/p?c1=2&c2=6035506&c3=&c4=&c5=&c6=&c15=&cv=2.0&cj=1" />
84
+ </noscript>
85
+
86
+ </head>
87
+ <body>
88
+ <div class="master-wrap">
89
+ <div class="board-header top-wraper" role="banner">
90
+
91
+
92
+
93
+
94
+
95
+
96
+
97
+
98
+ <div class="site-header">
99
+ <div class="onfb-logo">
100
+ <object class="logo-image" data="/medias/nfb_tube_static/medias/images/ONF_Logo_hor_blanc_sm-b.svg" type="image/svg+xml" width="74" height="36" >
101
+ <a href="/" title="National Film Board of Canada"><img src="http://media1.nfb.ca/medias/nfb_tube_static/medias/images/NFB-ONF_logo.png" class="ie-png onfb-logo" alt="National Film Board of Canada" width="74" height="36" /></a>
102
+ </object>
103
+
104
+ </div>
105
+
106
+
107
+ <div class="topnav-menu">
108
+ <div class="top-search" role="search">
109
+ <form name="gs" method="get" action="/search">
110
+ <input id="id_search_box" name="q" type="text" accesskey="4" tabindex="1" size="32" title="Search" maxlength="256" placeholder="Search for a film" value="" />
111
+ <input id="id_search_button" type="submit" name="btnG" tabindex="2" style="display:none;" value="Search" />
112
+
113
+ </form>
114
+ </div>
115
+ <a class="menu-switch" href="#compactnav">&equiv;</a>
116
+ <div id="compactnav" role="navigation" class="site-nav">
117
+ <ul class="main-menu wrap-menu">
118
+ <li class="dd"><a href="/explore-newly-added-films?filter_choices=30">Films</a>
119
+ <ul class="dd-menu">
120
+ <li><a href="/channels/" title="Explore NFB Channels">Channels</a></li>
121
+ <li><a href="/playlists/" title="Explore NFB Playlists">Playlists</a></li>
122
+ <li><a href="/explore-all-films/" title="Explore All Films">Explore</a></li>
123
+ </ul>
124
+ </li>
125
+ <li class=""><a href="/interactive/" title="NFB/interactive">Interactive</a></li>
126
+ <li class=""><a href="/education/" title="NFB/education">Education</a></li>
127
+ <li class="dd "><a href="/digital-boutique/" title="NFB/digital boutique">Stores</a>
128
+ <ul class="dd-menu">
129
+ <li><a href="/digital-boutique/" title="NFB/digital boutique">Digital Store</a></li>
130
+ <li><a href="http://www3.nfb.ca/store">DVD Store</a></li>
131
+ </ul>
132
+ </li>
133
+ </ul>
134
+
135
+ <ul class="lang-menu wrap-menu">
136
+
137
+ <li class=""><a href="http://www.onf.ca/film/overdose/" lang="fr" title="Visiter ONF.ca" onclick="_gaq.push(['_link', this.href]); return false;">Fran&ccedil;ais</a></li>
138
+
139
+ </ul>
140
+
141
+ <ul class="account-menu wrap-menu">
142
+
143
+ <li><a href="/member/login/?next=/member/new/" class="" id="ulogin" name="header_member_signin" title="Sign in to your account" rel="nofollow">Sign in</a></li>
144
+
145
+
146
+
147
+
148
+
149
+
150
+ </ul>
151
+
152
+ <p class="menu-switch-off"><a href="#norm-hd" rel="nofollow"><em> &otimes; close menu</em></a></p>
153
+ </div>
154
+
155
+ </div>
156
+ </div>
157
+
158
+ </div>
159
+ <div id="norm-dk" class="deck norm-deck">
160
+
161
+
162
+ </div>
163
+ <div class="board-body top-wraper">
164
+
165
+
166
+ <div class="thepage clearfix">
167
+ <div class="bin header-bin">
168
+
169
+ <h1 class="title">
170
+
171
+ Overdose
172
+
173
+ </h1>
174
+
175
+
176
+
177
+
178
+
179
+
180
+
181
+
182
+
183
+ <ul class="credits">
184
+ <li>
185
+
186
+
187
+
188
+
189
+
190
+
191
+ <span itemprop="director" itemscope itemtype="http://schema.org/Person">
192
+ <a href="/explore-all-directors/claude-cloutier/" title="more films by Claude Cloutier" itemprop="url" target="_parent">
193
+ <em itemprop="name">Claude Cloutier</em></a></span>,
194
+
195
+
196
+
197
+
198
+
199
+ </li>
200
+ <li>
201
+ <span itemprop="datePublished" datetime="1994" target="_parent">1994</span>,
202
+
203
+ </li>
204
+ <li><span class="duree" itemprop="duration" datetime="PT00:05:25">5 min 25 s</span</li>
205
+ </ul>
206
+
207
+
208
+ </div>
209
+ <div class="bin video-bin">
210
+
211
+
212
+
213
+ <iframe id="experiment" src="/film/overdose_en/embed/player?player_mode=&embed_mode=0&context_type=film" width="100%" height="288px"></iframe>
214
+
215
+ </div>
216
+ <div class="bin premium-bin">
217
+
218
+
219
+
220
+
221
+ <div class="poster"><img src="http://media5.nfb.ca/medias/nfb_tube/images/productimage-picture-default.jpg" alt="" itemprop="image" /></div>
222
+
223
+
224
+ <ul class="clearfix buyables">
225
+
226
+ <li><a href="#" id="modal-buy-btn" class="bouton" title="Buy the DVD" onclick="$(this).modalFormSubmitJSON({href:'/remote/partial/buy/17883/?state=modal', send_type:'get'});return false;">Buy the DVD</a></li>
227
+
228
+
229
+
230
+
231
+
232
+
233
+
234
+
235
+
236
+
237
+
238
+ </ul>
239
+ </div>
240
+ <div class="bin-group bin-group-b" ng-app=FilmApp>
241
+ <div class="bin social-bin" ng-controller="SizeCtrl">
242
+ <h2>Share this</h2>
243
+ <a href="http://twitter.com/share?url=http://www.nfb.ca/film/overdose_en&via=thenfb&text=Overdose" class="bouton bouton-square twitter-btn" title="" onclick="_gaq.push(['_trackSocial', 'Twitter', 'tweet', 'http://www.nfb.ca/film/overdose_en', '/film/overdose_en']);return true;"><i></i></a>
244
+ <a href="http://www.facebook.com/share.php?u=http://www.nfb.ca/film/overdose_en&t=Overdose&title=Overdose" class="bouton bouton-square facebook-btn" title="" onclick="_gaq.push(['_trackSocial', 'Facebook', 'send', 'http://www.nfb.ca/film/overdose_en', '/film/overdose_en']);return true;"><i></i></a>
245
+ <a href="https://plus.google.com/share?url=http://www.nfb.ca/film/overdose_en&title=Overdose" class="bouton bouton-square gplus-btn" title="" onclick="_gaq.push(['_trackSocial', 'google+', 'plus', 'http://www.nfb.ca/film/overdose_en', '/film/overdose_en']);return true;"><i></i></a>
246
+ <a href="#temp-share-panel" id="share-panel" class="bouton bouton-bleu bouton-toggle" title="" >embed</a>
247
+ <div class="share-options" style="display: none;">
248
+
249
+ <div class="share-option">
250
+ <h3>Embed this code on your site</h3>
251
+ <div>
252
+ <textarea onclick="$(this).select();" readonly="readonly">
253
+ <iframe src="http://www.nfb.ca/film/overdose_en/embed/player" width="(( width ))" height="(( height ))" ></iframe>
254
+ <p style="width:(( width ))px"><a href="http://www.nfb.ca/film/overdose_en/" target="_blank"><em>Overdose</em></a> by <a href="http://www.nfb.ca/explore-all-directors/claude-cloutier/" title="more films by Claude Cloutier" target="_blank">Claude Cloutier</a>, <a href="http://www.nfb.ca" target="_blank">National Film Board of Canada</a></p>
255
+
256
+ </textarea></div>
257
+ <p>Video player width : <span class="f-size"><input value="(( width ))" size="3" maxlength="4" ng-model="width"> by (( height ))</span> <a class="reset" ng-click="ResetEmbed()" >Reset</a></p>
258
+ </div>
259
+ </div>
260
+
261
+
262
+
263
+
264
+
265
+ </div>
266
+ <div class="bin copy-bin">
267
+
268
+ <div class="asset-detail"></div>
269
+ <div id="tabs" class="tabs">
270
+ <ul>
271
+ <li><a href="#tab1" class="">Synopsis</a></li>
272
+
273
+
274
+ </ul>
275
+ <div id="tab1">
276
+ <div class="pan"><p>With school, tennis lessons, swimming lessons, art classes, homework and piano practice, a young boy leads such a regimented life that he has no more time just to be a kid.<br/>
277
+ <br/>
278
+ Inspired by Article 31 of the United Nations Convention on the Rights of the Child, this short animated film by Claude Cloutier pleads for children’s right to rest and leisure.
279
+ </p></div>
280
+ </div>
281
+
282
+
283
+
284
+ </div>
285
+ </div>
286
+
287
+
288
+
289
+
290
+ <div class="bin related-bin clearfix">
291
+
292
+ <h2>You might <br>also enjoy:</h2>
293
+ <div class="_vignette-carousel">
294
+
295
+ <a class="prev" href="#"></a>
296
+
297
+
298
+
299
+
300
+
301
+
302
+
303
+
304
+
305
+
306
+
307
+
308
+
309
+
310
+ <div id="film_from_baghdad_to_peace_country" class="vignette exo-en">
311
+ <div class="inner">
312
+ <div class="meta">
313
+ <img class="entry-avail" alt="Available for download" title="Available for download" height="18" width="15" src="http://media2.nfb.ca/medias/nfb_tube_static/styles/imgs/ico-avail-dwnld.png" />
314
+
315
+
316
+
317
+ </div>
318
+
319
+ <a href="/film/from_baghdad_to_peace_country" title="Watch From Baghdad to Peace Country" lang="en">
320
+
321
+ <img width="204" height="115" alt="From Baghdad to Peace Country" class="visual" src="http://media1.nfb.ca/medias/nfb_tube/thumbs_small/2013/From-Baghdad-to-Peace-Country_51143_SM.jpg" />
322
+ <span class="grosplay p-overlay" style="opacity: 0.6;">&nbsp;</span>
323
+ </a>
324
+
325
+ <div class="format-icons">
326
+
327
+
328
+
329
+
330
+
331
+ </div>
332
+
333
+ <div class="infos">
334
+ <h3 class="title film" lang="en"><a title="Watch From Baghdad to Peace Country" href="/film/from_baghdad_to_peace_country">From Baghdad to Peace Country</a></h3>
335
+ </div>
336
+
337
+ </div>
338
+ </div>
339
+
340
+
341
+
342
+
343
+
344
+
345
+
346
+
347
+
348
+
349
+
350
+
351
+
352
+
353
+
354
+
355
+
356
+
357
+
358
+ <div id="film_every_child" class="vignette exo-en">
359
+ <div class="inner">
360
+ <div class="meta">
361
+ <img class="entry-avail" alt="Available for download" title="Available for download" height="18" width="15" src="http://media2.nfb.ca/medias/nfb_tube_static/styles/imgs/ico-avail-dwnld.png" />
362
+
363
+
364
+
365
+ </div>
366
+
367
+ <a href="/film/every_child" title="Watch Every Child" lang="en">
368
+
369
+ <img width="204" height="115" alt="Every Child" class="visual" src="http://media1.nfb.ca/medias/nfb_tube/thumbs_small/2008/13852_6TVSMALL_.jpg" />
370
+ <span class="grosplay p-overlay" style="opacity: 0.6;">&nbsp;</span>
371
+ </a>
372
+
373
+ <div class="format-icons">
374
+
375
+
376
+
377
+
378
+
379
+ </div>
380
+
381
+ <div class="infos">
382
+ <h3 class="title film" lang="en"><a title="Watch Every Child" href="/film/every_child">Every Child</a></h3>
383
+ </div>
384
+
385
+ </div>
386
+ </div>
387
+
388
+
389
+
390
+
391
+
392
+
393
+
394
+
395
+
396
+
397
+
398
+
399
+
400
+
401
+
402
+
403
+
404
+
405
+
406
+ <div id="film_artist" class="vignette exo-en">
407
+ <div class="inner">
408
+ <div class="meta">
409
+
410
+
411
+
412
+ </div>
413
+
414
+ <a href="/film/artist" title="Watch An Artist" lang="en">
415
+
416
+ <img width="204" height="115" alt="An Artist" class="visual" src="http://media1.nfb.ca/medias/nfb_tube/thumbs_small/2013/Une-artiste_34234_SM_1.jpg" />
417
+ <span class="grosplay p-overlay" style="opacity: 0.6;">&nbsp;</span>
418
+ </a>
419
+
420
+ <div class="format-icons">
421
+
422
+
423
+
424
+
425
+
426
+ </div>
427
+
428
+ <div class="infos">
429
+ <h3 class="title film" lang="en"><a title="Watch An Artist" href="/film/artist">An Artist</a></h3>
430
+ </div>
431
+
432
+ </div>
433
+ </div>
434
+
435
+
436
+
437
+
438
+
439
+
440
+
441
+
442
+
443
+
444
+
445
+
446
+
447
+
448
+
449
+
450
+
451
+
452
+
453
+ <div id="film_artiste" class="vignette exo-fr">
454
+ <div class="inner">
455
+ <div class="meta">
456
+ <img class="entry-avail" alt="Available for download" title="Available for download" height="18" width="15" src="http://media3.nfb.ca/medias/nfb_tube_static/styles/imgs/ico-avail-dwnld.png" />
457
+
458
+
459
+
460
+ </div>
461
+
462
+ <a href="/film/artiste" title="Watch Une artiste" lang="fr">
463
+
464
+ <img width="204" height="115" alt="Une artiste" class="visual" src="http://media1.nfb.ca/medias/nfb_tube/thumbs_small/2013/Une-artiste_34234_SM.jpg" />
465
+ <span class="grosplay p-overlay" style="opacity: 0.6;">&nbsp;</span>
466
+ </a>
467
+
468
+ <div class="format-icons">
469
+
470
+
471
+
472
+
473
+
474
+ </div>
475
+
476
+ <div class="infos">
477
+ <h3 class="title film" lang="fr"><a title="Watch Une artiste" href="/film/artiste">Une artiste</a></h3>
478
+ </div>
479
+
480
+ </div>
481
+ </div>
482
+
483
+
484
+
485
+
486
+
487
+
488
+ <a class="next" href="#"></a>
489
+ </div>
490
+
491
+ </div>
492
+
493
+
494
+ <div class="bin comment-bin">
495
+ <h2>Comments</h2>
496
+
497
+ <ul class="comments">
498
+
499
+ <li class="comment">
500
+ <img src="http://media3.nfb.ca/medias/nfb_tube/users/avatars/37f5d5a14799959211e7920f429908a8.jpg" class="photo" alt="OoOoOhalabouche" width="54" height="54" />
501
+ <blockquote>
502
+
503
+ <p>&ldquo;Très bouleversant... C'est vraiment précieux des films comme ceux-ci
504
+ Ça va en déranger plus d'un ,mais c'est le but que cela fasse réfléchir...Chaque parents devrait se faire un devoir de visionner ce petit bijoux.J'adore ce genre d'animation
505
+ Merci!!&rdquo;
506
+
507
+ <small class="comment-user">&mdash; OoOoOhalabouche, 3 Nov 2010</small>
508
+ </blockquote>
509
+ </li>
510
+
511
+ </ul>
512
+
513
+
514
+
515
+
516
+ <div class="comment-form">
517
+
518
+
519
+
520
+ <img src="http://media4.nfb.ca/medias/nfb_tube_static/styles/i/default-avatar.jpg" class="photo" alt="" width="54" height="54" />
521
+
522
+ <div class="bubble">
523
+ <p class="msg"><strong>Discuss this film</strong>
524
+
525
+
526
+ Please <a href='/member/login/?next=/film/overdose_en/' id='modal-login2'>sign in</a> to add your comment
527
+
528
+ <br />
529
+ <em>Not a member ? <a id="modal-signup2" href="/member/register/?next=/film/overdose_en/" >Click here</a></em>
530
+ </p>
531
+
532
+ </div>
533
+
534
+ </div>
535
+
536
+
537
+ </div>
538
+ </div>
539
+
540
+ <div class="bin-group bin-group-c">
541
+ <div class="bin full-credit-bin">
542
+
543
+
544
+ <div class="txt-pnl full_credit content">
545
+ <h2>Film Credits</h2>
546
+
547
+ <dl>
548
+
549
+ <dt>director</dt>
550
+
551
+ <dd>Claude Cloutier</dd>
552
+
553
+
554
+ <dt>script</dt>
555
+
556
+ <dd>Claude Cloutier</dd>
557
+
558
+
559
+ <dt>animation</dt>
560
+
561
+ <dd>Claude Cloutier</dd>
562
+
563
+
564
+ <dt>producer</dt>
565
+
566
+ <dd>Thérèse Descary</dd>
567
+
568
+
569
+ <dt>sound</dt>
570
+
571
+ <dd>Normand Roger</dd>
572
+
573
+
574
+ <dt>music</dt>
575
+
576
+ <dd>Normand Roger</dd>
577
+
578
+
579
+ <dt>editing</dt>
580
+
581
+ <dd>Werner Nold</dd>
582
+
583
+
584
+ <dt>re-recording</dt>
585
+
586
+ <dd>Shelley Craig</dd>
587
+
588
+
589
+ </dl>
590
+
591
+ </div>
592
+
593
+ </div>
594
+ <div class="bin extras-bin">
595
+
596
+ <h2>Find Similar Films</h2>
597
+ <ul>
598
+ <li>More films by
599
+
600
+
601
+
602
+ <a href="/explore-all-directors/claude-cloutier">Claude Cloutier</a>
603
+
604
+
605
+ </li>
606
+ </ul>
607
+
608
+ </div>
609
+ </div>
610
+ </div>
611
+ <script src="/medias/nfb_tube_static/js/angular.min.js">
612
+ </script>
613
+ <script src="/medias/nfb_tube_static/js/film/film_page.js">
614
+ </script>
615
+
616
+
617
+
618
+
619
+ </div>
620
+ <div class="board-footer top-wraper" role="contentinfo">
621
+
622
+
623
+
624
+
625
+
626
+
627
+ <!-- FOOTER v2.0 --><!-- FOOTER v2.0 --><!-- FOOTER v2.0 -->
628
+ <!-- FOOTER v2.0 --><!-- FOOTER v2.0 --><!-- FOOTER v2.0 -->
629
+
630
+ <div class="site-footer clear">
631
+ <div class="foot-nav">
632
+ <ul class="prime">
633
+ <li><a href="/explore-all-films/" title="Explore all films">Our films</a></li>
634
+ <li><a href="/apps/" title="Applications">Applications</a></li>
635
+
636
+ <li><a href="/subscription/">Newsletter</a></li>
637
+ <li><a href="/about/" title="About NFB.ca">About</a></li>
638
+ <li><a href="/sitemap/" title="Site Map" accesskey="3">Site Map</a></li>
639
+ </ul>
640
+
641
+ <ul class="brand-nav">
642
+ <li class="sub-brand inv-brand-blog"><a href="http://blog.nfb.ca/">NFB/<b class="sub">blog</b></a></li>
643
+ <li class="sub-brand inv-brand-distribution"><a href="http://www.nfb.ca/distribution/" rel="nofollow">NFB/<b class="sub">distribution</b></a></li>
644
+ <li class="sub-brand inv-brand-education"><a href="/education/en/" title="NFB Education">NFB/<b class="sub">education</b></a></li>
645
+ <li class="sub-brand inv-brand-images"><a href="http://images.nfb.ca">NFB/<b class="sub">images</b></a></li>
646
+ </ul>
647
+
648
+ <ul class="low-nav">
649
+ <li><a href="http://www.onf-nfb.gc.ca/" title="Institutional Website" target="_blank">Institutional Website</a></li>
650
+ <li><a href="http://onf-nfb.gc.ca/en/produce-with-the-nfb/">Resources for filmmakers</a></li>
651
+ <li><a href="http://onf-nfb.gc.ca/en/jobs/">Jobs</a></li>
652
+ <li><a href="/about/faq/" title="Help">Help?</a></li>
653
+ <li><a href="/about/contact-us/" title="Contact Us" id="contact_us_link">Contact&nbsp;Us</a></li>
654
+ <li><a href="/about/important-notices/" title="Important Notices including Privacy Notices, Official Languages Notice, Copyright/Permission to Reproduce, Non-commercial Reproduction, Commercial Reproduction, Third-party Materials, External Service Providers.">Important Notices</a></li>
655
+ <li><a href="/unsubscribe/" title='Unsubscribe from NFB's online services'>Unsubscribe</a></li>
656
+ <li><a href="http://onf-nfb.gc.ca/en/press-room/" title="Press Room">Press Room</a></li>
657
+
658
+ <li><a href="http://www.onf.ca/film/overdose/" lang="fr" title="Site en fran&ccedil;ais" onclick="_gaq.push(['_link', this.href]); return false;">Site en fran&ccedil;ais</a></li>
659
+
660
+ </ul>
661
+ </div>
662
+ <ul class="socials">
663
+ <li><a class="bouton bouton-square twitter-btn mono" href="http://www.twitter.com/thenfb/" title="Follow the NFB on Twitter"><i></i></a></li>
664
+ <li><a class="bouton bouton-square facebook-btn mono" href="http://www.facebook.com/nfb.ca" title="Follow the NFB on Facebook"><i></i></a></li>
665
+ <li><a class="bouton bouton-square youtube-btn mono" href="http://www.youtube.com/nfb" title="Follow the NFB on YouTube"><i></i></a></li>
666
+ </ul>
667
+
668
+ <object class="signature" data="http://media6.nfb.ca/medias/nfb_tube_static/medias/images/NFB-ONF_corpo.svg" type="image/svg+xml" width="243px" height="48px" >
669
+ <a href="/" title="National Film Board of Canada"><img src="http://media4.nfb.ca/medias/nfb_tube_static/medias/images/NFB-ONF_corpo.png" class="ie-png onfb-corpo-logo" alt="National Film Board of Canada" width="243px" height="48px" /></a>
670
+ </object>
671
+
672
+
673
+
674
+
675
+
676
+ </div>
677
+
678
+ <!-- fin footer -->
679
+
680
+
681
+
682
+
683
+
684
+
685
+ </div>
686
+ </div>
687
+ <script type="text/javascript" src="http://media1.nfb.ca/medias/nfb_tube_static/js/jquery-1.6.2.min.js"></script>
688
+
689
+
690
+ <script type="text/javascript" src="/ressource_cache/js/jscache_2013-08-02_7868baa4dc80e46b4df6828279215892"></script>
691
+
692
+
693
+
694
+ <!-- Copyright 2004-2006 Unica Corporation. All rights reserved. -->
695
+ <script type="text/javascript" >
696
+ var ntpg_lg = 'en';
697
+ var ntpg_app = "films";
698
+
699
+
700
+ var NTPT_PGEXTRA = '';
701
+
702
+ </script>
703
+ <script type="text/javascript" src="http://media5.nfb.ca/medias/nfb_tube_static/js/stats/js/ntpagetag.min.js"></script>
704
+
705
+
706
+
707
+ <script type="text/javascript">
708
+ // <![CDATA[
709
+ jQuery(document).ready(function() {
710
+ if(jQuery.browser=="msie" && jQuery.browser.version.substr(0,1)=="6"){
711
+ jQuery('#ie6drop').hover(
712
+ function(){
713
+ jQuery(this).children('.d-panel').show();
714
+ },
715
+ function(){
716
+ jQuery(this).children('.d-panel').hide();
717
+ }
718
+ );
719
+ };
720
+
721
+ /*Film rating warning tooltip */
722
+ var rating_warning = jQuery('a.rating-warning');
723
+ if (rating_warning.length) rating_warning.tooltip({delay: 500, top: 5, left: 0});
724
+ jQuery.each(jQuery(".drop-menu"), function(i, val) {
725
+ if(i=="msie" && jQuery.browser.version.substr(0,1)=="6")
726
+ jQuery('.site-nav > ul > li.mnie').hover(
727
+ function(){
728
+ jQuery(this).children('a').css({backgroundImage:"url(http://media4.nfb.ca/medias/nfb_tube_static/styles/imgs/site-nav-btn-bkg.gif)", backgroundPosition:"100% 50%"});
729
+ jQuery(this).children('a').children('em').css({backgroundImage:"url(http://media5.nfb.ca/medias/nfb_tube_static/styles/imgs/site-nav-btn-bkg.gif)", backgroundPosition:"0% 50%"});
730
+ },
731
+ function(){
732
+ jQuery(this).children('a').css('background-image', 'none');
733
+ jQuery(this).children('a').children('em').css('background-image', 'none');
734
+ }
735
+ );
736
+ });
737
+
738
+ //Message bar v 0.1
739
+ jQuery("#ibx-switch").toggle(function(){
740
+ jQuery("#ibx").show("fast");
741
+ jQuery(this).find("img").attr("src", "http://media6.nfb.ca/medias/nfb_tube_static/styles/imgs/arrow-blk-r.png");
742
+ },function(){
743
+ jQuery("#ibx").hide("fast");
744
+ jQuery(this).find("img").attr("src", "http://media2.nfb.ca/medias/nfb_tube_static/styles/imgs/arrow-blk-l.png");
745
+ });
746
+ jQuery(".close-msg").click(function(){
747
+ jQuery(this).closest(".message-bar").fadeOut("normal");
748
+ });
749
+
750
+
751
+
752
+ $("#share-panel").click(function(){
753
+ $(".share-options").slideToggle("slow");
754
+ });
755
+
756
+ $('#tabs > div').hide();
757
+ $('#tabs div:first').show();
758
+ $('#tabs ul li:first').addClass('active');
759
+
760
+ $('#tabs ul li a').click(function(){
761
+ $('#tabs ul li').removeClass('active');
762
+ $(this).parent().addClass('active');
763
+ var currentTab = $(this).attr('href');
764
+ $('#tabs > div').hide();
765
+ $(currentTab).show();
766
+ return false;
767
+ });
768
+
769
+
770
+
771
+ $("#modal-add-to-playlist").click(function(elem){
772
+ elem.preventDefault();
773
+ $("#modal-add-to-playlist").modalFormSubmitJSON({href:"/partial/playlist/film/add/" + $(this).data("source-id")});
774
+ });
775
+
776
+
777
+
778
+
779
+ // fin de JQuery Ready
780
+ });
781
+ // ]]>
782
+
783
+
784
+
785
+ </script>
786
+
787
+ <script type="text/javascript" src="http://use.typekit.com/zek5nek.js"></script>
788
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
789
+
790
+
791
+
792
+ <!-- Copyright 2004-2006 Unica Corporation. All rights reserved. -->
793
+ <noscript>
794
+ <div><img src="http://stats.nfb.ca/ntpagetag.gif?js=0&amp;ntpg_lg=en" height="1" width="1" alt=" " /></div>
795
+ </noscript>
796
+
797
+
798
+
799
+ <!--
800
+ _____
801
+ / ___ \
802
+ / / _ \ \
803
+ \ \(_)/ /
804
+ \_ _/
805
+ | | Equipe web ONF /
806
+ |_|_| NFB web team / 2008-2012
807
+ ===== The Board - NFB.CA v3
808
+ -->
809
+ </body>
810
+ </html>