onebox 1.4.7 → 1.4.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 2cdc8f78c7f4dce0e758e08c0ed7102b1c12fa09
4
- data.tar.gz: cc4da44c8d84495297a211357e3d45510453e7e7
3
+ metadata.gz: bb22a08c0e6d06d935f30b1b230f0efc15efac21
4
+ data.tar.gz: f1c88f9839c7f81abf2dce07fc219a9ddedf020e
5
5
  SHA512:
6
- metadata.gz: 5abbb944b63f0c6bdc91fef1e01dbc6c343ee69f4fea91063e9810c71d9d0faa0d9300870c1c766a7e6fe07824feef1ca6897395fb07e9e6d73c6219617f35be
7
- data.tar.gz: 566603bf5b98472c1dec10cb21507feaa0affe8ba325339e04a066bcd49b1ae7e285ce04dc3a40f038e264773eb92465cad4b3bf2d00e9778dce06102cd3f09d
6
+ metadata.gz: 0eadd583d8f130ba3c797b00de73a3a12449c2d9631c5882da048938855b1e725d36feb45a12b90e7f92676894c9fd13ba8e3b145648182e37e9f6bf7f2f7a6e
7
+ data.tar.gz: c0970b83fba1d5b7ea3357557228168df39cfa5119a43a66627e7bf5a1716aac9054c3b61ca08eefeb92f4905ac4a656c6661f1b5de3e8244ff58d037866b1d1
@@ -2,22 +2,95 @@ module Onebox
2
2
  module Engine
3
3
  class TwitterStatusOnebox
4
4
  include Engine
5
- include JSON
5
+ include LayoutSupport
6
+ include HTML
6
7
 
7
8
  matches_regexp Regexp.new("^http(?:s)?://(?:www\\.)?(?:(?:\\w)+\\.)?(twitter)\\.com(?:/)?(?:.)*/status(es)?/")
8
9
 
9
- def url
10
- "https://api.twitter.com/1/statuses/oembed.json?id=#{match[:id]}"
10
+ private
11
+
12
+ def match
13
+ @match ||= @url.match(%r{twitter\.com/.+?/status(es)?/(?<id>\d+)})
11
14
  end
12
15
 
13
- def to_html
14
- raw['html']
16
+ def client
17
+ Onebox.options.twitter_client
15
18
  end
16
19
 
17
- private
20
+ def raw
21
+ if client
22
+ @raw ||= OpenStruct.new(client.status(match[:id]).to_hash)
23
+ else
24
+ super
25
+ end
26
+ end
18
27
 
19
- def match
20
- @match ||= @url.match(%r{twitter\.com/.+?/status(es)?/(?<id>\d+)})
28
+ def access(*keys)
29
+ keys.reduce(raw) do |memo, key|
30
+ memo[key] || memo[key.to_s]
31
+ end
32
+ end
33
+
34
+ def tweet
35
+ if raw.html?
36
+ raw.css(".tweet-text")[0].inner_text
37
+ else
38
+ access(:text)
39
+ end
40
+ end
41
+
42
+ def timestamp
43
+ if raw.html?
44
+ raw.css(".metadata span")[0].inner_text
45
+ else
46
+ created_at = access(:created_at)
47
+ date = DateTime.strptime(created_at, "%a %b %d %H:%M:%S %z %Y")
48
+ user_offset = access(:user, :utc_offset).to_i
49
+ offset = (user_offset >= 0 ? "+" : "-") + Time.at(user_offset.abs).gmtime.strftime("%H%M")
50
+ date.new_offset(offset).strftime("%l:%M %p - %e %b %Y")
51
+ end
52
+ end
53
+
54
+ def title
55
+ if raw.html?
56
+ raw.css(".stream-item-header .username").inner_text
57
+ else
58
+ access(:user, :screen_name)
59
+ end
60
+ end
61
+
62
+ def avatar
63
+ if raw.html?
64
+ raw.css(".avatar")[2]["src"]
65
+ else
66
+ access(:user, :profile_image_url)
67
+ end
68
+ end
69
+
70
+ def favorites
71
+ if raw.html?
72
+ raw.css(".stats li .request-favorited-popup").inner_text
73
+ else
74
+ access(:favorite_count)
75
+ end
76
+ end
77
+
78
+ def retweets
79
+ if raw.html?
80
+ raw.css(".stats li .request-retweeted-popup").inner_text
81
+ else
82
+ access(:retweet_count)
83
+ end
84
+ end
85
+
86
+ def data
87
+ { link: link,
88
+ tweet: tweet,
89
+ timestamp: timestamp,
90
+ title: title,
91
+ avatar: avatar,
92
+ favorites: favorites,
93
+ retweets: retweets }
21
94
  end
22
95
  end
23
96
  end
@@ -96,6 +96,7 @@ module Onebox
96
96
  ted.com
97
97
  thefreedictionary.com
98
98
  theglobeandmail.com
99
+ thenextweb.com
99
100
  theonion.com
100
101
  thestar.com
101
102
  thesun.co.uk
@@ -1,3 +1,3 @@
1
1
  module Onebox
2
- VERSION = "1.4.7"
2
+ VERSION = "1.4.8"
3
3
  end
@@ -1,13 +1,3005 @@
1
- {
2
- "cache_age": "3153600000",
3
- "url": "https://twitter.com/discourse/statuses/504354595733504000",
4
- "height": null,
5
- "provider_url": "https://twitter.com",
6
- "provider_name": "Twitter",
7
- "author_name": "Discourse",
8
- "version": "1.0",
9
- "author_url": "https://twitter.com/discourse",
10
- "type": "rich",
11
- "html": "<blockquote class=\"twitter-tweet\"><p>Introducing Discourse 1.0! <a href=\"http://t.co/IQf7eWCPnx\">http://t.co/IQf7eWCPnx</a></p>&mdash; Discourse (@discourse) <a href=\"https://twitter.com/discourse/statuses/504354595733504000\">August 26, 2014</a></blockquote>\n<script async src=\"//platform.twitter.com/widgets.js\" charset=\"utf-8\"></script>",
12
- "width": 550
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;
13
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>