onebox 1.1.0 → 1.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (171) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +1 -0
  3. data/.rubocop.yml +7 -452
  4. data/Gemfile +1 -1
  5. data/README.md +23 -45
  6. data/lib/onebox.rb +21 -13
  7. data/lib/onebox/engine.rb +53 -43
  8. data/lib/onebox/engine/amazon_onebox.rb +34 -7
  9. data/lib/onebox/engine/classic_google_maps_onebox.rb +37 -0
  10. data/lib/onebox/engine/github_blob_onebox.rb +27 -7
  11. data/lib/onebox/engine/github_commit_onebox.rb +8 -15
  12. data/lib/onebox/engine/github_gist_onebox.rb +10 -10
  13. data/lib/onebox/engine/github_pullrequest_onebox.rb +7 -15
  14. data/lib/onebox/engine/google_play_app_onebox.rb +30 -0
  15. data/lib/onebox/engine/html.rb +10 -1
  16. data/lib/onebox/engine/image_onebox.rb +13 -0
  17. data/lib/onebox/engine/stack_exchange_onebox.rb +25 -11
  18. data/lib/onebox/engine/standard_embed.rb +48 -0
  19. data/lib/onebox/engine/twitter_status_onebox.rb +100 -0
  20. data/lib/onebox/engine/whitelisted_generic_onebox.rb +223 -0
  21. data/lib/onebox/engine/wikipedia_onebox.rb +27 -5
  22. data/lib/onebox/engine/youtube_onebox.rb +22 -0
  23. data/lib/onebox/helpers.rb +24 -0
  24. data/lib/onebox/layout.rb +67 -0
  25. data/lib/onebox/layout_support.rb +16 -0
  26. data/lib/onebox/matcher.rb +6 -1
  27. data/lib/onebox/preview.rb +19 -6
  28. data/lib/onebox/version.rb +1 -1
  29. data/lib/onebox/view.rb +7 -12
  30. data/onebox.gemspec +7 -5
  31. data/spec/fixtures/amazon.response +1336 -2971
  32. data/spec/fixtures/githubblob.response +49 -921
  33. data/spec/fixtures/{android.response → googleplayapp.response} +1 -1
  34. data/spec/fixtures/stackexchange.response +1 -1889
  35. data/spec/fixtures/twitterstatus.response +3006 -0
  36. data/spec/fixtures/youtube-json.response +1 -0
  37. data/spec/fixtures/youtube.response +1625 -0
  38. data/spec/lib/onebox/engine/amazon_onebox_spec.rb +5 -20
  39. data/spec/lib/onebox/engine/classic_google_maps_onebox_spec.rb +28 -0
  40. data/spec/lib/onebox/engine/github_blob_onebox_spec.rb +6 -15
  41. data/spec/lib/onebox/engine/github_commit_onebox_spec.rb +14 -22
  42. data/spec/lib/onebox/engine/github_gist_onebox_spec.rb +6 -14
  43. data/spec/lib/onebox/engine/github_pullrequest_onebox_spec.rb +14 -26
  44. data/spec/lib/onebox/engine/google_play_app_onebox_spec.rb +28 -0
  45. data/spec/lib/onebox/engine/html_spec.rb +4 -6
  46. data/spec/lib/onebox/engine/json_spec.rb +4 -6
  47. data/spec/lib/onebox/engine/stack_exchange_onebox_spec.rb +4 -17
  48. data/spec/lib/onebox/engine/twitter_status_onebox_spec.rb +103 -0
  49. data/spec/lib/onebox/engine/whitelisted_generic_onebox_spec.rb +51 -0
  50. data/spec/lib/onebox/engine/wikipedia_onebox_spec.rb +4 -17
  51. data/spec/lib/onebox/engine/youtube_onebox_spec.rb +17 -0
  52. data/spec/lib/onebox/engine_spec.rb +35 -32
  53. data/spec/lib/onebox/layout_spec.rb +77 -0
  54. data/spec/lib/onebox/matcher_spec.rb +0 -15
  55. data/spec/lib/onebox/preview_spec.rb +39 -9
  56. data/spec/lib/onebox_spec.rb +15 -11
  57. data/spec/spec_helper.rb +60 -4
  58. data/spec/support/html_spec_helper.rb +2 -1
  59. data/templates/_layout.mustache +11 -4
  60. data/templates/amazon.mustache +4 -3
  61. data/templates/githubblob.mustache +7 -5
  62. data/templates/githubcommit.mustache +20 -11
  63. data/templates/githubpullrequest.mustache +19 -12
  64. data/templates/googleplayapp.mustache +4 -0
  65. data/templates/stackexchange.mustache +19 -3
  66. data/templates/twitterstatus.mustache +12 -0
  67. data/templates/whitelistedgeneric.mustache +5 -0
  68. data/templates/wikipedia.mustache +4 -3
  69. metadata +57 -166
  70. data/lib/onebox/engine/bliptv_onebox.rb +0 -28
  71. data/lib/onebox/engine/clikthrough_onebox.rb +0 -25
  72. data/lib/onebox/engine/college_humor_onebox.rb +0 -27
  73. data/lib/onebox/engine/dailymotion_onebox.rb +0 -28
  74. data/lib/onebox/engine/dotsub_onebox.rb +0 -27
  75. data/lib/onebox/engine/example_onebox.rb +0 -24
  76. data/lib/onebox/engine/flickr_onebox.rb +0 -26
  77. data/lib/onebox/engine/funny_or_die_onebox.rb +0 -28
  78. data/lib/onebox/engine/hulu_onebox.rb +0 -29
  79. data/lib/onebox/engine/imgur_image_onebox.rb +0 -26
  80. data/lib/onebox/engine/itunes_onebox.rb +0 -28
  81. data/lib/onebox/engine/kinomap_onebox.rb +0 -27
  82. data/lib/onebox/engine/nfb_onebox.rb +0 -28
  83. data/lib/onebox/engine/open_graph.rb +0 -11
  84. data/lib/onebox/engine/qik_onebox.rb +0 -25
  85. data/lib/onebox/engine/revision3_onebox.rb +0 -27
  86. data/lib/onebox/engine/slideshare_onebox.rb +0 -27
  87. data/lib/onebox/engine/sound_cloud_onebox.rb +0 -27
  88. data/lib/onebox/engine/spotify_onebox.rb +0 -27
  89. data/lib/onebox/engine/ted_onebox.rb +0 -28
  90. data/lib/onebox/engine/twitter_onebox.rb +0 -31
  91. data/lib/onebox/engine/viddler_onebox.rb +0 -28
  92. data/lib/onebox/engine/vimeo_onebox.rb +0 -27
  93. data/lib/onebox/engine/yfrog_onebox.rb +0 -28
  94. data/spec/fixtures/bliptv.response +0 -724
  95. data/spec/fixtures/clikthrough.response +0 -1472
  96. data/spec/fixtures/collegehumor.response +0 -1272
  97. data/spec/fixtures/dailymotion.response +0 -575
  98. data/spec/fixtures/dotsub.response +0 -1257
  99. data/spec/fixtures/example.response +0 -50
  100. data/spec/fixtures/flickr.response +0 -1292
  101. data/spec/fixtures/funnyordie.response +0 -2010
  102. data/spec/fixtures/githubgist.response +0 -468
  103. data/spec/fixtures/hulu.response +0 -339
  104. data/spec/fixtures/imguralbum.response +0 -941
  105. data/spec/fixtures/imgurimage.response +0 -872
  106. data/spec/fixtures/itunes.response +0 -402
  107. data/spec/fixtures/kinomap.response +0 -299
  108. data/spec/fixtures/nfb.response +0 -810
  109. data/spec/fixtures/opengraph.response +0 -27
  110. data/spec/fixtures/qik.response +0 -371
  111. data/spec/fixtures/revision3.response +0 -985
  112. data/spec/fixtures/rottentomatoesfresh.response +0 -3275
  113. data/spec/fixtures/rottentomatoesincomplete.response +0 -2313
  114. data/spec/fixtures/rottentomatoesrotten.response +0 -3549
  115. data/spec/fixtures/slideshare.response +0 -1745
  116. data/spec/fixtures/soundcloud.response +0 -1409
  117. data/spec/fixtures/spotify.response +0 -250
  118. data/spec/fixtures/ted.response +0 -1341
  119. data/spec/fixtures/twitter.response +0 -1712
  120. data/spec/fixtures/viddler.response +0 -442
  121. data/spec/fixtures/vimeo.response +0 -571
  122. data/spec/fixtures/yfrog.response +0 -464
  123. data/spec/lib/onebox/engine/bliptv_onebox_spec.rb +0 -37
  124. data/spec/lib/onebox/engine/clikthrough_onebox_spec.rb +0 -29
  125. data/spec/lib/onebox/engine/college_humor_onebox_spec.rb +0 -37
  126. data/spec/lib/onebox/engine/dailymotion_onebox_spec.rb +0 -39
  127. data/spec/lib/onebox/engine/dotsub_onebox_spec.rb +0 -39
  128. data/spec/lib/onebox/engine/example_onebox_spec.rb +0 -21
  129. data/spec/lib/onebox/engine/flickr_onebox_spec.rb +0 -33
  130. data/spec/lib/onebox/engine/funny_or_die_onebox_spec.rb +0 -37
  131. data/spec/lib/onebox/engine/hulu_onebox_spec.rb +0 -37
  132. data/spec/lib/onebox/engine/imgur_image_onebox_spec.rb +0 -29
  133. data/spec/lib/onebox/engine/itunes_onebox_spec.rb +0 -29
  134. data/spec/lib/onebox/engine/kinomap_onebox_spec.rb +0 -37
  135. data/spec/lib/onebox/engine/nfb_onebox_spec.rb +0 -38
  136. data/spec/lib/onebox/engine/open_graph_spec.rb +0 -27
  137. data/spec/lib/onebox/engine/qik_onebox_spec.rb +0 -38
  138. data/spec/lib/onebox/engine/revision3_onebox_spec.rb +0 -39
  139. data/spec/lib/onebox/engine/slideshare_onebox_spec.rb +0 -33
  140. data/spec/lib/onebox/engine/sound_cloud_onebox_spec.rb +0 -39
  141. data/spec/lib/onebox/engine/spotify_onebox_spec.rb +0 -36
  142. data/spec/lib/onebox/engine/ted_onebox_spec.rb +0 -33
  143. data/spec/lib/onebox/engine/twitter_onebox_spec.rb +0 -47
  144. data/spec/lib/onebox/engine/viddler_onebox_spec.rb +0 -39
  145. data/spec/lib/onebox/engine/vimeo_onebox_spec.rb +0 -37
  146. data/spec/lib/onebox/engine/yfrog_onebox_spec.rb +0 -33
  147. data/spec/lib/onebox/view_spec.rb +0 -16
  148. data/templates/bliptv.mustache +0 -5
  149. data/templates/clikthrough.mustache +0 -4
  150. data/templates/collegehumor.mustache +0 -5
  151. data/templates/dailymotion.mustache +0 -5
  152. data/templates/dotsub.mustache +0 -5
  153. data/templates/example.mustache +0 -2
  154. data/templates/flickr.mustache +0 -4
  155. data/templates/funnyordie.mustache +0 -6
  156. data/templates/githubgist.mustache +0 -3
  157. data/templates/hulu.mustache +0 -6
  158. data/templates/imgurimage.mustache +0 -3
  159. data/templates/itunes.mustache +0 -4
  160. data/templates/kinomap.mustache +0 -5
  161. data/templates/nfb.mustache +0 -5
  162. data/templates/qik.mustache +0 -4
  163. data/templates/revision3.mustache +0 -5
  164. data/templates/slideshare.mustache +0 -4
  165. data/templates/soundcloud.mustache +0 -5
  166. data/templates/spotify.mustache +0 -4
  167. data/templates/ted.mustache +0 -5
  168. data/templates/twitter.mustache +0 -7
  169. data/templates/viddler.mustache +0 -5
  170. data/templates/vimeo.mustache +0 -5
  171. data/templates/yfrog.mustache +0 -4
data/spec/fixtures/nfb.response DELETED
@@ -1,810 +0,0 @@
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>