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/yfrog.response DELETED
@@ -1,464 +0,0 @@
1
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
- <html xmlns="http://www.w3.org/1999/xhtml"
3
- xmlns:og="http://ogp.me/ns#"
4
- xmlns:fb="https://www.facebook.com/2008/fbml">
5
- <head>
6
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
7
- <title>
8
- Celebrating @questlove Cook4Quest w/WyattCenac (doesn't Twitter fyi). Cereal Milk Popsicles FTW!
9
- </title>
10
-
11
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
12
- <meta name="copyright" content="Copyright 2011 &quot;yfrog&quot;" />
13
- <meta name="description" content="Celebrating @questlove Cook4Quest w/WyattCenac (doesn't Twitter fyi). Cereal Milk Popsicles FTW! http://yfrog.com/h0jjdobj" />
14
- <meta name="robots" content="all" />
15
- <meta name="verify-v1" content="VJiX1IrDJHCHbxJQwyy8qiMsi9GPRmOfA+YvIB/BR8Y=" /> <link href='http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic' rel='stylesheet' type='text/css'>
16
- <link href="/css/common.css?v=3657e7a0" rel="stylesheet" type="text/css">
17
- <!--[if IE]>
18
- <link href="/css/browser-ie.css" rel="stylesheet" type="text/css">
19
- <![endif]-->
20
- <!--[if IE 7]>
21
- <link href="/css/browser-ie7.css" rel="stylesheet" type="text/css">
22
- <![endif]-->
23
- <!--[if IE 8]>
24
- <link href="/css/browser-ie8.css" rel="stylesheet" type="text/css">
25
- <![endif]-->
26
- <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
27
- <link href="/apple-touch-icon.png" rel="apple-touch-icon" type="image/png"/>
28
- <script type="text/javascript">
29
-
30
- var _gaq = _gaq || [];
31
- _gaq.push(['_setAccount', 'UA-6232220-2']);
32
- _gaq.push(['_setDomainName', '.yfrog.com']);
33
-
34
- (function() {
35
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
36
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
37
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
38
- })();
39
-
40
- </script>
41
- <script type="text/javascript">
42
- _gaq.push(['_setCustomVar',
43
- 1, // This custom var is set to slot #1. Required parameter.
44
- 'Logged In', // The name acts as a kind of category for the user activity. Required parameter.
45
- 'No', // This value of the custom variable. Required parameter.
46
- 2 // Sets the scope to session-level. Optional parameter.
47
- ]);
48
- </script>
49
- <script type="text/javascript" src="/js/EventLogger.js?v=3657e7a0"></script>
50
- <!-- Start Quantcast tag -->
51
-
52
- <script type="text/javascript">
53
- _qoptions = {
54
- qacct: "p-65DrxcUXjcWq6"
55
- };
56
- </script>
57
-
58
- <script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script>
59
- <noscript>
60
- <img src="http://pixel.quantserve.com/pixel/p-65DrxcUXjcWq6.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/>
61
- </noscript>
62
- <!-- End Quantcast tag -->
63
- <!-- Start Google Analytics Tag -->
64
- <script type='text/javascript' src='http://partner.googleadservices.com/gampad/google_service.js'>
65
- </script>
66
- <script type='text/javascript'>
67
- GS_googleAddAdSenseService("ca-pub-7137941865592088");
68
- GS_googleEnableAllServices();
69
- </script>
70
- <!-- End Google Analytics tag -->
71
-
72
- <!-- Popupcode -->
73
- <!--<script type="text/javascript">
74
- GA_googleAddSlot("ca-pub-7137941865592088", "Yfrog_LP_popunder_std");
75
- </script>
76
- -->
77
-
78
- <script type="text/javascript">
79
- quantSegs="";
80
- function qc_results(result) {
81
- for (var i = 0; i < result.segments.length; i++)
82
- GA_googleAddAttr('qctarget', result.segments[i].id);
83
- }
84
- </script>
85
- <script type="text/javascript" src="http://pixel.quantserve.com/api/segments.json?a=p-65DrxcUXjcWq6&callback=qc_results" ></script>
86
- <script type="text/javascript">
87
- var CUSTOM_SKIN_ACTIVATED = false;
88
- </script>
89
-
90
- <script type="text/javascript">
91
- GA_googleAddSlot("ca-pub-7137941865592088", "Yfrog_Intermediate_LP");
92
- </script>
93
- <script type="text/javascript">
94
- _e.section = _e.sections.landingPage;
95
- _e.p();
96
- _e.l({ action: _e.actions.view, label: 'h0jjdobj' });
97
- </script>
98
- <meta property="og:title" content="Celebrating @questlove Cook4Quest w/WyattCenac (doesn't Twitter fyi). Cereal Milk Popsicles FTW! http://yfrog.com/h0jjdobj" />
99
- <meta property="og:description" content="Click on the photo to comment, share or view other great photos" />
100
- <meta property="og:image" content="http://a.yfrog.com/img612/4100/jjdob.jpg" />
101
- <meta property="og:type" content="photos and videos" />
102
- <meta property="og:site_name" content="yfrog.com" />
103
- <meta property="og:url" content="http://twitter.yfrog.com/h0jjdobj" />
104
- <meta property="fb:admins" content="213637" />
105
- <meta property="fb:app_id" content="253597964451" />
106
-
107
- <!-- Twitter Cards -->
108
- <meta name="twitter:card" value="photo" />
109
- <meta name="twitter:title" value="" />
110
- <meta name="twitter:url" value="http://twitter.yfrog.com/h0jjdobj" />
111
- <meta name="twitter:image" value="http://a.yfrog.com/img612/4100/jjdob.jpg" />
112
- <meta name="twitter:site" value="@imageshack" />
113
- <meta name="twitter:creator" value="oliviamunn" />
114
-
115
- <link href="/css/landing-page.css?v=3657e7a0" rel="stylesheet" type="text/css" />
116
- <script type="text/javascript">
117
- GA_googleAddSlot("ca-pub-7137941865592088", "yfrog2_landing");
118
- GA_googleAddSlot("ca-pub-7137941865592088", "yfrog2_landing_left");
119
- GA_googleAddSlot("ca-pub-7137941865592088", "yfrog2_Landing_Bottom");
120
- GA_googleAddAttr("passback", "loggeduser");
121
- GA_googleAddAttr("twitterid", "oliviamunn");
122
-
123
- </script>
124
- <script type="text/javascript">GA_googleAddAttr("category", "celebrity");</script>
125
- <script type="text/javascript">
126
-
127
- GA_googleAddAttr("category", "moderated");
128
- </script>
129
- <script type="text/javascript">
130
- GA_googleFetchAds();
131
- </script>
132
- <script type='text/javascript'>
133
- var CELEB_NAME = '';
134
- var CELEB_SCREEN_NAME = '';
135
- </script>
136
- </head>
137
- <body>
138
- <div id="menu-search-wrapper-big-daddy" >
139
- <div id="menu-search-wrapper" class="fixed">
140
- <div id="menu-search" class="clearfix">
141
- <a href="/" id="new-logo">logo</a>
142
- <div id="global-fb-parent">
143
- <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FYfrog%2F125060927538976&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
144
- </div>
145
- <div class="menu-search-wrapper">
146
- <div class="search-box clearfix" id="global-search-box">
147
- <div class="input"><input id="global-search-input" type="text" value="Find people" autocomplete="off" /></div>
148
- <a href="/Search" id="global-search-button">Search</a>
149
- </div>
150
- <ul class="menu clearfix ">
151
- <li id="post-upload-link"><a href="/" class="login-button-anchor">Upload</a></li>
152
- <li id="signin-link">
153
- <a class="logged menu-button" href="#!">Sign In</a>
154
- </li>
155
- <div class="vertical-border" id="vertical-bar-signin">&nbsp;</div>
156
- </ul>
157
- </div>
158
- <div class="drop-down-menu-signin" id="drop-down-menu-signin" style="display:none">
159
- <div class="container">
160
- <p id="login-random-error" style="display:none"></p>
161
- <p>
162
- <label>Email:</label>
163
- <br/><input autocomplete="off" type="text" name="username" id="singin-username" class="input" />
164
- </p>
165
- <p id='login-email-error' style='display:none'></p>
166
- <p>
167
- <label>Password:</label>
168
- <br/><input autocomplete="off" type="password" name="password" id="signin-password" class="input" />
169
- </p>
170
- <p id='login-password-error' style='display:none'></p>
171
- <p>
172
- <input type="checkbox" name="stay-logged-in" id="stay-logged-in"/>
173
- Keep me logged in
174
- </p>
175
- <p>
176
- <div class="medium-button-wrapper clearfix">
177
- <a class="medium-button login-button-yfrog" id="global-signin-button"><span>Sign In</span></a>
178
- </div>
179
- </p>
180
- </div>
181
- <div class="or-header">or</div>
182
- <div class="spacer"></div>
183
- <div class="signin-with-twitter login-button-anchor-menu" rel="/" id="signin-with-twitter"></div>
184
- <div class="spacer"></div>
185
- <div class="forgot">I forgot my <a href="/" id="login-forgot-password">password</a></div>
186
- </div>
187
- <a href="/" class="login-button-anchor-menu" id="not-logged-banner" >Login</a>
188
- </div>
189
- </div>
190
- </div> <div id="body">
191
- <div id="main">
192
-
193
-
194
- <div id="main-ad-container">
195
-
196
- <!-- BEGIN left side -->
197
- <div class="left-side">
198
- <div id="main-refreshable-area">
199
-
200
- <div id="continue-link"><a href="?sa=0">Continue to the media</a></div>
201
-
202
- <div class="clearfix"></div>
203
-
204
- <div id="main-ad">
205
-
206
- <script type="text/javascript">
207
- GA_googleFillSlot("Yfrog_Intermediate_LP");
208
- </script>
209
-
210
- </div>
211
- </div>
212
- </div>
213
- </div>
214
-
215
- </div>
216
-
217
- <!-- END page content -->
218
- <div id="image-controls" class="clearfix dont-hide" style="display:none">
219
- <a href="/" class="rotate-right" title="Rotate Right">Right</a>
220
- <a href="/" class="zoom" title="Zoom">Zoom</a>
221
- <a href="/" class="rotate-left" title="Rotate Left">Left</a>
222
- </div>
223
- <div id="yfrog-autocomplete-results" style="display:none"></div>
224
- <div id="global-informer" style="display:none">
225
- <div class="wrapper clearfix">
226
- <div class="text"></div>
227
- <a class="yfrog-close-button close" href="/" title="Close">Close</a>
228
- </div>
229
- </div>
230
- <div id="action-share" style="display:none"></div>
231
- <div id="yfrog-popup" style="display:none">
232
- <div id="yfrog-popup-wrapper">
233
- <div id="yfrog-popup-main">
234
- <a id="yfrog-popup-close" class="yfrog-close-button" title="Close">Close</a>
235
- <div id="yfrog-popup-content"></div>
236
- </div>
237
- </div>
238
- <div id="yfrog-popup-overlay">&nbsp;</div>
239
- </div>
240
- <div id="yfrog-popup-dupe" style="display:none">
241
- <div id="yfrog-popup-wrapper-dupe">
242
- <div id="yfrog-popup-main-dupe">
243
- <a id="yfrog-popup-close-dupe" class="yfrog-close-button" title="Close">Close</a>
244
- <div id="yfrog-popup-content-dupe"></div>
245
- </div>
246
- </div>
247
- <div id="yfrog-popup-overlay-dupe">&nbsp;</div>
248
- </div>
249
-
250
- <div id="thumbnail-overlay" style="display:none">
251
- <div id="thumbnail-overlay-content" class="clearfix">
252
- <div class="left-side">
253
- <div class="info-area clearfix">
254
- <div class="image"><a href="/" class="user-mouse-over"><img src="/images/empty.png" /></a></div>
255
- <div class="info">
256
- <div class="user clearfix">
257
- <a href="/" class="user-mouse-over"></a>
258
- <span class="date"></span>
259
- <a title="Twitter" class="media-overlay-source-twitter" target="_blank" href="http://twitter.com">Twitter</a>
260
- </div>
261
- <div class="text"></div>
262
- <ul class="controls clearfix">
263
- <a class="comment" title="Reply" href="/">Reply</a>
264
- <a data-message-id="" class="share-button " href="/">Tweet</a>
265
- <li id="thumbnail-overlay-like"></li>
266
- </ul>
267
- </div>
268
- </div>
269
- <div class="image-area">
270
- <a href="/" class="prev-arrow" title="Previous">Prev</a>
271
- <a href="/" class="image-link"><img src="/images/empty.png" onload="if(window.popupImageLoaded){popupImageLoaded(this);}" style="display:none" /></a>
272
- <a href="/" class="next-arrow" title="Next">Next</a>
273
- </div>
274
- <div class="tagging-row clearfix"></div>
275
- </div>
276
- <div class="right-side">
277
- <div class="popup-comment-box">
278
- <div class="wrapper"></div>
279
- <div class="threads"></div>
280
- </div>
281
- </div>
282
- </div>
283
- </div>
284
- <div id="yfrog-share-options" class="share-menu-popup" style="display:none">
285
- <div class="wrapper">
286
- <div id="yfrog-share-header" class="clearfix">
287
- <div class="title">SHARE</div>
288
- <!--
289
- <a href="/" title="Close" class="yfrog-close-button close">Close</a>
290
- -->
291
- </div>
292
- <ul id="yfrog-share-sites" class="clearfix">
293
- <a href="/" class="facebook" title="Facebook">Facebook</a>
294
- <a href="/" class="twitter" title="Twitter">Twitter</a>
295
- <a href="/" class="myspace" title="MySpace">MySpace</a>
296
- <a href="/" class="email" title="Email">Email</a>
297
- <a href="/" class="stumbleupon" title="Stumble Upon">Stumble Upon</a>
298
- <a href="/" class="googlebuzz" title="Google Buzz">Google Buzz</a>
299
- <a href="/" class="more" title="More">More</a>
300
- </ul>
301
- </div>
302
- </div>
303
- <div id="yfrog-global-upload" style="display:none">
304
- <a name="globalArea_anchor"></a>
305
- <div id="globalArea_flash" class="status-area">
306
- <div id="status-header" class="clearfix">
307
- <h3>What&#8217;s happening?</h3>
308
- </div>
309
- <div class="wrapper clearfix autogrow-textarea-parent">
310
- <div class="textarea"><textarea data-string-width="95" data-min-height="57" data-height-inc="19" autocomplete="off" name="globalArea_message" id="globalArea_message" class="autocomplete-input autogrow-textarea large no-bg" rel="/"></textarea></div>
311
- <div class="upload-button autogrow-textarea-related" data-origin="globalArea">
312
- <div class="upflash hideable-flash">
313
- <embed wmode="transparent" id="globalArea_uploader" width="60" height="54" class="flash-uploader" src="/flash/uploader_grey_v3.swf"
314
- quality="high"
315
- bgcolor="#ffffff"
316
- name="uploader-flash"
317
- id="uploader"
318
- align="middle"
319
- allowScriptAccess="always"
320
- type="application/x-shockwave-flash"
321
- pluginspage="http://www.macromedia.com/go/getflashplayer"
322
- flashvars="blacklist=swf&prefix=yload&locale=en&maxAllowedFileSize=41943040&video=1&videoMaxAllowedFileSize=999999999&videostoragehosts=208.94.0.193,208.94.1.8,208.94.2.7&videoprocessinghosts=render.imageshack.us&videoextensions=avi,wmv,mkv,3gpp,mov,mp4,*&threadId=globalArea"/>
323
- </div>
324
- <!--
325
- <div class="upload-loading" style="display:none"><img src="/images/loader_small.gif" /></div>
326
- -->
327
- </div>
328
- </div>
329
- <div id="upload-input-count" class="upload-input-count invisible"></div>
330
- <ul class="uploaded-images clearfix">
331
- <li class="list-start">list start</li>
332
- </ul>
333
- <div style="display:none" class="post-button clearfix faded-out" rel="globalArea"><a href="/" class="medium-button login-button-anchor"><span>Tweet</span></a></div>
334
- </div></div>
335
- <div id="footer">
336
-
337
- <div class="body">
338
- <div class="main">
339
- <div class="top-area clearfix">
340
- <div class="right-side">
341
- <div class="clearfix first-row">
342
- <h3 class="name">yfrog</h3>
343
- <div class="text">
344
- <h3>Join the Conversation</h3>
345
- <div class="content">
346
- Share photos and videos on Twitter.
347
- </div>
348
- </div>
349
- <div class="social">
350
- <h3>Find Us</h3>
351
- <ul class="clearfix">
352
- <a class="fb" target="_blank" href="http://www.facebook.com/pages/Yfrog/125060927538976">Facebook</a>
353
- <a class="tw" target="_blank" href="http://twitter.com/imageshack">Twitter</a>
354
- </ul>
355
- </div>
356
- </div>
357
- <div class="boxed-area">
358
- <ul class="clearfix">
359
- <a rel="blog" class="trackable" href="http://blog.imageshack.us/" title="Blog">Blog</a>
360
- <a rel="advertising" class="trackable" href="/page/advertising" title="Advertising">Advertising</a>
361
- <a rel="faq" class="trackable" href="/page/faq" title="FAQ">FAQ</a>
362
- </ul>
363
- <ul class="clearfix">
364
- <!-- <a rel="api" class="trackable" href="http://code.google.com/p/imageshackapi/wiki/YFrogAPI" title="API">API</a> -->
365
- <a rel="press" class="trackable" href="/page/api" title="API">API</a>
366
- <a rel="contact" class="trackable" href="http://imageshack.us/content.php?page=email" title="Contact">Contact</a>
367
- <a rel="tAndC" class="trackable" href="/page/tos" title="Terms &amp; Conditions">Terms &amp; Conditions</a>
368
- </ul>
369
- <ul class="clearfix">
370
- <a rel="press" class="trackable" href="/press/list" title="Press">Press</a>
371
- <a rel="jobs" class="trackable" href="http://blog.yfrog.com/jobs/" title="Terms &amp; Conditions">Jobs</a>
372
- <a rel="help" class="trackable" href="#feedback" onclick="if(GSFN){GSFN.show();}; return false;" title="Help">Help</a>
373
- <!-- see footer_lang.tpl for what used to be here -->
374
- </ul>
375
- </div>
376
- </div>
377
- </div>
378
- <div class="bottom-area">
379
- &#169;2003-2011 ImageShack Corp. All rights reserved.
380
- </div>
381
- </div>
382
- </div>
383
- </div>
384
- <!-- Footer -->
385
- <script type="text/javascript" src="/js/jquery/jquery-1.6.2.min.js"></script>
386
- <script type="text/javascript" src="/js/swfobject.js"></script>
387
- <script type="text/javascript" src="/flash/jwplayer/jwplayer-5.7.js"></script>
388
- <script type="text/javascript" src="/js/Utils.js?v=3657e7a0"></script>
389
- <script type="text/javascript" src="/js/common.js?v=3657e7a0"></script>
390
- <script type="text/javascript">
391
- Site.uploaderSwfPath = '/flash/uploader_grey_v3.swf';
392
- Site.publicCaptcha = '6Ler0MMSAAAAAH7CEH1MyoBdpJF1HKBBWCPOA-OV';
393
- </script>
394
- <!-- Start get Satisfaction -->
395
- <style type='text/css'>@import url('http://s3.amazonaws.com/getsatisfaction.com/feedback/feedback.css');</style>
396
- <script src='http://s3.amazonaws.com/getsatisfaction.com/feedback/feedback.js'type='text/javascript'></script>
397
- <script type="text/javascript" charset="utf-8">
398
-
399
- var tab_options = {}
400
- tab_options.placement = "hidden"; // left, right, bottom, hidden
401
- tab_options.color = "#999999"; // hex (#FF0000) or color (red)
402
-
403
- GSFN.feedback('http://getsatisfaction.com/yfrog/feedback/topics/new?display=overlay&amp;style=question', tab_options);
404
-
405
- </script>
406
- <!-- end Get Satisfaction-->
407
- <!-- Begin comScore Tag -->
408
- <script>
409
- document.write(unescape("%3Cscript src='" + (document.location.protocol == "https:" ? " https://sb" : " http://b") + ".scorecardresearch.com/beacon.js' %3E%3C/script%3E"));
410
- </script>
411
- <script>
412
-
413
- COMSCORE.beacon({
414
- c1:2,
415
- c2:7518627,
416
- c3:"",
417
- c4:"",
418
- c5:"",
419
- c6:"",
420
- c15:""
421
- });
422
-
423
- </script>
424
- <noscript>
425
- <img src="http://b.scorecardresearch.com/p?c1=2&c2=7518627&c3=&c4=&c5=&c6=&c15=&cj=1" />
426
- </noscript>
427
- <!-- End comScore Tag -->
428
- <iframe name="_rlcdn2" width=0 height=0 frameborder=0 src="http://rc.rlcdn.com/360987.html"></iframe>
429
- <script src='http://i.po.st/static/script/post-widget.js#publisherKey=ul8rbt2mjackc60cq6pi' type='text/javascript'></script>
430
- <script type="text/javascript" src="/js/jquery/jquery.rotate.1-1.js?v=3657e7a0"></script>
431
- <script type="text/javascript" src="/js/jquery/jquery.cookie.js?v=3657e7a0"></script>
432
- <script type="text/javascript" src="/js/DeleteHandler.js?v=3657e7a0"></script>
433
- <script type="text/javascript" src="/js/ShareHandler.js?v=3657e7a0"></script>
434
- <script type="text/javascript" src="/js/SharedCommentHandler.js?v=3657e7a0"></script>
435
- <script type="text/javascript" src="/js/history.adapter.jquery.js?v=3657e7a0"></script>
436
- <script type="text/javascript" src="/js/history.js?v=3657e7a0"></script>
437
- <!--<script type="text/javascript" src="/js/popunder.js?v=3657e7a0"></script>-->
438
- <script type="text/javascript">
439
- var landingPageAdHidden = false;
440
- </script>
441
- <script type="text/javascript" src="/js/landing-page-v2.js?v=3657e7a0"></script>
442
- <script type="text/javascript">
443
- Site.targetUser = 'oliviamunn';
444
- Site.LP.setMode('photo');
445
- Site.LP.setServer('612');
446
- Site.LP.setFilename('jjdob.jpg');
447
- Site.LP.setBucket('4100');
448
- Site.LP.setHash('h0jjdobj');
449
- Site.LP.setText('Celebrating @questlove Cook4Quest w/WyattCenac (doesn\'t Twitter fyi). Cereal Milk Popsicles FTW! http://yfrog.com/h0jjdobj', 'h0jjdobj');
450
- Site.LP.showText();
451
- Site.LP.setScreenName('oliviamunn');
452
- Site.LP.setWidth(640);
453
- Site.LP.setHeight(480);
454
- Site.LP.setCreatedTime(1321499194);
455
- Site.LP.setAdVisible(true);
456
- Site.SharedCommentHandler.setExcludedServer('612');
457
- Site.SharedCommentHandler.setExcludedFileName('jjdob.jpg');
458
- Site.SharedCommentHandler.setTypeId('h0jjdobj');
459
- </script>
460
- </div>
461
- </div>
462
-
463
- </body>
464
- </html>