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
@@ -0,0 +1,3006 @@
1
+
2
+ <!DOCTYPE html>
3
+ <!--[if IE 8]><html class="lt-ie10 ie8" lang="en"><![endif]-->
4
+ <!--[if IE 9]><html class="lt-ie10 ie9" lang="en"><![endif]-->
5
+ <!--[if gt IE 9]><!--><html lang="en"><!--<![endif]-->
6
+ <head>
7
+ <meta charset="utf-8">
8
+ <title>Twitter / vyki_e: I&#39;m a sucker for pledges. ...</title>
9
+
10
+
11
+
12
+ <meta name="msapplication-TileImage" content="//abs.twimg.com/favicons/win8-tile-144.png"/>
13
+ <meta name="msapplication-TileColor" content="#00aced"/>
14
+
15
+ <link href="//abs.twimg.com/favicons/favicon.ico" rel="shortcut icon" type="image/x-icon">
16
+
17
+
18
+ <meta name="swift-page-name" id="swift-page-name" content="permalink">
19
+
20
+ <link rel="canonical" href="https://twitter.com/vyki_e/status/363116819147538433">
21
+
22
+ <link rel="alternate" type="application/json+oembed" href="https://api.twitter.com/1/statuses/oembed.json?id=363116819147538433" title="Twitter / vyki_e: I&#39;m a sucker for pledges. ...">
23
+ <link rel="alternate" type="text/xml+oembed" href="https://api.twitter.com/1/statuses/oembed.xml?id=363116819147538433" title="Twitter / vyki_e: I&#39;m a sucker for pledges. ...">
24
+
25
+
26
+
27
+ <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Twitter">
28
+
29
+
30
+
31
+
32
+ <script id="swift_action_queue">
33
+ (function(){function f(a){a=a||window.event;if(!a)return;!a.target&&a.srcElement&&(a.target=a.srcElement);if(!j(a))return;if(!document.addEventListener){var b={};for(var c in a)b[c]=a[c];a=b}a.preventDefault=a.stopPropagation=a.stopImmediatePropagation=function(
34
+ ){};d.push(a);return!1}function g($){i();for(var b=0,c;c=d[b];b++){var e=$(c.target);if(c.type=="click"&&c.target.tagName.toLowerCase()=="a"){var f=$.data(e.get(0),"events"),g=f&&f.click,j=!c.target.hostname.match(a)||!c.target.href.match(/#$/);if(!g&&j){window
35
+ .location=c.target.href;continue}}e.trigger(c)}window.swiftActionQueue.wasFlushed=!0}function i(){e&&clearTimeout(e);for(var a=0;a<c.length;a++)document["on"+c[a]]=null}function j(c){var d=c.target.tagName.toLowerCase();if(d=="label")if(c.target.getAttribute
36
+ ("for")){var e=document.getElementById(c.target.getAttribute("for"));if(e.getAttribute("type")=="checkbox")return!1}else for(var f=0;f<c.target.childNodes.length;f++)if((c.target.childNodes[f].tagName||"").toLowerCase()=="input"&&c.target.childNodes[f].getAttribute
37
+ ("type")=="checkbox")return!1;if(d=="textarea"||d=="input"&&c.target.getAttribute("type")=="text"||c.target.getAttribute("contenteditable")=="true")if(c.type.match(b))return!1;return c.metaKey?!1:c.clientX&&c.shiftKey&&d=="a"?!1:c.target&&c.target.hostname&&!
38
+ c.target.hostname.match(a)?!1:!0}var a=/^([^\.]+\.)*twitter.com$/,b=/^key/,c=["click","keydown","keypress","keyup"],d=[],e=null;for(var k=0;k<c.length;k++)document["on"+c[k]]=f;setTimeout(i,1e4);window.swiftActionQueue={flush:g,wasFlushed:!1}})();
39
+ </script>
40
+ <script id="composition_state">
41
+ (function(){function a(a){a.target.setAttribute("data-in-composition","true")}function b(a){a.target.removeAttribute("data-in-composition")}if(document.addEventListener){document.addEventListener("compositionstart",a,!1);document.addEventListener("compositionend"
42
+ ,b,!1)}})();
43
+ </script>
44
+
45
+ <link rel="stylesheet" href="https://abs.twimg.com/a/1383847355/t1/css/t1_core.bundle.css" type="text/css">
46
+
47
+ <link rel="stylesheet" href="https://abs.twimg.com/a/1383847355/t1/css/t1_more.bundle.css" type="text/css">
48
+
49
+ <style id="user-style-vyki_e">
50
+
51
+
52
+
53
+
54
+
55
+ a,
56
+ a:hover,
57
+ a:focus,
58
+ a:active,
59
+
60
+ .u-linkPseudo:hover a,
61
+ .u-linkPseudo:focus a,
62
+ .u-linkPseudo:active a {
63
+ color: #038543;
64
+ }
65
+
66
+ .u-textUserColor {
67
+ color: #038543 !important;
68
+ }
69
+
70
+ .u-borderUserColor,
71
+ .u-borderUserColorHover:hover,
72
+ .u-borderUserColorHover:focus {
73
+ border-color: #038543 !important;
74
+ }
75
+
76
+ .u-bgUserColor,
77
+ .u-bgUserColorHover:hover,
78
+ .u-bgUserColorHover:focus {
79
+ background-color: #038543 !important;
80
+ }
81
+
82
+ .u-boxShadowInsetUserColorHover:hover,
83
+ .u-boxShadowInsetUserColorHover:focus {
84
+ -webkit-box-shadow: inset 0 0 6px 3px #038543 !important;
85
+ box-shadow: inset 0 0 6px 3px #038543 !important;
86
+ }
87
+
88
+
89
+
90
+ .u-textUserColorLight {
91
+ color: #9ACEB3 !important;
92
+ }
93
+
94
+ .u-borderUserColorLight,
95
+ .u-borderUserColorLightFocus:focus {
96
+ border-color: #9ACEB3 !important;
97
+ }
98
+
99
+ .u-bgUserColorLight {
100
+ background-color: #9ACEB3 !importat;
101
+ }
102
+
103
+
104
+ .u-boxShadowUserColorLighterFocus:focus {
105
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05), inset 0 1px 2px rgba(3,133,67,0.25) !important;
106
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.05), inset 0 1px 2px rgba(3,133,67,0.25) !important;
107
+ }
108
+
109
+
110
+ .u-textUserColorLightest {
111
+ color: #E5F2EC !important;
112
+ }
113
+
114
+ .u-borderUserColorLightest {
115
+ border-color: #E5F2EC !important;
116
+ }
117
+
118
+ .u-bgUserColorLightest {
119
+ background-color: #E5F2EC !important;
120
+ }
121
+
122
+
123
+ .u-bgUserColorDarkHover:hover {
124
+ background-color: #026A35 !important;
125
+ }
126
+
127
+
128
+ .u-bgUserColorDarkerActive:active {
129
+ background-color: #014F28 !important;
130
+ }
131
+
132
+
133
+
134
+
135
+
136
+
137
+
138
+
139
+
140
+
141
+
142
+
143
+
144
+
145
+
146
+ a,
147
+ .btn-link,
148
+ .btn-link:focus,
149
+
150
+
151
+
152
+ .pretty-link b,
153
+ .pretty-link:hover s,
154
+ .pretty-link:hover b,
155
+ .pretty-link:focus s,
156
+ .pretty-link:focus b,
157
+ /* Account Group */
158
+ .metadata a:hover,
159
+ .metadata a:focus,
160
+
161
+ .account-group:hover .fullname,
162
+ .account-group:focus .fullname,
163
+ .account-summary:focus .fullname,
164
+
165
+ .stats a:hover,
166
+ .stats a:hover strong,
167
+ .stats a:focus,
168
+ .stats a:focus strong,
169
+
170
+ .profile-modal-header .fullname a:hover,
171
+ .profile-modal-header .username a:hover,
172
+ .profile-modal-header .fullname a:focus,
173
+ .profile-modal-header .username a:focus,
174
+
175
+ .story-article:hover .metadata,
176
+ .story-article .metadata a:focus,
177
+
178
+ .find-friends-sources li:hover .source,
179
+
180
+
181
+
182
+
183
+
184
+ .stream-item a:hover .fullname,
185
+ .stream-item a:focus .fullname,
186
+
187
+ .stream-item .view-all-supplements:hover,
188
+ .stream-item .view-all-supplements:focus,
189
+
190
+ .tweet .time a:hover,
191
+ .tweet .time a:focus,
192
+ .tweet-actions a,
193
+ .tweet .details.with-icn b,
194
+
195
+ .stream-item:hover .original-tweet .expand-action-wrapper,
196
+ .stream-item .original-tweet.focus .expand-action-wrapper,
197
+ .opened-tweet.original-tweet .expand-action-wrapper,
198
+
199
+ .stream-item:hover .original-tweet .details b,
200
+ .stream-item .original-tweet.focus .details b,
201
+ .stream-item.open .original-tweet .details b,
202
+
203
+ .simple-tweet:hover .details b,
204
+ .simple-tweet.focus .details b,
205
+ .simple-tweet.open .details b,
206
+ .simple-tweet:hover .details .expand-action-wrapper,
207
+ .simple-tweet.focus .details .expand-action-wrapper,
208
+ .simple-tweet.open .details .collapse-action-wrapper,
209
+ .simple-tweet:hover .details .simple-details-link,
210
+ .simple-tweet.focus .details .simple-details-link,
211
+
212
+ .client-and-actions a:hover,
213
+ .client-and-actions a:focus,
214
+
215
+ .dismiss-promoted:hover b,
216
+
217
+ .tweet .context .pretty-link:hover s,
218
+ .tweet .context .pretty-link:hover b,
219
+ .tweet .context .pretty-link:focus s,
220
+ .tweet .context .pretty-link:focus b,
221
+
222
+ .list .username a:hover,
223
+ .list .username a:focus,
224
+ .list-membership-container .create-a-list,
225
+ .list-membership-container .create-a-list:hover,
226
+
227
+
228
+
229
+ .story-header:hover .view-tweets,
230
+ .card .list-details a:hover,
231
+ .card .list-details a:focus,
232
+ .card .card-body:hover .attribution,
233
+ .card .card-body .attribution:focus,
234
+ .events-card .card-body:hover .attribution,
235
+ .events-card .card-body .attribution:focus,
236
+ .new-tweets-bar,
237
+ .onebox .soccer ul.ticker a:hover,
238
+ .onebox .soccer ul.ticker a:focus,
239
+
240
+
241
+
242
+ .discover-item-actions a,
243
+
244
+
245
+
246
+ .disco-stream-item.disco_exp_actions_on_btm .more-tweet-actions .btn-link,
247
+ .disco-stream-item.disco_exp_actions_on_btm_without_stats .more-tweet-actions .btn-link,
248
+
249
+
250
+
251
+ .remove-background-btn,
252
+
253
+
254
+
255
+ .stream-item-activity-me .latest-tweet .tweet-row a:hover,
256
+ .stream-item-activity-me .latest-tweet .tweet-row a:focus,
257
+ .stream-item-activity-me .latest-tweet .tweet-row a:hover b,
258
+ .stream-item-activity-me .latest-tweet .tweet-row a:focus b {
259
+ color: #038543;
260
+ }
261
+
262
+
263
+
264
+
265
+
266
+
267
+
268
+ s,
269
+ .pretty-link:hover s,
270
+ .pretty-link:focus s,
271
+ .stream-item-activity-me .latest-tweet .tweet-row a:hover s,
272
+ .stream-item-activity-me .latest-tweet .tweet-row a:focus s {
273
+ color: #67B58E;
274
+ }
275
+
276
+
277
+
278
+ .vellip,
279
+ .vellip:before,
280
+ .vellip:after,
281
+ .conversation-module > li:after,
282
+ .conversation-module > li:before {
283
+ background-color: #67B58E;
284
+ }
285
+
286
+
287
+
288
+
289
+ .tweet .sm-reply,
290
+ .tweet .sm-rt,
291
+ .tweet .sm-fav,
292
+ .tweet .sm-image,
293
+ .tweet .sm-video,
294
+ .tweet .sm-audio,
295
+ .tweet .sm-geo,
296
+ .tweet .sm-in,
297
+ .tweet .sm-trash,
298
+ .tweet .sm-more,
299
+ .tweet .sm-page,
300
+ .tweet .sm-embed,
301
+ .tweet .sm-summary,
302
+ .tweet .sm-chat,
303
+
304
+ .timelines-navigation .active .profile-nav-icon,
305
+ .timelines-navigation .profile-nav-icon:hover,
306
+ .timelines-navigation .profile-nav-link:focus .profile-nav-icon,
307
+
308
+ .sm-top-tweet,
309
+
310
+ .metadata a.tweet-geo-text:hover .sm-geo,
311
+
312
+
313
+ .discover-item .js-action-card-search:hover .sm-search,
314
+ .discover-item .js-action-card-search:focus .sm-search {
315
+ background-color: #038543;
316
+ }
317
+
318
+
319
+
320
+ .tweet-action-icons .tweet .tweet-actions .sm-reply, .tweet-action-icons .tweet.opened-tweet .tweet-actions .sm-reply,
321
+ .tweet-action-icons .tweet .tweet-actions .sm-rt, .tweet-action-icons .tweet.opened-tweet .tweet-actions .sm-rt,
322
+ .tweet-action-icons .tweet .tweet-actions .sm-fav, .tweet-action-icons .tweet.opened-tweet .tweet-actions .sm-fav,
323
+ .tweet-action-icons .tweet .tweet-actions .sm-trash, .tweet-action-icons .tweet.opened-tweet .tweet-actions .sm-trash,
324
+ .tweet-action-icons .tweet .tweet-actions .sm-more, .tweet-action-icons .tweet.opened-tweet .tweet-actions .sm-more {
325
+ background-color: #67B58E;
326
+ }
327
+
328
+ .persistent-tweet-actions.tweet-action-icons .tweet:hover .tweet-actions .sm-reply,
329
+ .persistent-tweet-actions.tweet-action-icons .tweet:hover .tweet-actions .sm-rt,
330
+ .persistent-tweet-actions.tweet-action-icons .tweet:hover .tweet-actions .sm-fav,
331
+ .persistent-tweet-actions.tweet-action-icons .tweet:hover .tweet-actions .sm-trash,
332
+ .persistent-tweet-actions.tweet-action-icons .tweet:hover .tweet-actions .sm-more {
333
+ background-color: #67B58E;
334
+ }
335
+
336
+ .tweet-action-icons .stream .tweet .tweet-actions .sm-reply:hover, .tweet-action-icons .stream .tweet .tweet-actions a:focus .sm-reply,
337
+ .tweet-action-icons .stream .tweet .tweet-actions .sm-rt:hover, .tweet-action-icons .stream .tweet .tweet-actions a:focus .sm-rt,
338
+ .tweet-action-icons .stream .tweet .tweet-actions .sm-fav:hover, .tweet-action-icons .stream .tweet .tweet-actions a:focus .sm-fav,
339
+ .tweet-action-icons .stream .tweet .tweet-actions .sm-trash:hover, .tweet-action-icons .stream .tweet .tweet-actions a:focus .sm-trash,
340
+ .tweet-action-icons .stream .tweet .tweet-actions .sm-more:hover, .tweet-action-icons .stream .tweet .tweet-actions a:focus .sm-more {
341
+ background-color: #038543;
342
+ }
343
+
344
+
345
+ .wrapper.black {
346
+ background: url(https://abs.twimg.com/a/1383847355/t1/img/wash-black-30.png);
347
+ }
348
+ .wrapper.white {
349
+ background: url(https://abs.twimg.com/a/1383847355/t1/img/wash-white-30.png);
350
+ }
351
+
352
+
353
+ </style>
354
+
355
+
356
+ <style id="user-style-vyki_e-bg-img" class="js-user-style-bg-img">
357
+ body.user-style-vyki_e {
358
+ background-image: url(https://abs.twimg.com/images/themes/theme18/bg.gif);
359
+ background-position: left 40px;
360
+ background-attachment: fixed;
361
+ background-repeat: repeat;
362
+ background-repeat: no-repeat;
363
+
364
+ background-color: #ACDED6;
365
+ }
366
+
367
+
368
+
369
+ </style>
370
+
371
+
372
+
373
+ </head>
374
+ <body class="t1 logged-in user-style-vyki_e"
375
+ data-fouc-class-names="swift-loading"
376
+ dir="ltr">
377
+ <script id="swift_loading_indicator">
378
+ document.body.className=document.body.className+" "+document.body.getAttribute("data-fouc-class-names");
379
+ </script>
380
+ <div id="doc" class="route-permalink">
381
+ <div class="topbar js-topbar">
382
+ <div id="banners" class="js-banners">
383
+ </div>
384
+ <div class="global-nav" data-section-term="top_nav">
385
+ <div class="global-nav-inner">
386
+ <div class="container">
387
+
388
+
389
+
390
+ <h1 class=" icon bird-topbar-etched" style="display: inline-block; width: 24px; height: 21px;">
391
+ <span class="visuallyhidden">Twitter</span>
392
+ </h1>
393
+
394
+
395
+ <div role="navigation" style="display: inline-block;"><ul class="nav js-global-actions" id="global-actions" ><li id="global-nav-home" class="home" data-global-action="home"> <a class="js-nav js-tooltip" href="/" data-component-term="home_nav" data-nav="home" title="Home"> <span class="new-wrapper"><i class="nav-home"></i><i class="nav-new"></i></span> <span class="text">Home</span> </a> </li> <li class="people" data-global-action="connect"> <a class="js-nav js-tooltip" href="/i/connect" data-component-term="connect_nav" data-nav="connect" title="Connect"> <span class="new-wrapper"><i class="nav-people"></i><i class="nav-new"></i></span> <span class="text">Connect</span> </a> </li> <li class="topics" data-global-action="discover"> <a class="js-nav js-tooltip" href="/i/discover" data-component-term="discover_nav" data-nav="discover" title="Discover"> <span class="new-wrapper"><i class="nav-topics"></i><i class="nav-new"></i></span> <span class="text">Discover</span> </a> </li> <li class="profile" data-global-action="profile"> <a class="js-nav js-tooltip" href="/vyki_e" data-component-term="profile_nav" data-nav="profile" title="Me"> <span class="new-wrapper"><i class="nav-me"></i><i class="nav-new"></i></span> <span class="text">Me</span> </a> </li> </ul></div>
396
+
397
+
398
+ <div class="pull-right" style="display: inline-block;"> <div role="search">
399
+ <form class="form-search js-search-form" action="/search" id="global-nav-search">
400
+ <label class="visuallyhidden" for="search-query">Search query</label>
401
+ <input class="search-input" type="text" id="search-query" placeholder="Search" name="q" autocomplete="off" spellcheck="false">
402
+ <span class="search-icon js-search-action">
403
+ <button type="submit" class="icon nav-search">
404
+ <span class="visuallyhidden">
405
+
406
+ Search
407
+ </span>
408
+ </button>
409
+ </span>
410
+ <input disabled="disabled" class="search-input search-hinting-input" type="text" id="search-query-hint" autocomplete="off" spellcheck="false">
411
+ <div role="menu" aria-hidden="true" class="dropdown-menu typeahead ">
412
+ <div aria-hidden="true" class="dropdown-caret">
413
+ <div class="caret-outer"></div>
414
+ <div class="caret-inner"></div>
415
+ </div>
416
+ <div role="presentation" class="dropdown-inner js-typeahead-results">
417
+ <div role="presentation" class="typeahead-recent-searches">
418
+ <h4 id="recent-searches-heading" class="typeahead-category-title recent-searches-title">Recent Searches</h4><button type="button" tabindex="-1" class="btn-link clear-recent-searches">Clear All</button>
419
+ <ul role="presentation" class="typeahead-items recent-searches-list">
420
+
421
+ <li role="presentation" class="typeahead-item typeahead-recent-search-item">
422
+ <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Remove</span></span>
423
+ <a role="menuitem" aria-describedby="recent-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="recent_search" tabindex="-1"><span class="icon generic-search"></span></a>
424
+ </li>
425
+ </ul>
426
+ </div>
427
+
428
+ <div role="presentation" class="typeahead-saved-searches">
429
+ <h4 id="saved-searches-heading" class="typeahead-category-title saved-searches-title">Saved Searches</h4>
430
+ <ul role="presentation" class="typeahead-items saved-searches-list">
431
+
432
+ <li role="presentation" class="typeahead-item typeahead-saved-search-item">
433
+ <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Remove</span></span>
434
+ <a role="menuitem" aria-describedby="saved-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="saved_search" tabindex="-1"><span class="icon generic-search"></span></a>
435
+ </li>
436
+ </ul>
437
+ </div>
438
+
439
+ <ul role="presentation" class="typeahead-items typeahead-topics">
440
+
441
+ <li role="presentation" class="typeahead-item typeahead-topic-item">
442
+ <a role="menuitem" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-ds="topics" tabindex="-1">
443
+ <span class="icon generic-search"></span>
444
+ </a>
445
+ </li>
446
+ </ul>
447
+
448
+
449
+ <ul role="presentation" class="typeahead-items typeahead-accounts social-context js-typeahead-accounts">
450
+
451
+ <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable">
452
+
453
+ <a role="menuitem" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account">
454
+ <img class="avatar size32" alt="">
455
+ <span class="typeahead-user-item-info">
456
+ <span class="fullname"></span>
457
+ <span class="js-verified hidden"><span class="icon verified"><span class="visuallyhidden">Verified account</span></span></span>
458
+ <span class="username"><s>@</s><b></b></span>
459
+ </span>
460
+ <span class="typeahead-social-context"></span>
461
+ </a>
462
+ </li>
463
+ <li role="presentation" class="js-selectable typeahead-accounts-shortcut js-shortcut"><a role="menuitem" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-shortcut="true" data-ds="account_search"></a></li>
464
+ </ul>
465
+
466
+ <ul role="presentation" class="typeahead-items typeahead-trend-locations-list">
467
+
468
+ <li role="presenation" class="typeahead-item typeahead-trend-locations-item"><a role="menuitem" class="js-nav" href="" data-ds="trend_location" data-search-query="" tabindex="-1"></a></li>
469
+ </ul>
470
+ <ul role="presentation" class="typeahead-items typeahead-context-list">
471
+
472
+ <li role="presentation" class="typeahead-item typeahead-context-item"><a role="menuitem" class="js-nav" href="" data-ds="context_helper" data-search-query="" tabindex="-1"></a></li>
473
+ </ul>
474
+ </div>
475
+ </div>
476
+
477
+ </form>
478
+ </div>
479
+
480
+ <i class="topbar-divider"></i>
481
+ <div class="dm-nav">
482
+ <button type="button" class="global-dm-nav js-tooltip" data-placement="bottom" title="Direct messages">
483
+ <i class="global-dm-envelope icon"></i>
484
+ <span class="dm-new"></span>
485
+ </button>
486
+ </div>
487
+ <i class="topbar-divider"></i> <ul class="nav"> <li class="me dropdown session js-session" data-global-action="t1me" id="user-dropdown"> <a href="/settings/account" class="js-tooltip dropdown-toggle js-dropdown-toggle" id="user-dropdown-toggle" title="Settings and help" data-placement="bottom"> <span class="new-wrapper"><span class="icon nav-session"><span class="visuallyhidden">Settings and help</span></span><span class="icon nav-new"></span></span> <span class="caret"></span> </a> <div class="dropdown-menu">
488
+ <div class="dropdown-caret">
489
+ <span class="caret-outer"></span>
490
+ <span class="caret-inner"></span>
491
+ </div>
492
+ <ul>
493
+
494
+ <li class="current-user" data-name="profile">
495
+
496
+
497
+ <a href="/settings/profile"
498
+ class="account-summary account-summary-small"
499
+ data-nav="edit_profile">
500
+ <div class="content">
501
+ <div class="account-group js-mini-current-user" data-user-id="1087064150" data-screen-name="vyki_e">
502
+ <img class="avatar size32" src="https://pbs.twimg.com/profile_images/3518892092/39b969d32a10b2437563e246708c8f9d_normal.jpeg" alt="" data-user-id="1087064150">
503
+ <b class="fullname">Vyki Englert</b>
504
+ <span class="screen-name hidden">@vyki_e</span>
505
+ <small class="metadata">
506
+ Edit profile
507
+
508
+ </small>
509
+ </div>
510
+ </div>
511
+ </a>
512
+ </li>
513
+
514
+ <li class="dropdown-divider"></li>
515
+
516
+ <li data-name="lists"><a href="/vyki_e/lists" data-nav="all_lists">Lists</a></li>
517
+ <li class="dropdown-divider"></li>
518
+
519
+
520
+
521
+
522
+ <li><a href="//support.twitter.com" data-nav="help_center">Help</a></li>
523
+
524
+
525
+ <li class="js-keyboard-shortcut-trigger" data-nav="shortcuts">
526
+ <button type="button" class="dropdown-link">Keyboard shortcuts</button>
527
+ </li>
528
+
529
+
530
+
531
+
532
+
533
+
534
+
535
+
536
+ <li class="dropdown-divider"></li>
537
+
538
+
539
+ <li><a href="/settings/account" data-nav="settings" class="js-nav">Settings</a></li>
540
+
541
+
542
+ <li class="js-signout-button" id="signout-button" data-nav="logout">
543
+ <button type="button" class="dropdown-link">Sign out</button>
544
+ <form class="dropdown-link-form signout-form" id="signout-form" action="/logout" method="POST">
545
+ <input type="hidden" value="c14730383bfd2c98a5e4d26fe3c24e45dbd6de86" name="authenticity_token" class="authenticity_token">
546
+ <input type="hidden" name="reliability_event" class="js-reliability-event">
547
+ <input type="hidden" name="scribe_log">
548
+ </form>
549
+ </li>
550
+
551
+ </ul>
552
+ </div>
553
+ </li> </ul> <i class="topbar-divider"></i> <div role="complementary" aria-labelledby="global-new-tweet-button" class="well topbar-tweet-btn"> <button id="global-new-tweet-button" type="button" class="btn btn-tweet js-global-new-tweet js-tooltip" data-placement="bottom" data-component-term="new_tweet_button" title="Compose new Tweet"> <i class="nav-tweet"><span class="visuallyhidden">Compose new Tweet</span></i> </button> </div> </div>
554
+
555
+
556
+
557
+ <button type="button" id="close-all-button" class="close-all-tweets js-close-all-tweets js-tooltip" title="Close all open Tweets">
558
+ <span class="icon nav-breaker"><span class="visuallyhidden">Close all open Tweets</span></button>
559
+ </button>
560
+ </div>
561
+ </div>
562
+ </div>
563
+
564
+ </div>
565
+
566
+ <div id="page-outer">
567
+ <div id="page-container" class="wrapper wrapper-permalink white">
568
+
569
+
570
+
571
+
572
+
573
+
574
+ <style id="user-style-vyki_e">
575
+
576
+
577
+
578
+
579
+
580
+ a,
581
+ a:hover,
582
+ a:focus,
583
+ a:active,
584
+
585
+ .u-linkPseudo:hover a,
586
+ .u-linkPseudo:focus a,
587
+ .u-linkPseudo:active a {
588
+ color: #038543;
589
+ }
590
+
591
+ .u-textUserColor {
592
+ color: #038543 !important;
593
+ }
594
+
595
+ .u-borderUserColor,
596
+ .u-borderUserColorHover:hover,
597
+ .u-borderUserColorHover:focus {
598
+ border-color: #038543 !important;
599
+ }
600
+
601
+ .u-bgUserColor,
602
+ .u-bgUserColorHover:hover,
603
+ .u-bgUserColorHover:focus {
604
+ background-color: #038543 !important;
605
+ }
606
+
607
+ .u-boxShadowInsetUserColorHover:hover,
608
+ .u-boxShadowInsetUserColorHover:focus {
609
+ -webkit-box-shadow: inset 0 0 6px 3px #038543 !important;
610
+ box-shadow: inset 0 0 6px 3px #038543 !important;
611
+ }
612
+
613
+
614
+
615
+ .u-textUserColorLight {
616
+ color: #9ACEB3 !important;
617
+ }
618
+
619
+ .u-borderUserColorLight,
620
+ .u-borderUserColorLightFocus:focus {
621
+ border-color: #9ACEB3 !important;
622
+ }
623
+
624
+ .u-bgUserColorLight {
625
+ background-color: #9ACEB3 !importat;
626
+ }
627
+
628
+
629
+ .u-boxShadowUserColorLighterFocus:focus {
630
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05), inset 0 1px 2px rgba(3,133,67,0.25) !important;
631
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.05), inset 0 1px 2px rgba(3,133,67,0.25) !important;
632
+ }
633
+
634
+
635
+ .u-textUserColorLightest {
636
+ color: #E5F2EC !important;
637
+ }
638
+
639
+ .u-borderUserColorLightest {
640
+ border-color: #E5F2EC !important;
641
+ }
642
+
643
+ .u-bgUserColorLightest {
644
+ background-color: #E5F2EC !important;
645
+ }
646
+
647
+
648
+ .u-bgUserColorDarkHover:hover {
649
+ background-color: #026A35 !important;
650
+ }
651
+
652
+
653
+ .u-bgUserColorDarkerActive:active {
654
+ background-color: #014F28 !important;
655
+ }
656
+
657
+
658
+
659
+
660
+
661
+
662
+
663
+
664
+
665
+
666
+
667
+
668
+
669
+
670
+
671
+ a,
672
+ .btn-link,
673
+ .btn-link:focus,
674
+
675
+
676
+
677
+ .pretty-link b,
678
+ .pretty-link:hover s,
679
+ .pretty-link:hover b,
680
+ .pretty-link:focus s,
681
+ .pretty-link:focus b,
682
+ /* Account Group */
683
+ .metadata a:hover,
684
+ .metadata a:focus,
685
+
686
+ .account-group:hover .fullname,
687
+ .account-group:focus .fullname,
688
+ .account-summary:focus .fullname,
689
+
690
+ .stats a:hover,
691
+ .stats a:hover strong,
692
+ .stats a:focus,
693
+ .stats a:focus strong,
694
+
695
+ .profile-modal-header .fullname a:hover,
696
+ .profile-modal-header .username a:hover,
697
+ .profile-modal-header .fullname a:focus,
698
+ .profile-modal-header .username a:focus,
699
+
700
+ .story-article:hover .metadata,
701
+ .story-article .metadata a:focus,
702
+
703
+ .find-friends-sources li:hover .source,
704
+
705
+
706
+
707
+
708
+
709
+ .stream-item a:hover .fullname,
710
+ .stream-item a:focus .fullname,
711
+
712
+ .stream-item .view-all-supplements:hover,
713
+ .stream-item .view-all-supplements:focus,
714
+
715
+ .tweet .time a:hover,
716
+ .tweet .time a:focus,
717
+ .tweet-actions a,
718
+ .tweet .details.with-icn b,
719
+
720
+ .stream-item:hover .original-tweet .expand-action-wrapper,
721
+ .stream-item .original-tweet.focus .expand-action-wrapper,
722
+ .opened-tweet.original-tweet .expand-action-wrapper,
723
+
724
+ .stream-item:hover .original-tweet .details b,
725
+ .stream-item .original-tweet.focus .details b,
726
+ .stream-item.open .original-tweet .details b,
727
+
728
+ .simple-tweet:hover .details b,
729
+ .simple-tweet.focus .details b,
730
+ .simple-tweet.open .details b,
731
+ .simple-tweet:hover .details .expand-action-wrapper,
732
+ .simple-tweet.focus .details .expand-action-wrapper,
733
+ .simple-tweet.open .details .collapse-action-wrapper,
734
+ .simple-tweet:hover .details .simple-details-link,
735
+ .simple-tweet.focus .details .simple-details-link,
736
+
737
+ .client-and-actions a:hover,
738
+ .client-and-actions a:focus,
739
+
740
+ .dismiss-promoted:hover b,
741
+
742
+ .tweet .context .pretty-link:hover s,
743
+ .tweet .context .pretty-link:hover b,
744
+ .tweet .context .pretty-link:focus s,
745
+ .tweet .context .pretty-link:focus b,
746
+
747
+ .list .username a:hover,
748
+ .list .username a:focus,
749
+ .list-membership-container .create-a-list,
750
+ .list-membership-container .create-a-list:hover,
751
+
752
+
753
+
754
+ .story-header:hover .view-tweets,
755
+ .card .list-details a:hover,
756
+ .card .list-details a:focus,
757
+ .card .card-body:hover .attribution,
758
+ .card .card-body .attribution:focus,
759
+ .events-card .card-body:hover .attribution,
760
+ .events-card .card-body .attribution:focus,
761
+ .new-tweets-bar,
762
+ .onebox .soccer ul.ticker a:hover,
763
+ .onebox .soccer ul.ticker a:focus,
764
+
765
+
766
+
767
+ .discover-item-actions a,
768
+
769
+
770
+
771
+ .disco-stream-item.disco_exp_actions_on_btm .more-tweet-actions .btn-link,
772
+ .disco-stream-item.disco_exp_actions_on_btm_without_stats .more-tweet-actions .btn-link,
773
+
774
+
775
+
776
+ .remove-background-btn,
777
+
778
+
779
+
780
+ .stream-item-activity-me .latest-tweet .tweet-row a:hover,
781
+ .stream-item-activity-me .latest-tweet .tweet-row a:focus,
782
+ .stream-item-activity-me .latest-tweet .tweet-row a:hover b,
783
+ .stream-item-activity-me .latest-tweet .tweet-row a:focus b {
784
+ color: #038543;
785
+ }
786
+
787
+
788
+
789
+
790
+
791
+
792
+
793
+ s,
794
+ .pretty-link:hover s,
795
+ .pretty-link:focus s,
796
+ .stream-item-activity-me .latest-tweet .tweet-row a:hover s,
797
+ .stream-item-activity-me .latest-tweet .tweet-row a:focus s {
798
+ color: #67B58E;
799
+ }
800
+
801
+
802
+
803
+ .vellip,
804
+ .vellip:before,
805
+ .vellip:after,
806
+ .conversation-module > li:after,
807
+ .conversation-module > li:before {
808
+ background-color: #67B58E;
809
+ }
810
+
811
+
812
+
813
+
814
+ .tweet .sm-reply,
815
+ .tweet .sm-rt,
816
+ .tweet .sm-fav,
817
+ .tweet .sm-image,
818
+ .tweet .sm-video,
819
+ .tweet .sm-audio,
820
+ .tweet .sm-geo,
821
+ .tweet .sm-in,
822
+ .tweet .sm-trash,
823
+ .tweet .sm-more,
824
+ .tweet .sm-page,
825
+ .tweet .sm-embed,
826
+ .tweet .sm-summary,
827
+ .tweet .sm-chat,
828
+
829
+ .timelines-navigation .active .profile-nav-icon,
830
+ .timelines-navigation .profile-nav-icon:hover,
831
+ .timelines-navigation .profile-nav-link:focus .profile-nav-icon,
832
+
833
+ .sm-top-tweet,
834
+
835
+ .metadata a.tweet-geo-text:hover .sm-geo,
836
+
837
+
838
+ .discover-item .js-action-card-search:hover .sm-search,
839
+ .discover-item .js-action-card-search:focus .sm-search {
840
+ background-color: #038543;
841
+ }
842
+
843
+
844
+
845
+ .tweet-action-icons .tweet .tweet-actions .sm-reply, .tweet-action-icons .tweet.opened-tweet .tweet-actions .sm-reply,
846
+ .tweet-action-icons .tweet .tweet-actions .sm-rt, .tweet-action-icons .tweet.opened-tweet .tweet-actions .sm-rt,
847
+ .tweet-action-icons .tweet .tweet-actions .sm-fav, .tweet-action-icons .tweet.opened-tweet .tweet-actions .sm-fav,
848
+ .tweet-action-icons .tweet .tweet-actions .sm-trash, .tweet-action-icons .tweet.opened-tweet .tweet-actions .sm-trash,
849
+ .tweet-action-icons .tweet .tweet-actions .sm-more, .tweet-action-icons .tweet.opened-tweet .tweet-actions .sm-more {
850
+ background-color: #67B58E;
851
+ }
852
+
853
+ .persistent-tweet-actions.tweet-action-icons .tweet:hover .tweet-actions .sm-reply,
854
+ .persistent-tweet-actions.tweet-action-icons .tweet:hover .tweet-actions .sm-rt,
855
+ .persistent-tweet-actions.tweet-action-icons .tweet:hover .tweet-actions .sm-fav,
856
+ .persistent-tweet-actions.tweet-action-icons .tweet:hover .tweet-actions .sm-trash,
857
+ .persistent-tweet-actions.tweet-action-icons .tweet:hover .tweet-actions .sm-more {
858
+ background-color: #67B58E;
859
+ }
860
+
861
+ .tweet-action-icons .stream .tweet .tweet-actions .sm-reply:hover, .tweet-action-icons .stream .tweet .tweet-actions a:focus .sm-reply,
862
+ .tweet-action-icons .stream .tweet .tweet-actions .sm-rt:hover, .tweet-action-icons .stream .tweet .tweet-actions a:focus .sm-rt,
863
+ .tweet-action-icons .stream .tweet .tweet-actions .sm-fav:hover, .tweet-action-icons .stream .tweet .tweet-actions a:focus .sm-fav,
864
+ .tweet-action-icons .stream .tweet .tweet-actions .sm-trash:hover, .tweet-action-icons .stream .tweet .tweet-actions a:focus .sm-trash,
865
+ .tweet-action-icons .stream .tweet .tweet-actions .sm-more:hover, .tweet-action-icons .stream .tweet .tweet-actions a:focus .sm-more {
866
+ background-color: #038543;
867
+ }
868
+
869
+
870
+ .wrapper.black {
871
+ background: url(https://abs.twimg.com/a/1383847355/t1/img/wash-black-30.png);
872
+ }
873
+ .wrapper.white {
874
+ background: url(https://abs.twimg.com/a/1383847355/t1/img/wash-white-30.png);
875
+ }
876
+
877
+
878
+ </style>
879
+
880
+
881
+ <style id="user-style-vyki_e-bg-img" class="js-user-style-bg-img">
882
+ body.user-style-vyki_e {
883
+ background-image: url(https://abs.twimg.com/images/themes/theme18/bg.gif);
884
+ background-position: left 40px;
885
+ background-attachment: fixed;
886
+ background-repeat: repeat;
887
+ background-repeat: no-repeat;
888
+
889
+ background-color: #ACDED6;
890
+ }
891
+
892
+ body.user-style-vyki_e .enhanced-mini-profile .mini-profile .profile-summary {
893
+ background-image: url(https://abs.twimg.com/a/1383847355/t1/img/grey_header_web.jpg);
894
+ }
895
+
896
+ body.user-style-vyki_e .wrapper-profile .profile-card.profile-header .profile-header-inner {
897
+ background-image: url(https://abs.twimg.com/a/1383847355/t1/img/grey_header_web.jpg);
898
+ }
899
+
900
+ body.user-style-vyki_e .profile-canopy .bg-img {
901
+ background-image: url(https://abs.twimg.com/a/1383847355/t1/img/grey_header_web_retina.jpg);
902
+ }
903
+
904
+ </style>
905
+
906
+
907
+ <div role="main" class="permalink stream-uncapped">
908
+
909
+
910
+
911
+ <div class="permalink-inner permalink-tweet-container">
912
+
913
+
914
+ <div class="tweet permalink-tweet js-actionable-user js-actionable-tweet js-original-tweet
915
+ my-tweet opened-tweet
916
+
917
+
918
+
919
+
920
+
921
+
922
+
923
+
924
+
925
+
926
+
927
+
928
+
929
+
930
+
931
+
932
+
933
+ logged-in preexpanded" data-associated-tweet-id="363116819147538433"
934
+ data-feedback-key="stream_status_363116819147538433"
935
+ data-tweet-id="363116819147538433"
936
+
937
+
938
+ data-item-id="363116819147538433"
939
+
940
+
941
+ data-screen-name="vyki_e" data-name="Vyki Englert" data-user-id="1087064150"
942
+
943
+
944
+
945
+
946
+
947
+
948
+
949
+
950
+
951
+
952
+
953
+ data-mentions="peers"
954
+
955
+
956
+
957
+
958
+ data-you-follow="false"
959
+ data-you-block="false">
960
+
961
+
962
+ <i class="dogear"></i>
963
+
964
+
965
+ <div class="content clearfix">
966
+ <div class="permalink-header">
967
+
968
+
969
+ <a class="btn js-thats-you edit-profile-btn js-nav" href="/settings/profile">Edit your profile</a>
970
+
971
+
972
+ <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/vyki_e" data-user-id="1087064150">
973
+ <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/3518892092/39b969d32a10b2437563e246708c8f9d_normal.jpeg" alt="">
974
+ <strong class="fullname js-action-profile-name show-popup-with-id">Vyki Englert</strong>
975
+ <span>&rlm;</span><span class="username js-action-profile-name"><s>@</s><b>vyki_e</b></span>
976
+
977
+ </a>
978
+
979
+
980
+ <small class="time">
981
+ <a href="/vyki_e/status/363116819147538433" class="tweet-timestamp js-permalink js-nav js-tooltip" title="6:59 PM - 1 Aug 13" ><span class="_timestamp js-short-timestamp " data-time="1375408770" data-long-form="true">1 Aug</span></a>
982
+ </small>
983
+
984
+ </div>
985
+ </div>
986
+
987
+ <p class="js-tweet-text tweet-text">I&#39;m a sucker for pledges. <a href="/peers" class="twitter-atreply pretty-link" dir="ltr" ><s>@</s><b>Peers</b></a> Pledge <a href="/search?q=%23sharingeconomy&amp;src=hash" data-query-source="hashtag_click" class="twitter-hashtag pretty-link js-nav" dir="ltr" ><s>#</s><b>sharingeconomy</b></a> <a href="http://t.co/T4Sc47KAzh" rel="nofollow" dir="ltr" data-expanded-url="http://www.peers.org/action/peers-pledgea/" class="twitter-timeline-link" target="_blank" title="http://www.peers.org/action/peers-pledgea/" ><span class="tco-ellipsis"></span><span class="invisible">http://www.</span><span class="js-display-url">peers.org/action/peers-p</span><span class="invisible">ledgea/</span><span class="tco-ellipsis"><span class="invisible">&nbsp;</span>…</span></a></p>
988
+
989
+
990
+
991
+ <div class="stream-item-footer">
992
+
993
+
994
+
995
+
996
+ <div class="context">
997
+ </div>
998
+
999
+
1000
+
1001
+
1002
+
1003
+ <ul class="tweet-actions js-actions">
1004
+ <li class="action-reply-container">
1005
+ <a role="button" class="with-icn js-action-reply js-tooltip" data-modal="tweet-reply" href="#">
1006
+ <span class="icon sm-reply"></span>
1007
+ <b>Reply</b>
1008
+ </a>
1009
+ </li>
1010
+ <li class="action-rt-container js-toggle-state js-toggle-rt">
1011
+ <a role="button" class="with-icn retweet cannot-retweet js-tooltip" data-modal="tweet-retweet" href="#">
1012
+ <span class="icon sm-rt"></span>
1013
+ <b>Retweet</b>
1014
+ </a>
1015
+ <a role="button" class="with-icn undo-retweet js-tooltip" data-modal="tweet-retweet" href="#">
1016
+ <span class="icon sm-rt"></span>
1017
+ <b>Retweeted</b>
1018
+ </a>
1019
+ </li>
1020
+ <li class="action-del-container">
1021
+ <a role="button" class="with-icn js-action-del js-tooltip" href="#">
1022
+ <span class="icon sm-trash"></span>
1023
+ <b>Delete</b>
1024
+ </a>
1025
+ </li>
1026
+ <li class="action-fav-container js-toggle-state js-toggle-fav">
1027
+ <a role="button" class="with-icn favorite js-tooltip" href="#">
1028
+ <span class="icon sm-fav"></span>
1029
+ <b>Favorite</b>
1030
+ </a>
1031
+ <a role="button" class="with-icn unfavorite js-tooltip" href="#">
1032
+ <span class="icon sm-fav"></span>
1033
+ <b>Favorited</b>
1034
+ </a>
1035
+ </li>
1036
+
1037
+ <li class="more-tweet-actions">
1038
+ <div class="action-more-container">
1039
+ <div class="dropdown">
1040
+ <button type="button" class="btn-link with-icn dropdown-toggle js-dropdown-toggle js-tooltip">
1041
+ <span class="icon sm-more"></span>
1042
+ <b>More</b>
1043
+ </button>
1044
+ <div class="dropdown-menu">
1045
+ <div class="dropdown-caret">
1046
+ <div class="caret-outer"></div>
1047
+ <div class="caret-inner"></div>
1048
+ </div>
1049
+ <ul>
1050
+ <li class="share-via-email js-share-via-email js-actionShareViaEmail" data-nav="share_tweet">
1051
+ <button type="button" class="dropdown-link">Share via email</button>
1052
+ </li>
1053
+ <li class="embed-link js-embed-tweet js-actionEmbedTweet" data-nav="embed_tweet">
1054
+ <button type="button" class="dropdown-link">Embed Tweet</button>
1055
+ </li>
1056
+ </ul>
1057
+ </div>
1058
+ </div>
1059
+ </div>
1060
+ </li>
1061
+
1062
+
1063
+
1064
+
1065
+ </ul>
1066
+
1067
+ </div>
1068
+
1069
+ <div class="permalink-footer">
1070
+
1071
+
1072
+
1073
+ <div class="expanded-content js-tweet-details-dropdown">
1074
+ </div>
1075
+
1076
+
1077
+ <div class="js-tweet-details-fixer tweet-details-fixer">
1078
+
1079
+
1080
+
1081
+
1082
+
1083
+ <div class="entities-media-container js-media-container" style="min-height:0px">
1084
+ </div>
1085
+
1086
+ <div class="js-machine-translated-tweet-container"></div>
1087
+ <div class="js-tweet-stats-container tweet-stats-container "></div>
1088
+ <div class="client-and-actions">
1089
+ <span class="metadata">
1090
+ <span title="6:59 PM - 1 Aug 13">6:59 PM - 1 Aug 13</span>
1091
+
1092
+
1093
+
1094
+
1095
+
1096
+
1097
+
1098
+
1099
+ </span>
1100
+ </div>
1101
+ </div>
1102
+
1103
+
1104
+ <div class="proxy-tweet-container">
1105
+
1106
+
1107
+
1108
+
1109
+
1110
+
1111
+ <div class="tweet original-tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable js-original-tweet
1112
+ my-tweet opened-tweet
1113
+
1114
+
1115
+
1116
+
1117
+
1118
+
1119
+
1120
+
1121
+
1122
+
1123
+
1124
+
1125
+
1126
+
1127
+
1128
+
1129
+
1130
+ "
1131
+ data-feedback-key="stream_status_363116819147538433"
1132
+ data-tweet-id="363116819147538433"
1133
+
1134
+
1135
+ data-item-id="363116819147538433"
1136
+
1137
+
1138
+ data-screen-name="vyki_e" data-name="Vyki Englert" data-user-id="1087064150"
1139
+
1140
+
1141
+
1142
+
1143
+
1144
+
1145
+
1146
+
1147
+
1148
+
1149
+
1150
+ data-mentions="peers"
1151
+
1152
+
1153
+
1154
+
1155
+ data-you-follow="false"
1156
+ data-you-block="false">
1157
+
1158
+
1159
+ <span class="icon dogear"></span>
1160
+
1161
+
1162
+ <div class="content">
1163
+
1164
+
1165
+
1166
+
1167
+
1168
+ <div class="stream-item-header">
1169
+ <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/vyki_e" data-user-id="1087064150">
1170
+ <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/3518892092/39b969d32a10b2437563e246708c8f9d_normal.jpeg" alt="">
1171
+ <strong class="fullname js-action-profile-name show-popup-with-id">Vyki Englert</strong>
1172
+ <span>&rlm;</span><span class="username js-action-profile-name"><s>@</s><b>vyki_e</b></span>
1173
+
1174
+ </a>
1175
+
1176
+ <small class="time">
1177
+ <a href="/vyki_e/status/363116819147538433" class="tweet-timestamp js-permalink js-nav js-tooltip" title="6:59 PM - 1 Aug 13" ><span class="_timestamp js-short-timestamp " data-time="1375408770" data-long-form="true">1 Aug</span></a>
1178
+ </small>
1179
+
1180
+ </div>
1181
+
1182
+
1183
+
1184
+ <p class="js-tweet-text tweet-text">I&#39;m a sucker for pledges. <a href="/peers" class="twitter-atreply pretty-link" dir="ltr" ><s>@</s><b>Peers</b></a> Pledge <a href="/search?q=%23sharingeconomy&amp;src=hash" data-query-source="hashtag_click" class="twitter-hashtag pretty-link js-nav" dir="ltr" ><s>#</s><b>sharingeconomy</b></a> <a href="http://t.co/T4Sc47KAzh" rel="nofollow" dir="ltr" data-expanded-url="http://www.peers.org/action/peers-pledgea/" class="twitter-timeline-link" target="_blank" title="http://www.peers.org/action/peers-pledgea/" ><span class="tco-ellipsis"></span><span class="invisible">http://www.</span><span class="js-display-url">peers.org/action/peers-p</span><span class="invisible">ledgea/</span><span class="tco-ellipsis"><span class="invisible">&nbsp;</span>…</span></a></p>
1185
+
1186
+
1187
+ <div class="stream-item-footer">
1188
+
1189
+
1190
+
1191
+
1192
+ <div class="context">
1193
+ </div>
1194
+
1195
+
1196
+
1197
+
1198
+
1199
+ <ul class="tweet-actions js-actions">
1200
+ <li class="action-reply-container">
1201
+ <a role="button" class="with-icn js-action-reply js-tooltip" data-modal="tweet-reply" href="#">
1202
+ <span class="icon sm-reply"></span>
1203
+ <b>Reply</b>
1204
+ </a>
1205
+ </li>
1206
+ <li class="action-rt-container js-toggle-state js-toggle-rt">
1207
+ <a role="button" class="with-icn retweet cannot-retweet js-tooltip" data-modal="tweet-retweet" href="#">
1208
+ <span class="icon sm-rt"></span>
1209
+ <b>Retweet</b>
1210
+ </a>
1211
+ <a role="button" class="with-icn undo-retweet js-tooltip" data-modal="tweet-retweet" href="#">
1212
+ <span class="icon sm-rt"></span>
1213
+ <b>Retweeted</b>
1214
+ </a>
1215
+ </li>
1216
+ <li class="action-del-container">
1217
+ <a role="button" class="with-icn js-action-del js-tooltip" href="#">
1218
+ <span class="icon sm-trash"></span>
1219
+ <b>Delete</b>
1220
+ </a>
1221
+ </li>
1222
+ <li class="action-fav-container js-toggle-state js-toggle-fav">
1223
+ <a role="button" class="with-icn favorite js-tooltip" href="#">
1224
+ <span class="icon sm-fav"></span>
1225
+ <b>Favorite</b>
1226
+ </a>
1227
+ <a role="button" class="with-icn unfavorite js-tooltip" href="#">
1228
+ <span class="icon sm-fav"></span>
1229
+ <b>Favorited</b>
1230
+ </a>
1231
+ </li>
1232
+
1233
+ <li class="more-tweet-actions">
1234
+ <div class="action-more-container">
1235
+ <div class="dropdown">
1236
+ <button type="button" class="btn-link with-icn dropdown-toggle js-dropdown-toggle js-tooltip">
1237
+ <span class="icon sm-more"></span>
1238
+ <b>More</b>
1239
+ </button>
1240
+ <div class="dropdown-menu">
1241
+ <div class="dropdown-caret">
1242
+ <div class="caret-outer"></div>
1243
+ <div class="caret-inner"></div>
1244
+ </div>
1245
+ <ul>
1246
+ <li class="share-via-email js-share-via-email js-actionShareViaEmail" data-nav="share_tweet">
1247
+ <button type="button" class="dropdown-link">Share via email</button>
1248
+ </li>
1249
+ <li class="embed-link js-embed-tweet js-actionEmbedTweet" data-nav="embed_tweet">
1250
+ <button type="button" class="dropdown-link">Embed Tweet</button>
1251
+ </li>
1252
+ </ul>
1253
+ </div>
1254
+ </div>
1255
+ </div>
1256
+ </li>
1257
+
1258
+
1259
+
1260
+
1261
+ </ul>
1262
+
1263
+
1264
+
1265
+ <a class="details with-icn js-details" href="/vyki_e/status/363116819147538433">
1266
+ <span class="details-icon js-icon-container">
1267
+
1268
+ </span>
1269
+ <b>
1270
+ <span class="expand-stream-item js-view-details">
1271
+
1272
+ <span class="expand-action-wrapper">
1273
+ Expand
1274
+ </span>
1275
+ </span>
1276
+ <span class="collapse-stream-item js-hide-details">
1277
+ Collapse
1278
+ </span>
1279
+ </b>
1280
+ </a>
1281
+
1282
+
1283
+ </div>
1284
+
1285
+
1286
+
1287
+
1288
+
1289
+
1290
+
1291
+ <div class="expanded-content js-tweet-details-dropdown">
1292
+ </div>
1293
+
1294
+
1295
+
1296
+
1297
+
1298
+ </div>
1299
+ </div>
1300
+
1301
+
1302
+
1303
+ </div>
1304
+ </div>
1305
+ </div>
1306
+
1307
+ </div>
1308
+
1309
+
1310
+
1311
+
1312
+ <div class="inline-reply-tweetbox swift">
1313
+ <form class="tweet-form condensed "
1314
+ method="post"
1315
+ target="tweet-post-iframe"
1316
+ data-default-text="@peers "
1317
+ data-condensed-text="Reply to @peers "
1318
+ action="//upload.twitter.com/i/tweet/create_with_media.iframe"
1319
+ enctype="multipart/form-data">
1320
+ <input type="hidden" name="post_authenticity_token" class="auth-token">
1321
+ <input type="hidden" name="iframe_callback" class="iframe-callback">
1322
+ <input type="hidden" name="in_reply_to_status_id" class="in-reply-to-status-id">
1323
+ <input type="hidden" name="impression_id" class="impression-id">
1324
+ <input type="hidden" name="earned" class="earned">
1325
+
1326
+ <img class="inline-reply-user-image avatar size32" src="https://pbs.twimg.com/profile_images/3518892092/39b969d32a10b2437563e246708c8f9d_normal.jpeg" alt="">
1327
+ <span class="inline-reply-caret">
1328
+ <span class="caret-inner"></span>
1329
+ </span>
1330
+
1331
+ <div class="tweet-content">
1332
+ <i class="add-photo-icon hidden"></i>
1333
+
1334
+ <i class="nav-tweet hidden"></i>
1335
+ <span class="tweet-drag-help tweet-drag-photo-here hidden">Drag photo here</span>
1336
+ <span class="tweet-drag-help tweet-or-drag-photo-here hidden">Or drag photo here</span>
1337
+ <label class="visuallyhidden" for="tweet-box-reply-to-363116819147538433" id="tweet-box-reply-to-363116819147538433-label">Tweet text</label>
1338
+
1339
+
1340
+ <div aria-labelledby="tweet-box-reply-to-363116819147538433-label" id="tweet-box-reply-to-363116819147538433" class="tweet-box rich-editor u-textUserColor u-borderUserColorLight u-borderUserColorLightFocus u-boxShadowUserColorLighterFocus" contenteditable="true" spellcheck="true" role="textbox"
1341
+ aria-multiline="true">Reply to @peers</div>
1342
+ <div class="rich-normalizer"></div>
1343
+
1344
+
1345
+
1346
+
1347
+ <div role="menu" aria-hidden="true" class="dropdown-menu typeahead ">
1348
+ <div aria-hidden="true" class="dropdown-caret">
1349
+ <div class="caret-outer"></div>
1350
+ <div class="caret-inner"></div>
1351
+ </div>
1352
+ <div role="presentation" class="dropdown-inner js-typeahead-results">
1353
+ <div role="presentation" class="typeahead-recent-searches">
1354
+ <h4 id="recent-searches-heading" class="typeahead-category-title recent-searches-title">Recent Searches</h4><button type="button" tabindex="-1" class="btn-link clear-recent-searches">Clear All</button>
1355
+ <ul role="presentation" class="typeahead-items recent-searches-list">
1356
+
1357
+ <li role="presentation" class="typeahead-item typeahead-recent-search-item">
1358
+ <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Remove</span></span>
1359
+ <a role="menuitem" aria-describedby="recent-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="recent_search" tabindex="-1"><span class="icon generic-search"></span></a>
1360
+ </li>
1361
+ </ul>
1362
+ </div>
1363
+
1364
+ <div role="presentation" class="typeahead-saved-searches">
1365
+ <h4 id="saved-searches-heading" class="typeahead-category-title saved-searches-title">Saved Searches</h4>
1366
+ <ul role="presentation" class="typeahead-items saved-searches-list">
1367
+
1368
+ <li role="presentation" class="typeahead-item typeahead-saved-search-item">
1369
+ <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Remove</span></span>
1370
+ <a role="menuitem" aria-describedby="saved-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="saved_search" tabindex="-1"><span class="icon generic-search"></span></a>
1371
+ </li>
1372
+ </ul>
1373
+ </div>
1374
+
1375
+ <ul role="presentation" class="typeahead-items typeahead-topics">
1376
+
1377
+ <li role="presentation" class="typeahead-item typeahead-topic-item">
1378
+ <a role="menuitem" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-ds="topics" tabindex="-1">
1379
+ <span class="icon generic-search"></span>
1380
+ </a>
1381
+ </li>
1382
+ </ul>
1383
+
1384
+
1385
+
1386
+
1387
+
1388
+ <ul role="presentation" class="typeahead-items typeahead-accounts js-typeahead-accounts">
1389
+
1390
+ <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable">
1391
+
1392
+ <a role="menuitem" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account">
1393
+ <img class="avatar size24" alt="">
1394
+ <span class="typeahead-user-item-info">
1395
+ <span class="fullname"></span>
1396
+ <span class="js-verified hidden"><span class="icon verified"><span class="visuallyhidden">Verified account</span></span></span>
1397
+ <span class="username"><s>@</s><b></b></span>
1398
+ </span>
1399
+ </a>
1400
+ </li>
1401
+ <li role="presentation" class="js-selectable typeahead-accounts-shortcut js-shortcut"><a role="menuitem" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-shortcut="true" data-ds="account_search"></a></li>
1402
+ </ul>
1403
+
1404
+ <ul role="presentation" class="typeahead-items typeahead-trend-locations-list">
1405
+
1406
+ <li role="presenation" class="typeahead-item typeahead-trend-locations-item"><a role="menuitem" class="js-nav" href="" data-ds="trend_location" data-search-query="" tabindex="-1"></a></li>
1407
+ </ul>
1408
+ <ul role="presentation" class="typeahead-items typeahead-context-list">
1409
+
1410
+ <li role="presentation" class="typeahead-item typeahead-context-item"><a role="menuitem" class="js-nav" href="" data-ds="context_helper" data-search-query="" tabindex="-1"></a></li>
1411
+ </ul>
1412
+ </div>
1413
+ </div>
1414
+
1415
+
1416
+
1417
+ <textarea class="tweet-box-shadow" name="status"></textarea>
1418
+
1419
+
1420
+ <div class="thumbnail-container">
1421
+ <div class="preview">
1422
+ <button type="button" class="dismiss js-dismiss" tabindex="-1">
1423
+ <i class="dismiss-white">
1424
+ <span class="visuallyhidden">
1425
+ Dismiss
1426
+ </span>
1427
+ </i>
1428
+ </button>
1429
+
1430
+ <span class="filename"></span>
1431
+ </div>
1432
+ <div class="preview-message">Image will appear as a link</div>
1433
+ </div>
1434
+
1435
+ </div>
1436
+
1437
+ <div class="toolbar js-toolbar">
1438
+ <div class="tweet-box-extras">
1439
+
1440
+ <div class="photo-selector">
1441
+ <button aria-hidden="true" class="btn" type="button" tabindex="-1">
1442
+ <i class="tweet-camera"></i>
1443
+ </button>
1444
+ <div class="image-selector">
1445
+ <input type="hidden" name="media_data_empty" class="file-data">
1446
+ <label>
1447
+ <span class="visuallyhidden">Add Photo</span>
1448
+ <input type="file" name="media_empty" class="file-input js-tooltip" tabindex="-1" title="Add Photo">
1449
+ </label>
1450
+ <div class="swf-container"></div>
1451
+ </div>
1452
+ </div>
1453
+
1454
+
1455
+ <div class="geo-picker">
1456
+ <button class="btn geo-picker-btn js-tooltip" type="button" tabindex="-1" title="Add location">
1457
+ <i class="tweet-geo"><span class="visuallyhidden">Add location</span></i> <span class="caret"></span>
1458
+ </button>
1459
+ <span class="dropdown-container"></span>
1460
+ <span class="geo-status"></span>
1461
+ <input type="hidden" name="place_id">
1462
+ </div>
1463
+
1464
+
1465
+ </div>
1466
+ <div class="tweet-button">
1467
+ <span class="spinner"></span>
1468
+ <span class="tweet-counter">140</span>
1469
+ <button class="btn primary-btn tweet-action disabled js-tweet-btn" type="button">
1470
+ <span class="button-text tweeting-text">
1471
+ Tweet
1472
+ </span>
1473
+ <span class="button-text messaging-text">
1474
+ Send message
1475
+ </span>
1476
+ </button>
1477
+ </div>
1478
+ </div>
1479
+ </form>
1480
+
1481
+ </div>
1482
+
1483
+ <div class="replies-to hidden permalink-inner permalink-replies" data-component-context="replies">
1484
+ <div class="tweets-wrapper">
1485
+ <div id="descendants">
1486
+ <div class="stream-container "
1487
+
1488
+ data-cursor=""
1489
+
1490
+
1491
+
1492
+
1493
+ >
1494
+ <div class="stream permalink-stream">
1495
+ <ol class="stream-items js-navigable-stream" id="stream-items-id">
1496
+
1497
+
1498
+
1499
+
1500
+
1501
+
1502
+
1503
+
1504
+
1505
+
1506
+
1507
+ </ol>
1508
+ <div class="stream-footer ">
1509
+ <div class='timeline-end '>
1510
+ <div class="stream-end">
1511
+ <div class="stream-end-inner ">
1512
+ <i class="bird-etched"></i>
1513
+
1514
+ <p class="empty-text">
1515
+
1516
+ </p>
1517
+
1518
+
1519
+ <p><button type='button' class='btn-link back-to-top hidden'>Back to top &uarr;</button></p>
1520
+
1521
+ </div>
1522
+ </div>
1523
+
1524
+ <div class="stream-loading">
1525
+ <div class="stream-end-inner">
1526
+ <span class="spinner" title="Loading..."></span>
1527
+ </div>
1528
+ </div>
1529
+
1530
+ </div>
1531
+ </div>
1532
+ <div class="stream-fail-container">
1533
+ <div class="js-stream-whale-end stream-whale-end stream-placeholder centered-placeholder">
1534
+ <div class="stream-end-inner">
1535
+ <h2 class="title">Loading seems to be taking a while.</h2>
1536
+ <p>
1537
+ Twitter may be over capacity or experiencing a momentary hiccup. <a href="#" class="try-again-after-whale">Try again</a> or visit <a target="_blank" href="http://status.twitter.com">Twitter Status</a> for more information.
1538
+ </p>
1539
+ </div>
1540
+ </div>
1541
+ </div>
1542
+
1543
+ <ol class="hidden-replies-container"></ol>
1544
+ <div class="stream-autoplay-marker">
1545
+ <i class="arrow"></i>
1546
+ <span class="text"></span>
1547
+ </div>
1548
+ </div>
1549
+ </div>
1550
+
1551
+ </div>
1552
+ </div>
1553
+ </div>
1554
+
1555
+
1556
+
1557
+
1558
+ </div>
1559
+
1560
+ <div id="related-tweets-container" class="content-main"></div>
1561
+
1562
+ <div class="permalink-footer">
1563
+ <div class="module site-footer slim-site-footer">
1564
+ <div class="flex-module">
1565
+ <div class="flex-module-inner js-items-container">
1566
+ <ul class="clearfix">
1567
+ <li class="copyright">&copy; 2013 Twitter</li>
1568
+ <li><a href="/about">About</a></li>
1569
+ <li><a href="//support.twitter.com">Help</a></li>
1570
+ <li><a href="//support.twitter.com/articles/20170451">Ads</a></li>
1571
+ </ul>
1572
+ </div>
1573
+ </div>
1574
+ </div>
1575
+
1576
+ </div>
1577
+ <div id="sensitive_flag_dialog" class="modal-container">
1578
+ <div class="close-modal-background-target"></div>
1579
+ <div class="modal modal-small draggable">
1580
+ <div class="modal-content">
1581
+ <button type="button" class="modal-btn modal-close js-close">
1582
+ <span class="icon close-medium">
1583
+ <span class="visuallyhidden">Close</span>
1584
+ </span>
1585
+ </button>
1586
+
1587
+ <div class="modal-header">
1588
+ <h3 class="modal-title">Flag this media</h3>
1589
+ </div>
1590
+ <div class="modal-body">
1591
+ <p class="sensitive-title">This has already been marked as containing sensitive content.</p>
1592
+ <label class="checkbox" for="sensitive-settings-checkbox">
1593
+ <input type="checkbox" id="sensitive-settings-checkbox" value="settings">
1594
+ Change my settings to warn me before displaying media that may contain sensitive content.
1595
+ </label>
1596
+ <label class="checkbox" for="sensitive-illegal-checkbox">
1597
+ <input type="checkbox" id="sensitive-illegal-checkbox" value="illegal">
1598
+ Flag this as containing potentially illegal content.
1599
+ </label>
1600
+ </div>
1601
+ <div class="modal-footer">
1602
+ <button id="submit_flag_confirmation" type="button" class="btn">Submit</button>
1603
+ <button id="cancel_flag_confirmation" type="button" class="btn primary-btn js-close">Cancel</button>
1604
+
1605
+ <div class="sensitive-confirmation">
1606
+ <a class="sensitive-learn-more" target="_blank" href="//support.twitter.com/articles/20069937">Learn more about flagging media</a>
1607
+ </div>
1608
+ </div>
1609
+ </div>
1610
+ </div>
1611
+ <div class="modal-overlay"></div>
1612
+ </div>
1613
+
1614
+
1615
+
1616
+ </div>
1617
+ </div>
1618
+
1619
+ </div>
1620
+ <div class="alert-messages hidden" id="message-drawer">
1621
+ <div class="message ">
1622
+ <div class="message-inside">
1623
+ <span class="message-text"></span>
1624
+ <a class="dismiss" href="#">&times;</a>
1625
+ </div>
1626
+ </div>
1627
+ </div>
1628
+
1629
+ <div class="gallery-overlay"></div>
1630
+ <div class="gallery-container">
1631
+ <div class="gallery-close-target"></div>
1632
+ <div class="swift-media-gallery">
1633
+ <div class="modal-header">
1634
+ <button type="button" class="modal-btn modal-close js-close">
1635
+ <span class="icon close-medium">
1636
+ <span class="visuallyhidden">Close</span>
1637
+ </span>
1638
+ </button>
1639
+
1640
+ <a class="gridview grid-action" href="#">
1641
+ <span class="icon grid-icon">
1642
+ <span class="visuallyhidden"></span>
1643
+ </span>
1644
+ </a>
1645
+ <h2 class="modal-title"></h2>
1646
+ </div>
1647
+ <div class="gallery-media"></div>
1648
+ <div class="gallery-nav nav-prev">
1649
+ <span class="nav-prev-handle"></span>
1650
+ </div>
1651
+ <div class="gallery-nav nav-next">
1652
+ <span class="nav-next-handle"></span>
1653
+ </div>
1654
+ <div class="tweet-inverted gallery-tweet"></div>
1655
+ </div>
1656
+ </div>
1657
+
1658
+
1659
+
1660
+ <div class="modal-overlay"></div>
1661
+
1662
+
1663
+ <div id="dm_dialog" class="modal-container dm-conversation-list">
1664
+ <div class="close-modal-background-target"></div>
1665
+ <div class="modal draggable twttr-dialog dm-dialog">
1666
+ <div id="dm_dialog_conversation_list" class="modal-content">
1667
+
1668
+ <div class="twttr-dialog-header modal-header">
1669
+ <h3>Direct messages</h3>
1670
+ <div class="dm-toolbar">
1671
+ <div class="mark-read js-mark-read">
1672
+ <button type="button" class="btn mark-all-read js-mark-all-read js-tooltip " title="Mark all as read">
1673
+ <i class="dm-mark-all-read"></i>
1674
+ </button>
1675
+ <button type="button" class="btn dm-new-button dm-header-new js-initial-focus ">New message</button>
1676
+ </div>
1677
+ <div class="mark-read-confirm js-mark-read-confirm">
1678
+ <button type="button" class="btn js-prompt-cancel ">Cancel</button>
1679
+ <button type="button" class="btn caution-btn js-prompt-ok js-initial-focus ">Mark all as read</button>
1680
+ </div>
1681
+ </div>
1682
+ </div>
1683
+
1684
+
1685
+ <div class="twttr-dialog-inside">
1686
+ <div class="twttr-dialog-body clearfix">
1687
+ <div class="dm-error js-dm-error">
1688
+ <a href="#" class="js-dismiss">
1689
+ <i class="close"></i>
1690
+ </a>
1691
+ <span class="dm-error-text"></span>
1692
+ </div>
1693
+ <div class="twttr-dialog-content">
1694
+ <div class="dm-threads js-dm-threads js-modal-scrollable js-twttr-dialog-not-draggable">
1695
+ <ul class="dm-thread-list js-dm-thread-list">
1696
+ <div class="dm-placeholder-empty dm-no-messages">
1697
+ <p><strong>You don't have any messages yet.</strong></p>
1698
+ <p>Direct messages are 140 characters, private, and can be sent to any user who follows you on Twitter.</p>
1699
+ </div>
1700
+ </ul>
1701
+ </div>
1702
+ </div>
1703
+
1704
+ <div class="twttr-dialog-footer">
1705
+ Tip: you can send a message to anyone who follows you. <a href="http://support.twitter.com/groups/31-twitter-basics/topics/109-tweets-messages/articles/14606-what-is-a-direct-message-dm" target="_blank" class="learn-more">Learn more</a>
1706
+ </div>
1707
+
1708
+ </div>
1709
+ </div>
1710
+ </div>
1711
+ <div id="dm_dialog_conversation" class="modal-content">
1712
+
1713
+ <div class="twttr-dialog-header modal-header">
1714
+ <h3><a class="js-dm-header-title" href="#">Direct messages</a> › with <span class="dm_dialog_real_name"></span></h3>
1715
+ </div>
1716
+
1717
+
1718
+ <div class="twttr-dialog-inside">
1719
+ <div class="twttr-dialog-body clearfix">
1720
+ <div class="dm-error js-dm-error">
1721
+ <a href="#" class="js-dismiss">
1722
+ <i class="close"></i>
1723
+ </a>
1724
+ <span class="dm-error-text"></span>
1725
+ </div>
1726
+ <div class="twttr-dialog-content">
1727
+ </div>
1728
+ <form class="dm-tweetbox tweet-form">
1729
+ <div class="tweet-content">
1730
+ <label class="visuallyhidden" for="tweet-box-dm-conversation" id="tweet-box-dm-conversation-label">Tweet text</label>
1731
+ <div id="tweet-box-dm-conversation" aria-labelledby="tweet-box-dm-conversation-label" class="tweet-box rich-editor" contenteditable="true" spellcheck="true" role="textbox" aria-multiline="true"><br></div>
1732
+ <div class="rich-normalizer"></div>
1733
+ </div>
1734
+ <div class="tweet-button">
1735
+ <span class="spinner"></span>
1736
+ <span class="tweet-counter">140</span>
1737
+ <button class="btn tweet-action primary-btn disabled" type="submit">
1738
+ <span class="button-text messaging-text">
1739
+ Send message
1740
+ </span>
1741
+ </button>
1742
+ </div>
1743
+ <div class="dm-delete-confirm js-dm-delete-confirm">
1744
+ <p>Are you sure you want to delete this message?</p>
1745
+ <button type="button" class="btn js-prompt-cancel">Cancel</button>
1746
+ <button type="button" class="btn caution-btn js-prompt-ok js-initial-focus" data-message-id="">Delete message</button>
1747
+
1748
+ </div>
1749
+ </form>
1750
+ </div>
1751
+ </div>
1752
+ </div>
1753
+ <div id="dm_dialog_new" class="modal-content">
1754
+
1755
+ <div class="twttr-dialog-header modal-header">
1756
+ <h3><a href="#">Direct messages</a> › New</h3>
1757
+ </div>
1758
+
1759
+
1760
+ <div class="twttr-dialog-inside">
1761
+ <div class="twttr-dialog-body clearfix">
1762
+ <div class="dm-dialog-content">
1763
+
1764
+ <div class="dm-to">
1765
+ <input class="dm-to-input twttr-directmessage-input js-initial-focus" type="text">
1766
+ <img class="avatar size24 selected-profile" src="https://twimg0-a.akamaihd.net/sticky/default_profile_images/default_profile_6_mini.png" data-default-img="https://twimg0-a.akamaihd.net/sticky/default_profile_images/default_profile_6_mini.png" alt="">
1767
+
1768
+
1769
+
1770
+ <div role="menu" aria-hidden="true" class="dropdown-menu typeahead ">
1771
+ <div aria-hidden="true" class="dropdown-caret">
1772
+ <div class="caret-outer"></div>
1773
+ <div class="caret-inner"></div>
1774
+ </div>
1775
+ <div role="presentation" class="dropdown-inner js-typeahead-results">
1776
+ <div role="presentation" class="typeahead-recent-searches">
1777
+ <h4 id="recent-searches-heading" class="typeahead-category-title recent-searches-title">Recent Searches</h4><button type="button" tabindex="-1" class="btn-link clear-recent-searches">Clear All</button>
1778
+ <ul role="presentation" class="typeahead-items recent-searches-list">
1779
+
1780
+ <li role="presentation" class="typeahead-item typeahead-recent-search-item">
1781
+ <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Remove</span></span>
1782
+ <a role="menuitem" aria-describedby="recent-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="recent_search" tabindex="-1"><span class="icon generic-search"></span></a>
1783
+ </li>
1784
+ </ul>
1785
+ </div>
1786
+
1787
+ <div role="presentation" class="typeahead-saved-searches">
1788
+ <h4 id="saved-searches-heading" class="typeahead-category-title saved-searches-title">Saved Searches</h4>
1789
+ <ul role="presentation" class="typeahead-items saved-searches-list">
1790
+
1791
+ <li role="presentation" class="typeahead-item typeahead-saved-search-item">
1792
+ <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Remove</span></span>
1793
+ <a role="menuitem" aria-describedby="saved-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="saved_search" tabindex="-1"><span class="icon generic-search"></span></a>
1794
+ </li>
1795
+ </ul>
1796
+ </div>
1797
+
1798
+ <ul role="presentation" class="typeahead-items typeahead-topics">
1799
+
1800
+ <li role="presentation" class="typeahead-item typeahead-topic-item">
1801
+ <a role="menuitem" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-ds="topics" tabindex="-1">
1802
+ <span class="icon generic-search"></span>
1803
+ </a>
1804
+ </li>
1805
+ </ul>
1806
+
1807
+
1808
+
1809
+
1810
+
1811
+ <ul role="presentation" class="typeahead-items typeahead-accounts js-typeahead-accounts">
1812
+
1813
+ <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable">
1814
+
1815
+ <a role="menuitem" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account">
1816
+ <img class="avatar size24" alt="">
1817
+ <span class="typeahead-user-item-info">
1818
+ <span class="fullname"></span>
1819
+ <span class="js-verified hidden"><span class="icon verified"><span class="visuallyhidden">Verified account</span></span></span>
1820
+ <span class="username"><s>@</s><b></b></span>
1821
+ </span>
1822
+ </a>
1823
+ </li>
1824
+ <li role="presentation" class="js-selectable typeahead-accounts-shortcut js-shortcut"><a role="menuitem" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-shortcut="true" data-ds="account_search"></a></li>
1825
+ </ul>
1826
+
1827
+ <ul role="presentation" class="typeahead-items typeahead-trend-locations-list">
1828
+
1829
+ <li role="presenation" class="typeahead-item typeahead-trend-locations-item"><a role="menuitem" class="js-nav" href="" data-ds="trend_location" data-search-query="" tabindex="-1"></a></li>
1830
+ </ul>
1831
+ <ul role="presentation" class="typeahead-items typeahead-context-list">
1832
+
1833
+ <li role="presentation" class="typeahead-item typeahead-context-item"><a role="menuitem" class="js-nav" href="" data-ds="context_helper" data-search-query="" tabindex="-1"></a></li>
1834
+ </ul>
1835
+ </div>
1836
+ </div>
1837
+
1838
+ </div>
1839
+
1840
+ <div class="dm-convo-placeholder">
1841
+ <div class="dm-error js-dm-error">
1842
+ <a href="#" class="js-dismiss">
1843
+ <i class="close"></i>
1844
+ </a>
1845
+ <span class="dm-error-text"></span>
1846
+ </div>
1847
+ </div>
1848
+
1849
+ </div>
1850
+
1851
+ <form class="dm-tweetbox tweet-form">
1852
+ <div class="tweet-content">
1853
+ <label class="visuallyhidden" for="tweet-box-dm-new-conversation" id="tweet-box-dm-new-conversation-label">Tweet text</label>
1854
+ <div id="tweet-box-dm-new-conversation" aria-labelledby="tweet-box-dm-new-conversation-label" class="tweet-box rich-editor" contenteditable="true" spellcheck="true" role="textbox" aria-multiline="true"><br></div>
1855
+ <div class="rich-normalizer"></div>
1856
+ </div>
1857
+ <div class="tweet-button">
1858
+ <span class="spinner"></span>
1859
+ <span class="tweet-counter">140</span>
1860
+ <button class="btn tweet-action primary-btn disabled" type="submit">
1861
+ <span class="button-text messaging-text">
1862
+ Send message
1863
+ </span>
1864
+ </button>
1865
+ </div>
1866
+ <div class="dm-delete-confirm js-dm-delete-confirm">
1867
+ <p>Are you sure you want to delete this message?</p>
1868
+ <button type="button" class="btn js-prompt-cancel">Cancel</button>
1869
+ <button type="button" class="btn caution-btn js-prompt-ok js-initial-focus" data-message-id="">Delete message</button>
1870
+
1871
+ </div>
1872
+ </form>
1873
+ </div>
1874
+ </div>
1875
+ </div>
1876
+
1877
+ <button type="button" class="modal-btn modal-close js-close">
1878
+ <span class="icon close-medium">
1879
+ <span class="visuallyhidden">Close</span>
1880
+ </span>
1881
+ </button>
1882
+
1883
+ </div>
1884
+ </div>
1885
+
1886
+ <div id="global-tweet-dialog" class="modal-container">
1887
+ <div class="close-modal-background-target"></div>
1888
+ <div class="modal draggable">
1889
+ <div class="modal-content">
1890
+ <button type="button" class="modal-btn modal-close js-close">
1891
+ <span class="icon close-medium">
1892
+ <span class="visuallyhidden">Close</span>
1893
+ </span>
1894
+ </button>
1895
+
1896
+
1897
+ <div class="modal-header">
1898
+ <h3 class="modal-title"></h3>
1899
+ </div>
1900
+
1901
+
1902
+ <div class="modal-body">
1903
+ <form class="tweet-form "
1904
+ method="post"
1905
+ target="tweet-post-iframe"
1906
+ action="//upload.twitter.com/i/tweet/create_with_media.iframe"
1907
+ enctype="multipart/form-data">
1908
+ <input type="hidden" name="post_authenticity_token" class="auth-token">
1909
+ <input type="hidden" name="iframe_callback" class="iframe-callback">
1910
+ <input type="hidden" name="in_reply_to_status_id" class="in-reply-to-status-id">
1911
+ <input type="hidden" name="impression_id" class="impression-id">
1912
+ <input type="hidden" name="earned" class="earned">
1913
+
1914
+ <img class="inline-reply-user-image avatar size32" src="https://pbs.twimg.com/profile_images/3518892092/39b969d32a10b2437563e246708c8f9d_normal.jpeg" alt="">
1915
+ <span class="inline-reply-caret">
1916
+ <span class="caret-inner"></span>
1917
+ </span>
1918
+
1919
+ <div class="tweet-content">
1920
+ <i class="add-photo-icon hidden"></i>
1921
+
1922
+ <i class="nav-tweet hidden"></i>
1923
+ <span class="tweet-drag-help tweet-drag-photo-here hidden">Drag photo here</span>
1924
+ <span class="tweet-drag-help tweet-or-drag-photo-here hidden">Or drag photo here</span>
1925
+ <label class="visuallyhidden" for="tweet-box-global" id="tweet-box-global-label">Tweet text</label>
1926
+
1927
+
1928
+ <div aria-labelledby="tweet-box-global-label" id="tweet-box-global" class="tweet-box rich-editor " contenteditable="true" spellcheck="true" role="textbox"
1929
+ aria-multiline="true"></div>
1930
+ <div class="rich-normalizer"></div>
1931
+
1932
+
1933
+
1934
+
1935
+ <div role="menu" aria-hidden="true" class="dropdown-menu typeahead ">
1936
+ <div aria-hidden="true" class="dropdown-caret">
1937
+ <div class="caret-outer"></div>
1938
+ <div class="caret-inner"></div>
1939
+ </div>
1940
+ <div role="presentation" class="dropdown-inner js-typeahead-results">
1941
+ <div role="presentation" class="typeahead-recent-searches">
1942
+ <h4 id="recent-searches-heading" class="typeahead-category-title recent-searches-title">Recent Searches</h4><button type="button" tabindex="-1" class="btn-link clear-recent-searches">Clear All</button>
1943
+ <ul role="presentation" class="typeahead-items recent-searches-list">
1944
+
1945
+ <li role="presentation" class="typeahead-item typeahead-recent-search-item">
1946
+ <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Remove</span></span>
1947
+ <a role="menuitem" aria-describedby="recent-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="recent_search" tabindex="-1"><span class="icon generic-search"></span></a>
1948
+ </li>
1949
+ </ul>
1950
+ </div>
1951
+
1952
+ <div role="presentation" class="typeahead-saved-searches">
1953
+ <h4 id="saved-searches-heading" class="typeahead-category-title saved-searches-title">Saved Searches</h4>
1954
+ <ul role="presentation" class="typeahead-items saved-searches-list">
1955
+
1956
+ <li role="presentation" class="typeahead-item typeahead-saved-search-item">
1957
+ <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Remove</span></span>
1958
+ <a role="menuitem" aria-describedby="saved-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="saved_search" tabindex="-1"><span class="icon generic-search"></span></a>
1959
+ </li>
1960
+ </ul>
1961
+ </div>
1962
+
1963
+ <ul role="presentation" class="typeahead-items typeahead-topics">
1964
+
1965
+ <li role="presentation" class="typeahead-item typeahead-topic-item">
1966
+ <a role="menuitem" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-ds="topics" tabindex="-1">
1967
+ <span class="icon generic-search"></span>
1968
+ </a>
1969
+ </li>
1970
+ </ul>
1971
+
1972
+
1973
+
1974
+
1975
+
1976
+ <ul role="presentation" class="typeahead-items typeahead-accounts js-typeahead-accounts">
1977
+
1978
+ <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable">
1979
+
1980
+ <a role="menuitem" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account">
1981
+ <img class="avatar size24" alt="">
1982
+ <span class="typeahead-user-item-info">
1983
+ <span class="fullname"></span>
1984
+ <span class="js-verified hidden"><span class="icon verified"><span class="visuallyhidden">Verified account</span></span></span>
1985
+ <span class="username"><s>@</s><b></b></span>
1986
+ </span>
1987
+ </a>
1988
+ </li>
1989
+ <li role="presentation" class="js-selectable typeahead-accounts-shortcut js-shortcut"><a role="menuitem" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-shortcut="true" data-ds="account_search"></a></li>
1990
+ </ul>
1991
+
1992
+ <ul role="presentation" class="typeahead-items typeahead-trend-locations-list">
1993
+
1994
+ <li role="presenation" class="typeahead-item typeahead-trend-locations-item"><a role="menuitem" class="js-nav" href="" data-ds="trend_location" data-search-query="" tabindex="-1"></a></li>
1995
+ </ul>
1996
+ <ul role="presentation" class="typeahead-items typeahead-context-list">
1997
+
1998
+ <li role="presentation" class="typeahead-item typeahead-context-item"><a role="menuitem" class="js-nav" href="" data-ds="context_helper" data-search-query="" tabindex="-1"></a></li>
1999
+ </ul>
2000
+ </div>
2001
+ </div>
2002
+
2003
+
2004
+
2005
+ <textarea class="tweet-box-shadow" name="status"></textarea>
2006
+
2007
+
2008
+ <div class="thumbnail-container">
2009
+ <div class="preview">
2010
+ <button type="button" class="dismiss js-dismiss" tabindex="-1">
2011
+ <i class="dismiss-white">
2012
+ <span class="visuallyhidden">
2013
+ Dismiss
2014
+ </span>
2015
+ </i>
2016
+ </button>
2017
+
2018
+ <span class="filename"></span>
2019
+ </div>
2020
+ <div class="preview-message">Image will appear as a link</div>
2021
+ </div>
2022
+
2023
+ </div>
2024
+
2025
+ <div class="toolbar js-toolbar">
2026
+ <div class="tweet-box-extras">
2027
+
2028
+ <div class="photo-selector">
2029
+ <button aria-hidden="true" class="btn" type="button" tabindex="-1">
2030
+ <i class="tweet-camera"></i>
2031
+ </button>
2032
+ <div class="image-selector">
2033
+ <input type="hidden" name="media_data_empty" class="file-data">
2034
+ <label>
2035
+ <span class="visuallyhidden">Add Photo</span>
2036
+ <input type="file" name="media_empty" class="file-input js-tooltip" tabindex="-1" title="Add Photo">
2037
+ </label>
2038
+ <div class="swf-container"></div>
2039
+ </div>
2040
+ </div>
2041
+
2042
+
2043
+ <div class="geo-picker">
2044
+ <button class="btn geo-picker-btn js-tooltip" type="button" tabindex="-1" title="Add location">
2045
+ <i class="tweet-geo"><span class="visuallyhidden">Add location</span></i> <span class="caret"></span>
2046
+ </button>
2047
+ <span class="dropdown-container"></span>
2048
+ <span class="geo-status"></span>
2049
+ <input type="hidden" name="place_id">
2050
+ </div>
2051
+
2052
+
2053
+ </div>
2054
+ <div class="tweet-button">
2055
+ <span class="spinner"></span>
2056
+ <span class="tweet-counter">140</span>
2057
+ <button class="btn primary-btn tweet-action disabled js-tweet-btn" type="button">
2058
+ <span class="button-text tweeting-text">
2059
+ Tweet
2060
+ </span>
2061
+ <span class="button-text messaging-text">
2062
+ Send message
2063
+ </span>
2064
+ </button>
2065
+ </div>
2066
+ </div>
2067
+ </form>
2068
+
2069
+ </div>
2070
+
2071
+ <div class="modal-footer modal-tweet"></div>
2072
+ </div>
2073
+ </div>
2074
+ </div>
2075
+
2076
+
2077
+
2078
+ <div id="goto-user-dialog" class="modal-container">
2079
+ <div class="modal modal-small draggable">
2080
+ <div class="modal-content">
2081
+ <button type="button" class="modal-btn modal-close js-close">
2082
+ <span class="icon close-medium">
2083
+ <span class="visuallyhidden">Close</span>
2084
+ </span>
2085
+ </button>
2086
+
2087
+
2088
+ <div class="modal-header">
2089
+ <h3 class="modal-title">Go to a person's profile</h3>
2090
+ </div>
2091
+
2092
+ <div class="modal-body">
2093
+ <div class="modal-inner">
2094
+ <form class="goto-user-form">
2095
+ <input class="input-block username-input" type="text" placeholder="Start typing a name to jump to a profile">
2096
+
2097
+
2098
+
2099
+ <div role="menu" aria-hidden="true" class="dropdown-menu typeahead ">
2100
+ <div aria-hidden="true" class="dropdown-caret">
2101
+ <div class="caret-outer"></div>
2102
+ <div class="caret-inner"></div>
2103
+ </div>
2104
+ <div role="presentation" class="dropdown-inner js-typeahead-results">
2105
+ <div role="presentation" class="typeahead-recent-searches">
2106
+ <h4 id="recent-searches-heading" class="typeahead-category-title recent-searches-title">Recent Searches</h4><button type="button" tabindex="-1" class="btn-link clear-recent-searches">Clear All</button>
2107
+ <ul role="presentation" class="typeahead-items recent-searches-list">
2108
+
2109
+ <li role="presentation" class="typeahead-item typeahead-recent-search-item">
2110
+ <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Remove</span></span>
2111
+ <a role="menuitem" aria-describedby="recent-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="recent_search" tabindex="-1"><span class="icon generic-search"></span></a>
2112
+ </li>
2113
+ </ul>
2114
+ </div>
2115
+
2116
+ <div role="presentation" class="typeahead-saved-searches">
2117
+ <h4 id="saved-searches-heading" class="typeahead-category-title saved-searches-title">Saved Searches</h4>
2118
+ <ul role="presentation" class="typeahead-items saved-searches-list">
2119
+
2120
+ <li role="presentation" class="typeahead-item typeahead-saved-search-item">
2121
+ <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Remove</span></span>
2122
+ <a role="menuitem" aria-describedby="saved-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="saved_search" tabindex="-1"><span class="icon generic-search"></span></a>
2123
+ </li>
2124
+ </ul>
2125
+ </div>
2126
+
2127
+ <ul role="presentation" class="typeahead-items typeahead-topics">
2128
+
2129
+ <li role="presentation" class="typeahead-item typeahead-topic-item">
2130
+ <a role="menuitem" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-ds="topics" tabindex="-1">
2131
+ <span class="icon generic-search"></span>
2132
+ </a>
2133
+ </li>
2134
+ </ul>
2135
+
2136
+
2137
+
2138
+
2139
+
2140
+ <ul role="presentation" class="typeahead-items typeahead-accounts js-typeahead-accounts">
2141
+
2142
+ <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable">
2143
+
2144
+ <a role="menuitem" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account">
2145
+ <img class="avatar size24" alt="">
2146
+ <span class="typeahead-user-item-info">
2147
+ <span class="fullname"></span>
2148
+ <span class="js-verified hidden"><span class="icon verified"><span class="visuallyhidden">Verified account</span></span></span>
2149
+ <span class="username"><s>@</s><b></b></span>
2150
+ </span>
2151
+ </a>
2152
+ </li>
2153
+ <li role="presentation" class="js-selectable typeahead-accounts-shortcut js-shortcut"><a role="menuitem" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-shortcut="true" data-ds="account_search"></a></li>
2154
+ </ul>
2155
+
2156
+ <ul role="presentation" class="typeahead-items typeahead-trend-locations-list">
2157
+
2158
+ <li role="presenation" class="typeahead-item typeahead-trend-locations-item"><a role="menuitem" class="js-nav" href="" data-ds="trend_location" data-search-query="" tabindex="-1"></a></li>
2159
+ </ul>
2160
+ <ul role="presentation" class="typeahead-items typeahead-context-list">
2161
+
2162
+ <li role="presentation" class="typeahead-item typeahead-context-item"><a role="menuitem" class="js-nav" href="" data-ds="context_helper" data-search-query="" tabindex="-1"></a></li>
2163
+ </ul>
2164
+ </div>
2165
+ </div>
2166
+
2167
+ </form>
2168
+ </div>
2169
+ </div>
2170
+
2171
+ </div>
2172
+ </div>
2173
+ </div>
2174
+
2175
+
2176
+ <div id="retweet-tweet-dialog" class="modal-container">
2177
+ <div class="close-modal-background-target"></div>
2178
+ <div class="modal draggable">
2179
+ <div class="modal-content">
2180
+ <button type="button" class="modal-btn modal-close js-close">
2181
+ <span class="icon close-medium">
2182
+ <span class="visuallyhidden">Close</span>
2183
+ </span>
2184
+ </button>
2185
+
2186
+
2187
+ <div class="modal-header">
2188
+ <h3 class="modal-title">Retweet this to your followers?</h3>
2189
+ </div>
2190
+
2191
+ <div class="modal-body modal-tweet"></div>
2192
+
2193
+ <div class="modal-footer">
2194
+ <button class="btn cancel-action js-close">Cancel</button>
2195
+ <button class="btn primary-btn retweet-action">Retweet</button>
2196
+ </div>
2197
+ </div>
2198
+ </div>
2199
+ </div>
2200
+ <div id="delete-tweet-dialog" class="modal-container">
2201
+ <div class="close-modal-background-target"></div>
2202
+ <div class="modal draggable">
2203
+ <div class="modal-content">
2204
+ <button type="button" class="modal-btn modal-close js-close">
2205
+ <span class="icon close-medium">
2206
+ <span class="visuallyhidden">Close</span>
2207
+ </span>
2208
+ </button>
2209
+
2210
+
2211
+ <div class="modal-header">
2212
+ <h3 class="modal-title">Are you sure you want to delete this Tweet?</h3>
2213
+ </div>
2214
+
2215
+ <div class="modal-body modal-tweet"></div>
2216
+
2217
+ <div class="modal-footer">
2218
+ <button class="btn cancel-action js-close">Cancel</button>
2219
+ <button class="btn primary-btn delete-action">Delete</button>
2220
+ </div>
2221
+ </div>
2222
+ </div>
2223
+ </div>
2224
+
2225
+
2226
+
2227
+ <div id="keyboard-shortcut-dialog" class="modal-container">
2228
+ <div class="close-modal-background-target"></div>
2229
+ <div class="modal modal-large draggable">
2230
+ <div class="modal-content">
2231
+ <button type="button" class="modal-btn modal-close js-close">
2232
+ <span class="icon close-medium">
2233
+ <span class="visuallyhidden">Close</span>
2234
+ </span>
2235
+ </button>
2236
+
2237
+
2238
+
2239
+ <div class="modal-header">
2240
+ <h3 class="modal-title">Keyboard shortcuts</h3>
2241
+ </div>
2242
+
2243
+
2244
+ <div class="modal-body">
2245
+
2246
+ <div class="keyboard-shortcuts clearfix" id="keyboard-shortcut-menu">
2247
+ <p class="visuallyhidden">
2248
+ Note: To use these shortcuts, users of screen readers may need to toggle off the virtual navigation.
2249
+ </p>
2250
+ <table class="modal-table" summary="Shortcuts for common actions.">
2251
+ <thead>
2252
+ <tr>
2253
+ <th colspan="2">Actions</th>
2254
+ </tr>
2255
+ </thead>
2256
+ <tbody>
2257
+ <tr>
2258
+ <td class="shortcut">
2259
+ <b class="sc-key">n</b>
2260
+ </td>
2261
+ <td class="shortcut-label">New Tweet</td>
2262
+ </tr>
2263
+ <tr>
2264
+ <td class="shortcut">
2265
+ <b class="sc-key">f</b>
2266
+ </td>
2267
+ <td class="shortcut-label">Favorite</td>
2268
+ </tr>
2269
+ <tr>
2270
+ <td class="shortcut">
2271
+ <b class="sc-key">r</b>
2272
+ </td>
2273
+ <td class="shortcut-label">Reply</td>
2274
+ </tr>
2275
+ <tr>
2276
+ <td class="shortcut">
2277
+ <b class="sc-key">t</b>
2278
+ </td>
2279
+ <td class="shortcut-label">Retweet</td>
2280
+ </tr>
2281
+ <tr>
2282
+ <td class="shortcut">
2283
+ <b class="sc-key">m</b>
2284
+ </td>
2285
+ <td class="shortcut-label">Direct message</td>
2286
+ </tr>
2287
+ <tr>
2288
+ <td class="shortcut">
2289
+ <b class="sc-key">b</b>
2290
+ </td>
2291
+ <td class="shortcut-label">Block User</td>
2292
+ </tr>
2293
+ <tr>
2294
+ <td class="shortcut">
2295
+ <b class="sc-key">u</b>
2296
+ </td>
2297
+ <td class="shortcut-label">Unblock User</td>
2298
+ </tr>
2299
+ <tr>
2300
+ <td class="shortcut">
2301
+ <b class="sc-key">Enter</b>
2302
+ </td>
2303
+ <td class="shortcut-label">Open Tweet details</td>
2304
+ </tr>
2305
+ <tr>
2306
+ <td class="shortcut">
2307
+ <b class="sc-key">l</b>
2308
+ </td>
2309
+ <td class="shortcut-label">Close all open Tweets</td>
2310
+ </tr>
2311
+ <tr>
2312
+ <td class="shortcut">
2313
+ <b class="sc-key">/</b>
2314
+ </td>
2315
+ <td class="shortcut-label">Search</td>
2316
+ </tr>
2317
+ </tbody>
2318
+ </table>
2319
+ <table class="modal-table" summary="Shortcuts for navigating between items in timelines.">
2320
+ <thead>
2321
+ <tr>
2322
+ <th colspan="2">Navigation</th>
2323
+ </tr>
2324
+ </thead>
2325
+ <tbody>
2326
+ <tr>
2327
+ <td class="shortcut">
2328
+ <b class="sc-key">?</b>
2329
+ </td>
2330
+ <td class="shortcut-label">This menu</td>
2331
+ </tr>
2332
+ <tr>
2333
+ <td class="shortcut">
2334
+ <b class="sc-key">j</b>
2335
+ </td>
2336
+ <td class="shortcut-label">Next Tweet</td>
2337
+ </tr>
2338
+ <tr>
2339
+ <td class="shortcut">
2340
+ <b class="sc-key">k</b>
2341
+ </td>
2342
+ <td class="shortcut-label">Previous Tweet</td>
2343
+ </tr>
2344
+ <tr>
2345
+ <td class="shortcut">
2346
+ <b class="sc-key">Space</b>
2347
+ </td>
2348
+ <td class="shortcut-label">Page down</td>
2349
+ </tr>
2350
+ <tr>
2351
+ <td class="shortcut">
2352
+ <b class="sc-key">.</b>
2353
+ </td>
2354
+ <td class="shortcut-label">Load new Tweets</td>
2355
+ </tr>
2356
+ </tbody>
2357
+ </table>
2358
+ <table class="modal-table" summary="Shortcuts for navigating to different timelines or pages.">
2359
+ <thead>
2360
+ <tr>
2361
+ <th colspan="2">Timelines</th>
2362
+ </tr>
2363
+ </thead>
2364
+ <tbody>
2365
+ <tr>
2366
+ <td class="shortcut">
2367
+ <b class="sc-key">g</b> <b class="sc-key">h</b>
2368
+ </td>
2369
+ <td class="shortcut-label">Home</td>
2370
+ </tr>
2371
+
2372
+ <tr>
2373
+ <td class="shortcut">
2374
+ <b class="sc-key">g</b> <b class="sc-key">c</b>
2375
+ </td>
2376
+ <td class="shortcut-label">Connect</td>
2377
+ </tr>
2378
+ <tr>
2379
+ <td class="shortcut">
2380
+ <b class="sc-key">g</b> <b class="sc-key">a</b>
2381
+ </td>
2382
+ <td class="shortcut-label">Activity</td>
2383
+ </tr>
2384
+ <tr>
2385
+ <td class="shortcut">
2386
+ <b class="sc-key">g</b> <b class="sc-key">r</b>
2387
+ </td>
2388
+ <td class="shortcut-label">Mentions</td>
2389
+ </tr>
2390
+
2391
+ <tr>
2392
+ <td class="shortcut">
2393
+ <b class="sc-key">g</b> <b class="sc-key">d</b>
2394
+ </td>
2395
+ <td class="shortcut-label">Discover</td>
2396
+ </tr>
2397
+ <tr>
2398
+ <td class="shortcut">
2399
+ <b class="sc-key">g</b> <b class="sc-key">p</b>
2400
+ </td>
2401
+ <td class="shortcut-label">Profile</td>
2402
+ </tr>
2403
+ <tr>
2404
+ <td class="shortcut">
2405
+ <b class="sc-key">g</b> <b class="sc-key">f</b>
2406
+ </td>
2407
+ <td class="shortcut-label">Favorites</td>
2408
+ </tr>
2409
+ <tr>
2410
+ <td class="shortcut">
2411
+ <b class="sc-key">g</b> <b class="sc-key">l</b>
2412
+ </td>
2413
+ <td class="shortcut-label">Lists</td>
2414
+ </tr>
2415
+ <tr>
2416
+ <td class="shortcut">
2417
+ <b class="sc-key">g</b> <b class="sc-key">m</b>
2418
+ </td>
2419
+ <td class="shortcut-label">Messages</td>
2420
+ </tr>
2421
+ <tr>
2422
+ <td class="shortcut">
2423
+ <b class="sc-key">g</b> <b class="sc-key">s</b>
2424
+ </td>
2425
+ <td class="shortcut-label">Settings</td>
2426
+ </tr>
2427
+ <tr>
2428
+ <td class="shortcut">
2429
+ <b class="sc-key">g</b> <b class="sc-key">u</b>
2430
+ </td>
2431
+ <td class="shortcut-label">Go to user...</td>
2432
+ </tr>
2433
+ </tbody>
2434
+ </table>
2435
+ </div>
2436
+ </div>
2437
+ </div>
2438
+ </div>
2439
+ </div>
2440
+
2441
+
2442
+
2443
+
2444
+ <div id="block-user-dialog" class="modal-container">
2445
+ <div class="close-modal-background-target"></div>
2446
+ <div class="modal draggable">
2447
+ <div class="modal-content">
2448
+ <button type="button" class="modal-btn modal-close js-close">
2449
+ <span class="icon close-medium">
2450
+ <span class="visuallyhidden">Close</span>
2451
+ </span>
2452
+ </button>
2453
+
2454
+
2455
+ <div class="modal-header">
2456
+ <h3 class="modal-title">Are you sure you want to block this user?</h3>
2457
+ </div>
2458
+
2459
+ <div class="modal-body modal-tweet"></div>
2460
+
2461
+ <div class="modal-footer">
2462
+ <button class="btn cancel-action js-close">Cancel</button>
2463
+ <button class="btn primary-btn block-action">Block</button>
2464
+ </div>
2465
+ </div>
2466
+ </div>
2467
+ </div>
2468
+
2469
+
2470
+
2471
+
2472
+
2473
+
2474
+
2475
+ <div id="geo-enabled-dropdown">
2476
+ <div class="dropdown-menu" tabindex="-1">
2477
+ <div class="dropdown-caret">
2478
+ <span class="caret-outer"></span>
2479
+ <span class="caret-inner"></span>
2480
+ </div>
2481
+ <ul>
2482
+ <li class="geo-query-location">
2483
+ <input type="text" autocomplete="off" placeholder="Search for a neighborhood or city">
2484
+ <span class="icon generic-search"></span>
2485
+ </li>
2486
+ <li class="geo-dropdown-status"></li>
2487
+ <li class="dropdown-link geo-turn-off-item geo-focusable">
2488
+ <span class="icon close"></span>Turn off location
2489
+ </li>
2490
+ </ul>
2491
+ </div>
2492
+ </div>
2493
+
2494
+
2495
+ <div id="profile_popup" class="modal-container">
2496
+ <div class="close-modal-background-target"></div>
2497
+ <div class="modal modal-small draggable">
2498
+ <div class="modal-content clearfix">
2499
+ <button type="button" class="modal-btn modal-close js-close">
2500
+ <span class="icon close-medium">
2501
+ <span class="visuallyhidden">Close</span>
2502
+ </span>
2503
+ </button>
2504
+
2505
+ <div class="modal-header">
2506
+ <h3 class="modal-title">Profile summary</h3>
2507
+ </div>
2508
+
2509
+ <div class="modal-body profile-modal">
2510
+
2511
+ </div>
2512
+
2513
+ <div class="loading">
2514
+ <span class="spinner-bigger"></span>
2515
+ </div>
2516
+ </div>
2517
+ </div>
2518
+ </div>
2519
+ <div id="list-membership-dialog" class="modal-container">
2520
+ <div class="close-modal-background-target"></div>
2521
+ <div class="modal modal-small draggable">
2522
+ <div class="modal-content">
2523
+ <button type="button" class="modal-btn modal-close js-close">
2524
+ <span class="icon close-medium">
2525
+ <span class="visuallyhidden">Close</span>
2526
+ </span>
2527
+ </button>
2528
+
2529
+ <div class="modal-header">
2530
+ <h3 class="modal-title">Your lists</h3>
2531
+ </div>
2532
+ <div class="modal-body">
2533
+ <div class="list-membership-content"></div>
2534
+ <span class="spinner lists-spinner" title="Loading&hellip;"></span>
2535
+ </div>
2536
+ </div>
2537
+ </div>
2538
+ </div>
2539
+ <div id="list-operations-dialog" class="modal-container">
2540
+ <div class="close-modal-background-target"></div>
2541
+ <div class="modal modal-medium draggable">
2542
+ <div class="modal-content">
2543
+ <button type="button" class="modal-btn modal-close js-close">
2544
+ <span class="icon close-medium">
2545
+ <span class="visuallyhidden">Close</span>
2546
+ </span>
2547
+ </button>
2548
+
2549
+ <div class="modal-header">
2550
+ <h3 class="modal-title">Create a new list</h3>
2551
+ </div>
2552
+ <div class="modal-body">
2553
+
2554
+ <div class="list-editor">
2555
+ <div class="field">
2556
+ <label for="list-name">List name</label>
2557
+ <input type="text" class="text" name="name" value="" />
2558
+ </div>
2559
+ <div class="field" style="display:none">
2560
+ <label for="list-link">List link</label>
2561
+ <span></span>
2562
+ </div>
2563
+ <hr/>
2564
+
2565
+ <div class="field">
2566
+ <label for="description">Description</label>
2567
+ <textarea name="description"></textarea>
2568
+ <span class="help-text">Under 100 characters, optional</span>
2569
+ </div>
2570
+ <hr/>
2571
+
2572
+ <div class="field">
2573
+ <label for="mode">Privacy</label>
2574
+ <div class="options">
2575
+ <label for="list-public-radio">
2576
+ <input class="radio" type="radio" name="mode" id="list-public-radio" value="public" checked="checked" />
2577
+ <b>Public</b> &middot; Anyone can follow this list
2578
+ </label>
2579
+ <label for="list-private-radio">
2580
+ <input class="radio" type="radio" name="mode" id="list-private-radio" value="private" />
2581
+ <b>Private</b> &middot; Only you can access this list
2582
+ </label>
2583
+ </div>
2584
+ </div>
2585
+ <hr/>
2586
+
2587
+ <div class="list-editor-save">
2588
+ <button type="button" class="btn btn-primary update-list-button" data-list-id="">Save list</button>
2589
+ </div>
2590
+
2591
+ </div>
2592
+ </div>
2593
+ </div>
2594
+ </div>
2595
+ </div>
2596
+
2597
+ <div id="activity-popup-dialog" class="modal-container">
2598
+ <div class="close-modal-background-target"></div>
2599
+ <div class="modal draggable">
2600
+ <div class="modal-content clearfix">
2601
+ <button type="button" class="modal-btn modal-close js-close">
2602
+ <span class="icon close-medium">
2603
+ <span class="visuallyhidden">Close</span>
2604
+ </span>
2605
+ </button>
2606
+
2607
+
2608
+ <div class="modal-header">
2609
+ <h3 class="modal-title"></h3>
2610
+ </div>
2611
+
2612
+ <div class="modal-body">
2613
+ <div class="activity-tweet clearfix"></div>
2614
+ <div class="loading">
2615
+ <span class="spinner-bigger"></span>
2616
+ </div>
2617
+ <div class="activity-content clearfix"></div>
2618
+ </div>
2619
+ </div>
2620
+ </div>
2621
+ </div>
2622
+
2623
+
2624
+ <div id="confirm_dialog" class="modal-container">
2625
+ <div class="close-modal-background-target"></div>
2626
+ <div class="modal draggable">
2627
+ <div class="modal-content">
2628
+ <button type="button" class="modal-btn modal-close js-close">
2629
+ <span class="icon close-medium">
2630
+ <span class="visuallyhidden">Close</span>
2631
+ </span>
2632
+ </button>
2633
+
2634
+ <div class="modal-header">
2635
+ <h3 class="modal-title"></h3>
2636
+ </div>
2637
+ <div class="modal-body">
2638
+ <p class="modal-body-text"></p>
2639
+ </div>
2640
+ <div class="modal-footer">
2641
+ <button class="btn js-close" id="confirm_dialog_cancel_button"></button>
2642
+ <button id="confirm_dialog_submit_button" class="btn primary-btn modal-submit"></button>
2643
+ </div>
2644
+ </div>
2645
+ </div>
2646
+ </div>
2647
+
2648
+
2649
+
2650
+ <div id="share-via-email-dialog" class="modal-container">
2651
+ <div class="close-modal-background-target"></div>
2652
+ <div class="modal draggable">
2653
+ <div class="modal-content">
2654
+ <button type="button" class="modal-btn modal-close js-close">
2655
+ <span class="icon close-medium">
2656
+ <span class="visuallyhidden">Close</span>
2657
+ </span>
2658
+ </button>
2659
+
2660
+ <div class="modal-header">
2661
+ <h3 class="modal-title">Share via email</h3>
2662
+ </div>
2663
+ <div class="modal-body">
2664
+ <div class="share-tweet-container clearfix">
2665
+ <form class="share-via-email-form">
2666
+ <div class="share-tweet-from">
2667
+ <span class="field-label">From:</span> <span class="field-text">Vyki Englert (Twitter)</span>
2668
+ </div>
2669
+ <div class="share-tweet-to">
2670
+ <label class="field-label to-label" for="share-tweet-emails">To:</label>
2671
+ <div class="placeholding-input">
2672
+ <input class="text-input js-share-tweet-emails js-initial-focus" type="text" name="share-tweet-emails" maxlength="150">
2673
+ <label class="placeholder" for="share-tweet-emails">name@example.com, name@example.com</label>
2674
+ </div>
2675
+ </div>
2676
+ <div class="reply-to-checkbox-wrapper">
2677
+ <div class="reply-to-checkbox">
2678
+ <input type="checkbox" class="js-reply-to-user" checked="true"/><p class="legal-text">Include my email address (vyki.englert@gmail.com) so recipients can reply to me.</p>
2679
+ </div>
2680
+ </div>
2681
+ <div class="comment-box">
2682
+ <div class="placeholding-input">
2683
+ <textarea class="text-input js-share-comment" type="text" name="share-tweet-comment" maxlength="140"></textarea>
2684
+ <label class="placeholder" for="share-tweet-comment">Add a comment...</label>
2685
+ </div>
2686
+ <i class="sm-reply"></i>
2687
+ <div class="social-proof"></div>
2688
+ <div class="modal-tweet"></div>
2689
+ </div>
2690
+ <button class="btn primary-btn pull-right" type="submit">Send email</button>
2691
+ </form>
2692
+ </div>
2693
+
2694
+ </div>
2695
+ </div>
2696
+ </div>
2697
+ </div>
2698
+
2699
+
2700
+ <div id="embed-tweet-dialog" class="modal-container">
2701
+ <div class="close-modal-background-target"></div>
2702
+ <div class="modal modal-medium draggable">
2703
+ <div class="modal-content">
2704
+ <button type="button" class="modal-btn modal-close js-close">
2705
+ <span class="icon close-medium">
2706
+ <span class="visuallyhidden">Close</span>
2707
+ </span>
2708
+ </button>
2709
+
2710
+ <div class="modal-header">
2711
+ <h3 class="modal-title">Embed this Tweet</h3>
2712
+ </div>
2713
+ <div class="modal-body">
2714
+ <div class="embed-code-container">
2715
+ <p>Add this Tweet to your website by copying the code below. <a href="//dev.twitter.com/docs/embedded-tweets">Learn more</a></p>
2716
+ <form>
2717
+
2718
+ <div class="embed-destination-wrapper">
2719
+ <div class="embed-overlay embed-overlay-spinner"><div class="embed-overlay-content"></div></div>
2720
+ <div class="embed-overlay embed-overlay-error">
2721
+ <p class="embed-overlay-content">Hmm, there was a problem reaching the server. <a href="javascript:;">Try again?</a></p>
2722
+ </div>
2723
+ <textarea class="embed-destination js-initial-focus"></textarea>
2724
+ <div class="embed-options">
2725
+ <div class="embed-include-parent-tweet">
2726
+ <label for="include-parent-tweet">
2727
+ <input type="checkbox" id="include-parent-tweet" class="include-parent-tweet" checked>
2728
+ Include parent Tweet
2729
+ </label>
2730
+ </div>
2731
+ <div class="embed-include-card">
2732
+ <label for="include-card">
2733
+ <input type="checkbox" id="include-card" class="include-card" checked>
2734
+ Include media
2735
+ </label>
2736
+ </div>
2737
+ </div>
2738
+ </div>
2739
+ </form>
2740
+ <div class="embed-preview">
2741
+ <h3>Preview</h3>
2742
+ </div>
2743
+ </div>
2744
+
2745
+ </div>
2746
+ </div>
2747
+ </div>
2748
+ </div>
2749
+
2750
+
2751
+
2752
+ <div id="report-tweet-dialog" class="modal-container report-tweet-dialog">
2753
+ <div class="close-modal-background-target"></div>
2754
+ <div class="modal modal-medium draggable">
2755
+ <div class="modal-content">
2756
+ <button type="button" class="modal-btn modal-close js-close">
2757
+ <span class="icon close-medium">
2758
+ <span class="visuallyhidden">Close</span>
2759
+ </span>
2760
+ </button>
2761
+
2762
+ <div class="modal-header">
2763
+ <h3 class="modal-title report-title">Report Tweet</h3>
2764
+ <h3 class="modal-title abuse-title">Select form</h3>
2765
+ </div>
2766
+ <div class="report-form">
2767
+ <div class="modal-body report-type-section controls">
2768
+ <fieldset class="control-group">
2769
+ <label class="radio">
2770
+ <input type="radio" value="spam" name="report_type" class="js-initial-focus">
2771
+ <span class="label-head">Spam</span>
2772
+ <p>This Tweet may be spam or from a spam account.</p>
2773
+ </label>
2774
+ <label class="radio">
2775
+ <input type="radio" value="compromised" name="report_type">
2776
+ <span class="label-head">Compromised</span>
2777
+ <p>This user may not be in control of their account.</p>
2778
+ </label>
2779
+ <label class="radio">
2780
+ <input type="radio" value="abusive" name="report_type">
2781
+ <span class="label-head">Abusive</span>
2782
+ <p>This Tweet may be in violation of the <a href="https://support.twitter.com/articles/18311-the-twitter-rules" target="_blank">Twitter Rules</a>. In order to file a report you must still choose and complete a form. Select this option to continue.</p>
2783
+ </label>
2784
+ </fieldset>
2785
+ </div>
2786
+ <div class="modal-body block-section controls">
2787
+ <fieldset class="control-group">
2788
+ <label class="checkbox">
2789
+ <input type="checkbox" name="block_user">
2790
+ <span class="label-head block-user-label"></span>
2791
+ <p><span class="block-user-text"></span> Learn more about what <a href="https://support.twitter.com/articles/117063-blocking-people-on-twitter" target="_blank">blocking</a> means.</p>
2792
+ </label>
2793
+ </fieldset>
2794
+ </div>
2795
+ <div class="modal-body submit-section">
2796
+ <div class="clearfix">
2797
+ <button class="btn primary-btn report-tweet-next-button" type="button">Next</button>
2798
+ <button class="btn primary-btn report-tweet-submit-button" type="button">Submit</button>
2799
+ </div>
2800
+ </div>
2801
+ </div>
2802
+ <div class="abuse-form">
2803
+ <div class="modal-body">
2804
+ <p>Please choose the topic that best defines your issue. Once you complete and submit the form, your report will be filed with Twitter.</p>
2805
+ <ul class="abuse-links">
2806
+
2807
+ <li><a href="#" class="report-impersonation-link hide-focus" data-abuse-type="impersonation" target="_blank">Impersonation</a></li>
2808
+ <li><a href="#" class="report-trademark-link" data-abuse-type="trademark" target="_blank">Trademarks</a></li>
2809
+ <li><a href="#" class="report-harassment-link" data-abuse-type="harassment" target="_blank">Harassment</a></li>
2810
+ <li><a href="#" class="report-self-harm-link" data-abuse-type="report_self_harm" target="_blank">Report self harm</a></li>
2811
+ <li><a href="#" class="report-ads-link" data-abuse-type="report_an_ad" target="_blank">Report an ad</a></li>
2812
+ </ul>
2813
+ </div>
2814
+ </div>
2815
+ </div>
2816
+ </div>
2817
+ </div>
2818
+
2819
+
2820
+
2821
+
2822
+
2823
+ <div class="hidden">
2824
+ <iframe class="tweet-post-iframe" name="tweet-post-iframe"></iframe>
2825
+
2826
+
2827
+ <div id="inline-reply-tweetbox">
2828
+ <form class="tweet-form "
2829
+ method="post"
2830
+ target="tweet-post-iframe"
2831
+ action="//upload.twitter.com/i/tweet/create_with_media.iframe"
2832
+ enctype="multipart/form-data">
2833
+ <input type="hidden" name="post_authenticity_token" class="auth-token">
2834
+ <input type="hidden" name="iframe_callback" class="iframe-callback">
2835
+ <input type="hidden" name="in_reply_to_status_id" class="in-reply-to-status-id">
2836
+ <input type="hidden" name="impression_id" class="impression-id">
2837
+ <input type="hidden" name="earned" class="earned">
2838
+
2839
+ <img class="inline-reply-user-image avatar size32" src="https://pbs.twimg.com/profile_images/3518892092/39b969d32a10b2437563e246708c8f9d_normal.jpeg" alt="">
2840
+ <span class="inline-reply-caret">
2841
+ <span class="caret-inner"></span>
2842
+ </span>
2843
+
2844
+ <div class="tweet-content">
2845
+ <i class="add-photo-icon hidden"></i>
2846
+
2847
+ <i class="nav-tweet hidden"></i>
2848
+ <span class="tweet-drag-help tweet-drag-photo-here hidden">Drag photo here</span>
2849
+ <span class="tweet-drag-help tweet-or-drag-photo-here hidden">Or drag photo here</span>
2850
+ <label class="visuallyhidden" for="tweet-box-template" id="tweet-box-template-label">Tweet text</label>
2851
+
2852
+
2853
+ <div aria-labelledby="tweet-box-template-label" id="tweet-box-template" class="tweet-box rich-editor " contenteditable="true" spellcheck="true" role="textbox"
2854
+ aria-multiline="true"></div>
2855
+ <div class="rich-normalizer"></div>
2856
+
2857
+
2858
+
2859
+
2860
+ <div role="menu" aria-hidden="true" class="dropdown-menu typeahead ">
2861
+ <div aria-hidden="true" class="dropdown-caret">
2862
+ <div class="caret-outer"></div>
2863
+ <div class="caret-inner"></div>
2864
+ </div>
2865
+ <div role="presentation" class="dropdown-inner js-typeahead-results">
2866
+ <div role="presentation" class="typeahead-recent-searches">
2867
+ <h4 id="recent-searches-heading" class="typeahead-category-title recent-searches-title">Recent Searches</h4><button type="button" tabindex="-1" class="btn-link clear-recent-searches">Clear All</button>
2868
+ <ul role="presentation" class="typeahead-items recent-searches-list">
2869
+
2870
+ <li role="presentation" class="typeahead-item typeahead-recent-search-item">
2871
+ <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Remove</span></span>
2872
+ <a role="menuitem" aria-describedby="recent-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="recent_search" tabindex="-1"><span class="icon generic-search"></span></a>
2873
+ </li>
2874
+ </ul>
2875
+ </div>
2876
+
2877
+ <div role="presentation" class="typeahead-saved-searches">
2878
+ <h4 id="saved-searches-heading" class="typeahead-category-title saved-searches-title">Saved Searches</h4>
2879
+ <ul role="presentation" class="typeahead-items saved-searches-list">
2880
+
2881
+ <li role="presentation" class="typeahead-item typeahead-saved-search-item">
2882
+ <span class="icon close" aria-hidden="true"><span class="visuallyhidden">Remove</span></span>
2883
+ <a role="menuitem" aria-describedby="saved-searches-heading" class="js-nav" href="" data-search-query="" data-query-source="" data-ds="saved_search" tabindex="-1"><span class="icon generic-search"></span></a>
2884
+ </li>
2885
+ </ul>
2886
+ </div>
2887
+
2888
+ <ul role="presentation" class="typeahead-items typeahead-topics">
2889
+
2890
+ <li role="presentation" class="typeahead-item typeahead-topic-item">
2891
+ <a role="menuitem" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-ds="topics" tabindex="-1">
2892
+ <span class="icon generic-search"></span>
2893
+ </a>
2894
+ </li>
2895
+ </ul>
2896
+
2897
+
2898
+
2899
+
2900
+
2901
+ <ul role="presentation" class="typeahead-items typeahead-accounts js-typeahead-accounts">
2902
+
2903
+ <li role="presentation" data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable">
2904
+
2905
+ <a role="menuitem" class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account">
2906
+ <img class="avatar size24" alt="">
2907
+ <span class="typeahead-user-item-info">
2908
+ <span class="fullname"></span>
2909
+ <span class="js-verified hidden"><span class="icon verified"><span class="visuallyhidden">Verified account</span></span></span>
2910
+ <span class="username"><s>@</s><b></b></span>
2911
+ </span>
2912
+ </a>
2913
+ </li>
2914
+ <li role="presentation" class="js-selectable typeahead-accounts-shortcut js-shortcut"><a role="menuitem" class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-shortcut="true" data-ds="account_search"></a></li>
2915
+ </ul>
2916
+
2917
+ <ul role="presentation" class="typeahead-items typeahead-trend-locations-list">
2918
+
2919
+ <li role="presenation" class="typeahead-item typeahead-trend-locations-item"><a role="menuitem" class="js-nav" href="" data-ds="trend_location" data-search-query="" tabindex="-1"></a></li>
2920
+ </ul>
2921
+ <ul role="presentation" class="typeahead-items typeahead-context-list">
2922
+
2923
+ <li role="presentation" class="typeahead-item typeahead-context-item"><a role="menuitem" class="js-nav" href="" data-ds="context_helper" data-search-query="" tabindex="-1"></a></li>
2924
+ </ul>
2925
+ </div>
2926
+ </div>
2927
+
2928
+
2929
+
2930
+ <textarea class="tweet-box-shadow" name="status"></textarea>
2931
+
2932
+
2933
+ <div class="thumbnail-container">
2934
+ <div class="preview">
2935
+ <button type="button" class="dismiss js-dismiss" tabindex="-1">
2936
+ <i class="dismiss-white">
2937
+ <span class="visuallyhidden">
2938
+ Dismiss
2939
+ </span>
2940
+ </i>
2941
+ </button>
2942
+
2943
+ <span class="filename"></span>
2944
+ </div>
2945
+ <div class="preview-message">Image will appear as a link</div>
2946
+ </div>
2947
+
2948
+ </div>
2949
+
2950
+ <div class="toolbar js-toolbar">
2951
+ <div class="tweet-box-extras">
2952
+
2953
+ <div class="photo-selector">
2954
+ <button aria-hidden="true" class="btn" type="button" tabindex="-1">
2955
+ <i class="tweet-camera"></i>
2956
+ </button>
2957
+ <div class="image-selector">
2958
+ <input type="hidden" name="media_data_empty" class="file-data">
2959
+ <label>
2960
+ <span class="visuallyhidden">Add Photo</span>
2961
+ <input type="file" name="media_empty" class="file-input js-tooltip" tabindex="-1" title="Add Photo">
2962
+ </label>
2963
+ <div class="swf-container"></div>
2964
+ </div>
2965
+ </div>
2966
+
2967
+
2968
+ <div class="geo-picker">
2969
+ <button class="btn geo-picker-btn js-tooltip" type="button" tabindex="-1" title="Add location">
2970
+ <i class="tweet-geo"><span class="visuallyhidden">Add location</span></i> <span class="caret"></span>
2971
+ </button>
2972
+ <span class="dropdown-container"></span>
2973
+ <span class="geo-status"></span>
2974
+ <input type="hidden" name="place_id">
2975
+ </div>
2976
+
2977
+
2978
+ </div>
2979
+ <div class="tweet-button">
2980
+ <span class="spinner"></span>
2981
+ <span class="tweet-counter">140</span>
2982
+ <button class="btn primary-btn tweet-action disabled js-tweet-btn" type="button">
2983
+ <span class="button-text tweeting-text">
2984
+ Tweet
2985
+ </span>
2986
+ <span class="button-text messaging-text">
2987
+ Send message
2988
+ </span>
2989
+ </button>
2990
+ </div>
2991
+ </div>
2992
+ </form>
2993
+
2994
+ </div>
2995
+ </div>
2996
+
2997
+ <div id="spoonbill-outer"></div>
2998
+ </body>
2999
+ </html>
3000
+ <input type="hidden" id="init-data" class="json-data" value="{&quot;profileHoversEnabled&quot;:false,&quot;noNewDedup&quot;:false,&quot;dmTopNavEnabled&quot;:true,&quot;baseFoucClass&quot;:&quot;swift-loading&quot;,&quot;bodyFoucClassNames&quot;:&quot;swift-loading&quot;,&quot;macawSwift&quot;:true,&quot;assetsBasePath&quot;:&quot;https:\/\/abs.twimg.com\/a\/1383847355\/&quot;,&quot;environment&quot;:&quot;production&quot;,&quot;sandboxes&quot;:{&quot;jsonp&quot;:&quot;https:\/\/abs.twimg.com\/a\/1383847355\/jsonp_sandbox.html&quot;,&quot;detailsPane&quot;:&quot;https:\/\/abs.twimg.com\/a\/1383847355\/details_pane_content_sandbox.html&quot;},&quot;formAuthenticityToken&quot;:&quot;c14730383bfd2c98a5e4d26fe3c24e45dbd6de86&quot;,&quot;loggedIn&quot;:true,&quot;screenName&quot;:&quot;vyki_e&quot;,&quot;userId&quot;:&quot;1087064150&quot;,&quot;scribeBufferSize&quot;:3,&quot;pageName&quot;:&quot;permalink&quot;,&quot;sectionName&quot;:&quot;permalink&quot;,&quot;scribeParameters&quot;:{&quot;lang&quot;:&quot;en&quot;},&quot;internalReferer&quot;:null,&quot;experiments&quot;:{},&quot;geoEnabled&quot;:true,&quot;typeaheadData&quot;:{&quot;accounts&quot;:{&quot;localQueriesEnabled&quot;:true,&quot;remoteQueriesEnabled&quot;:true,&quot;enabled&quot;:true,&quot;limit&quot;:6},&quot;trendLocations&quot;:{&quot;enabled&quot;:true},&quot;savedSearches&quot;:{&quot;enabled&quot;:true,&quot;items&quot;:[{&quot;name&quot;:&quot;#goodgirlsgonegeek&quot;,&quot;id_str&quot;:&quot;267341944&quot;,&quot;search_query_source&quot;:&quot;saved_search_click&quot;,&quot;query&quot;:&quot;#goodgirlsgonegeek&quot;,&quot;saved_search_path&quot;:&quot;\/search?q=%23goodgirlsgonegeek&amp;src=savs&quot;,&quot;id&quot;:267341944},{&quot;name&quot;:&quot;#bikela&quot;,&quot;id_str&quot;:&quot;300126290&quot;,&quot;search_query_source&quot;:&quot;saved_search_click&quot;,&quot;query&quot;:&quot;#bikela&quot;,&quot;saved_search_path&quot;:&quot;\/search?q=%23bikela&amp;src=savs&quot;,&quot;id&quot;:300126290}]},&quot;dmAccounts&quot;:{&quot;enabled&quot;:true,&quot;localQueriesEnabled&quot;:true,&quot;onlyDMable&quot;:true,&quot;remoteQueriesEnabled&quot;:true},&quot;topics&quot;:{&quot;enabled&quot;:true,&quot;localQueriesEnabled&quot;:false,&quot;prefetchLimit&quot;:500,&quot;remoteQueriesEnabled&quot;:true,&quot;limit&quot;:4},&quot;recentSearches&quot;:{&quot;enabled&quot;:true},&quot;contextHelpers&quot;:{&quot;enabled&quot;:false,&quot;page_name&quot;:&quot;permalink&quot;,&quot;section_name&quot;:&quot;permalink&quot;,&quot;screen_name&quot;:&quot;vyki_e&quot;},&quot;hashtags&quot;:{&quot;enabled&quot;:true,&quot;localQueriesEnabled&quot;:false,&quot;prefetchLimit&quot;:500,&quot;remoteQueriesEnabled&quot;:true},&quot;showSearchAccountSocialContext&quot;:true,&quot;showTypeaheadTopicSocialContext&quot;:false,&quot;showDebugInfo&quot;:false,&quot;useThrottle&quot;:true,&quot;accountsOnTop&quot;:false,&quot;remoteDebounceInterval&quot;:300,&quot;remoteThrottleInterval&quot;:300,&quot;tweetContextEnabled&quot;:false,&quot;fullNameMatchingInCompose&quot;:true},&quot;pushStatePageLimit&quot;:500000,&quot;routes&quot;:{&quot;profile&quot;:&quot;\/vyki_e&quot;},&quot;pushState&quot;:true,&quot;viewContainer&quot;:&quot;#page-container&quot;,&quot;asyncSocialProof&quot;:true,&quot;dragAndDropPhotoUpload&quot;:true,&quot;href&quot;:&quot;\/vyki_e\/status\/363116819147538433&quot;,&quot;searchPathWithQuery&quot;:&quot;\/search?q=query&amp;src=typd&quot;,&quot;timelineCardsGallery&quot;:true,&quot;mediaGrid&quot;:true,&quot;deciders&quot;:{&quot;oembed_use_macaw_syndication&quot;:true,&quot;preserve_scroll_position&quot;:false,&quot;pushState&quot;:true,&quot;disable_profile_popup&quot;:false,&quot;hqImageUploads&quot;:false,&quot;mqImageUploads&quot;:false},&quot;permalinkCardsGallery&quot;:false,&quot;notifications_dm&quot;:true,&quot;notifications_spoonbill&quot;:false,&quot;notifications_timeline&quot;:false,&quot;notifications_dm_poll_scale&quot;:60,&quot;lifelineAlertEnabled&quot;:false,&quot;freezeDashboard&quot;:false,&quot;rosetta&quot;:false,&quot;deviceEnabled&quot;:false,&quot;hasPushDevice&quot;:true,&quot;smsDeviceVerified&quot;:false,&quot;inResearchGroup&quot;:false,&quot;tweetId&quot;:&quot;363116819147538433&quot;,&quot;endpoint&quot;:&quot;\/i\/vyki_e\/conversation\/363116819147538433&quot;,&quot;permalinkCardsGallery&quot;:true,&quot;showRelatedTweets&quot;:true,&quot;showHighlinePermalink&quot;:false,&quot;initialState&quot;:{&quot;title&quot;:&quot;Twitter \/ vyki_e: I&#39;m a sucker for pledges. ...&quot;,&quot;section&quot;:null,&quot;module&quot;:&quot;app\/pages\/permalink&quot;,&quot;cache_ttl&quot;:300,&quot;body_class_names&quot;:&quot;t1 logged-in user-style-vyki_e&quot;,&quot;doc_class_names&quot;:&quot;route-permalink&quot;,&quot;route_name&quot;:&quot;permalink&quot;,&quot;page_container_class_names&quot;:&quot;wrapper wrapper-permalink white&quot;,&quot;ttft_navigation&quot;:false}}">
3001
+ <input type="hidden" class="swift-boot-module" value="app/pages/permalink">
3002
+ <input type="hidden" id="swift-module-path" value="https://abs.twimg.com/c/swift/en">
3003
+
3004
+
3005
+ <script src="https://abs.twimg.com/c/swift/en/init.60642a289b5798dceb687c1681a7ae951106fb23.js" async></script>
3006
+