minify-html/bench/tests/Twitter.html

1977 lines
301 KiB
HTML
Raw Normal View History

2020-01-07 20:35:39 -05:00
<!DOCTYPE html>
<html lang="en" data-scribe-reduced-action-queue="true">
<head>
<meta charset="utf-8" />
2020-01-08 09:00:05 -05:00
<script nonce="CU6L2sfCl6BLY0u97kBHuw==">
2020-01-07 20:35:39 -05:00
!(function() {
window.initErrorstack || (window.initErrorstack = []),
(window.onerror = function(r, i, n, o, t) {
r.indexOf("Script error.") > -1 ||
window.initErrorstack.push({
errorMsg: r,
url: i,
lineNumber: n,
column: o,
errorObj: t
});
});
})();
</script>
2020-01-08 09:00:05 -05:00
<script id="bouncer_terminate_iframe" nonce="CU6L2sfCl6BLY0u97kBHuw==">
2020-01-07 20:35:39 -05:00
if (window.top != window) {
window.top.postMessage({ bouncer: true, event: "complete" }, "*");
}
</script>
2020-01-08 09:00:05 -05:00
<script id="resolve_inline_redirects" nonce="CU6L2sfCl6BLY0u97kBHuw==">
2020-01-07 20:35:39 -05:00
!(function() {
function n() {
var n = window.location.href.match(/#(.)(.*)$/);
return n && "!" == n[1] && n[2].replace(/^\//, "");
}
function t() {
var t = n();
t && window.location.replace("//" + window.location.host + "/" + t);
}
t(),
window.addEventListener
? window.addEventListener("hashchange", t, !1)
: window.attachEvent && window.attachEvent("onhashchange", t);
})();
</script>
2020-01-08 09:00:05 -05:00
<script id="ttft_boot_data" nonce="CU6L2sfCl6BLY0u97kBHuw==">
2020-01-07 20:35:39 -05:00
window.ttftData = {
transaction_id:
2020-01-08 09:00:05 -05:00
"00204b0d0097dfe7.418133804a9abcfe\u003c:0087171b00c4ef4c",
server_request_start_time: 1578490407554,
2020-01-07 20:35:39 -05:00
user_id: null,
is_ssl: true,
rendered_on_server: true,
is_tfe: true,
client: "macaw-swift",
tfe_version: "tsa_l\/1.0.1\/20191126.1647.c3ada84",
ttft_browser: "mozilla"
};
!(function() {
function t(t, n) {
window.ttftData && !window.ttftData[t] && (window.ttftData[t] = n);
}
function n() {
return o
? Math.round(w.now() + w.timing.navigationStart)
: new Date().getTime();
}
var w = window.performance,
o = w && w.now;
window.ttft || (window.ttft = {}),
window.ttft.recordMilestone || (window.ttft.recordMilestone = t),
window.ttft.now || (window.ttft.now = n);
})();
</script>
2020-01-08 09:00:05 -05:00
<script id="swift_action_queue" nonce="CU6L2sfCl6BLY0u97kBHuw==">
2020-01-07 20:35:39 -05:00
!(function() {
function e(e) {
if ((e || (e = window.event), !e)) return !1;
if (
((e.timestamp = new Date().getTime()),
!e.target && e.srcElement && (e.target = e.srcElement),
document.documentElement.getAttribute(
"data-scribe-reduced-action-queue"
))
)
for (var t = e.target; t && t != document.body; ) {
if ("A" == t.tagName) return;
t = t.parentNode;
}
return (
i("all", o(e)),
a(e)
? (document.addEventListener || (e = o(e)),
(e.preventDefault = e.stopPropagation = e.stopImmediatePropagation = function() {}),
y ? (v.push(e), i("captured", e)) : i("ignored", e),
!1)
: (i("direct", e), !0)
);
}
function t(e) {
n();
for (var t, r = 0; (t = v[r]); r++) {
var a = e(t.target),
i = a.closest("a")[0];
if ("click" == t.type && i) {
var o = e.data(i, "events"),
u = o && o.click,
c = !i.hostname.match(g) || !i.href.match(/#$/);
if (!u && c) {
window.location = i.href;
continue;
}
}
a.trigger(e.event.fix(t));
}
window.swiftActionQueue.wasFlushed = !0;
}
function r() {
for (var e in b)
if ("all" != e)
for (var t = b[e], r = 0; r < t.length; r++)
console.log("actionQueue", c(t[r]));
}
function n() {
clearTimeout(w);
for (var e, t = 0; (e = h[t]); t++) document["on" + e] = null;
}
function a(e) {
if (!e.target) return !1;
var t = e.target,
r = (t.tagName || "").toLowerCase();
if (e.metaKey) return !1;
if (e.shiftKey && "a" == r) return !1;
if (t.hostname && !t.hostname.match(g)) return !1;
if (e.type.match(p) && s(t)) return !1;
if ("label" == r) {
var n = t.getAttribute("for");
if (n) {
var a = document.getElementById(n);
if (a && f(a)) return !1;
} else
for (var i, o = 0; (i = t.childNodes[o]); o++)
if (f(i)) return !1;
}
return !0;
}
function i(e, t) {
(t.bucket = e), b[e].push(t);
}
function o(e) {
var t = {};
for (var r in e) t[r] = e[r];
return t;
}
function u(e) {
for (; e && e != document.body; ) {
if ("A" == e.tagName) return e;
e = e.parentNode;
}
}
function c(e) {
var t = [];
e.bucket && t.push("[" + e.bucket + "]"), t.push(e.type);
var r,
n,
a = e.target,
i = u(a),
o = "",
c = e.timestamp && e.timestamp - d;
return (
"click" === e.type && i
? ((r = i.className.trim().replace(/\s+/g, ".")),
(n = i.id.trim()),
(o = /[^#]$/.test(i.href) ? " (" + i.href + ")" : ""),
(a = '"' + i.innerText.replace(/\n+/g, " ").trim() + '"'))
: ((r = a.className.trim().replace(/\s+/g, ".")),
(n = a.id.trim()),
(a = a.tagName.toLowerCase()),
e.keyCode && (a = String.fromCharCode(e.keyCode) + " : " + a)),
t.push(a + o + (n && "#" + n) + (!n && r ? "." + r : "")),
c && t.push(c),
t.join(" ")
);
}
function f(e) {
var t = (e.tagName || "").toLowerCase();
return "input" == t && "checkbox" == e.getAttribute("type");
}
function s(e) {
var t = (e.tagName || "").toLowerCase();
return (
"textarea" == t ||
("input" == t && "text" == e.getAttribute("type")) ||
"true" == e.getAttribute("contenteditable")
);
}
for (
var m,
d = new Date().getTime(),
l = 1e4,
g = /^([^\.]+\.)*twitter\.com$/,
p = /^key/,
h = ["click", "keydown", "keypress", "keyup"],
v = [],
w = null,
y = !0,
b = { captured: [], ignored: [], direct: [], all: [] },
k = 0;
(m = h[k]);
k++
)
document["on" + m] = e;
(w = setTimeout(function() {
y = !1;
}, l)),
(window.swiftActionQueue = {
buckets: b,
flush: t,
logActions: r,
wasFlushed: !1
});
})();
</script>
2020-01-08 09:00:05 -05:00
<script id="composition_state" nonce="CU6L2sfCl6BLY0u97kBHuw==">
2020-01-07 20:35:39 -05:00
!(function() {
function t(t) {
t.target.setAttribute("data-in-composition", "true");
}
function n(t) {
t.target.removeAttribute("data-in-composition");
}
document.addEventListener &&
(document.addEventListener("compositionstart", t, !1),
document.addEventListener("compositionend", n, !1));
})();
</script>
<link
rel="stylesheet"
href="https://abs.twimg.com/a/1576611360/css/t1/twitter_core.bundle.css"
class="coreCSSBundles"
/>
<link
rel="stylesheet"
class="moreCSSBundles"
href="https://abs.twimg.com/a/1576611360/css/t1/twitter_more_1.bundle.css"
/>
<link
rel="stylesheet"
class="moreCSSBundles"
href="https://abs.twimg.com/a/1576611360/css/t1/twitter_more_2.bundle.css"
/>
<link rel="dns-prefetch" href="https://pbs.twimg.com" />
<link rel="dns-prefetch" href="https://t.co" />
<link
rel="preload"
href="https://abs.twimg.com/k/en/init.en.6ea26b749f387d97a015.js"
as="script"
/>
<link
rel="preload"
href="https://abs.twimg.com/k/en/0.commons.en.06a750caea28350212ee.js"
as="script"
/>
<title>Twitter. It&#39;s what&#39;s happening.</title>
<meta name="robots" content="NOODP" />
<meta
name="description"
content="From breaking news and entertainment to sports and politics, get the full story with all the live commentary."
/>
<meta
name="msapplication-TileImage"
content="//abs.twimg.com/favicons/win8-tile-144.png"
/>
<meta name="msapplication-TileColor" content="#00aced" />
<link
rel="mask-icon"
sizes="any"
href="https://abs.twimg.com/a/1576611360/icons/favicon.svg"
color="#1da1f2"
/>
<link
rel="shortcut icon"
href="//abs.twimg.com/favicons/favicon.ico"
type="image/x-icon"
/>
<link
rel="apple-touch-icon"
href="https://abs.twimg.com/icons/apple-touch-icon-192x192.png"
sizes="192x192"
/>
<link rel="manifest" href="/manifest.json" />
<meta name="swift-page-name" id="swift-page-name" content="front" />
<meta name="swift-page-section" id="swift-section-name" content="front" />
<link rel="canonical" href="https://twitter.com/" />
<link rel="alternate" hreflang="x-default" href="https://twitter.com/" />
<link rel="alternate" hreflang="fr" href="https://twitter.com/?lang=fr" />
<link rel="alternate" hreflang="en" href="https://twitter.com/?lang=en" />
<link rel="alternate" hreflang="ar" href="https://twitter.com/?lang=ar" />
<link rel="alternate" hreflang="ja" href="https://twitter.com/?lang=ja" />
<link rel="alternate" hreflang="es" href="https://twitter.com/?lang=es" />
<link rel="alternate" hreflang="de" href="https://twitter.com/?lang=de" />
<link rel="alternate" hreflang="it" href="https://twitter.com/?lang=it" />
<link rel="alternate" hreflang="id" href="https://twitter.com/?lang=id" />
<link rel="alternate" hreflang="pt" href="https://twitter.com/?lang=pt" />
<link rel="alternate" hreflang="ko" href="https://twitter.com/?lang=ko" />
<link rel="alternate" hreflang="tr" href="https://twitter.com/?lang=tr" />
<link rel="alternate" hreflang="ru" href="https://twitter.com/?lang=ru" />
<link rel="alternate" hreflang="nl" href="https://twitter.com/?lang=nl" />
<link rel="alternate" hreflang="fil" href="https://twitter.com/?lang=fil" />
<link rel="alternate" hreflang="ms" href="https://twitter.com/?lang=ms" />
<link
rel="alternate"
hreflang="zh-tw"
href="https://twitter.com/?lang=zh-tw"
/>
<link
rel="alternate"
hreflang="zh-cn"
href="https://twitter.com/?lang=zh-cn"
/>
<link rel="alternate" hreflang="hi" href="https://twitter.com/?lang=hi" />
<link rel="alternate" hreflang="no" href="https://twitter.com/?lang=no" />
<link rel="alternate" hreflang="sv" href="https://twitter.com/?lang=sv" />
<link rel="alternate" hreflang="fi" href="https://twitter.com/?lang=fi" />
<link rel="alternate" hreflang="da" href="https://twitter.com/?lang=da" />
<link rel="alternate" hreflang="pl" href="https://twitter.com/?lang=pl" />
<link rel="alternate" hreflang="hu" href="https://twitter.com/?lang=hu" />
<link rel="alternate" hreflang="fa" href="https://twitter.com/?lang=fa" />
<link rel="alternate" hreflang="he" href="https://twitter.com/?lang=he" />
<link rel="alternate" hreflang="ur" href="https://twitter.com/?lang=ur" />
<link rel="alternate" hreflang="th" href="https://twitter.com/?lang=th" />
<link rel="alternate" hreflang="uk" href="https://twitter.com/?lang=uk" />
<link rel="alternate" hreflang="ca" href="https://twitter.com/?lang=ca" />
<link rel="alternate" hreflang="ga" href="https://twitter.com/?lang=ga" />
<link rel="alternate" hreflang="el" href="https://twitter.com/?lang=el" />
<link rel="alternate" hreflang="eu" href="https://twitter.com/?lang=eu" />
<link rel="alternate" hreflang="cs" href="https://twitter.com/?lang=cs" />
<link rel="alternate" hreflang="gl" href="https://twitter.com/?lang=gl" />
<link rel="alternate" hreflang="ro" href="https://twitter.com/?lang=ro" />
<link rel="alternate" hreflang="hr" href="https://twitter.com/?lang=hr" />
<link
rel="alternate"
hreflang="en-gb"
href="https://twitter.com/?lang=en-gb"
/>
<link rel="alternate" hreflang="vi" href="https://twitter.com/?lang=vi" />
<link rel="alternate" hreflang="bn" href="https://twitter.com/?lang=bn" />
<link rel="alternate" hreflang="bg" href="https://twitter.com/?lang=bg" />
<link rel="alternate" hreflang="sr" href="https://twitter.com/?lang=sr" />
<link rel="alternate" hreflang="sk" href="https://twitter.com/?lang=sk" />
<link rel="alternate" hreflang="gu" href="https://twitter.com/?lang=gu" />
<link rel="alternate" hreflang="mr" href="https://twitter.com/?lang=mr" />
<link rel="alternate" hreflang="ta" href="https://twitter.com/?lang=ta" />
<link rel="alternate" hreflang="kn" href="https://twitter.com/?lang=kn" />
<link
rel="alternate"
media="handheld, only screen and (max-width: 640px)"
href="https://mobile.twitter.com/"
/>
<link
rel="alternate"
href="android-app://com.twitter.android/twitter/front?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eandroidseo%7Ctwgr%5Ehome"
/>
<link
rel="search"
type="application/opensearchdescription+xml"
href="/opensearch.xml"
title="Twitter"
/>
<link id="async-css-placeholder" />
</head>
<body
class="three-col logged-out ms-windows static-logged-out-home-page"
data-fouc-class-names="swift-loading no-nav-banners"
dir="ltr"
>
2020-01-08 09:00:05 -05:00
<script id="swift_loading_indicator" nonce="CU6L2sfCl6BLY0u97kBHuw==">
2020-01-07 20:35:39 -05:00
document.body.className =
document.body.className +
" " +
document.body.getAttribute("data-fouc-class-names");
</script>
<noscript>
<form
action="https://mobile.twitter.com/i/nojs_router?path=%2F"
method="POST"
class="NoScriptForm"
>
<input
type="hidden"
2020-01-08 09:00:05 -05:00
value="c559ccf20a9b9356d9e12087869bba808cfbde3c"
2020-01-07 20:35:39 -05:00
name="authenticity_token"
/>
<div class="NoScriptForm-content">
<span
class="NoScriptForm-logo Icon Icon--logo Icon--extraLarge"
></span>
<p>
We've detected that JavaScript is disabled in your browser. Would
you like to proceed to legacy Twitter?
</p>
<p class="NoScriptForm-buttonContainer">
<button type="submit" class="EdgeButton EdgeButton--primary">
Yes
</button>
</p>
</div>
</form>
</noscript>
<a href="#timeline" class="u-hiddenVisually focusable">Skip to content</a>
<div
id="doc"
data-at-shortcutkeys='{"Enter":"Open Tweet details","o":"Expand photo","/":"Search","?":"This menu","j":"Next Tweet","k":"Previous Tweet","Space":"Page down",".":"Load new Tweets","gu":"Go to user\u2026"}'
class=""
>
<div class="StaticLoggedOutHomePage">
<div class="StaticLoggedOutHomePage-content">
<div
class="StaticLoggedOutHomePage-cell StaticLoggedOutHomePage-utilityBlock"
>
<div class="StaticLoggedOutHomePage-login">
<form
action="https://twitter.com/sessions"
class="LoginForm js-front-signin"
method="post"
data-component="login_callout"
data-element="form"
>
<div class="LoginForm-input LoginForm-username">
<input
type="text"
class="text-input email-input js-signin-email"
name="session[username_or_email]"
autocomplete="username"
placeholder="Phone, email, or username"
/>
</div>
<div class="LoginForm-input LoginForm-password">
<input
type="password"
class="text-input"
name="session[password]"
placeholder="Password"
autocomplete="current-password"
/>
<div class="LoginForm-staticForgot">
<a
class="forgot"
href="/account/begin_password_reset"
rel="noopener"
>Forgot password?</a
>
</div>
</div>
<input
type="submit"
class="EdgeButton EdgeButton--secondary EdgeButton--medium submit js-submit"
value="Log in"
/>
<input type="hidden" name="return_to_ssl" value="true" />
<input type="hidden" name="scribe_log" />
<input type="hidden" name="redirect_after_login" value="/" />
<input
type="hidden"
2020-01-08 09:00:05 -05:00
value="c559ccf20a9b9356d9e12087869bba808cfbde3c"
2020-01-07 20:35:39 -05:00
name="authenticity_token"
/>
<input type="hidden" name="ui_metrics" autocomplete="off" />
<script src="/i/js_inst?c_name=ui_metrics" async></script>
</form>
</div>
<div class="StaticLoggedOutHomePage-signupBlock">
<div class="StaticLoggedOutHomePage-signupHeader">
<span class="Icon Icon--bird"></span>
<a
class="StaticLoggedOutHomePage-input StaticLoggedOutHomePage-narrowLoginButton EdgeButton EdgeButton--secondary EdgeButton--small u-floatRight"
href="/login"
>
Log in
</a>
</div>
<h1 class="StaticLoggedOutHomePage-signupTitle">
See whats happening in the world right now
</h1>
<div class="StaticLoggedOutHomePage-noSignupForm">
<h2 class="StaticLoggedOutHomePage-signupSubtitle">
Join Twitter today.
</h2>
<div class="StaticLoggedOutHomePage-buttons">
<a
class="js-nav EdgeButton EdgeButton--medium EdgeButton--primary StaticLoggedOutHomePage-buttonSignup"
href="https://twitter.com/signup"
>
Sign up
</a>
<a
class="js-nav EdgeButton EdgeButton--medium EdgeButton--secondary StaticLoggedOutHomePage-buttonLogin"
href="/login"
>
Log in
</a>
</div>
</div>
</div>
</div>
<div
class="StaticLoggedOutHomePage-cell StaticLoggedOutHomePage-communicationBlock"
>
<?xml version="1.0" encoding="UTF-8"?>
<svg
class="twitterIcon-bird"
viewBox="0 0 1208 982"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<!-- Generator: Sketch 45.2 (43514) - http://www.bohemiancoding.com/sketch -->
<title>bird</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g
id="Final-Horizon"
stroke="none"
stroke-width="1"
fill="none"
fill-rule="evenodd"
>
<g
id="Artboard"
transform="translate(-286.000000, -117.000000)"
fill-rule="nonzero"
fill="#1B95E0"
>
<path
d="M1493.75308,233.195911 C1449.31783,252.922544 1401.56126,266.207828 1351.43951,272.19627 C1402.61804,241.549536 1441.92034,192.987798 1460.3889,135.116296 C1412.53168,163.498493 1359.49119,184.130942 1303.02874,195.252335 C1257.88897,147.093181 1193.42514,117 1122.16771,117 C962.190754,117 844.636121,266.258151 880.768067,421.202806 C674.896491,410.886582 492.324484,312.253414 370.089808,162.341063 C305.17308,273.705962 336.423691,419.391176 446.731805,493.16476 C406.171431,491.856361 367.925917,480.734968 334.561738,462.165765 C331.844294,576.95263 414.122472,684.342008 533.287442,708.245454 C498.413572,717.706186 460.218381,719.9204 421.368991,712.47259 C452.871217,810.904465 544.358512,882.514158 652.854997,884.52708 C548.686294,966.201382 417.443793,1002.68559 286,987.186091 C395.653915,1057.48739 525.940278,1098.50067 665.838342,1098.50067 C1125.89162,1098.50067 1385.81015,709.956437 1370.10936,361.469352 C1418.52012,326.494836 1460.53987,282.864756 1493.75308,233.195911 Z"
id="bird"
></path>
</g>
</g>
</svg>
<div class="StaticLoggedOutHomePage-communicationContent">
<div class="StaticLoggedOutHomePage-communicationItem">
<span class="Icon Icon--search"></span> Follow your interests.
</div>
<div class="StaticLoggedOutHomePage-communicationItem">
<span class="Icon Icon--people"></span> Hear what people are
talking about.
</div>
<div class="StaticLoggedOutHomePage-communicationItem">
<span class="Icon Icon--reply"></span> Join the conversation.
</div>
</div>
</div>
</div>
<noscript>
<div class="front-warning">
<h3>Twitter.com makes heavy use of JavaScript</h3>
<p>
If you cannot enable it in your browser's preferences, you may
have a better experience on our
<a href="http://m.twitter.com" rel="noopener">mobile site</a>.
</p>
</div>
</noscript>
<div class="front-warning" id="front-no-cookies-warn">
<h3>Twitter.com makes heavy use of browser cookies</h3>
<p>
Please enable cookies in your browser preferences before signing in.
</p>
</div>
<div class="StreamsFooter StreamsFooter--fixed">
<ul class="StreamsFooter-list u-cf">
<li class="StreamsFooter-item">
<a href="/about" rel="noopener">About</a>
</li>
<li class="StreamsFooter-item">
<a href="//support.twitter.com" rel="noopener">Help Center</a>
</li>
<li class="StreamsFooter-item">
<a href="https://blog.twitter.com" rel="noopener">Blog</a>
</li>
<li class="StreamsFooter-item">
<a href="http://status.twitter.com" rel="noopener">Status</a>
</li>
<li class="StreamsFooter-item">
<a href="https://about.twitter.com/careers" rel="noopener"
>Jobs</a
>
</li>
<li class="StreamsFooter-item">
<a href="/tos" rel="noopener">Terms</a>
</li>
<li class="StreamsFooter-item">
<a href="/privacy" rel="noopener">Privacy Policy</a>
</li>
<li class="StreamsFooter-item">
<a href="//support.twitter.com/articles/20170514" rel="noopener"
>Cookies</a
>
</li>
<li class="StreamsFooter-item">
<a
href="//business.twitter.com/en/help/troubleshooting/how-twitter-ads-work.html"
rel="noopener"
>Ads info</a
>
</li>
<li class="StreamsFooter-item">
<a href="//about.twitter.com/press/brand-assets" rel="noopener"
>Brand</a
>
</li>
<li class="StreamsFooter-item">
<a href="https://about.twitter.com/products" rel="noopener"
>Apps</a
>
</li>
<li class="StreamsFooter-item">
<a
href="//ads.twitter.com/?ref=gl-tw-tw-twitter-advertise"
rel="noopener"
>Advertise</a
>
</li>
<li class="StreamsFooter-item">
<a href="https://marketing.twitter.com" rel="noopener"
>Marketing</a
>
</li>
<li class="StreamsFooter-item">
<a href="https://business.twitter.com" rel="noopener"
>Businesses</a
>
</li>
<li class="StreamsFooter-item">
<a href="//dev.twitter.com" rel="noopener">Developers</a>
</li>
<li class="StreamsFooter-item">
<a href="/i/directory/profiles" rel="noopener">Directory</a>
</li>
<li class="StreamsFooter-item">
<a href="/settings/personalization" rel="noopener">Settings</a>
</li>
<li class="StreamsFooter-item StreamsFooter-copyright">
&copy; 2020 Twitter
</li>
</ul>
</div>
</div>
</div>
<div class="alert-messages hidden" id="message-drawer">
<div class="message ">
<div class="message-inside">
<span class="message-text"></span>
<a
role="button"
class="Icon Icon--close Icon--medium dismiss"
href="#"
>
<span class="visuallyhidden">Dismiss</span>
</a>
</div>
</div>
</div>
<div class="gallery-overlay"></div>
<div class="Gallery with-tweet">
<style class="Gallery-styles"></style>
<div class="Gallery-closeTarget"></div>
<div class="Gallery-content">
<div class="GalleryTweet-newsCameraBadge"></div>
<button
type="button"
class="modal-btn modal-close modal-close-fixed js-close"
>
<span class="Icon Icon--close Icon--large">
<span class="visuallyhidden">Close</span>
</span>
</button>
<div class="Gallery-media"></div>
<div class="GalleryNav GalleryNav--prev">
<span class="GalleryNav-handle GalleryNav-handle--prev">
<span class="Icon Icon--caretLeft Icon--large">
<span class="u-hiddenVisually">
Previous
</span>
</span>
</span>
</div>
<div class="GalleryNav GalleryNav--next">
<span class="GalleryNav-handle GalleryNav-handle--next">
<span class="Icon Icon--caretRight Icon--large">
<span class="u-hiddenVisually">
Next
</span>
</span>
</span>
</div>
<div class="GalleryTweet"></div>
</div>
</div>
<div class="modal-overlay"></div>
<div id="profile-hover-container"></div>
<div id="goto-user-dialog" class="modal-container">
<div class="modal modal-small draggable">
<div class="modal-content">
<button type="button" class="modal-btn modal-close js-close">
<span class="Icon Icon--close Icon--medium">
<span class="visuallyhidden">Close</span>
</span>
</button>
<div class="modal-header">
<h3 class="modal-title">Go to a person's profile</h3>
</div>
<div class="modal-body">
<div class="modal-inner">
<form class="t1-form goto-user-form">
<input
class="input-block username-input"
type="text"
placeholder="Start typing a name to jump to a profile"
aria-label="User"
/>
<div role="listbox" class="dropdown-menu typeahead">
<div aria-hidden="true" class="dropdown-caret">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div
role="presentation"
class="dropdown-inner js-typeahead-results"
>
<div role="presentation" class="typeahead-saved-searches">
<h3
id="saved-searches-heading"
class="typeahead-category-title saved-searches-title"
>
Saved searches
</h3>
<ul
role="presentation"
class="typeahead-items saved-searches-list"
>
<li
role="presentation"
class="typeahead-item typeahead-saved-search-item"
>
<span class="Icon Icon--close" aria-hidden="true"
><span class="visuallyhidden">Remove</span></span
>
<a
role="option"
aria-describedby="saved-searches-heading"
class="js-nav"
href=""
data-search-query=""
data-query-source=""
data-ds="saved_search"
tabindex="-1"
></a>
</li>
</ul>
</div>
<ul
role="presentation"
class="typeahead-items typeahead-topics"
>
<li
role="presentation"
class="typeahead-item typeahead-topic-item"
>
<a
role="option"
class="js-nav"
href=""
data-search-query=""
data-query-source="typeahead_click"
data-ds="topics"
tabindex="-1"
></a>
</li>
</ul>
<ul
role="presentation"
class="typeahead-items typeahead-accounts social-context js-typeahead-accounts"
>
<li
role="presentation"
data-user-id=""
data-user-screenname=""
data-remote="true"
data-score=""
class="typeahead-item typeahead-account-item js-selectable"
>
<a
role="option"
class="js-nav"
data-query-source="typeahead_click"
data-search-query=""
data-ds="account"
>
<div
class="js-selectable typeahead-in-conversation hidden"
>
<span
class="Icon Icon--follower Icon--small"
></span>
<span class="typeahead-in-conversation-text"
>In this conversation</span
>
</div>
<img class="avatar size32" alt="" />
<span class="typeahead-user-item-info account-group">
<span class="fullname"></span
><span class="UserBadges"
><span
class="Icon Icon--verified js-verified hidden"
><span class="u-hiddenVisually"
>Verified account</span
></span
><span
class="Icon Icon--protected js-protected hidden"
><span class="u-hiddenVisually"
>Protected Tweets</span
></span
></span
><span class="UserNameBreak">&nbsp;</span
><span class="username u-dir" dir="ltr"
>@<b></b
></span>
</span>
<span class="typeahead-social-context"></span>
</a>
</li>
<li
role="presentation"
class="js-selectable typeahead-accounts-shortcut js-shortcut"
>
<a
role="option"
class="js-nav"
href=""
data-search-query=""
data-query-source="typeahead_click"
data-shortcut="true"
data-ds="account_search"
></a>
</li>
</ul>
<ul
role="presentation"
class="typeahead-items typeahead-trend-locations-list"
>
<li
role="presentation"
class="typeahead-item typeahead-trend-locations-item"
>
<a
role="option"
class="js-nav"
href=""
data-ds="trend_location"
data-search-query=""
tabindex="-1"
></a>
</li>
</ul>
<div role="presentation" class="typeahead-user-select">
<div
role="presentation"
class="typeahead-empty-suggestions"
>
Suggested users
</div>
<ul
role="presentation"
class="typeahead-items typeahead-selected js-typeahead-selected"
>
<li
role="presentation"
data-user-id=""
data-user-screenname=""
data-remote="true"
data-score=""
class="typeahead-item typeahead-selected-item js-selectable"
>
<a
role="option"
class="js-nav"
data-query-source="typeahead_click"
data-search-query=""
data-ds="account"
>
<img class="avatar size32" alt="" />
<span
class="typeahead-user-item-info account-group"
>
<span
class="select-status deselect-user js-deselect-user Icon Icon--check"
></span>
<span
class="select-status select-disabled Icon Icon--unfollow"
></span>
<span class="fullname"></span
><span class="UserBadges"
><span
class="Icon Icon--verified js-verified hidden"
><span class="u-hiddenVisually"
>Verified account</span
></span
><span
class="Icon Icon--protected js-protected hidden"
><span class="u-hiddenVisually"
>Protected Tweets</span
></span
></span
><span class="UserNameBreak">&nbsp;</span
><span class="username u-dir" dir="ltr"
>@<b></b
></span>
</span>
</a>
</li>
<li
role="presentation"
class="typeahead-selected-end"
></li>
</ul>
<ul
role="presentation"
class="typeahead-items typeahead-accounts js-typeahead-accounts"
>
<li
role="presentation"
data-user-id=""
data-user-screenname=""
data-remote="true"
data-score=""
class="typeahead-item typeahead-account-item js-selectable"
>
<a
role="option"
class="js-nav"
data-query-source="typeahead_click"
data-search-query=""
data-ds="account"
>
<img class="avatar size32" alt="" />
<span
class="typeahead-user-item-info account-group"
>
<span
class="select-status deselect-user js-deselect-user Icon Icon--check"
></span>
<span
class="select-status select-disabled Icon Icon--unfollow"
></span>
<span class="fullname"></span
><span class="UserBadges"
><span
class="Icon Icon--verified js-verified hidden"
><span class="u-hiddenVisually"
>Verified account</span
></span
><span
class="Icon Icon--protected js-protected hidden"
><span class="u-hiddenVisually"
>Protected Tweets</span
></span
></span
><span class="UserNameBreak">&nbsp;</span
><span class="username u-dir" dir="ltr"
>@<b></b
></span>
</span>
</a>
</li>
<li
role="presentation"
class="typeahead-accounts-end"
></li>
</ul>
</div>
<div role="presentation" class="typeahead-dm-conversations">
<ul
role="presentation"
class="typeahead-items typeahead-dm-conversation-items"
>
<li
role="presentation"
class="typeahead-item typeahead-dm-conversation-item"
>
<a role="option" tabindex="-1"></a>
</li>
</ul>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div id="quick-promote-dialog" class="QuickPromoteDialog modal-container">
<div class="modal draggable">
<div class="modal-content">
<button
type="button"
class="modal-btn modal-close modal-close-fixed js-close"
>
<span class="Icon Icon--close Icon--large">
<span class="visuallyhidden">Close</span>
</span>
</button>
<div class="modal-header">
<h3 class="modal-title">Promote this Tweet</h3>
</div>
<div class="modal-body">
<div class="quick-promote-view-container">
<div class="media">
<iframe
class="quick-promote-iframe js-initial-focus"
scrolling="no"
frameborder="0"
src=""
>
</iframe>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="block-user-dialog" class="modal-container">
<div class="modal draggable">
<div class="modal-content">
<button type="button" class="modal-btn modal-close js-close">
<span class="Icon Icon--close Icon--medium">
<span class="visuallyhidden">Close</span>
</span>
</button>
<div class="modal-header">
<h3 class="modal-title">Block</h3>
</div>
<div class="tweet-loading">
<div class="spinner-bigger"></div>
</div>
<div class="modal-body modal-tweet"></div>
<div class="modal-footer">
<button
class="EdgeButton EdgeButton--tertiary cancel-action js-close"
>
Cancel
</button>
<button class="EdgeButton EdgeButton--danger block-action">
Block
</button>
</div>
</div>
</div>
</div>
<div id="geo-disabled-dropdown">
<div tabindex="-1">
<div class="dropdown-caret">
<span class="caret-outer"></span>
<span class="caret-inner"></span>
</div>
<ul>
<li class="geo-not-enabled-yet">
<h2>Tweet with a location</h2>
<p>
You can add location information to your Tweets, such as your city
or precise location, from the web and via third-party
applications. You always have the option to delete your Tweet
location history.
<a
href="http://support.twitter.com/forums/26810/entries/78525"
target="_blank"
rel="noopener"
>Learn more</a
>
</p>
<div>
<button
type="button"
class="geo-turn-on EdgeButton EdgeButton--primary"
>
Turn on
</button>
<button
type="button"
class="geo-not-now EdgeButton EdgeButton--secondary"
>
Not now
</button>
</div>
</li>
</ul>
</div>
</div>
<div id="geo-enabled-dropdown">
<div tabindex="-1">
<div class="dropdown-caret">
<span class="caret-outer"></span>
<span class="caret-inner"></span>
</div>
<div>
<div class="geo-query-location">
<input
class="GeoSearch-queryInput"
type="text"
autocomplete="off"
placeholder="Search for a neighborhood or city"
/>
<span class="Icon Icon--search"></span>
</div>
<div class="geo-dropdown-status"></div>
<ul class="GeoSearch-dropdownMenu"></ul>
</div>
</div>
</div>
<div id="list-membership-dialog" class="modal-container">
<div class="modal modal-small draggable">
<div class="modal-content">
<button type="button" class="modal-btn modal-close js-close">
<span class="Icon Icon--close Icon--medium">
<span class="visuallyhidden">Close</span>
</span>
</button>
<div class="modal-header">
<h3 class="modal-title">Your lists</h3>
</div>
<div class="modal-body">
<div class="list-membership-content"></div>
<span class="spinner lists-spinner" title="Loading&hellip;"></span>
</div>
</div>
</div>
</div>
<div id="list-operations-dialog" class="modal-container">
<div class="modal modal-medium draggable">
<div class="modal-content">
<button type="button" class="modal-btn modal-close js-close">
<span class="Icon Icon--close Icon--medium">
<span class="visuallyhidden">Close</span>
</span>
</button>
<div class="modal-header">
<h3 class="modal-title">Create a new list</h3>
</div>
<div class="modal-body">
<div class="list-editor">
<div class="field">
<label class="t1-label" for="list-name">List name</label>
<input
id="list-name"
type="text"
class="text"
name="name"
value=""
/>
</div>
<hr />
<div class="field">
<label class="t1-label" for="list-description"
>Description</label
>
<textarea id="list-description" name="description"></textarea>
<span class="help-text">Under 100 characters, optional</span>
</div>
<hr />
<fieldset class="field">
<legend class="t1-legend">Privacy</legend>
<div class="options">
<label class="t1-label" for="list-public-radio">
<input
class="radio"
type="radio"
name="mode"
id="list-public-radio"
value="public"
checked="checked"
/>
<b>Public</b> &middot; Anyone can follow this list
</label>
<label class="t1-label" for="list-private-radio">
<input
class="radio"
type="radio"
name="mode"
id="list-private-radio"
value="private"
/>
<b>Private</b> &middot; Only you can access this list
</label>
</div>
</fieldset>
<hr />
<div class="list-editor-save">
<button
type="button"
class="EdgeButton EdgeButton--secondary update-list-button"
data-list-id=""
>
Save list
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="activity-popup-dialog" class="modal-container">
<div class="modal draggable">
<div class="modal-content clearfix">
<button type="button" class="modal-btn modal-close js-close">
<span class="Icon Icon--close Icon--medium">
<span class="visuallyhidden">Close</span>
</span>
</button>
<div class="modal-header">
<h3 class="modal-title"></h3>
</div>
<div class="modal-body">
<div class="tweet-loading">
<div class="spinner-bigger"></div>
</div>
<div
class="activity-popup-dialog-content modal-tweet clearfix"
></div>
<div class="loading">
<span class="spinner-bigger"></span>
</div>
<div class="activity-popup-dialog-users clearfix"></div>
<div class="activity-popup-dialog-footer"></div>
</div>
</div>
</div>
</div>
<div id="copy-link-to-tweet-dialog" class="modal-container">
<div class="modal modal-medium draggable">
<div class="modal-content">
<button type="button" class="modal-btn modal-close js-close">
<span class="Icon Icon--close Icon--medium">
<span class="visuallyhidden">Close</span>
</span>
</button>
<div class="modal-header">
<h3 class="modal-title">Copy link to Tweet</h3>
</div>
<div class="modal-body">
<div class="copy-link-to-tweet-container">
<label class="t1-label">
<p class="copy-link-to-tweet-instructions">
Here's the URL for this Tweet. Copy it to easily share with
friends.
</p>
<textarea
class="link-to-tweet-destination js-initial-focus u-dir"
dir="ltr"
readonly
></textarea>
</label>
</div>
</div>
</div>
</div>
</div>
<div id="embed-tweet-dialog" class="modal-container">
<div class="modal modal-medium draggable">
<div class="modal-content">
<button type="button" class="modal-btn modal-close js-close">
<span class="Icon Icon--close Icon--medium">
<span class="visuallyhidden">Close</span>
</span>
</button>
<div class="modal-header">
<h3 class="modal-title embed-tweet-title">Embed this Tweet</h3>
<h3 class="modal-title embed-video-title">Embed this Video</h3>
</div>
<div class="modal-body">
<div class="embed-code-container">
<p class="embed-tweet-instructions">
Add this Tweet to your website by copying the code below.
<a
href="https://dev.twitter.com/web/embedded-tweets"
target="_blank"
rel="noopener"
>Learn more</a
>
</p>
<p class="embed-video-instructions">
Add this video to your website by copying the code below.
<a
href="https://dev.twitter.com/web/embedded-tweets"
target="_blank"
rel="noopener"
>Learn more</a
>
</p>
<form class="t1-form">
<div class="embed-destination-wrapper">
<div class="embed-overlay embed-overlay-spinner">
<div class="embed-overlay-content"></div>
</div>
<div class="embed-overlay embed-overlay-error">
<p class="embed-overlay-content">
Hmm, there was a problem reaching the server.
<button type="button" class="btn-link retry-embed">
Try again?
</button>
</p>
</div>
<textarea
class="embed-destination js-initial-focus"
></textarea>
<div class="embed-options">
<div class="embed-include-parent-tweet">
<label class="t1-label" for="include-parent-tweet">
<input
type="checkbox"
id="include-parent-tweet"
class="include-parent-tweet"
checked
/>
Include parent Tweet
</label>
</div>
<div class="embed-include-card">
<label class="t1-label" for="include-card">
<input
type="checkbox"
id="include-card"
class="include-card"
checked
/>
Include media
</label>
</div>
</div>
</div>
</form>
<p class="embed-tweet-description">
By embedding Twitter content in your website or app, you are
agreeing to the Twitter
<a
href="https://dev.twitter.com/overview/terms/agreement"
rel="noopener"
>Developer Agreement</a
>
and
<a
href="https://dev.twitter.com/overview/terms/policy"
rel="noopener"
>Developer Policy</a
>.
</p>
<h3 class="embed-preview-header">Preview</h3>
<div class="embed-preview"></div>
</div>
</div>
</div>
</div>
</div>
<div id="why-this-ad-dialog" class="modal-container why-this-ad-dialog">
<div class="modal modal-large draggable">
<div class="modal-content">
<button type="button" class="modal-btn modal-close js-close">
<span class="Icon Icon--close Icon--medium">
<span class="visuallyhidden">Close</span>
</span>
</button>
<div class="modal-header">
<h3 class="modal-title why-this-ad-title">
Why you're seeing this ad
</h3>
</div>
<div class="why-this-ad-content">
<div class="why-this-ad-spinner">
<div class="spinner-bigger"></div>
</div>
<iframe
id="why-this-ad-frame"
class="hidden"
aria-hidden="true"
scrolling="auto"
>
</iframe>
</div>
</div>
</div>
</div>
<div id="login-dialog" class="LoginDialog modal-container u-textCenter">
<div class="modal modal-large draggable">
<div class="LoginDialog-content modal-content">
<button type="button" class="modal-btn modal-close js-close">
<span class="Icon Icon--close Icon--medium">
<span class="visuallyhidden">Close</span>
</span>
</button>
<div class="modal-header">
<h3 class="modal-title">Log in to Twitter</h3>
</div>
<div class="LoginDialog-body modal-body">
<div class="LoginDialog-bird">
<span class="Icon Icon--bird Icon--large"></span>
</div>
<div class="LoginDialog-form">
<form
action="https://twitter.com/sessions"
class="LoginForm js-front-signin"
method="post"
data-component="dialog"
data-element="login"
>
<div class="LoginForm-input LoginForm-username">
<input
type="text"
class="text-input email-input js-signin-email"
name="session[username_or_email]"
autocomplete="username"
placeholder="Phone, email, or username"
/>
</div>
<div class="LoginForm-input LoginForm-password">
<input
type="password"
class="text-input"
name="session[password]"
placeholder="Password"
autocomplete="current-password"
/>
</div>
<div class="LoginForm-rememberForgot">
<label>
<input
type="checkbox"
value="1"
name="remember_me"
checked="checked"
/>
<span>Remember me</span>
</label>
<span class="separator">&middot;</span>
<a
class="forgot"
href="/account/begin_password_reset"
rel="noopener"
>Forgot password?</a
>
</div>
<input
type="submit"
class="EdgeButton EdgeButton--primary EdgeButton--medium submit js-submit"
value="Log in"
/>
<input type="hidden" name="return_to_ssl" value="true" />
<input type="hidden" name="scribe_log" />
<input type="hidden" name="redirect_after_login" value="/" />
<input
type="hidden"
2020-01-08 09:00:05 -05:00
value="c559ccf20a9b9356d9e12087869bba808cfbde3c"
2020-01-07 20:35:39 -05:00
name="authenticity_token"
/>
<input type="hidden" name="ui_metrics" autocomplete="off" />
<script src="/i/js_inst?c_name=ui_metrics" async></script>
</form>
</div>
</div>
<div class="LoginDialog-footer modal-footer u-textCenter">
Don't have an account?
<a
class="LoginDialog-signupLink"
href="https://twitter.com/signup"
rel="noopener"
>Sign up &raquo;</a
>
</div>
</div>
</div>
</div>
<div id="signup-dialog" class="SignupDialog modal-container u-textCenter">
<div class="modal modal-large draggable">
<div class="SignupDialog-content modal-content">
<button type="button" class="modal-btn modal-close js-close">
<span class="Icon Icon--close Icon--medium">
<span class="visuallyhidden">Close</span>
</span>
</button>
<div class="modal-header">
<h3 class="modal-title">Sign up for Twitter</h3>
</div>
<div class="SignupDialog-body modal-body">
<div class="SignupDialog-icon">
<span class="Icon Icon--bird Icon--extraLarge"></span>
</div>
<h2 class="SignupDialog-heading">
Not on Twitter? Sign up, tune into the things you care about, and
get updates as they happen.
</h2>
<div class="SignupDialog-form">
<div
class="signup SignupForm
"
>
<a
href="https://twitter.com/signup"
role="button"
class="EdgeButton EdgeButton--large EdgeButton--primary SignupForm-submit u-block js-signup "
data-component="dialog"
data-element="signup"
>Sign up</a
>
</div>
</div>
</div>
<div class="SignupDialog-footer modal-footer u-textCenter">
Have an account?
<a class="SignupDialog-signinLink" href="/login" rel="noopener"
>Log in &raquo;</a
>
</div>
</div>
</div>
</div>
<div id="sms-codes-dialog" class="modal-container">
<div class="modal modal-medium draggable">
<div class="modal-content">
<button type="button" class="modal-btn modal-close js-close">
<span class="Icon Icon--close Icon--medium">
<span class="visuallyhidden">Close</span>
</span>
</button>
<div class="modal-header">
<h3 class="modal-title">
Two-way (sending and receiving) short codes:
</h3>
</div>
<div class="modal-body">
<table id="sms_codes" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th>Country</th>
<th>Code</th>
<th>For customers of</th>
</tr>
</thead>
<tbody>
<tr>
<td>United States</td>
<td>40404</td>
<td>(any)</td>
</tr>
<tr>
<td>Canada</td>
<td>21212</td>
<td>(any)</td>
</tr>
<tr>
<td>United Kingdom</td>
<td>86444</td>
<td>Vodafone, Orange, 3, O2</td>
</tr>
<tr>
<td>Brazil</td>
<td>40404</td>
<td>Nextel, TIM</td>
</tr>
<tr>
<td>Haiti</td>
<td>40404</td>
<td>Digicel, Voila</td>
</tr>
<tr>
<td>Ireland</td>
<td>51210</td>
<td>Vodafone, O2</td>
</tr>
<tr>
<td>India</td>
<td>53000</td>
<td>Bharti Airtel, Videocon, Reliance</td>
</tr>
<tr>
<td>Indonesia</td>
<td>89887</td>
<td>AXIS, 3, Telkomsel, Indosat, XL Axiata</td>
</tr>
<tr>
<td rowspan="2">Italy</td>
<td>4880804</td>
<td>Wind</td>
</tr>
<tr>
<td>3424486444</td>
<td>Vodafone</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">
&raquo;
<a
class="js-initial-focus"
target="_blank"
href="http://support.twitter.com/articles/14226-how-to-find-your-twitter-short-code-or-long-code"
rel="noopener"
>See SMS short codes for other countries</a
>
</td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div>
<div id="leadgen-confirm-dialog" class="modal-container">
<div class="modal draggable">
<div class="modal-content">
<button type="button" class="modal-btn modal-close js-close">
<span class="Icon Icon--close Icon--medium">
<span class="visuallyhidden">Close</span>
</span>
</button>
<div class="modal-header">
<h3 class="modal-title">Confirmation</h3>
</div>
<div class="modal-body">
<div class="leadgen-card-container">
<div class="media">
<iframe
class="cards2-promotion-iframe"
scrolling="no"
frameborder="0"
src=""
>
</iframe>
</div>
</div>
<div
class="js-macaw-cards-iframe-container"
data-card-name="promotion"
></div>
</div>
</div>
</div>
</div>
<div id="auth-webview-dialog" class="AuthWebViewDialog modal-container">
<div class="modal draggable">
<div class="modal-content">
<button
type="button"
class="modal-btn modal-close modal-close-fixed js-close"
>
<span class="Icon Icon--close Icon--large">
<span class="visuallyhidden">Close</span>
</span>
</button>
<div class="modal-header">
<h3 class="modal-title">&nbsp;</h3>
</div>
<div class="modal-body">
<div class="auth-webview-view-container">
<div class="media">
<iframe
class="auth-webview-card-iframe js-initial-focus"
scrolling="no"
frameborder="0"
width="590px"
height="500px"
src=""
>
</iframe>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="promptbird-modal-prompt" class="modal-container">
<div class="modal">
<button
type="button"
class="modal-btn js-promptDismiss modal-close js-close"
>
<span class="Icon Icon--close Icon--medium">
<span class="visuallyhidden">Close</span>
</span>
</button>
<div class="modal-content"></div>
</div>
</div>
<div id="ui-walkthrough-dialog" class="modal-container UIWalkthrough">
<div class="UIWalkthrough-clickBlocker"></div>
<div class="modal modal-small">
<div class="UIWalkthrough-caret"></div>
<div class="modal-content">
<div class="modal-body">
<div class="UIWalkthrough-header">
<span class="UIWalkthrough-stepProgress"></span>
<button class="UIWalkthrough-skip js-close">
Skip all
</button>
</div>
<div class="UIWalkthrough-step UIWalkthrough-step--welcome">
<h3 class="UIWalkthrough-title">
<span class="Icon Icon--home UIWalkthrough-icon"></span>
Welcome home!
</h3>
<p class="UIWalkthrough-message">
This timeline is where youll spend most of your time, getting
instant updates about what matters to you.
</p>
</div>
<div class="UIWalkthrough-step UIWalkthrough-step--unfollow">
<h3 class="UIWalkthrough-title">
<span
class="Icon Icon--smileRating1Fill UIWalkthrough-icon"
></span>
Tweets not working for you?
</h3>
<p class="UIWalkthrough-message">
Hover over the profile pic and click the Following button to
unfollow any account.
</p>
</div>
<div class="UIWalkthrough-step UIWalkthrough-step--like">
<h3 class="UIWalkthrough-title">
<span class="Icon Icon--heart UIWalkthrough-icon"></span>
Say a lot with a little
</h3>
<p class="UIWalkthrough-message">
When you see a Tweet you love, tap the heart — it lets the
person who wrote it know you shared the love.
</p>
</div>
<div class="UIWalkthrough-step UIWalkthrough-step--retweet">
<h3 class="UIWalkthrough-title">
<span class="Icon Icon--retweet UIWalkthrough-icon"></span>
Spread the word
</h3>
<p class="UIWalkthrough-message">
The fastest way to share someone elses Tweet with your
followers is with a Retweet. Tap the icon to send it instantly.
</p>
</div>
<div class="UIWalkthrough-step UIWalkthrough-step--reply">
<h3 class="UIWalkthrough-title">
<span class="Icon Icon--reply UIWalkthrough-icon"></span>
Join the conversation
</h3>
<p class="UIWalkthrough-message">
Add your thoughts about any Tweet with a Reply. Find a topic
youre passionate about, and jump right in.
</p>
</div>
<div class="UIWalkthrough-step UIWalkthrough-step--trends">
<h3 class="UIWalkthrough-title">
<span class="Icon Icon--discover UIWalkthrough-icon"></span>
Learn the latest
</h3>
<p class="UIWalkthrough-message">
Get instant insight into what people are talking about now.
</p>
</div>
<div class="UIWalkthrough-step UIWalkthrough-step--wtf">
<h3 class="UIWalkthrough-title">
<span class="Icon Icon--follow UIWalkthrough-icon"></span>
Get more of what you love
</h3>
<p class="UIWalkthrough-message">
Follow more accounts to get instant updates about topics you
care about.
</p>
</div>
<div class="UIWalkthrough-step UIWalkthrough-step--search">
<h3 class="UIWalkthrough-title">
<span class="Icon Icon--search UIWalkthrough-icon"></span>
Find what's happening
</h3>
<p class="UIWalkthrough-message">
See the latest conversations about any topic instantly.
</p>
</div>
<div class="UIWalkthrough-step UIWalkthrough-step--moments">
<h3 class="UIWalkthrough-title">
<span class="Icon Icon--lightning UIWalkthrough-icon"></span>
Never miss a Moment
</h3>
<p class="UIWalkthrough-message">
Catch up instantly on the best stories happening as they unfold.
</p>
</div>
</div>
<div class="modal-footer">
<button
class="EdgeButton EdgeButton--tertiary u-floatLeft plain-btn UIWalkthrough-button js-previous-step"
>
Back
</button>
<button
class="EdgeButton EdgeButton--secondary UIWalkthrough-button js-next-step js-initial-focus"
>
Next
</button>
</div>
</div>
</div>
</div>
<div id="create-custom-timeline-dialog" class="modal-container"></div>
<div id="edit-custom-timeline-dialog" class="modal-container"></div>
<div id="curate-dialog" class="modal-container"></div>
<div id="media-edit-dialog" class="modal-container"></div>
<div
class="PermalinkOverlay PermalinkOverlay-with-background "
id="permalink-overlay"
>
<div class="PermalinkProfile-dismiss modal-close-fixed">
<span class="Icon Icon--close"></span>
</div>
<button
class="PermalinkOverlay-next PermalinkOverlay-button u-posFixed js-next"
type="button"
>
<span class="Icon Icon--caretLeft Icon--large"></span>
<span class="u-hiddenVisually">Next Tweet from user</span>
</button>
<div class="PermalinkOverlay-modal">
<div class="PermalinkOverlay-spinnerContainer u-hidden">
<div class="PermalinkOverlay-spinner"></div>
</div>
<div class="PermalinkOverlay-content">
<div class="PermalinkOverlay-body"></div>
</div>
</div>
</div>
<div class="hidden" id="hidden-content">
<iframe
aria-hidden="true"
class="tweet-post-iframe"
name="tweet-post-iframe"
></iframe>
<iframe
aria-hidden="true"
class="dm-post-iframe"
name="dm-post-iframe"
></iframe>
</div>
2020-01-08 09:00:05 -05:00
<script nonce="CU6L2sfCl6BLY0u97kBHuw==" id="track-ttft-body-script">
2020-01-07 20:35:39 -05:00
if (window.ttft) {
window.ttft.recordMilestone(
"page",
document.getElementById("swift-page-name").getAttribute("content")
);
window.ttft.recordMilestone(
"section",
document.getElementById("swift-section-name").getAttribute("content")
);
window.ttft.recordMilestone("client_record_time", window.ttft.now());
}
</script>
<input
type="hidden"
id="init-data"
class="json-data"
2020-01-08 09:00:05 -05:00
value='{"keyboardShortcuts":[{"name":"Actions","description":"Shortcuts for common actions.","shortcuts":[{"keys":["Enter"],"description":"Open Tweet details"},{"keys":["o"],"description":"Expand photo"},{"keys":["\/"],"description":"Search"}]},{"name":"Navigation","description":"Shortcuts for navigating between items in timelines.","shortcuts":[{"keys":["?"],"description":"This menu"},{"keys":["j"],"description":"Next Tweet"},{"keys":["k"],"description":"Previous Tweet"},{"keys":["Space"],"description":"Page down"},{"keys":["."],"description":"Load new Tweets"}]},{"name":"Timelines","description":"Shortcuts for navigating to different timelines or pages.","shortcuts":[{"keys":["g","u"],"description":"Go to user\u2026"}]}],"baseFoucClass":"swift-loading","bodyFoucClassNames":"swift-loading no-nav-banners","assetsBasePath":"https:\/\/abs.twimg.com\/a\/1576611360\/","assetVersionKey":"42599c","emojiAssetsPath":"https:\/\/abs.twimg.com\/emoji\/v2\/72x72\/","environment":"production","formAuthenticityToken":"c559ccf20a9b9356d9e12087869bba808cfbde3c","loggedIn":false,"screenName":null,"fullName":null,"userId":null,"guestId":"157849040755104212","createdAt":null,"needsPhoneVerification":false,"allowAdsPersonalization":true,"scribeBufferSize":3,"pageName":"front","sectionName":"front","scribeParameters":{},"recaptchaApiUrl":"https:\/\/www.google.com\/recaptcha\/api\/js\/recaptcha_ajax.js","internalReferer":null,"geoEnabled":false,"typeaheadData":{"accounts":{"enabled":true,"localQueriesEnabled":false,"remoteQueriesEnabled":true,"limit":6},"trendLocations":{"enabled":true},"dmConversations":{"enabled":false},"followedSearches":{"enabled":false},"savedSearches":{"enabled":false,"items":[]},"dmAccounts":{"enabled":false,"localQueriesEnabled":false,"remoteQueriesEnabled":false,"onlyDMable":true},"mediaTagAccounts":{"enabled":false,"localQueriesEnabled":false,"remoteQueriesEnabled":false,"onlyShowUsersWithCanMediaTag":false,"currentUserId":-1},"selectedUsers":{"enabled":false},"prefillUsers":{"enabled":false},"topics":{"enabled":true,"localQueriesEnabled":false,"remoteQueriesEnabled":true,"prefetchLimit":500,"limit":4},"concierge":{"enabled":false,"localQueriesEnabled":false,"remoteQueriesEnabled":false,"prefetchLimit":500,"limit":6},"recentSearches":{"enabled":false},"hashtags":{"enabled":false,"localQueriesEnabled":false,"remoteQueriesEnabled":true,"prefetchLimit":500},"useIndexedDB":false,"showSearchAccountSocialContext":false,"showDebugInfo":false,"useThrottle":true,"accountsOnTop":false,"remoteDebounceInterval":300,"remoteThrottleInterval":300,"tweetContextEnabled":false,"fullNameMatchingInCompose":true,"topicsWithFiltersEnabled":false},"shellReferrer":null,"rwebOptInCookieName":"rweb_optin","rwebOptInCookieNewValue":"on","dm":{"notifications":false,"usePushForNotifications":true,"participant_max":50,"welcome_message_add_to_conversation_enabled":true,"poll_options":{"foreground_poll_interval":3000,"burst_poll_interval":3000,"burst_poll_duration":300000,"max_poll_interval":60000},"card_prefetch":true,"card_prefetch_interval_in_seconds":2000,"dm_quick_reply_options_panel_dismiss_in_ms":2000,"open_dm_enabled":false},"autoplayDisabled":false,"pushStatePageLimit":500000,"routes":{"profile":"\/"},"pushState":true,"viewContainer":"#doc","href":"\/","searchPathWithQuery":"\/search?q=query&amp;src=typd","composeAltText":false,"night_mode_activated":false,"user_color":null,"deciders":{"gdprAgeGateDialog":true,"gdprSoftBounceDialog":true,"geo_picker_incident_reset":true,"custom_timeline_curation":false,"native_notifications":true,"disable_ajax_datatype_default_to_text":false,"dm_polling_frequency_in_seconds":3000,"dm_granular_mute_controls":true,"enable_media_tag_prefetch":true,"enableMacawNymizerConversionLanding":false,"hqImageUploads":false,"live_pipeline_consume":true,"mqImageUploads":false,"partnerIdSyncEnabled":true,"sruMediaCategory":true,"photoSruGifLimitMb":15,"promoted_logging_force_post":true,"promoted_video_logging_enabled":true,"pushState":true,"emojiNewCategory":false,"contentEditablePlainTextOnly":false,"web_client_a
2020-01-07 20:35:39 -05:00
/>
<input
type="hidden"
class="swift-boot-module"
value="app/pages/static_lohp"
/>
<input
type="hidden"
id="swift-module-path"
value="https://abs.twimg.com/k/swift/en"
/>
<script
src="https://abs.twimg.com/k/en/init.en.6ea26b749f387d97a015.js"
async
></script>
</body>
</html>