├── .gitignore
├── Procfile
├── README.md
├── package.json
├── resources
    └── noterlive.css
├── web.js
└── web
    ├── bootstrap.css
    ├── cassis.js
    ├── hovercard.css
    ├── hovercards.js
    ├── index.fr.html
    ├── index.html
    ├── noterlive.js
    ├── noterlive.png
    ├── noterlive.svg
    ├── noterlive114.png
    ├── noterlive512.png
    └── tweetembed.css


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | .svn
3 | log/*.log
4 | tmp/**
5 | node_modules/
6 | .sass-cache
7 | .env


--------------------------------------------------------------------------------
/Procfile:
--------------------------------------------------------------------------------
1 | web: node web.js


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | noterlive
 2 | =========
 3 | 
 4 | A tool for indieweb live noting (aka live tweeting/live blogging).
 5 | 
 6 | To try it go to http://www.noterlive.com
 7 | 
 8 | # Instructions #
 9 | See: [Noter Live Instruction Manual](https://github.com/kevinmarks/noterlive/wiki/Noter-Live-Instruction-Manual)
10 | 
11 | For those wishing to properly display the available hovercard output on their websites, they should include the [javascript file](https://github.com/kevinmarks/noterlive/blob/master/web/hovercards.js) included in the repository in their root web folder and ensure that the displaying webpage includes `<script src="/hovercards.js"></script>`. One will also need to include appropriate CSS for displaying these cards, a possible sample can be found in `/resources/noterlive.css`.
12 | 
13 | 
14 | TO DO
15 | =====
16 | add a logout button for twitter
17 | 
18 | add title and header/footer composition for full posts
19 | 
20 | import hCards to speaker buttons as well as twitter handles
21 | 
22 | persist to localStorage to survive accidental refresh
23 | 
24 | add micropub support for noting elsewhere
25 | 
26 | add micropub/atompub/metaweblog for posting articles elsewhere
27 | 
28 | DONE
29 | ====
30 | better twitter length estimation (via Tantek's cassis.js)
31 | autolink in the html version (via Tantek's cassis.js)
32 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "noterlive",
 3 |   "version": "0.0.3",
 4 |   "dependencies": {
 5 |     "express": "3.17.4",
 6 |     "twitter-api": "https://github.com/kevinmarks/node-twitter-api/tarball/master",
 7 |     "oauth": "0.9.x"
 8 |   },
 9 |   "engines": {
10 |     "node": "0.12.x"
11 |   },
12 |   "repository": {
13 |     "type": "git",
14 |     "url": "https://github.com/kevinmarks/noterlive.git"
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/resources/noterlive.css:
--------------------------------------------------------------------------------
 1 | div .notercite {display:webkit-flex; display:flex;}
 2 | 
 3 | .hovercard{
 4 | 	position: relative;
 5 | }
 6 | 
 7 | .hovercard .hidden-info{
 8 | 	opacity: 0;
 9 | 	max-height: 0;
10 | 	max-width: 0;
11 | 	overflow: hidden;
12 | 	position: absolute;
13 | 	top: 1.5em;
14 | 	left: 0;
15 | 	z-index:1;
16 | }
17 | 
18 | .hovercard:hover .hidden-info{
19 | 	border: #999 solid 1px;
20 | 	box-shadow: 0 0 1em #999;
21 | 	padding: 0.5em;
22 | 	background: #fcfcfc;
23 | 	opacity: 1;
24 | 	max-height: 20em;
25 | 	max-width: 20em;
26 | }
27 | 


--------------------------------------------------------------------------------
/web.js:
--------------------------------------------------------------------------------
  1 | var express = require('express');
  2 | var consumerKey = process.env.TWITTER_CONSUMER_KEY;
  3 | var consumerSecret = process.env.TWITTER_CONSUMER_SECRET;
  4 | var appRoot = process.env.APP_ROOT || "localhost:5000";
  5 | var OAuth = require('oauth').OAuth
  6 |   , oauth = new OAuth(
  7 |       "https://api.twitter.com/oauth/request_token",
  8 |       "https://api.twitter.com/oauth/access_token",
  9 |       consumerKey,
 10 |       consumerSecret,
 11 |       "1.0",
 12 |       appRoot + "/auth/twitter/callback",
 13 |       "HMAC-SHA1"
 14 |     );
 15 | 
 16 | var twitter = require('twitter-api').createClient();
 17 | 
 18 | var app = express();
 19 | app.configure(function(){
 20 |     app.use(express.static(__dirname + '/web'));
 21 |     app.use(express.bodyParser());
 22 |     app.use(express.cookieParser());
 23 |     app.use(express.cookieSession({secret:'refulgenceherringglueeffluent'}));
 24 | });
 25 | 
 26 | app.get('/auth/twitter', function(req, res) {
 27 |  
 28 |   oauth.getOAuthRequestToken(function(error, oauth_token, oauth_token_secret, results) {
 29 |     if (error) {
 30 |       console.log(error);
 31 |       res.send("Authentication Failed!");
 32 |     }
 33 |     else {
 34 |       req.session.oauth = {
 35 |         token: oauth_token,
 36 |         token_secret: oauth_token_secret
 37 |       };
 38 |       console.log(req.session.oauth);
 39 |       res.redirect('https://twitter.com/oauth/authenticate?oauth_token='+oauth_token)
 40 |     }
 41 |   });
 42 |  
 43 | });
 44 | 
 45 | app.get('/auth/twitterlogout', function(req, res) {
 46 |   // Only destroys the session, doesn't revoke the key.
 47 |   // Twitter doesn't have an API for user-level revocation.
 48 |   req.session = null;
 49 |   res.redirect('/');
 50 | });
 51 | 
 52 | app.get('/auth/twitter/callback', function(req, res, next) {
 53 |  
 54 |   if (req.session.oauth) {
 55 |     req.session.oauth.verifier = req.query.oauth_verifier;
 56 |     var oauth_data = req.session.oauth;
 57 |  
 58 |     oauth.getOAuthAccessToken(
 59 |       oauth_data.token,
 60 |       oauth_data.token_secret,
 61 |       oauth_data.verifier,
 62 |       function(error, oauth_access_token, oauth_access_token_secret, results) {
 63 |         if (error) {
 64 |           console.log(error);
 65 |           res.send("Authentication Failure!");
 66 |         }
 67 |         else {
 68 |           req.session.oauth.access_token = oauth_access_token;
 69 |           req.session.oauth.access_token_secret = oauth_access_token_secret;
 70 |           console.log(results, req.session.oauth);
 71 |           //res.send("Authenticated <a href='/showuser'>as</a>");
 72 |           twitter.setAuth ( 
 73 |                 consumerKey,
 74 |                 consumerSecret, 
 75 |                 req.session.oauth.access_token,
 76 |                 req.session.oauth.access_token_secret 
 77 |             );
 78 | 
 79 |             twitter.get( 'account/verify_credentials', { skip_status: true }, function( user, error, status ){
 80 |                 console.log( user ? 'Authenticated as @'+user.screen_name : 'Not authenticated' );
 81 |                req.session.user = user;
 82 |                //console.log(req.session);
 83 |                //res.send("Logged in as @"+user.screen_name);
 84 |                res.redirect('/'); 
 85 |             } );
 86 |         }
 87 |       }
 88 |     );
 89 |   }
 90 |   else {
 91 |     res.redirect('/'); // Redirect to login page
 92 |   }
 93 |  
 94 | });
 95 | 
 96 | app.post('/auth/indie', function(req, res, next) {
 97 | 	console.log("indieauth: "+ req.body.yoururl);
 98 | });
 99 | 
100 | app.get('/sendtweet', function(req, res, next) {
101 |     //console.log("sendtweet: " + req.query.status +" lastid:"+ req.query.lastid );
102 | 	twitter.setAuth ( 
103 |         consumerKey,
104 |         consumerSecret, 
105 |         req.session.oauth.access_token,
106 |         req.session.oauth.access_token_secret 
107 |     );
108 | 	if ( twitter.hasAuth() ) {
109 | 	   twitter.post('statuses/update',{'status':req.query.status,'in_reply_to_status_id':req.query.lastid}, function( tweet, error, status ){
110 | 					//console.log( tweet ? 'posted as @'+tweet.user.screen_name : status+" "+error.message );               
111 | 				   res.send(tweet ? "<a href='https://twitter.com/" +tweet.user.screen_name+"/status/"+
112 | 						tweet.id_str+"'>"+tweet.text+"</a>":status+ + error.message );
113 | 				} );
114 |     } else {
115 |         res.send("<a href='/auth/twitter'>login first </a>");
116 |     } 
117 |         
118 | });
119 | 
120 | app.get('/showuser', function(req, res, next) {
121 |     if (req.session.user) {
122 | 	var data = {"profileImage":req.session.user.profile_image_url, "screenName": req.session.user.screen_name, "fullName": req.session.user.name };
123 | 	res.send(data);
124 |     } else {
125 |          res.send("not logged in");
126 |     }
127 | });
128 | 
129 | app.get('/lookupspeaker', function(req, res, next) {
130 |         speaker = {'twitter':'@t', 'url':'http://tantek.com', 'name':'Tantek Çelik' };
131 |        twitter.setAuth ( 
132 |             consumerKey,
133 |             consumerSecret, 
134 |             req.session.oauth.access_token,
135 |             req.session.oauth.access_token_secret 
136 |         );
137 |         twitter.get('users/show',{'screen_name':req.query.handle}, function (user, error, status ) {
138 |             if (user) {
139 | 				speaker.twitter = '@' + user.screen_name;
140 | 				speaker.name = user.name;
141 | 				speaker.url = user.entities.url ? user.entities.url.urls[0].expanded_url :"";
142 | 				speaker.url = speaker.url ? speaker.url : 'https://twitter.com/' + speaker.twitter;
143 | 			}
144 |             astxt = JSON.stringify(speaker);
145 |             res.send(astxt);
146 |         });
147 | });
148 |     
149 | var port = process.env.PORT || 5000;
150 | app.listen(port, function() {
151 |   console.log("Listening on " + port);
152 | });
153 | 


--------------------------------------------------------------------------------
/web/cassis.js:
--------------------------------------------------------------------------------
   1 | /* <!--
   2 |    cassis.js Copyright 2008-2019 Tantek Çelik http://tantek.com/ 
   3 |    http://cassisproject.com conceived:2008-254; created:2009-299;
   4 |    license: https://creativecommons.org/licenses/by-sa/4.0/       -->
   5 | if you see this or "/// var" in the browser, you need to 
   6 | wrap your PHP include of cassis.js and use of functions therein 
   7 | with calls to ob_start and ob_end_clean, e.g.:
   8 | ob_start(); 
   9 | include 'cassis.js'; 
  10 | // your code that calls CASSIS functions goes here
  11 | ob_end_clean(); 
  12 | /* <!-- <?php // CASSIS v0.1 start -->
  13 | // ===================================================================
  14 | // PHP-only block. Processed only by PHP. Use only // comments here.
  15 | // -------------------------------------------------------------------
  16 | function js() {
  17 |   return false;
  18 | }
  19 | 
  20 | // global configuration
  21 | 
  22 | if (php_min_version("5.1.0")) {
  23 |   date_default_timezone_set("UTC");
  24 | }
  25 | 
  26 | function php_min_version($s) {
  27 |   $s = explode(".", $s);
  28 |   $phpv = explode(".", phpversion());
  29 |   for ($i=0; $i < count($s); $i+=1) {
  30 |     if ($s[$i] > $phpv[$i]) {
  31 |       return false; 
  32 |     }
  33 |   }
  34 |   return true;
  35 | }
  36 | 
  37 | // -------------------------------------------------------------------
  38 | // date time functions
  39 | 
  40 | function date_get_full_year($d = "") {
  41 |   if ($d == "") {
  42 |     $d = new DateTime();
  43 |   }
  44 |   return $d->format('Y');
  45 | } 
  46 | 
  47 | function date_get_timestamp($d = "") {
  48 |   if ($d == "") {
  49 |     $d = new DateTime();
  50 |   }
  51 |   return $d->format('U'); // $d->getTimestamp(); // in PHP 5.3+
  52 | }
  53 | 
  54 | function date_get_ordinal_days($d) {
  55 |  return 1 + $d->format('z');
  56 | }
  57 | 
  58 | // mixed-case function names are bad for PHP vs JS. Don't do it.
  59 | //function Number($n) {
  60 | //  return $n-0;
  61 | //}
  62 | 
  63 | function date_get_rfc3339($d) {
  64 |   return $d->format('c');
  65 | }
  66 | 
  67 | // -------------------------------------------------------------------
  68 | // old wrappers. transition code away from these
  69 | // ** do not use these in new code. **
  70 | 
  71 | function getFullYear($d = "") {  
  72 |   // 2010-020 obsoleted. Use date_get_full_year instead
  73 |   return date_get_full_year($d);
  74 | }
  75 | 
  76 | // ===================================================================
  77 | /*/ // This comment inverter switches from PHP only to JS only.
  78 | // JS-only block. Processed only by JS. Use only // comments here.
  79 | // -------------------------------------------------------------------
  80 | function js() {
  81 |   return true;
  82 | }
  83 | 
  84 | // array functions
  85 | 
  86 | function array() { // makes an array from arbitrary parameter list.
  87 |   return Array.prototype.slice.call(arguments);
  88 | }
  89 | 
  90 | function is_array(a) {
  91 |   return (typeof(a) === "object") && (a instanceof Array);
  92 | }
  93 | 
  94 | function count(a) {
  95 |   return a.length;
  96 | }
  97 | 
  98 | function array_slice(a, b, e) { // slice an array, begin, optional end
  99 |   if (a === undefined) { return array(); }
 100 |   if (b === undefined) { return a; }
 101 |   if (e === undefined) { return a.slice(b); }
 102 |   return a.slice(b, e);
 103 | }
 104 | 
 105 | // -------------------------------------------------------------------
 106 | // math and numerical functions
 107 | 
 108 | function floor(n) {
 109 |   return Math.floor(n);
 110 | }
 111 | 
 112 | function intval(n) {
 113 |   return parseInt(n, 10);
 114 | }
 115 | 
 116 | Array.min = function(a) { 
 117 | // from http://ejohn.org/blog/fast-javascript-maxmin/
 118 |   return Math.min.apply(Math, a);
 119 | };
 120 | 
 121 | function min() {
 122 |   var m = arguments;
 123 |   if (m.length < 1) {
 124 |     return false;
 125 |   } 
 126 |   if (m.length === 1) {
 127 |     m = m[0];
 128 |     if (!is_array(m)) {
 129 |       return m;
 130 |     }
 131 |   }
 132 |   return Array.min(m);
 133 | }
 134 | 
 135 | function ctype_digit(s) {
 136 |   return (/^[0-9]+$/).test(s);
 137 | }
 138 | 
 139 | function ctype_lower(s) {
 140 |  return (/^[a-z]+$/).test(s);
 141 | }
 142 | 
 143 | function ctype_space(s) {
 144 |  return /\s/.test(s);
 145 | }
 146 | 
 147 | // -------------------------------------------------------------------
 148 | // date time functions
 149 | 
 150 | function date_create(s) {
 151 |   if (s) return new Date(s);
 152 |   else return new Date();
 153 | }
 154 | 
 155 | function date_get_full_year(d) {
 156 |   if (arguments.length < 1) {
 157 |     d = new Date();
 158 |   }
 159 |   return d.getFullYear();
 160 | }
 161 | 
 162 | function date_get_timestamp(d) {
 163 |   return floor(d.getTime() / 1000);
 164 | }
 165 | 
 166 | function date_get_rfc3339($d) {
 167 |   return strcat($d.getFullYear(),'-',
 168 |                 str_pad_left(1 + $d.getUTCMonth(), 2, "0"), '-',
 169 |                 str_pad_left($d.getDate(), 2, "0"), 'T',
 170 |                 str_pad_left($d.getUTCHours(), 2, "0"), ':',
 171 |                 str_pad_left($d.getUTCMinutes(), 2, "0"), ':',
 172 |                 str_pad_left($d.getUTCSeconds(), 2, "0"), 'Z');
 173 | }
 174 | 
 175 | // newcal
 176 | 
 177 | function date_get_ordinal_days($d) {
 178 |   return ymdp_to_d($d.getFullYear(), 1 + $d.getMonth(), $d.getDate());
 179 | }
 180 | 
 181 | 
 182 | // -------------------------------------------------------------------
 183 | // character and string functions 
 184 | 
 185 | function ord(s) {
 186 |   return s.charCodeAt(0);
 187 | }
 188 | 
 189 | function strlen(s) {
 190 |   return s.length;
 191 | } 
 192 | 
 193 | function substr(s, o, n) {
 194 |   var m = strlen(s);
 195 |   if ((o < 0 ? -1-o : o) >= m) { return false; }
 196 |   if (o < 0) { o = m + o; }
 197 |   if (n < 0) { n = m - o + n; }
 198 |   if (n === undefined) { n = m - o; }
 199 |   return s.substring(o, o + n);
 200 | }
 201 | 
 202 | function substr_count(s, n) {
 203 |  return s.split(n).length - 1;
 204 | }
 205 | 
 206 | function strpos(h, n, o) {
 207 |   // clients must triple-equal test return for === false for no match!
 208 |   // or use offset(n, h) instead (0 = not found, else 1-based index)
 209 |   if (arguments.length === 2) {
 210 |     o = 0;
 211 |   }
 212 |   o = h.indexOf(n, o);
 213 |   if (o === -1) { return false; }
 214 |   else { return o; }
 215 | }
 216 | 
 217 | function stripos(h, n, o) {
 218 |   // clients must triple-equal test return for === false for no match!
 219 |   if (arguments.length === 2) {
 220 |     o = 0;
 221 |   }
 222 |   o = h.toLowerCase().indexOf(n.toLowerCase(), o);
 223 |   if (o === -1) { return false; }
 224 |   else { return o; }
 225 | }
 226 | 
 227 | function strncmp(s1, s2, n) {
 228 |   s1 = substr(String(s1), 0, n);
 229 |   s2 = substr(String(s2), 0, n);
 230 |   return (s1 === s2) ? 0 :
 231 |          ((s1 < s2) ? -1 : 1);
 232 | }
 233 | 
 234 | function explode(d, s, n) {
 235 |   if (arguments.length === 2) {
 236 |     return s.split(d);
 237 |   }
 238 |   return s.split(d, n);
 239 | }
 240 | 
 241 | function implode(d, a) {
 242 |   return a.join(d);
 243 | }
 244 | 
 245 | function rawurlencode(s) {
 246 |   return encodeURIComponent(s);
 247 | }
 248 | 
 249 | function htmlspecialchars(s) {
 250 |   var c, i;
 251 |   c = [["&","&amp;"],  ["<","&lt;"], [">","&gt;"], 
 252 |        ["'","&#039;"], ['"',"&quot;"]];
 253 |   for (i = 0; i < c.length; i+=1) {
 254 |     s = s.replace(new RegExp(c[i][0], "g"), c[i][1]);
 255 |   }
 256 |   return s;
 257 | }
 258 | 
 259 | function str_ireplace(a, b, s) {
 260 |  var i;
 261 |  if (!is_array(a)) {
 262 |    return s.replace(new RegExp(a, "gi"), is_array(b) ? b[0] : b);
 263 |  }
 264 |  else {
 265 |    for (i=0; i<a.length; i++) {
 266 |      s = s.replace(new RegExp(a[i], "gi"), is_array(b) ? b[i] : b);
 267 |    }
 268 |    return s;
 269 |  }
 270 | }
 271 | 
 272 | function preg_match(p, s) {
 273 |   return (s.match(trim_slashes(p)) ? 1 : 0);
 274 | }
 275 | 
 276 | function preg_split(p, s) {
 277 |   return s.split(new RegExp(trim_slashes(p),"gi"));
 278 | }
 279 | 
 280 | function trim() {
 281 |   var c, i, j, m, s;
 282 |   m = arguments;
 283 |   s = m[0];
 284 |   c = count(m) > 1 ? m[1] : " \t\n\r\f\x00\x0b\xa0";
 285 |   i = 0;
 286 |   j = strlen(s);
 287 |   
 288 |   while (strpos(c,s[i])!==false && i<j) {
 289 |     i+=1;
 290 |   }
 291 |   j-=1;
 292 |   while (j>i && strpos(c,s[j])!==false) {
 293 |     j-=1;
 294 |   }
 295 |   j+=1;
 296 |   if (j>i) {
 297 |     return substr(s,i,j-i);
 298 |   }
 299 |   else {
 300 |     return '';
 301 |   }
 302 | }
 303 | 
 304 | function rtrim() {
 305 |   var c,j,m,s;
 306 |   m = arguments;
 307 |   s = m[0];
 308 |   c = count(m)>1 ? m[1] : " \t\n\r\f\x00\x0b\xa0";
 309 |   j = strlen(s)-1;
 310 |   while (j>=0 && strpos(c,s[j])!==false) {
 311 |     j-=1;
 312 |   }
 313 |   if (j>=0) {
 314 |     return substr(s,0,j+1);
 315 |   }
 316 |   else {
 317 |     return '';
 318 |   }
 319 | }
 320 | 
 321 | function strtolower(s) {
 322 |   return s.toLowerCase();
 323 | }
 324 | 
 325 | function ucfirst(s) {
 326 |   return s.charAt(0).toUpperCase() + substr(s, 1);
 327 | }
 328 | 
 329 | // -------------------------------------------------------------------
 330 | // more javascript-only php-equivalent functions here 
 331 | 
 332 | 
 333 | // -------------------------------------------------------------------
 334 | // pacify jslint/jshint
 335 | // -- define functions and variables only used in PHP flow.
 336 | function func_get_args() { }
 337 | var FALSE = false;
 338 | var PREG_PATTERN_ORDER;
 339 | var STR_PAD_LEFT;
 340 | // -- may eventually define these for JS.
 341 | function date_format() { }
 342 | function preg_match_all() { }
 343 | function str_pad() { }
 344 | function DateTime() { }
 345 | 
 346 | // ===================================================================
 347 | /**/ // unconditional comment closer exits PHP comment block.
 348 | // JS+PHP block. Processed by both JS and  PHP. /*...*/ comments ok.
 349 | // -------------------------------------------------------------------
 350 | /* original js/php test - doesn't pass jslint/jshint.
 351 | function js() {
 352 |   return "00"==false;
 353 | }
 354 | */
 355 | 
 356 | /*global document: false, window: false */
 357 | /// ?> <!--   ///
 358 | // -------------------------------------------------------------------
 359 | // javascript-only framework functions
 360 | function targetelement(e) {
 361 |   var t;
 362 |   e = e ? e : window.event;
 363 |   t = e.target ? e.target : e.srcElement;
 364 |   t = (t.nodeType == 3) ? t.parentNode : t; // Safari workaround
 365 |   return t;
 366 | }
 367 | 
 368 | function doevent(el, evt) {
 369 |   if (evt==="click" && el.tagName==='A') {
 370 |   // dispatch/fireEvent fails FF3.5+/IE8+ on [a href] w "click" event
 371 |     window.location = el.href; // workaround
 372 |     return true;
 373 |   }
 374 |   if (document.createEvent) {
 375 |     var eo = document.createEvent("HTMLEvents");
 376 |     eo.initEvent(evt, true, true);
 377 |     return !el.dispatchEvent(eo);
 378 |   } 
 379 |   else if (document.createEventObject) {
 380 |     return el.fireEvent("on"+evt);
 381 |   }
 382 | }
 383 | 
 384 | 
 385 | // CommonJS (node, browserify, npm) Exports
 386 | if (typeof exports !== 'undefined' &&
 387 |     typeof module !== 'undefined' && module.exports) {
 388 |   exports.auto_link = auto_link;
 389 |   exports.num_to_sxg = num_to_sxg;
 390 |   exports.sxg_to_num = sxg_to_num;
 391 | }
 392 | 
 393 | /// --> <?php ///
 394 | 
 395 | 
 396 | // -------------------------------------------------------------------
 397 | // character and string functions
 398 | 
 399 | // strcat: takes as many strings as you want to give it.
 400 | function strcat() {         /// ?> <!--   ///
 401 |   var $args, $i, $isjs, $r; /// --> <?php ///
 402 |   $r = "";
 403 |   $isjs = js();
 404 |   $args = $isjs ? arguments : func_get_args();
 405 |   for ($i=count($args)-1; $i>=0; $i-=1) {
 406 |     $r = $isjs ? $args[$i] + $r : $args[$i] . $r;
 407 |   }
 408 |   return $r;
 409 | }
 410 | 
 411 | function number($s) {
 412 |  return $s - 0;
 413 | }
 414 | 
 415 | function string($n) {
 416 |   if (js()) { 
 417 |     if (typeof($n)==="number") {
 418 |       return Number($n).toString(); 
 419 |     } else if (typeof($n)==="undefined") {
 420 |       return "";
 421 |     } else {
 422 |       return $n.toString();
 423 |     }
 424 |   }
 425 |   else { 
 426 |     return "" . $n; 
 427 |   }
 428 | }
 429 | 
 430 | function str_pad_left($s1, $n, $s2) {
 431 |   $s1 = string($s1);
 432 |   $s2 = string($s2);
 433 |   if (js()) {
 434 |     $n -= strlen($s1);
 435 |     while ($n >= strlen($s2)) { 
 436 |       $s1 = strcat($s2, $s1); 
 437 |       $n -= strlen($s2);
 438 |     }
 439 |     if ($n > 0) {
 440 |       $s1 = strcat(substr($s2, 0, $n), $s1);
 441 |     }
 442 |     return $s1;
 443 |   } else { 
 444 |     return str_pad($s1, $n, $s2, STR_PAD_LEFT); 
 445 |   }
 446 | }
 447 | 
 448 | function trim_slashes($s) {
 449 |   if ($s[0]==="/") { // strip unnecessary / delim PHP regex funcs want
 450 |     return substr($s, 1, strlen($s)-2);
 451 |   }
 452 |   return $s;
 453 | }
 454 | 
 455 | // define a few JS functions that PHP already has, using CASSIS funcs
 456 | /// ?> <!--   ///
 457 | function preg_match(p, s) {
 458 |   return (s.match(trim_slashes(p)) ? 1 : 0);
 459 | }
 460 | 
 461 | function preg_split(p, s) {
 462 |   return s.split(new RegExp(trim_slashes(p), "gi"));
 463 | }
 464 | /// --> <?php ///
 465 | 
 466 | function preg_match_1($p, $s) { /// ?> <!--   ///
 467 |   var $m;                       /// --> <?php ///
 468 |   if (js()) {
 469 |     return $s.match(new RegExp(trim_slashes($p), "i"));
 470 |   } else {
 471 |     $m = array();
 472 |     if (preg_match($p, $s, $m) !== FALSE) {
 473 |       return $m[0];
 474 |     } else {
 475 |       return null; //array();
 476 |     }
 477 |   }
 478 | }
 479 | 
 480 | function preg_replace_1($p, $r, $s) {
 481 |   if (js()) {
 482 |     return $s.replace(new RegExp(trim_slashes($p), "i"), $r);
 483 |   }
 484 |   else {
 485 |     $r = preg_replace($p, $r, $s, 1);
 486 |     if ($r !== null) { return $r; }
 487 |     else             { return $s; }
 488 |   }
 489 | }
 490 | 
 491 | function preg_matches($p, $s) { /// ?> <!--   ///
 492 |   var $m;                       /// --> <?php ///
 493 |   if (js()) {
 494 |     return $s.match(new RegExp(trim_slashes($p), "gi"));
 495 |   } else {
 496 |     $m = array();
 497 |     if (preg_match_all($p, $s, $m, PREG_PATTERN_ORDER) !== FALSE) {
 498 |       return $m[0];
 499 |     } else {
 500 |       return null; //array();
 501 |     }
 502 |   }
 503 | }
 504 | 
 505 | function ctype_email_local($s) {
 506 |  // close enough. no '.' because this is used for last char of.
 507 |  return (preg_match("/^[a-zA-Z0-9_%+-]+$/", $s));
 508 | }
 509 | 
 510 | function ctype_uri_scheme($s) {
 511 |  return (preg_match("/^[a-zA-Z][a-zA-Z0-9+.-]*$/", $s));
 512 | }
 513 | 
 514 | // -------------------------------------------------------------------
 515 | // newbase60
 516 | 
 517 | function num_to_sxg($n) { /// ?> <!--   ///
 518 |   var $d, $m, $p, $s;     /// --> <?php ///
 519 |   $m = "0123456789ABCDEFGHJKLMNPQRSTUVWXYZ_abcdefghijkmnopqrstuvwxyz";
 520 |   $p = "";
 521 |   $s = "";
 522 |   if ($n==="" || $n===0) { return "0"; }
 523 |   if ($n<0) {
 524 |     $n = -$n;
 525 |     $p = "-";
 526 |   }
 527 |   while ($n>0) {
 528 |     if(!js() && function_exists('bcmod')) {
 529 |       $d = bcmod($n, 60);
 530 |       $s = $m[$d] . $s;
 531 |       $n = bcdiv(bcsub($n, $d), 60);
 532 |     } else {
 533 |       $d = $n % 60;
 534 |       $s = strcat($m[$d], $s);
 535 |       $n = ($n-$d)/60;
 536 |     }
 537 |   }
 538 |   return strcat($p, $s);
 539 | }
 540 | 
 541 | function num_to_sxgf($n, $f) {
 542 |   if (!$f) { $f=1; }
 543 |   return str_pad_left(num_to_sxg($n), $f, "0");
 544 | }
 545 | 
 546 | function sxg_to_num($s) { /// ?> <!--   ///
 547 |   var $c, $i, $j, $m, $n; /// --> <?php ///
 548 |   $j = strlen($s);
 549 |   $m = 1;
 550 |   $n = 0;
 551 |   if ($s[0]==="-") {
 552 |     $m = -1;
 553 |     $j-=1;
 554 |     $s = substr($s, 1, $j);
 555 |   }
 556 |   for ($i=0; $i<$j; $i+=1) { // iterate from first to last char of $s
 557 |     $c = ord($s[$i]); //  put current ASCII of char into $c
 558 |     if ($c>=48 && $c<=57) { $c=$c-48; }
 559 |     else if ($c>=65 && $c<=72) { $c-=55; }
 560 |     else if ($c===73 || $c===108) { $c=1; } // typo cap I lower l to 1
 561 |     else if ($c>=74 && $c<=78) { $c-=56; }
 562 |     else if ($c===79) { $c=0; } // error correct typo capital O to 0
 563 |     else if ($c>=80 && $c<=90) { $c-=57; }
 564 |     else if ($c===95 || $c===45) { $c=34; } // _ and dash - to _
 565 |     else if ($c>=97 && $c<=107) { $c-=62; }
 566 |     else if ($c>=109 && $c<=122) { $c-=63; }
 567 |     else { break; } // treat all other noise as end of number
 568 |     if(!js() && function_exists('bcadd')) {
 569 |       $n = bcadd(bcmul(60, $n), $c);
 570 |     } else {
 571 |       $n = 60*$n + $c;
 572 |     }
 573 |   }
 574 |   return $n*$m;
 575 | }
 576 | 
 577 | function sxg_to_numf($s, $f) {
 578 |   if ($f===undefined) { $f=1; }
 579 |   return str_pad_left(sxg_to_num($s), $f, "0");
 580 | }
 581 | 
 582 | // -------------------------------------------------------------------
 583 | // == newbase60 compat functions only == (before 2011-149)
 584 | function numtosxg($n) {
 585 |   return num_to_sxg($n);
 586 | }
 587 | 
 588 | function numtosxgf($n, $f) {
 589 |   return num_to_sxgf($n, $f);
 590 | }
 591 | 
 592 | function sxgtonum($s) {
 593 |   return sxg_to_num($s);
 594 | }
 595 | 
 596 | function sxgtonumf($s, $f) {
 597 |   return sxg_to_numf($s, $f);
 598 | }
 599 | /* == end compat functions == */
 600 | 
 601 | // -------------------------------------------------------------------
 602 | // date and time
 603 | 
 604 | function date_create_ymd($s) { /// ?> <!--   ///
 605 |   var $d;                      /// --> <?php ///
 606 |   if (!$s) {
 607 |     return (js() ? new Date() : new DateTime());
 608 |   }
 609 |   if (js()) { 
 610 |     if (substr($s,4,1)==='-') {
 611 |       $s=strcat(substr($s,0,4), substr($s,5,2), substr($s,8,2));
 612 |     }
 613 |     $d = new Date(substr($s,0,4),substr($s,4,2)-1,substr($s,6,2));
 614 |     $d.setHours(0); // was setUTCHours, avoiding bc JS no default tz
 615 |     return $d;
 616 |   } else { 
 617 |     return date_create(strcat($s, " 00:00:00"));
 618 |   }
 619 | }
 620 | 
 621 | function date_create_timestamp($s) {
 622 |   if (js()) {
 623 |     return new Date(1000*$s);
 624 |   } else {
 625 |     return new DateTime(strcat("@", string($s)));
 626 |   }
 627 | }
 628 | 
 629 | // function date_get_timestamp($d) // in PHP/JS specific code above.
 630 | 
 631 | // function date_get_rfc3339($d) // in PHP/JS specific code above.
 632 | 
 633 | function dt_to_time($dt) {
 634 |   $dt = explode("T", $dt);
 635 |   if (count($dt)==1) {
 636 |     $dt = explode(" ", $dt);
 637 |   }
 638 |   return (count($dt)>1) ? $dt[1] : "0:00";
 639 | }
 640 | 
 641 | function dt_to_date($dt) {
 642 |   $dt = explode("T", $dt);
 643 |   if (count($dt)==1) {
 644 |     $dt = explode(" ", $dt);
 645 |   }
 646 |   return $dt[0];
 647 | }
 648 | 
 649 | function dt_to_ordinal_date($dt) {
 650 |   return ymd_to_yd(dt_to_date($dt));
 651 | }
 652 | 
 653 | // -------------------------------------------------------------------
 654 | // newcal
 655 | 
 656 | function isleap($y) {
 657 |   return ($y % 4 === 0 && ($y % 100 !== 0 || $y % 400 === 0));
 658 | }
 659 | 
 660 | function ymdp_to_d($y, $m, $d) { /// ?> <!--   ///
 661 |   var $md;                       /// --> <?php ///
 662 |   $md = array(
 663 |          array(0,31,59,90,120,151,181,212,243,273,304,334),
 664 |          array(0,31,60,91,121,152,182,213,244,274,305,335));
 665 |   return $md[number(isleap($y))][$m-1] + number($d);
 666 | }
 667 | 
 668 | function ymd_to_d($d) {
 669 |   if (substr($d, 4, 1)==='-') {
 670 |     return ymdp_to_d(substr($d,0,4),substr($d,5,2),substr($d,8,2));
 671 |   } else {
 672 |     return ymdp_to_d(substr($d,0,4),substr($d,4,2),substr($d,6,2));
 673 |   }
 674 | }
 675 | 
 676 | function ymdp_to_yd($y, $m, $d) {
 677 |   return strcat(str_pad_left($y, 4, "0"), '-',
 678 |                 str_pad_left(ymdp_to_d($y, $m, $d), 3, "0"));
 679 | }
 680 | 
 681 | function ymd_to_yd($d) {
 682 |   if (substr($d, 4, 1)==='-') {
 683 |     return ymdp_to_yd(substr($d,0,4),substr($d,5,2),substr($d,8,2));
 684 |   } else {
 685 |     return ymdp_to_yd(substr($d,0,4),substr($d,4,2),substr($d,6,2));
 686 |   }
 687 | }
 688 | 
 689 | // function date_get_ordinal_days($d) // in PHP/JS specific code above
 690 | 
 691 | function bim_from_od($d) {
 692 |   return 1+floor(($d-1)/61);
 693 | }
 694 | 
 695 | function date_get_bim() { /// ?> <!--   ///
 696 |   var $args;              /// --> <?php ///
 697 |   $args = js() ? arguments : func_get_args();
 698 |   return bim_from_od(
 699 |           date_get_ordinal_days(
 700 |            date_create_ymd((count($args) > 0) ? $args[0] : 0)));
 701 | }
 702 | 
 703 | function get_nm_str($m) { /// ?> <!--   ///
 704 |   var $a;                 /// --> <?php ///
 705 |   $a = array("New January", "New February", "New March", "New April", "New May", "New June", "New July", "New August", "New September", "New October", "New November", "New December");
 706 |   return $a[($m-1)];
 707 | }
 708 | 
 709 | function nm_from_od($d) {
 710 |   return ((($d-1) % 61) > 29) ? 2+2*(bim_from_od($d)-1) : 1+2*(bim_from_od($d)-1);
 711 | }
 712 | 
 713 | // date_get_ordinal_date: optional date argument
 714 | function date_get_ordinal_date() { /// ?> <!--   ///
 715 |   var $args, $d;                   /// --> <?php ///
 716 |   $args = js() ? arguments : func_get_args();
 717 |   $d = date_create_ymd((count($args) > 0) ? $args[0] : 0);
 718 |   return strcat(date_get_full_year($d), '-',
 719 |                 str_pad_left(date_get_ordinal_days($d), 3, "0"));
 720 | }
 721 | 
 722 | // -------------------------------------------------------------------
 723 | // begin epochdays
 724 | 
 725 | function y_to_days($y) {
 726 |   // convert y-01-01 to epoch days
 727 |   return floor(
 728 |    (date_get_timestamp(date_create_ymd(strcat($y, "-01-01"))) -
 729 |     date_get_timestamp(date_create_ymd("1970-01-01")))/86400);
 730 | }
 731 | 
 732 | // convert ymd to epoch days and sexagesimal epoch days (sd)
 733 | 
 734 | function ymd_to_days($d) {
 735 |   return yd_to_days(ymd_to_yd($d));
 736 | }
 737 | 
 738 | /* old:
 739 | function ymd_to_days($d) {
 740 |   // fails in JS, "2013-03-10" and "2013-03-11" both return 15774 
 741 |   return floor(
 742 |    (date_get_timestamp(date_create_ymd($d)) -
 743 |     date_get_timestamp(date_create_ymd("1970-01-01")))/86400);
 744 | }
 745 | */
 746 | 
 747 | function ymd_to_sd($d) {
 748 |   return num_to_sxg(ymd_to_days($d));
 749 | }
 750 | 
 751 | function ymd_to_sdf($d, $f) {
 752 |   return num_to_sxgf(ymd_to_days($d), $f);
 753 | }
 754 | 
 755 | // ordinal date (YYYY-DDD) to ymd, epoch days, sexagesimal epoch days
 756 | 
 757 | function ydp_to_ymd($y, $d) { /// ?> <!--   ///
 758 |   var $md, $m;                /// --> <?php ///
 759 |   $md = array(
 760 |          array(0,31,59,90,120,151,181,212,243,273,304,334,365),
 761 |          array(0,31,60,91,121,152,182,213,244,274,305,335,366));
 762 |   $d -= 1;
 763 |   $m = trunc($d / 29);
 764 |   if ($md[isleap($y) - 0][$m] > $d) $m -= 1;
 765 |   $d = $d - $md[isleap($y)-0][$m] + 1;
 766 |   $m += 1;
 767 |   return strcat($y, '-', str_pad_left($m, 2, '0'), 
 768 |                     '-', str_pad_left($d, 2, '0'));
 769 | }
 770 | 
 771 | function yd_to_ymd($d) {
 772 |   return ydp_to_ymd(substr($d, 0, 4), substr($d, 5, 3));
 773 | }
 774 | 
 775 | function yd_to_days($d) {
 776 |   return y_to_days(substr($d, 0, 4)) - 1 + number(substr($d, 5, 3));
 777 | }
 778 | 
 779 | function yd_to_sd($d) {
 780 |   return num_to_sxg(yd_to_days($d));
 781 | }
 782 | 
 783 | function yd_to_sdf($d, $f) {
 784 |   return num_to_sxgf(yd_to_days($d), $f);
 785 | }
 786 | 
 787 | // convert epoch days or sexagesimal epoch days (sd) to ordinal date
 788 | function days_to_yd($d) { /// ?> <!--   ///
 789 |   var $a, $y;             /// --> <?php ///
 790 |   $d = date_create_timestamp(
 791 |          date_get_timestamp(
 792 |            date_create_ymd("1970-01-01")) + $d*86400);
 793 |   $y = date_get_full_year($d);
 794 |   $a = date_create_ymd(strcat($y, "-01-01"));
 795 |   return strcat($y, "-",
 796 |            str_pad_left(
 797 |              1 + floor((
 798 |                    date_get_timestamp($d) - date_get_timestamp($a))/86400), 3, "0"));
 799 | }
 800 | 
 801 | function sd_to_yd($d) {
 802 |   return days_to_yd(sxg_to_num($d));
 803 | }
 804 | 
 805 | // -------------------------------------------------------------------
 806 | // compat as of 2011-143
 807 | function ymdptod($y,$m,$d) { return ymdp_to_d($y,$m,$d); }
 808 | function ymdptoyd($y,$m,$d) { return ymdp_to_yd($y,$m,$d); }
 809 | function ymdtoyd($d) { return ymd_to_yd($d); }
 810 | function bimfromod($d) { return bim_from_od($d); }
 811 | function getnmstr($m) { return get_nm_str($m); }
 812 | function nmfromod($d) { return nm_from_od($d); }
 813 | function ymdtodays($d) { return ymd_to_days($d); }
 814 | function ymdtosd($d) { return ymd_to_sd($d); }
 815 | function ymdtosdf($d,$f) { return ymd_to_sdf($d, $f); }
 816 | function ydtodays($d) { return yd_to_days($d); }
 817 | function ydtosd($d) { return yd_to_sd($d); }
 818 | function ydtosdf($d,$f) { return yd_to_sdf($d, $f); }
 819 | function daystoyd($d) { return days_to_yd($d); }
 820 | function sdtoyd($d) { return sd_to_yd($d); }
 821 | 
 822 | // -------------------------------------------------------------------
 823 | // HTTP
 824 | 
 825 | function is_http_header($s) {
 826 |   return (preg_match_1('/^[a-zA-Z][-\\w]*:/',$s)!==null);
 827 | }
 828 | 
 829 | // -------------------------------------------------------------------
 830 | // webaddress
 831 | 
 832 | function web_address_to_uri($wa, $addhttp) {
 833 |   if (!$wa || 
 834 |       (substr($wa, 0, 7) === 'http://') || 
 835 |       (substr($wa, 0, 8) === 'https://') || 
 836 |       (substr($wa, 0, 6) === 'irc://')) {
 837 |     return $wa;
 838 |   }
 839 |   if ((substr($wa, 0, 7) === 'Http://') || 
 840 |       (substr($wa, 0, 8) === 'Https://')) { 
 841 |       // handle iOS4 overcapitalization of input entries
 842 |     return strcat('h', substr($wa, 1, strlen($wa)));
 843 |   }
 844 | 
 845 |   // TBI: may want to handle typos as well like:
 846 |   // missing/extra : or / http:/ http///
 847 |   // missing letter in protocol: ttps htps htts, ttp htp htt, ir ic rc
 848 |   // use strtolower(substr($wa, 0, 6)); // handle capitals in URLs
 849 | 
 850 |   if (substr($wa,0,1) === '@') {
 851 |     return strcat('https://twitter.com/', substr($wa, 1, strlen($wa)));
 852 |   }
 853 | 
 854 |   if ($addhttp) {
 855 |     $wa = strcat('http://', $wa);
 856 |   }
 857 |   return $wa;
 858 | }
 859 | 
 860 | function uri_clean($uri) {
 861 |   $uri = web_address_to_uri($uri, false);
 862 |   // prune the optional http:// for a neater param
 863 |   if (substr($uri, 0, 7) === 'http://') {
 864 |     $uri = explode('://', $uri);
 865 |     $uri = array_slice($uri, 1);
 866 |     $uri = implode('://', $uri);
 867 |   }
 868 |   // URL encode
 869 |   return str_ireplace("%3A", ":", 
 870 |                       str_ireplace("%2F", "/", rawurlencode($uri)));
 871 | }
 872 | 
 873 | // returns e.g. http:
 874 | function protocol_of_uri($uri) {
 875 |   if (offset(':', $uri) === 0) { return ""; }
 876 |   $uri = explode(':', $uri, 2);
 877 |   if (!ctype_uri_scheme($uri[0])) { return ""; }
 878 |   return strcat($uri[0], ':');
 879 | }
 880 | 
 881 | // returns e.g. //ttk.me/b/4DY1?seriously=yes#ud
 882 | function relative_uri_hash($uri) {
 883 |   if (offset(':', $uri) === 0) { return ""; }
 884 |   $uri = explode(':', $uri, 2);
 885 |   if (!ctype_uri_scheme($uri[0])) { return ""; }
 886 |   return $uri[1];
 887 | }
 888 | 
 889 | // returns e.g. ttk.me
 890 | function hostname_of_uri($uri) {
 891 |   $uri = explode('/', $uri, 4);
 892 |   if (count($uri) > 2) {
 893 |     $uri = $uri[2];
 894 |     if (offset(':', $uri) !== 0) {
 895 |       $uri = explode(':', $uri, 2);
 896 |       $uri = $uri[0];
 897 |     }
 898 |     return $uri;
 899 |   }   
 900 |   return '';
 901 | }
 902 | 
 903 | function sld_of_uri($uri) {
 904 |   $uri = hostname_of_uri($uri);
 905 |   $uri = explode('.', $uri);
 906 |   if (count($uri) > 1) {
 907 |     return $uri[count($uri) - 2];
 908 |   }
 909 |   return "";
 910 | }
 911 | 
 912 | function path_of_uri($uri) {
 913 |   $uri = explode('/', $uri, 4);
 914 |   if (count($uri) > 3) {
 915 |     $uri = array_slice($uri, 3);
 916 |     $uri = strcat('/', implode('/', $uri));
 917 |     if (offset('?', $uri) !== 0) {
 918 |       $uri = explode('?', $uri, 2);
 919 |       $uri = $uri[0];
 920 |     }
 921 |     if (offset('#', $uri) !== 0) {
 922 |       $uri = explode('#', $uri, 2);
 923 |       $uri = $uri[0];
 924 |     }
 925 |     return $uri;    
 926 |   }
 927 |   return '/';
 928 | }
 929 | 
 930 | function prepath_of_uri($uri) {
 931 |   $uri = explode('/', $uri);
 932 |   $uri = array_slice($uri, 0, 3);
 933 |   return implode('/', $uri);
 934 | }
 935 | 
 936 | function segment_of_uri($n, $u) {
 937 |    /* nth starting at 1 */
 938 |    $u = path_of_uri($u);
 939 |    $u = explode('/', $u);
 940 |    if ($n>=0 && $n<count($u))
 941 |      return $u[$n];
 942 |    else return "";
 943 | }
 944 | 
 945 | function fragment_of_uri($u) {
 946 |   if (offset('#', $u) !== 0) {
 947 |     $u = explode('#', $u, 2);
 948 |     return $u[1];
 949 |   }
 950 |   return "";
 951 | }
 952 | 
 953 | function is_http_uri($uri) {
 954 |   $uri = explode(':', $uri, 2);
 955 |   return !!strncmp($uri[0], 'http', 4);
 956 | }
 957 | 
 958 | function get_absolute_uri($uri, $base) {
 959 |   if (protocol_of_uri($uri) != "") { return $uri; }
 960 |   if (substr($uri, 0, 2) === '//') { 
 961 |     return strcat(protocol_of_uri($base), $uri);
 962 |   }
 963 |   if (substr($uri, 0, 1) === '/') {
 964 |     return strcat(prepath_of_uri($base), $uri);
 965 |   }
 966 |   // TBI # relative
 967 |   return strcat(prepath_of_uri($base), path_of_uri($base), $uri);
 968 | }
 969 | 
 970 | // -------------------------------------------------------------------
 971 | // compat as of 2011-149
 972 | function webaddresstouri($wa, $addhttp) { 
 973 |   return web_address_to_uri($wa, $addhttp);
 974 | }
 975 | function uriclean($uri) { return uri_clean($uri); }
 976 | 
 977 | 
 978 | // -------------------------------------------------------------------
 979 | // HTTP related
 980 | 
 981 | function is_html_type($ct) {
 982 |   $ct = explode(';', $ct, 2);
 983 |   $ct = $ct[0];
 984 |   return ($ct === 'text/html' || $ct === 'application/xhtml+xml');
 985 | }
 986 | 
 987 | // -------------------------------------------------------------------
 988 | // hexatridecimal
 989 | 
 990 | function num_to_hxt($n) { /// ?> <!--   ///
 991 |   var $d, $m, $s;         /// --> <?php ///
 992 |   $m = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
 993 |   $s = "";
 994 |   if ($n === undefined || $n === 0) { return "0"; }
 995 |   while ($n>0) {
 996 |     $d = $n % 36;
 997 |     $s = strcat($m[$d], $s);
 998 |     $n = ($n-$d)/36;
 999 |   }
1000 |   return $s;
1001 | }
1002 | 
1003 | function num_to_hxtf($n, $f) {
1004 |   if ($f === undefined) { $f=1; }
1005 |   return str_pad_left(num_to_hxt($n), $f, "0");
1006 | }
1007 | 
1008 | function hxt_to_num($h) { /// ?> <!--   ///
1009 |   var $c, $i, $j, $n;     /// --> <?php ///
1010 |   $j = strlen($h);
1011 |   $n = 0;
1012 |   for ($i=0; $i<$j; $i+=1) { // iterate from first to last char of $h
1013 |     $c = ord($h[$i]); //  put current ASCII of char into $c  
1014 |     if ($c>=48 && $c<=57) { $c=$c-48; } // 0-9
1015 |     else if ($c>=65 && $c<=90) { $c-=55; } // A-Z
1016 |     else if ($c>=97 && $c<=122) { $c-=87; } // a-z treat as A-Z
1017 |     else { $c = 0; } // treat all other noise as 0
1018 |     $n = 36*$n + $c;
1019 |   }
1020 |   return $n;
1021 | }
1022 | 
1023 | // -------------------------------------------------------------------
1024 | // compat as of 2011-149
1025 | function numtohxt($n) { return num_to_hxt($n); }
1026 | function numtohxtf($n,$f) { return num_to_hxtf($n, $f); }
1027 | function hxttonum($h) { return hxt_to_num($h); }
1028 | 
1029 | 
1030 | // -------------------------------------------------------------------
1031 | // ISBN-10
1032 | 
1033 | function num_to_isbn10($n) { /// ?> <!--   ///
1034 |   var $d, $f, $i;            /// --> <?php ///
1035 |   $n = string($n);
1036 |   $d = 0;
1037 |   $f = 2;
1038 |   for ($i=strlen($n)-1; $i>=0; $i-=1) {
1039 |     $d += $n[$i]*$f;
1040 |     $f += 1;  
1041 |   }
1042 |   $d = 11-($d % 11);
1043 |   if ($d===10) {$d="X";}
1044 |   else if ($d===11) {$d="0";}
1045 |   else {$d=string($d);}
1046 |   return strcat(str_pad_left($n, 9, "0"), $d);
1047 | }
1048 | 
1049 | // -------------------------------------------------------------------
1050 | // compat as of 2011-149
1051 | function numtoisbn10($n) { return num_to_isbn10($n); }
1052 | 
1053 | 
1054 | // -------------------------------------------------------------------
1055 | // HyperTalk
1056 | 
1057 | function trunc($n) { // just an alias from BASIC days
1058 |   return floor($n);
1059 | }
1060 | 
1061 | function offset($n, $h) {
1062 |   $n = strpos($h, $n);
1063 |   if ($n === false) { 
1064 |     return 0; 
1065 |   } else { 
1066 |     return $n+1; 
1067 |   }
1068 | }
1069 | 
1070 | function contains($h, $n) {
1071 | // HyperTalk syntax haystack contains needle: if ("abc" contains "b")
1072 |   return strpos($h, $n)!==false;
1073 | }
1074 | 
1075 | function last_character_of($s) {
1076 |   return (strlen($s) > 0) ? $s[strlen($s)-1] : '';
1077 | }
1078 | 
1079 | function line_1_of($s) { /// ?> <!--   ///
1080 |   var $r;                /// --> <?php ///
1081 |   $r = preg_match_1('/^[\\w\\W]*?[\\n\\r]+?/', $s);
1082 |   if ($r === null) { return $s; }
1083 |   return substr($r, 0, strlen($r)-1);
1084 | }
1085 | 
1086 | function delete_line_1_of($s) {
1087 |  if (preg_match_1('/^[\\w\\W]*?[\\n\\r]+?/', $s) === null) {
1088 |    return '';
1089 |  }
1090 |  return preg_replace_1('/^[\\w\\W]*?[\\n\\r]+?/', '', $s); 
1091 | }
1092 | 
1093 | // -------------------------------------------------------------------
1094 | // microformats
1095 | 
1096 | // xpath expressions to extract microformats
1097 | function xp_has_class($s) {
1098 |   return strcat("//*[contains(concat(' ',@class,' '),' ",$s," ')]");
1099 | }
1100 | 
1101 | function xpr_has_class($s) {
1102 |   return strcat(".//*[contains(concat(' ',@class,' '),' ",$s," ')]");
1103 | }
1104 | 
1105 | function xp_has_id($s) {
1106 |   return strcat("//*[@id='", $s, "']");
1107 | }
1108 | 
1109 | function xp_attr_starts_with($a, $s) {
1110 |   return strcat("//*[starts-with(@", $a, ",'", $s, "')]");
1111 | }
1112 | 
1113 | function xp_has_rel($s) {
1114 |   return strcat("//*[@href and contains(concat(' ',@rel,' '),' ", $s, " ')]");
1115 | }
1116 | 
1117 | function xpr_has_rel($s) {
1118 |   return strcat(".//*[@href and contains(concat(' ',@rel,' '),' ", $s, " ')]");
1119 | }
1120 | 
1121 | function xpr_attr_starts_with_has_rel($a, $s, $r) {
1122 |   return strcat(".//*[@href and contains(concat(' ',@rel,' '),' ", $r, 
1123 |                 " ') and starts-with(@", $a, ",'", $s, "')]");
1124 | }
1125 | 
1126 | function xpr_attr_starts_with_has_class($a, $s, $c) {
1127 |   return strcat(".//*[contains(concat(' ',@class,' '),' ", $c, " ') and starts-with(@", $a, ",'", $s, "')]");
1128 | }
1129 | 
1130 | // value class pattern readable date time from ISO8601 datetime
1131 | function vcp_dt_readable($d) { /// ?> <!--   ///
1132 |   var $r;                      /// --> <?php ///
1133 |   $d = explode("T", $d);
1134 |   $r = "";
1135 |   if (count($d)>1) { 
1136 |      $r = explode("-", $d[1]);
1137 |      if (count($d)==1) {
1138 | 			 $r = explode("+", $d[1]);
1139 |      }
1140 |      if (count($d)>1) {
1141 |        $r = strcat('<time class="value" datetime="',$d[1],'">', 
1142 |                    $r[0],'</time> on ');
1143 |      }
1144 |      else {
1145 |        $r = strcat('<time class="value">', $d[1], '</time> on ');
1146 |      }
1147 |   }
1148 |   return strcat($r, '<time class="value">', $d[0], '</time>');
1149 | }
1150 | 
1151 | 
1152 | // -------------------------------------------------------------------
1153 | // compat as of 2011-149
1154 | function xphasclass($s) { return xp_has_class($s); }
1155 | function xprhasclass($s) { return xpr_has_class($s); }
1156 | function xphasid($s) { return xp_has_id($s); }
1157 | function xpattrstartswith($a, $s) { 
1158 |   return xp_attr_starts_with($a, $s); 
1159 | }
1160 | function xphasrel($s) { return xp_has_rel($s); }
1161 | function xprhasrel($s) { return xpr_has_rel($s); }
1162 | function xprattrstartswithhasrel($a, $s, $r) {
1163 |   return xpr_attr_starts_with_has_rel($a, $s, $r);
1164 | }
1165 | function xprattrstartswithhasclass($a, $s, $c) {
1166 |   return xpr_attr_starts_with_has_class($a, $s, $c);
1167 | }
1168 | function vcpdtreadable($d) { return vcp_dt_readable($d); }
1169 | 
1170 | 
1171 | // -------------------------------------------------------------------
1172 | // whistle
1173 | // algorithmic URL shortener core
1174 | // YYYY/DDD/tnnn to tdddss 
1175 | // ordinal date, type, decimal #, to sexagesimal epoch days, sexagesimal #
1176 | function whistle_short_path($p) {
1177 |   return strcat(substr($p, 9, 1),
1178 |                 ((substr($p, 9, 1)!=='t') ? "/" : ""),
1179 |                 yd_to_sdf(substr($p, 0, 8), 3),
1180 |                 num_to_sxg(substr($p, 10, 3)));
1181 | }
1182 | 
1183 | // -------------------------------------------------------------------
1184 | // Falcon
1185 | 
1186 | function html_unesc_amp_only($s) {
1187 |   return str_ireplace('&amp;', '&', $s);
1188 | }
1189 | 
1190 | function html_esc_amper_once($s) {
1191 |   return str_ireplace('&', '&amp;', html_unesc_amp_only($s));
1192 | }
1193 | 
1194 | function html_esc_amp_ang($s) {
1195 |   return str_ireplace('<', '&lt;',
1196 |          str_ireplace('>', '&gt;', html_esc_amper_once($s)));
1197 | }
1198 | 
1199 | function ellipsize_to_word($s, $max, $e, $min) { /// ?> <!--   ///
1200 |   var $elen, $i, $slen;                          /// --> <?php ///
1201 |   if (strlen($s)<=$max) {
1202 |     return $s; // no need to ellipsize
1203 |   }
1204 | 
1205 |   $elen = strlen($e);
1206 |   $slen = $max-$elen;
1207 | 
1208 |   // if last characters before $max+1 are ': ', truncate w/o ellipsis.
1209 |   // no need to take length of ellipsis into account
1210 |   if ($e==='...') {
1211 |     for ($i=1; $i<=$elen+1; $i+=1) {
1212 |       if (substr($s, $max-$i, 2)===': ') {
1213 |         return substr($s, 0, $max-$i+1);
1214 |       }
1215 |     }
1216 |   }
1217 | 
1218 |   if ($min) {
1219 |     // if a non-zero minimum is provided, then
1220 |     // find previous space or word punctuation to break at.
1221 |     // do not break at %`'"&.!?^ - reasons why to be documented.
1222 |     while ($slen>$min && 
1223 |            !contains('@$ -~*()_+[]{}|;,<>', $s[$slen-1])) {
1224 |       $slen-=1;
1225 |     }
1226 |   }
1227 |   // at this point we've got a min length string, 
1228 |   // only do minimum trimming necessary to avoid a punctuation error.
1229 |   
1230 |   // trim slash after colon or slash
1231 |   if ($s[$slen-1]==='/' && $slen > 2) {
1232 |     if ($s[$slen-2]===':') {
1233 |       $slen-=1;    
1234 |     }
1235 |     if ($s[$slen-2]==='/') {
1236 |       $slen-=2;
1237 |     }
1238 |   }
1239 | 
1240 |   //if trimmed at a ":" in a URL, trim the whole thing
1241 |     //or trimmed at "http", trim the whole URL
1242 |   if ($s[$slen-1]===':' && $slen > 5 && 
1243 |       substr($s, $slen-5, 5)==='http:') {
1244 |     $slen -= 5;
1245 |   } else if ($s[$slen-1]==='p' && $slen > 4 &&
1246 |              substr($s, $slen-4, 4)==='http') {
1247 |     $slen -= 4;
1248 |   } else if ($s[$slen-1]==='t' && $slen > 4 &&
1249 |              (substr($s, $slen-3, 4)==='http' || 
1250 |               substr($s, $slen-3, 4)===' htt')) {
1251 |     $slen -= 3;
1252 |   } else if ($s[$slen-1]==='h' && $slen > 4 &&
1253 |              substr($s, $slen-1, 4)==='http') {
1254 |     $slen -= 1;
1255 |   }
1256 |   
1257 |   // if char immediately before ellipsis would be @$ then trim it
1258 |   if ($slen > 0 && contains('@$', $s[$slen-1])) {
1259 |     $slen-=1;
1260 |   }
1261 |  
1262 |   //if char before ellipsis would be sentence terminator, trim 2 more
1263 |   while ($slen > 1 && contains('.!?', $s[$slen-1])) {
1264 |     $slen-=2;
1265 |   }
1266 | 
1267 |   // trim extra whitespace before ellipsis down to one space
1268 |   if ($slen > 2 && contains("\n\r ", $s[$slen-1])) {
1269 |     while (contains("\n\r ", $s[$slen-2]) && $slen > 2) {
1270 |       --$slen;
1271 |     }
1272 |   }
1273 | 
1274 |   if ($slen < 1) { // somehow shortened too much
1275 |     return $e; // or ellipsis by itself exceeded max, return ellipsis.
1276 |   }
1277 | 
1278 |   // if last two chars are ': ', omit ellipsis. 
1279 |   if ($e==='...' && substr($s, $slen-2, 2)===': ') {
1280 |     return substr($s, 0, $slen);
1281 |   }
1282 | 
1283 |   return strcat(substr($s, 0, $slen), $e);
1284 | }
1285 | 
1286 | function trim_leading_urls($s) {
1287 |   // deliberately trim URLs with explicit http: / https: from start
1288 |   // keep schemeless URLs, @-names as expected user-visible text
1289 |   // if empty or just space after trimming, just return original
1290 |   $r = trim($s);
1291 |   while (substr($r, 0, 5) == 'http:' || substr($r, 0, 6) == 'https:')
1292 |   {
1293 |     $ws = offset(' ', $r);
1294 |     $rs = offset("\r", $r);
1295 |     if ($rs == 0) { $rs = offset("\n", $r); }
1296 |     if ($rs != 0 && $rs < $ws) { $ws = $rs; }
1297 |     if ($ws == 0) { return $s; }
1298 |     $r = substr($r, $ws, strlen($r)-$ws);
1299 |   }
1300 |   $r = trim($r);
1301 |   return ((strlen($r) > 0) ? $r : $s);
1302 | }
1303 | 
1304 | function auto_space($s) {
1305 | // replace linebreaks with <br class="auto-break"/>
1306 | //  and one leading space with &nbsp;
1307 | // replace "  " with " &nbsp;"
1308 | // replace leading spaces (on a line or before spaces) with nbsp;
1309 |   if ($s[0] === ' ') {
1310 |     $s = strcat('&#xA0;', substr($s, 1, strlen($s)-1));
1311 |   }
1312 |   return str_ireplace(array("\r\n", "\r", "\n ", "\n", "  "),
1313 |                       array("\n", "\n", '<br class="auto-break"/>&#xA0;',
1314 |                             '<br class="auto-break"/>',
1315 |                             ' &#xA0;'),
1316 |                       $s);
1317 | }
1318 | 
1319 | function auto_link_re() {
1320 |   return '/(?:\\@[_a-zA-Z0-9]{1,17})(?:\\.[a-zA-Z0-9][-a-zA-Z0-9]*)*|(?:(?:(?:(?:http|https|irc)?:\\/\\/(?:(?:[!$&-.0-9;=?A-Z_a-z]|(?:\\%[a-fA-F0-9]{2}))+(?:\\:(?:[!$&-.0-9;=?A-Z_a-z]|(?:\\%[a-fA-F0-9]{2}))+)?\\@)?)?(?:(?:(?:[a-zA-Z0-9][-a-zA-Z0-9]*\\.)+(?:(?:aero|arpa|asia|a[cdefgilmnoqrstuwxz])|(?:biz|blog|b[abdefghijmnorstvwyz])|(?:cat|com|coop|c[acdfghiklmnoruvxyz])|(?:design|d[ejkmoz])|(?:edu|e[cegrstu])|f[ijkmor]|(?:gov|g[abdefghilmnpqrstuwy])|h[kmnrtu]|(?:info|int|i[delmnoqrst])|j[emop]|k[eghimnrwyz]|l[abcikrstuvy]|(?:mil|museum|m[acdeghklmnopqrstuvwxyz])|(?:name|net|n[acefgilopruz])|(?:org|om)|(?:pro|p[aefghklmnrstwy])|qa|(?:rocks|r[eouw])|(?:space|s[abcdeghijklmnortuvyz])|(?:tech|tel|travel|t[cdfghjklmnoprtvwz])|u[agkmsyz]|v[aceginu]|(?:wtf|w[fs])|xyz|y[etu]|z[amw]))|(?:(?:25[0-5]|2[0-4][0-9]|[0-1][0-9]{2}|[1-9][0-9]|[1-9])\\.(?:25[0-5]|2[0-4][0-9]|[0-1][0-9]{2}|[1-9][0-9]|[0-9])\\.(?:25[0-5]|2[0-4][0-9]|[0-1][0-9]{2}|[1-9][0-9]|[0-9])\\.(?:25[0-5]|2[0-4][0-9]|[0-1][0-9]{2}|[1-9][0-9]|[0-9])))(?:\\:\\d{1,5})?)(?:\\/(?:(?:[!#&-;=?-Z_a-z~])|(?:\\%[a-fA-F0-9]{2}))*)?)(?=\\b|\\s|$)/';
1321 |   // ccTLD compressed regular expression clauses (re)created.
1322 |   // .mobi .jobs deliberately excluded to discourage layer violations.
1323 |   // see http://flic.kr/p/2kmuSL for more on the problematic new gTLDs
1324 |   // part of $re derived from Android Open Source Project, Apache 2.0
1325 |   // with a bunch of subsequent fixes/improvements (e.g. ttk.me/t44H2)
1326 |   // thus auto_link_re is also Apache 2.0 licensed
1327 |   //  http://www.apache.org/licenses/LICENSE-2.0
1328 |   // - Tantek 2010-046 (moved to auto_link_re 2012-062)
1329 | }
1330 | 
1331 | // auto_link: param 1: text; 
1332 | //  optional: param 2: do embeds or not (false),
1333 | //            param 3: do auto_links or not (true)
1334 | // auto_link is idempotent, works on plain text or typical markup.
1335 | function auto_link() { 
1336 |   /// ?> <!--   ///
1337 |   var $args, $afterchar, $afterlink, $do_embed, $fe, $i, $isjs, 
1338 |       $mi, $mlen, $ms, $re, 
1339 |       $sp, $spe, $spliti, $t, $wmi, $yvid; 
1340 |   /// --> <?php ///
1341 | 
1342 |   $isjs = js();
1343 |   $args = $isjs ? arguments : func_get_args();
1344 |   if (count($args) === 0) {
1345 |     return '';
1346 |   }
1347 |   $t = $args[0];
1348 |   $do_embed = (count($args) > 1) && ($args[1]!==false);
1349 |   $do_link = (count($args) < 3) || ($args[2]!==false);
1350 | 
1351 |   $re = auto_link_re();
1352 |   $ms = preg_matches($re, $t);
1353 |   if (!$ms) {
1354 |     return $t;
1355 |   }
1356 | 
1357 |   $mlen = count($ms);
1358 |   $sp = preg_split($re, $t);
1359 |   $t = "";
1360 |   $sp[0] = string($sp[0]); // force undefined to ""
1361 |   for ($i=0; $i<$mlen; $i+=1) {
1362 |     $mi = $ms[$i];
1363 |     $spliti = $sp[$i];
1364 |     $t = strcat($t, $spliti);
1365 |     $sp[$i+1] = string($sp[$i+1]); // force undefined to ""
1366 |     if (substr($sp[$i+1], 0, 1)==='/') { //regex omits end/ before </a
1367 |       $sp[$i+1] = substr($sp[$i+1], 1, strlen($sp[$i+1])-1);
1368 |       $mi = strcat($mi, '/'); // include / in the match
1369 |     }
1370 |     $spe = substr($spliti, -2, 2);
1371 |     // avoid 2x-linking, don't link CSS @-rules, attr values, asciibet
1372 |     if ((!$spe || !preg_match('/(?:\\=[\\"\\\']?|t;)/', $spe)) &&
1373 |         substr(trim($sp[$i+1]), 0, 3)!=='</a' && 
1374 |         (!contains(
1375 | '@charset@font@font-face@import@media@namespace@page@supports@ABCDEFGHIJKLMNOPQ@',
1376 |             strcat($mi, '@')))) {
1377 |       $afterlink = '';
1378 |       $afterchar = substr($mi, -1, 1);
1379 |       while (contains('.!?,;"\')]}', $afterchar) && // trim punc from
1380 |           ($afterchar!==')' || !contains($mi,'('))) { // 1 () pair
1381 |         $afterlink = strcat($afterchar, $afterlink);
1382 |         $mi = substr($mi, 0, -1);
1383 |         $afterchar = substr($mi, -1, 1);
1384 |       }
1385 |       
1386 |       $fe = 0;
1387 |       if ($do_embed) {
1388 |          $fe = strtolower(
1389 |                 (substr($mi, -4, 1) === '.') ? substr($mi, -4, 4) 
1390 |                                              : substr($mi, -5, 5));
1391 |       }
1392 |       $wmi = web_address_to_uri($mi, true);
1393 |       $prot = protocol_of_uri($wmi);
1394 |       $hn = hostname_of_uri($wmi);
1395 |       $pa = path_of_uri($wmi);
1396 |       $ih = is_http_uri($wmi);
1397 | 
1398 |       $ahref = '<span class="figure" style="text-align:left">';
1399 |       $enda = '</span>';
1400 | 			if ($do_link) {
1401 |         $ahref = strcat('<a class="auto-link figure" href="',      
1402 |                         $wmi, '">');
1403 |         $enda = '</a>';
1404 |       }
1405 | 
1406 |       if ($fe && 
1407 |           ($fe === '.jpeg' || $fe === '.jpg' || $fe === '.png' || 
1408 |            $fe === '.gif' || $fe === '.svg')) {
1409 |         $alt = strcat('a ',
1410 |                       (offset('photo', $mi) != 0) ? 'photo' 
1411 |                                                   : substr($fe, 1));
1412 |         $t = strcat($t, $ahref, '<img class="auto-embed" alt="', 
1413 |                     $alt, '" src="', $wmi, '"/>', $enda, $afterlink);
1414 |       } else if ($fe && 
1415 |                  ($fe === '.mp4' || $fe === '.mov' || 
1416 |                   $fe === '.ogv' || $fe === '.webm'))
1417 |       {
1418 |         $t = strcat($t, $ahref, '<video class="auto-embed" ',
1419 |                     'controls="controls" src="', $wmi, '"></video>',
1420 |                     $enda, $afterlink);
1421 |       } else if ($hn === 'vimeo.com' 
1422 |                      && ctype_digit(substr($pa, 1))) {
1423 | 				if ($do_link) {
1424 | 				  $t = strcat($t, '<a class="auto-link" href="',
1425 | 				              'https:', relative_uri_hash($wmi),
1426 |                       '">', $mi, '</a> ');
1427 | 				}
1428 |         if ($do_embed) {
1429 |           $t = strcat($t, '<iframe class="vimeo-player auto-embed figure" width="480" height="385" style="border:0" src="', 'https://player.vimeo.com/video/', 
1430 |                       substr($pa, 1), '"></iframe>', 
1431 |                       $afterlink);
1432 |         }
1433 |       } else if ($hn === 'youtu.be' ||
1434 |                 (($hn === 'youtube.com' || $hn === 'www.youtube.com')
1435 |                  && ($yvid = offset('watch?v=', $mi)) !== 0)) {
1436 |         if ($hn === 'youtu.be') {
1437 |           $yvid = substr($pa, 1);
1438 |         } else {
1439 |           $yvid = explode('&', substr($mi, $yvid+7));
1440 |           $yvid = $yvid[0];
1441 |         }
1442 | 				if ($do_link) {
1443 |   				$t = strcat($t, '<a class="auto-link" href="',
1444 |   				            'https:', relative_uri_hash($wmi),
1445 |                       '">', $mi, '</a> ');
1446 |         }
1447 |         if ($do_embed) {
1448 |           $t = strcat($t, '<iframe class="youtube-player auto-embed figure" width="480" height="385" style="border:0"  src="', 'https://www.youtube.com/embed/', 
1449 |                       $yvid, '"></iframe>', 
1450 |                       $afterlink);
1451 |         }
1452 |       } else if ($mi[0] === '@' && $do_link && !contains($mi, '.')) {
1453 |         if ($sp[$i+1][0] === '.' && 
1454 |             $spliti != '' &&
1455 |             ctype_email_local(substr($spliti, -1, 1))) {
1456 |           // if email address, simply append info, no linking
1457 |           $t = strcat($t, $mi, $afterlink);
1458 |         }
1459 |         else {
1460 |           // treat it as a Twitter @-username reference and link it
1461 |           $t = strcat($t, 
1462 |                       '<a class="auto-link h-cassis-username" href="',
1463 |                       $wmi, '">', $mi, '</a>', 
1464 |                       $afterlink);
1465 |         }
1466 |       } else if ($do_link) {
1467 |         if ($mi[0] === '@') {
1468 |           $wmi = web_address_to_uri(substr($mi, 1), true);
1469 |         }
1470 |         $t = strcat($t, '<a class="auto-link" href="',
1471 |                     $wmi, '">', $mi, '</a>', 
1472 |                     $afterlink);
1473 |       } else {
1474 |         $t = strcat($t, $mi, $afterlink);
1475 |       }
1476 |     } else {
1477 |       $t = strcat($t, $mi);
1478 |     }
1479 |   }
1480 |   return strcat($t, $sp[$mlen]);
1481 | }
1482 | 
1483 | 
1484 | function get_auto_linked_urls($s) {
1485 |   // in: $s result of auto_link() applied to plain text
1486 |   // out: array of urls from hyperlinks in $s
1487 |   
1488 |   $s = explode('href="', $s);
1489 |   $irtn = count($s);
1490 |   if ($irtn < 2) { return array(); }
1491 |   $r = array();
1492 |   for ($i=1; $i<$irtn; $i++) {
1493 |     $r[$i-1] = substr($s[$i], 0, offset('"', $s[$i])-1);
1494 |   }
1495 |   return $r;
1496 | }
1497 | 
1498 | 
1499 | // returns array of URLs after literal "in-reply-to:" in text
1500 | function get_in_reply_to_urls($s) {
1501 |   /// ?> <!--   ///
1502 |   var $irtn, $r, $re, $i, $j,
1503 |       $ms, $sp, $afterlink, $ac; 
1504 |   /// --> <?php ///
1505 |   
1506 |   $s = explode('in-reply-to: ', $s);
1507 |   $irtn = count($s);
1508 |   if ($irtn < 2) { return array(); }
1509 |   $r = array();
1510 |   $re = auto_link_re();
1511 |   for ($i=1; $i<$irtn; $i++) {
1512 |     // iterate through all strings after an 'in-reply-to: ' for URLs
1513 |     $ms = preg_matches($re, $s[$i]);
1514 |     $msn = count($ms);
1515 |     if ($ms) {
1516 |       $sp = preg_split($re, $s[$i]);
1517 |       $j = 0;
1518 |       $afterlink = '';
1519 |       while ($j<$msn && 
1520 |              $afterlink == '' &&
1521 |              ($sp[$j] == '' || ctype_space($sp[$j]))) {
1522 |         // iterate through space separated URLs and add them to $r
1523 |         $m = $ms[$j];
1524 |         if ($m[0] != '@') { // skip @-references
1525 |           $ac = substr($m, -1, 1);
1526 |           while (contains('.!?,;"\')]}', $ac) && // trim punc @ end
1527 |               ($ac != ')' || !contains($m, '('))) { 
1528 |               // allow one paren pair
1529 |               // *** not sure twitter is this smart
1530 |               $afterlink = strcat($ac, $afterlink);
1531 |               $m = substr($m, 0, -1);
1532 |               $ac = substr($m, -1, 1);
1533 |           }
1534 |           if (substr($m, 0, 6) === 'irc://') { 
1535 |             // skip it. no known use of in-reply-to an IRC URL
1536 |           } else {
1537 |             $r[count($r)] = web_address_to_uri($m, true);
1538 |           }
1539 |         }
1540 |         $j++;
1541 |       }
1542 |     }
1543 |   } 
1544 |   return $r;
1545 | }
1546 | 
1547 | 
1548 | // Twitter POSSE support
1549 | 
1550 | // replace URLs with https://j.mp/0011235813 to mimic Twitter's t.co
1551 | function tw_text_proxy() {
1552 |   /// ?> <!--   ///
1553 |   var $args, $afterchar, $afterlink, $i, $isjs,
1554 |       $mlen, $ms, $re, 
1555 |       $sp, $spe, $spliti, $prot, $proxy_url; 
1556 |   /// --> <?php ///
1557 |   
1558 |   $isjs = js();
1559 |   $args = $isjs ? arguments : func_get_args();
1560 |   if (count($args) === 0) {
1561 |     return '';
1562 |   }
1563 |   $t = $args[0];
1564 | 
1565 |   $re = auto_link_re();
1566 |   $ms = preg_matches($re, $t);
1567 |   if (!$ms) {
1568 |     return $t;
1569 |   }
1570 | 
1571 |   $mlen = count($ms);
1572 |   $sp = preg_split($re, $t);
1573 |   $t = "";
1574 |   $sp[0] = string($sp[0]); // force undefined to ""
1575 |   for ($i=0; $i<$mlen; $i++) {
1576 |     $mi = $ms[$i];
1577 |     $spliti = $sp[$i];
1578 |     $t = strcat($t, $spliti);
1579 |     $sp[$i+1] = string($sp[$i+1]); // force undefined to ""
1580 |     if (substr($sp[$i+1], 0, 1)=='/') { // regex omits '/' before </a
1581 |       $sp[$i+1] = substr($sp[$i+1], 1, strlen($sp[$i+1])-1);
1582 |       $mi = strcat($mi, '/'); // explicitly include in match
1583 |     }
1584 |     $spe = substr($spliti, -2, 2);
1585 |     // don't proxy @-names //, plain ccTLDs
1586 |     if ($mi[0] !== '@' 
1587 |       //&& (substr($mi, -3, 1) !== '.' || substr_count($mi, '.') > 1)
1588 |         ) {
1589 |       $afterlink = '';
1590 |       $afterchar = substr($mi, -1, 1);
1591 |       while (contains('.!?,;"\')]}', $afterchar) && // trim punc @ end
1592 |           ($afterchar !== ')' || !contains($mi, '('))) { 
1593 |           // allow one paren pair
1594 |           // *** not sure twitter is this smart
1595 |           $afterlink = strcat($afterchar, $afterlink);
1596 |           $mi = substr($mi, 0, -1);
1597 |           $afterchar = substr($mi, -1, 1);
1598 |       }
1599 |       
1600 |       $prot = protocol_of_uri($mi);
1601 |       $proxy_url = '';
1602 |       if ($prot === 'irc:') {
1603 |         $proxy_url = $mi; // Twitter doesn't tco irc: URLs
1604 |       } else { /* 'https:', 'http:' or presumed for schemeless URLs */ 
1605 |         $proxy_url = 'https://j.mp/0011235813';
1606 |       }
1607 |       $t = strcat($t, $proxy_url, $afterlink);
1608 |     }
1609 |     else {
1610 |       $t = strcat($t, $mi);
1611 |     }
1612 |   }
1613 |   return strcat($t, $sp[$mlen]);
1614 | }
1615 | 
1616 | 
1617 | // note_length_check:
1618 | // checks if $note fits in $maxlen characters.
1619 | // if $username is non-empty, checks if RT'd $note fits in $maxlen
1620 | // 0 - bad params or other precondition failure error
1621 | // 200 - exactly fits max characters with RT if username provided
1622 | // 206 - less than max chars with RT if username provided
1623 | // 207 - more than RT safe length, but less than tweet max
1624 | // 208 - tweet max length but with RT would be over
1625 | // 413 - (entity too large) over max tweet length
1626 | // strlen('RT @: ') === 6.
1627 | function note_length_check($note, $maxlen, $username) {
1628 |   /// ?> <!--   ///
1629 |   var $note_size_chk_u, $note_size_chk_n;
1630 |   /// --> <?php ///
1631 | 
1632 |   if ($maxlen < 1) { return 0; }
1633 |   
1634 |   $note_size_chk_u = $username ? 6 + strlen(string($username)) : 0;
1635 |   $note_size_chk_n = strlen(string($note)) + $note_size_chk_u;
1636 |   
1637 |   if ($note_size_chk_n === $maxlen)                    { return 200; }
1638 |   if ($note_size_chk_n < $maxlen)                      { return 206; }
1639 |   if ($note_size_chk_n - $note_size_chk_u < $maxlen)   { return 207; }
1640 |   if ($note_size_chk_n - $note_size_chk_u === $maxlen) { return 208; }
1641 |   return 413;
1642 | }
1643 | 
1644 | function tw_length_check($t, $maxlen, $username) {
1645 |   return note_length_check(tw_text_proxy($t), 
1646 |                            $maxlen, $username);
1647 | }
1648 | 
1649 | function tw_url_to_status_id($u) {
1650 | // $u - tweet permalink url
1651 | // returns tweet status id string; 0 if not a tweet permalink.
1652 |   if (!$u) return 0;
1653 |   $u = explode("/", string($u)); // https:,,twitter.com,t,status,nnn
1654 |   if ($u[2] != "twitter.com" || 
1655 |       $u[4] != "status"      ||
1656 |       !ctype_digit($u[5])) {
1657 |     return 0;
1658 |   }
1659 |   return $u[5];
1660 | }
1661 | 
1662 | function tw_url_to_username($u) {
1663 | // $u - tweet permalink url
1664 | // returns twitter username; 0 if not a tweet permalink.
1665 |   if (!$u) return 0;
1666 |   $u = explode("/", string($u)); // https:,,twitter.com,t,status,nnn
1667 |   if ($u[2] != "twitter.com" || 
1668 |       $u[4] != "status"      ||
1669 |       !ctype_digit($u[5])) {
1670 |     return 0;
1671 |   }
1672 |   return $u[3];
1673 | }
1674 | 
1675 | function fb_url_to_event_id($u) {
1676 | // $u - fb event permalink url
1677 | // returns fb event id string; 0 if not a fb event permalink.
1678 |   if (!$u) return 0;
1679 |   $u = explode("/", string($u)); // https:,,fb.com,events,nnn
1680 |   if (($u[2] != "fb.com" && $u[2] != "facebook.com" && 
1681 |        $u[2] != "www.facebook.com") || 
1682 |       $u[3] != "events"      ||
1683 |       !ctype_digit($u[4])) {
1684 |     return 0;
1685 |   }
1686 |   return $u[4];
1687 | }
1688 | 
1689 | // ===================================================================
1690 | // end CASSIS v0.1, cassis.js
1691 | // ?> -->
1692 | 


--------------------------------------------------------------------------------
/web/hovercard.css:
--------------------------------------------------------------------------------
 1 | *{
 2 | 	transition: all 0.25s ease-out;
 3 | }
 4 | 
 5 | .hovercard{
 6 | 	position: relative;
 7 | }
 8 | 
 9 | .hovercard .hidden-info{
10 | 	opacity: 0;
11 | 	max-height: 0;
12 | 	max-width: 0;
13 | 	overflow: hidden;
14 | 	position: absolute;
15 | 	top: 1.5em;
16 | 	left: 0;
17 | 	z-index:1;
18 | }
19 | 
20 | 
21 | .hovercard:hover .hidden-info{
22 | 	border: #999 solid 1px;
23 | 	box-shadow: 0 0 1em #999;
24 | 	padding: 0.5em;
25 | 	background: #fcfcfc;
26 | 	opacity: 1;
27 | 	max-height: 20em;
28 | 	max-width: 20em;
29 | }
30 | 


--------------------------------------------------------------------------------
/web/hovercards.js:
--------------------------------------------------------------------------------
 1 | function showHoverCard(event) {
 2 |     event.currentTarget.stashHTML = event.currentTarget.innerHTML;
 3 |     event.currentTarget.innerHTML =  "<iframe class='u-hovercard' src='http://unmung.com/hovercard?url="+event.currentTarget.href+"' width=256 height=128 ></iframe>";
 4 | }
 5 | function hideHoverCard(event) {
 6 |     event.currentTarget.innerHTML = event.currentTarget.stashHTML;
 7 | }   
 8 | document.onreadystatechange = function () {
 9 |   if (document.readyState == "interactive") {
10 |     var people = document.getElementsByClassName('h-card')
11 |     for (var i=0;i <people.length;i++) {
12 |         var person = people.item(i);
13 |         if (person.href) {
14 |             person.addEventListener("mouseenter", showHoverCard);
15 |             person.addEventListener("mouseleave", hideHoverCard);
16 |         }
17 |     }
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/web/index.fr.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head><title>Noter direct</title>
  4 | <meta charset="utf-8">
  5 | <link href="bootstrap.css" media="all" rel="stylesheet" type="text/css" />
  6 | <link rel="shortcut icon" href="noterlive.png" />
  7 | <link rel="apple-touch-icon" href="noterlive.png" />
  8 | <meta name="mobile-web-app-capable" content="yes" />
  9 | <meta name="viewport" content="width=device-width, initial-scale=1.0">
 10 | <link type="text/css" rel="stylesheet" href="tweetembed.css">
 11 | <link type="text/css" rel="stylesheet" href="hovercard.css">
 12 | <script src="cassis.js"></script>
 13 | <script src="hovercards.js"></script>
 14 | <script src="noterlive.js"></script>
 15 | 
 16 | <style type='text/css'>
 17 | 
 18 | .row {
 19 |   padding-bottom: 15px;
 20 | }
 21 | .hidden {
 22 |   display: none;
 23 | }
 24 | #profile {
 25 |   display: inline;
 26 | }
 27 | .h-cite {
 28 |   display: webkit-flex;
 29 |   display: flex;
 30 | }
 31 | </style>
 32 | 
 33 | </head>
 34 | <body dir="ltr">
 35 | <div class="container">
 36 |   <div class="navbar">
 37 |     <div class="container">
 38 |       <h1><img id="logo" src="noterlive.svg" width="48px" style="float:left"> <a class="navbar-brand" href="#">Noter Live</a></h1>
 39 | 		<a href="/index.html">English version</a>
 40 | 		<form name="indieauth" class="hidden" method="post" action="/auth/indie">
 41 | 			  <div class="col col-lg-2"><span>votre url:</span></div>
 42 | 			  <div class="col col-lg-4"><input type="url" name="yoururl"></div>   
 43 | 			  <div class="col col-lg-2"><input type="submit" name="signin" value="se connecter"></div>       
 44 | 		</form>
 45 |       <div class="pull-right">
 46 | 	 <a class="btn btn-info pull-right" href="/auth/twitter">Connecter avec Twitter</a>
 47 | 	 <div id="profile" class="hidden">
 48 | 	   <img id="profileimage" src=""> connecté en tant que <span id="profilename"></span>
 49 | 	 </div>
 50 | 	 <a class="btn btn-info hidden" href="/auth/twitterlogout">Se déconnecter</a>
 51 |       </div>
 52 |      
 53 |     </div>
 54 |   </div>
 55 |  <iframe id="tweet" class='hidden' allow-same-origin="true" src=""></iframe>
 56 |   <div id="error"> </div>    
 57 |     <div class="row">
 58 | <input type="checkbox" id="hovercards" name="hovercards"><label>ajouter hovercards html</label>
 59 | </div>  
 60 | <form name="note" class="form-inline">
 61 |     <div class="row">
 62 |       <div class="col col-lg-12">
 63 |         <div class="input-group ">
 64 |           <span class="input-group-addon input">#</span>
 65 |           <input type="text" name="hashtag" value="#indieweb">            
 66 |         </div>
 67 |       </div>
 68 |     </div>
 69 |     <div class='row'>
 70 |       <div class='col col-lg-6'>
 71 | 		<input name="speakerhandle" placeholder="Rechercher un pseudo de twitter ici" type='text' />
 72 | 	  </div>
 73 |       <div class='col col-lg-3'>
 74 | 		<input type="button" class='btn' value="Changer Intervenant" onclick="changespeakerinfo()" >
 75 | 	  </div>
 76 | 	</div> 
 77 |     <ul id="speakerlist"></ul>
 78 |     <div class="row">
 79 |       <div class="col col-lg-3">
 80 |         <div class="input-group">
 81 |           <span class="input-group-addon input">@</span>
 82 |           <input name="speakertwitter" value="@kevinmarks" type="text">
 83 |         </div>
 84 |       </div>
 85 |       <div class="col col-lg-3">
 86 |         <input name="speakername" value="Kevin Marks" type="text">
 87 |       </div>
 88 |       <div class='col col-lg-3'>
 89 |         <input type='text' name="speakerurl" value="http://kevinmarks.com">
 90 |       </div>
 91 |       <div class='col col-lg-2'>
 92 |         <input type="button" class='btn' value="Sauver Intervenant" onclick="savespeaker()" > 
 93 |       </div>
 94 |       <div class='col col-lg-1'>
 95 |         <input type="button" class='btn' value="Supprimer" onclick="deletespeaker()" > 
 96 |       </div>
 97 |     </div>
 98 |      <div class='row'>
 99 |       <div class='col col-lg-12'>
100 |         <div class='input-group'>
101 |           <input type="search" name="quote" placeholder="Insérer la citation de l'intervenant ici" oninput="noteit()" onchange="noteit()" 
102 |               onkeydown="if (event.keyCode == 13) { postit(); return false; }" >
103 |               <span class="input-group-btn">
104 |                 <input id="notebutton" type="button" class="btn btn-default" value="Noter" onclick="postit()">
105 |               </span>
106 |             </div>
107 |       </div>
108 |     </div>
109 |     <div class="row">
110 |       <div class="col col-lg-12">
111 |         <textarea id="composed"></textarea>
112 |         <span class="label" id="charcount">0</span>
113 |       </div>
114 |     </div>
115 | <div id="fakeiframe" style="font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size:14; border: none; max-width: 100%; min-width: 220px; margin: 10px 0px; padding: 0px; display: block; position: static; visibility: visible; width: 500px;">
116 | 
117 | <div class="EmbeddedTweet decider-tapOpensPermalink  twitter-tweet not-touch">
118 | 
119 |     <div class="EmbeddedTweet-tweet">
120 | <blockquote class="Tweet h-entry tweet subject expanded">
121 |   <div class="Tweet-header u-cf">
122 |     <div class="Tweet-followButton u-floatRight">
123 | </div>
124 |     
125 | <div class="Tweet-author u-textTruncate h-card p-author">
126 |   <a class="Tweet-authorLink Identity u-linkBlend" href="https://twitter.com/kevinmarks">
127 |     <span class="Tweet-authorAvatar Identity-avatar">
128 |       <img id="profileimage2" class="Avatar u-photo" src="">
129 |     </span>
130 |     <span id="profilefullname" class="Tweet-authorName Identity-name p-name customisable-highlight"> </span>
131 |     
132 |     <span id="profilename2" class="Tweet-authorScreenName Identity-screenName p-nickname"></span>
133 |   </a>
134 | </div>
135 | 
136 |   </div>
137 | 
138 |   <div class="Tweet-body e-entry-content">
139 |     <p id="tweetpre" class="Tweet-text e-entry-title" lang=""></p>
140 | 
141 | 
142 |     <div class="Tweet-metadata dateline">
143 |       
144 | 
145 | <a class="u-linkBlend u-url customisable-highlight long-permalink" href="https://twitter.com/kevinmarks/status/591427174579642368">
146 | <time class="dt-updated" title="Temps affiché 24 Avr 2015, 02:23:21 (GMT)" datetime="2015-04-24T02:23:21+0000" pubdate="">19:23 - 23 avril 2015</time></a>
147 |     </div>
148 |   </div>
149 | </blockquote>
150 | </div>
151 |   </div>
152 |   
153 |   </div>
154 |     <div class="row">
155 |       <div class="col col-lg-12">
156 |         <textarea id="archive"></textarea>
157 |       </div>
158 |     </div>
159 |     <div class="row">
160 |       <div class="col col-lg-12">
161 |         <textarea id="blogpost"></textarea>
162 |       </div>
163 |     </div>
164 | 	<div class="row">
165 | 		<div class="col col-lg-12">
166 | 			<input type="button" class='btn' value="Effacer Intervenants" onclick="clearSpeakers(); return false;" > 
167 | 			<input type="button" class='btn' value="Effacer le journal" onclick="clearLogs(); return false;" > 
168 | 			<input type="button" class='btn' value="Nouveau fil" onclick="clearThread(); return false;" > 
169 | 			<input type="button" class='btn' value="Effacer tout" onclick="clearLocal(); location.reload(); return false;" > 
170 | 		</div>
171 | 	</div>
172 |   </form>
173 | 	<div class="row">
174 | 		<div class="col col-lg-12">
175 |   <div id="preview"> </div>    
176 | 		</div>
177 | 	</div>
178 | 
179 | 
180 | 
181 | 
182 | </div>
183 |   <footer class="well">
184 |     <p>Une application Web pour rendre l'affichage de note en direct (live-tweeting aka, live-blogging) plus facile. Par <a href="http://kevinmarks.com">Kevin Marks.</a> 
185 |     <p><a href="https://github.com/kevinmarks/noterlive/wiki/Noter-Live-Instruction-Manual"> manuel (en anglais)</a>. <a href="https://github.com/kevinmarks/noterlive">Code ici</a>.</p>
186 |     <p>Fait beaucoup moins laid grâce à Frédéric de Villamil. 
187 |     <p>Twitter Déconnexion ajoutée par James Williams.
188 |     <p>Construire fixé par Kyle
189 |     <p>La mise en cache locale par Peter Wilson <a href="https://github.com/kevinmarks/noterlive">code ici.</a>
190 |   </p></p></p></p></p></footer>
191 | 
192 | </body>
193 | </html>
194 | 


--------------------------------------------------------------------------------
/web/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head><title>Noter Live</title>
  4 | <meta charset="utf-8">
  5 | <link href="bootstrap.css" media="all" rel="stylesheet" type="text/css" />
  6 | <link rel="shortcut icon" href="noterlive.png" />
  7 | <link rel="apple-touch-icon" href="noterlive.png" />
  8 | <meta name="mobile-web-app-capable" content="yes" />
  9 | <meta name="viewport" content="width=device-width, initial-scale=1.0">
 10 | <link type="text/css" rel="stylesheet" href="tweetembed.css">
 11 | <link type="text/css" rel="stylesheet" href="hovercard.css">
 12 | <script src="cassis.js"></script>
 13 | <script src="hovercards.js"></script>
 14 | <script src="noterlive.js"></script>
 15 | 
 16 | <style type='text/css'>
 17 | 
 18 | .row {
 19 |   padding-bottom: 15px;
 20 | }
 21 | .hidden {
 22 |   display: none;
 23 | }
 24 | #profile {
 25 |   display: inline;
 26 | }
 27 | .h-cite {display:webkit-flex; display:flex;}
 28 | 
 29 | </style>
 30 | 
 31 | </head>
 32 | <body>
 33 | <div class='container'>
 34 |   <div class="navbar">
 35 |     <div class="container">
 36 |       <h1><img id="logo" src="noterlive.svg" width="48px" style="float:left;" >
 37 | <a class='navbar-brand' href="#">Noter Live</a></h1>
 38 | 		<a href="/index.fr.html">Version Française</a>
 39 | 		<form name="indieauth" method="post" action="/auth/indie" class="hidden">
 40 | 			  <div class="col col-lg-2"><span >your url:</span></div>
 41 | 			  <div class="col col-lg-4"><input type='url' name='yoururl' ></div>   
 42 | 			  <div class="col col-lg-2"><input type='submit' name='signin' value="Sign in"></div>       
 43 | 		</form>
 44 |       <div class='pull-right'>
 45 | 	 <a class='btn btn-info pull-right' href="/auth/twitter" >Login with Twitter</a>
 46 | 	 <div id='profile' class='hidden'>
 47 | 	   <img id="profileimage" src="">
 48 | 	   Logged in as <span id="profilename"></span>
 49 | 	 </div>
 50 | 	 <a class='btn btn-info hidden' href="/auth/twitterlogout">Logout</a>
 51 |       </div>
 52 |      
 53 |     </div>
 54 |   </div>
 55 |  <iframe id="tweet" class='hidden' allow-same-origin="true" src=""></iframe>
 56 |   <div id="error"> </div>    
 57 |     <div class='row'>
 58 | <input type="checkbox" id="hovercards" name="hovercards"><label>add hovercards to html</label></input>
 59 | </div>  
 60 | <form name="note" class='form-inline'>
 61 |     <div class='row'>
 62 |       <div class="col col-lg-12">
 63 |         <div class='input-group '>
 64 |           <span class="input-group-addon input">#</span>
 65 |           <input type='text' name="hashtag" value="#indieweb">            
 66 |         </div>
 67 |       </div>
 68 |     </div>
 69 |     <div class='row'>
 70 |       <div class='col col-lg-6'>
 71 | 		<input name="speakerhandle" placeholder="lookup a twitter handle here" type='text' />
 72 | 	  </div>
 73 |       <div class='col col-lg-3'>
 74 | 		<input type="button" class='btn' value="Change Speaker" onclick="changespeakerinfo()" >
 75 | 	  </div>
 76 | 	</div> 
 77 |     <ul id="speakerlist"></ul>
 78 |     <div class='row'>
 79 |       <div class='col col-lg-3'>
 80 |         <div class='input-group'>
 81 |           <span class="input-group-addon input">@</span>
 82 |           <input name="speakertwitter" value="@kevinmarks" type='text' />
 83 |         </div>
 84 |       </div>
 85 |       <div class='col col-lg-3'>
 86 |         <input name="speakername" value="Kevin Marks" type='text' />
 87 |       </div>
 88 |       <div class='col col-lg-3'>
 89 |         <input type='text' name="speakerurl" value="http://kevinmarks.com">
 90 |       </div>
 91 |       <div class='col col-lg-2'>
 92 |         <input type="button" class='btn' value="Save Speaker" onclick="savespeaker()" > 
 93 |       </div>
 94 |       <div class='col col-lg-1'>
 95 |         <input type="button" class='btn' value="Delete" onclick="deletespeaker()" > 
 96 |       </div>
 97 |     </div>
 98 |      <div class='row'>
 99 |       <div class='col col-lg-12'>
100 |         <div class='input-group'>
101 |           <input type="search" name="quote" placeholder="type the speaker's brilliant quote here" oninput="noteit()" onchange="noteit()" 
102 |               onkeydown="if (event.keyCode == 13) { postit(); return false; }" >
103 |               <span class="input-group-btn">
104 |                 <input id="notebutton" type="button" class='btn btn-default' value="Note" onclick="postit()" >
105 |               </span>
106 |             </div>
107 |       </div>
108 |     </div>
109 |     <div class='row'>
110 |       <div class='col col-lg-12'>
111 |         <textarea id="composed"></textarea>
112 |         <span class='label' id="charcount">0</span>
113 |       </div>
114 |     </div>
115 | <div id="fakeiframe" style="font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size:14; border: none; max-width: 100%; min-width: 220px; margin: 10px 0px; padding: 0px; display: block; position: static; visibility: visible; width: 500px;">
116 | 
117 | <div class="EmbeddedTweet decider-tapOpensPermalink  twitter-tweet not-touch" >
118 | 
119 |     <div class="EmbeddedTweet-tweet">
120 | <blockquote class="Tweet h-entry tweet subject expanded" >
121 |   <div class="Tweet-header u-cf">
122 |     <div class="Tweet-followButton u-floatRight">
123 | </div>
124 |     
125 | <div class="Tweet-author u-textTruncate h-card p-author" >
126 |   <a class="Tweet-authorLink Identity u-linkBlend"  href="https://twitter.com/kevinmarks">
127 |     <span class="Tweet-authorAvatar Identity-avatar">
128 |       <img  id="profileimage2" class="Avatar u-photo"  src="">
129 |     </span>
130 |     <span id="profilefullname" class="Tweet-authorName Identity-name p-name customisable-highlight"> </span>
131 |     
132 |     <span id="profilename2" class="Tweet-authorScreenName Identity-screenName p-nickname" ></span>
133 |   </a>
134 | </div>
135 | 
136 |   </div>
137 | 
138 |   <div class="Tweet-body e-entry-content" >
139 |     <p id="tweetpre" class="Tweet-text e-entry-title" lang="" dir=""></p>
140 | 
141 | 
142 |     <div class="Tweet-metadata dateline">
143 |       
144 | 
145 | <a class="u-linkBlend u-url customisable-highlight long-permalink"  href="https://twitter.com/kevinmarks/status/591427174579642368">
146 | <time class="dt-updated" datetime="2015-04-24T02:23:21+0000" pubdate="" title="Time posted: 24 Apr 2015, 02:23:21 (UTC)">7:23 PM - 23 Apr 2015</time></a>
147 |     </div>
148 |   </div>
149 | </blockquote>
150 | </div>
151 |   </div>
152 |   
153 |   </div>
154 |     <div class='row'>
155 |       <div class='col col-lg-12'>
156 |         <textarea id="archive"></textarea>
157 |       </div>
158 |     </div>
159 |     <div class='row'>
160 |       <div class='col col-lg-12'>
161 |         <textarea id="blogpost"></textarea>
162 |       </div>
163 |     </div>
164 | 	<div class="row">
165 | 		<div class="col col-lg-12">
166 | 			<input type="button" class='btn' value="Clear speakers" onclick="clearSpeakers(); return false;" > 
167 | 			<input type="button" class='btn' value="Clear logs" onclick="clearLogs(); return false;" > 
168 | 			<input type="button" class='btn' value="New thread" onclick="clearThread(); return false;" > 
169 | 			<input type="button" class='btn' value="Clear everything" onclick="clearLocal(); location.reload(); return false;" > 
170 | 		</div>
171 | 	</div>
172 |   </form>
173 | 	<div class="row">
174 | 		<div class="col col-lg-12">
175 |   <div id="preview"> </div>    
176 | 		</div>
177 | 	</div>
178 | 
179 | 
180 | 
181 | 
182 | </div>
183 |   <footer class='well'>
184 |     <p>A web app to make live note posting (aka live-tweeting, live-blogging) easier. By <a href="http://kevinmarks.com">Kevin Marks</a>. <a href="https://github.com/kevinmarks/noterlive/wiki/Noter-Live-Instruction-Manual">Instructions here</a>. <a href="https://github.com/kevinmarks/noterlive">Code here</a>.</p>
185 |     <p>Made much less ugly thanks to Frédéric de Villamil.<br>
186 |     Twitter logout added by James Williams.<br>
187 |     Build fixed by Kyle.<br>
188 |     Local caching by Peter Wilson.</p>
189 |   </footer>
190 | 
191 | </body>
192 | </html>
193 | 


--------------------------------------------------------------------------------
/web/noterlive.js:
--------------------------------------------------------------------------------
  1 | var lastSpeakerHTML = "";
  2 | var localstoragemustard = supports_html5_storage();
  3 | function supports_html5_storage() {
  4 |   try {
  5 |     return 'localStorage' in window && window['localStorage'] !== null;
  6 |   } catch (e) {
  7 |     return false;
  8 |   }
  9 | }
 10 | 
 11 | 
 12 | 
 13 | function storeLocal () {
 14 | 	if ( false == localstoragemustard ) {
 15 | 		return;
 16 | 	}
 17 | 	
 18 | 	var forStorage = {
 19 | 		screenname: document.querySelector("#profilename").innerText,
 20 | 		lastSpeakerHTML: lastSpeakerHTML,
 21 | 		blogpost: document.note.blogpost.value,
 22 | 		archive: document.note.archive.value,
 23 | 		hashtag: document.note.hashtag.value,
 24 | 		speakerhandle: document.note.speakerhandle.value,
 25 | 		speakertwitter: document.note.speakertwitter.value,
 26 | 		speakername: document.note.speakername.value,
 27 | 		speakerurl: document.note.speakerurl.value,
 28 | 		speakerlink: document.getElementById( 'speakerlist' ).innerHTML
 29 | 	}
 30 | 	
 31 | 	var forStorageString = JSON.stringify( forStorage );
 32 | 	
 33 | 	localStorage.setItem( 'noterliver', forStorageString );
 34 | }
 35 | 
 36 | function recoverLocal( screenname ) {
 37 | 	if ( false == localstoragemustard ) {
 38 | 		return;
 39 | 	}
 40 | 	
 41 | 	var forStorageString = localStorage.getItem( 'noterliver' );
 42 | 
 43 | 	if ( null == forStorageString ) {
 44 | 		// got nothin' for you
 45 | 		return;
 46 | 	}
 47 | 	
 48 | 	var forStorage = JSON.parse( forStorageString );
 49 | 
 50 | 	if ( screenname != forStorage.screenname ) {
 51 | 		// no longer correct
 52 | 		clearLocal();
 53 | 		// head back to camp
 54 | 		return;
 55 | 	}
 56 | 	
 57 | 		
 58 | 	var fields = ['blogpost','archive','hashtag','funk','speakerhandle','speakertwitter','speakername','speakerurl'];
 59 | 	
 60 | 	for ( var i=0,l=fields.length; i<l; i++ ) {
 61 | 		console.log( 'fields', fields[i] );
 62 | 		
 63 | 		if ( typeof forStorage[fields[i]] == 'undefined' ) {
 64 | 			continue;
 65 | 		}
 66 | 		
 67 | 		if ( typeof document.note[fields[i]] == 'undefined' ) {
 68 | 			continue;
 69 | 		}
 70 | 		
 71 | 		
 72 | 		document.note[fields[i]].value = forStorage[fields[i]];
 73 | 	}
 74 | 	
 75 | 	document.getElementById( 'speakerlist' ).innerHTML = forStorage.speakerlink;
 76 | 	lastSpeakerHTML = forStorage.lastSpeakerHTML;
 77 | }
 78 | function clearLogs() {
 79 | 	var fields = ['blogpost','archive'];
 80 | 	for ( var i=0,l=fields.length; i<l; i++ ) {
 81 | 	    document.note[fields[i]].value = "";
 82 | 	}
 83 | 
 84 | 	document.getElementById( 'preview' ).innerHTML ="";
 85 | }
 86 | function clearSpeakers() {
 87 | 	document.getElementById( 'speakerlist' ).innerHTML ="";
 88 | }
 89 | function clearThread() {
 90 |     document.getElementById("tweet").src="";
 91 | }
 92 | 
 93 | function clearLocal() {
 94 | 	if ( false == localstoragemustard ) {
 95 | 		return;
 96 | 	}
 97 | 	
 98 | 	localStorage.removeItem( 'noterliver' );
 99 | }
100 | 
101 | 
102 | 
103 | function noteit() {
104 |     var maxLength = 280;
105 |     var name = (document.note.speakertwitter.value)?" "+document.note.speakertwitter.value +": " :" ";
106 |     document.note.composed.value = document.note.hashtag.value + name + document.note.quote.value;
107 |     var rawcount = strlen(document.note.composed.value);
108 |     var munged = tw_text_proxy(document.note.composed.value);
109 |     var mungleft = maxLength-strlen(munged);
110 |     var countElement= document.getElementById("charcount");
111 |     var countColour = "black";
112 |     
113 |     countElement.innerHTML = mungleft;
114 |     document.getElementById("tweetpre").innerHTML = munged.slice(0,maxLength)
115 |     if (mungleft<15) { countColour = "maroon";} 
116 |     if (mungleft<5) { countColour = "darkorange";} 
117 |     if (mungleft<0) { countColour = "red";} 
118 |     countElement.style.backgroundColor = countColour;
119 |     document.getElementById("notebutton").style.backgroundColor = countColour;
120 | }
121 | function getSpeakerHTML() {
122 |     addHovercard = document.getElementById("hovercards").checked
123 |     html = "<div class='notercite h-cite'>";
124 |     if (addHovercard) {
125 |         html = html+"<span class='hovercard'>";
126 |     }
127 |     html = html +"<a class='h-card p-category' href='" + document.note.speakerurl.value +"'>" + document.note.speakername.value + "</a>";
128 |      if (addHovercard) {
129 |     html = html+"<iframe class='u-hovercard hidden-info' height=128 width=256 src='http://www.unmung.com/hovercard?url=" + encodeURIComponent(document.note.speakerurl.value) +"'></iframe></span>";
130 |     }
131 |     html = html+": ";
132 |     return html
133 | }
134 | function postit() {
135 |     document.note.archive.value = document.note.archive.value + "\n" +document.note.composed.value;
136 |     speakerHTML = getSpeakerHTML();
137 |     if (speakerHTML == lastSpeakerHTML) {
138 |         speakerHTML = "<p>"; // a new paragraph inside the blockquote
139 |     } else {
140 |         if (lastSpeakerHTML != "") { speakerHTML = "</blockquote></div>\n" + speakerHTML; }
141 |         speakerHTML = speakerHTML + " <blockquote class='e-content'><p>";
142 |         lastSpeakerHTML = getSpeakerHTML();
143 |     }            
144 |     document.note.blogpost.value = document.note.blogpost.value + "\n" +speakerHTML + auto_link(document.note.quote.value, true);
145 |     document.getElementById("preview").innerHTML = document.note.blogpost.value;
146 |     var lastid = "0";
147 |     var firstlink = null;
148 |     try {
149 |        firstlink = document.getElementById('tweet').contentDocument.getElementsByTagName("a")[0]
150 |     } catch (except) {
151 |         console.log("no tweet iframe" + except);
152 |     }
153 |     if (firstlink) {lastid= firstlink.href.split('/').pop();}
154 |     document.getElementById("tweet").src='/sendtweet?status='+encodeURIComponent(document.note.composed.value)+"&lastid="+encodeURIComponent(lastid);
155 |     document.note.quote.value = "";
156 |     noteit(); //fix counter and button colour
157 |     storeLocal();
158 | }
159 | function changespeakerinfo() {
160 |     handle=document.note.speakerhandle.value;
161 |         req = new XMLHttpRequest();
162 |         req.onreadystatechange = function() {foundspeaker();};
163 |         req.open("GET", '/lookupspeaker?handle=' + handle, true);
164 |         req.send(null);
165 |     document.note.speakertwitter.value = '@' + handle;
166 | }
167 | function makespeakerbutton(speaker) {
168 |     var id = speaker.twitter.trim().replace(/\s/g,'_')
169 |     if (id =="" ) {
170 |         id = speaker.name.trim().replace(/\s/g,'_')
171 |     }
172 |     if (id && !document.getElementById(id)) {
173 |         var button = document.createElement("input");
174 |         button.type = "button";
175 |         button.value = id;
176 |         button.id = id;
177 |         button.setAttribute('onclick', 'setspeaker(' + JSON.stringify(speaker) +');');
178 |         document.getElementById('speakerlist').appendChild(button);
179 |     }
180 | }
181 | function foundspeaker() {
182 |    // only if req is "loaded"
183 |    if (req.readyState == 4) {
184 |        // only if "OK"
185 |        if (req.status == 200 || req.status == 304) {
186 |            //document.getElementById('error').innerHTML=req.responseText;
187 |            speaker = JSON.parse(req.responseText);
188 |            setspeaker(speaker);
189 |            makespeakerbutton(speaker)
190 |         } else {
191 |            document.getElementById('error').innerHTML="ahah error:\n" +
192 |                req.statusText;
193 |        }
194 |    }
195 | }
196 | function setspeaker(speaker) {
197 |     document.note.speakertwitter.value = speaker.twitter;
198 |     document.note.speakerurl.value = speaker.url ? speaker.url : "https://twitter.com/"+ speaker.twitter;
199 |     document.note.speakername.value = speaker.name ? speaker.name : speaker.twitter ;
200 | }
201 | function savespeaker() {
202 |     speaker= {};
203 |     speaker.twitter = document.note.speakertwitter.value;
204 |     speaker.url = document.note.speakerurl.value;
205 |     speaker.name = document.note.speakername.value;
206 |     makespeakerbutton(speaker)
207 |     
208 | }
209 | function deletespeaker() {
210 |     var id = document.note.speakertwitter.value.trim().replace(/\s/g,'_')
211 |     if (id =="" ) {
212 |         id = document.note.speakername.value.trim().replace(/\s/g,'_')
213 |     }
214 |     var speakerbutton = document.getElementById(id);
215 |     
216 |     if (speakerbutton) {
217 |         speakerbutton.parentNode.removeChild(speakerbutton);
218 |     }
219 |     
220 | }function loadprofiledata() {
221 |     if (this.readyState === 4) {
222 |         var data = JSON.parse(this.responseText);
223 |         console.log(data);
224 |         document.querySelector("#profileimage").src = data.profileImage;
225 |         document.querySelector("#profilename").innerText = '@' +data.screenName;
226 |         document.querySelector("#profileimage2").src = data.profileImage;
227 |         document.querySelector("#profilename2").innerText = '@' +data.screenName;
228 |         document.querySelector("#profilefullname").innerText = data.fullName;
229 |         document.querySelector("#profile").classList.remove('hidden');
230 |         // Hide login button
231 |         document.querySelector("a[href='/auth/twitter']").classList.add('hidden');
232 |         document.querySelector("a[href='/auth/twitterlogout']").classList.remove('hidden');
233 | 		recoverLocal( '@' + data.screenName );
234 |     }
235 | }
236 | 
237 | document.addEventListener("DOMContentLoaded", function() {
238 |     var req = new XMLHttpRequest();
239 |     req.open("GET", "/showuser", true);
240 |     req.onreadystatechange = loadprofiledata;
241 |     req.send();
242 | });


--------------------------------------------------------------------------------
/web/noterlive.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinmarks/noterlive/6525efe156a25ec8d13491eba91ef03ff12f8b0b/web/noterlive.png


--------------------------------------------------------------------------------
/web/noterlive.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <svg
 3 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
 4 |    xmlns:cc="http://creativecommons.org/ns#"
 5 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
 6 |    xmlns:svg="http://www.w3.org/2000/svg"
 7 |    xmlns="http://www.w3.org/2000/svg"
 8 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 9 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
10 |    version="1.1"
11 |    id="Layer_1"
12 |    x="0px"
13 |    y="0px"
14 |    width="100px"
15 |    height="100px"
16 |    viewBox="0 0 100 100"
17 |    enable-background="new 0 0 100 100"
18 |    xml:space="preserve"
19 |    inkscape:version="0.48.2 r9819"
20 |    sodipodi:docname="transmit.svg"><metadata
21 |    id="metadata2993"><rdf:RDF><cc:Work
22 |        rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
23 |          rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
24 |    id="defs2991" /><sodipodi:namedview
25 |    pagecolor="#ffffff"
26 |    bordercolor="#666666"
27 |    borderopacity="1"
28 |    objecttolerance="10"
29 |    gridtolerance="10"
30 |    guidetolerance="10"
31 |    inkscape:pageopacity="0"
32 |    inkscape:pageshadow="2"
33 |    inkscape:window-width="889"
34 |    inkscape:window-height="683"
35 |    id="namedview2989"
36 |    showgrid="false"
37 |    inkscape:zoom="4.19"
38 |    inkscape:cx="50"
39 |    inkscape:cy="50"
40 |    inkscape:window-x="1330"
41 |    inkscape:window-y="284"
42 |    inkscape:window-maximized="0"
43 |    inkscape:current-layer="Layer_1" />
44 | <path
45 |    d="m 61.187,41.362196 c 5.617,-5.616 5.616,-14.757 -10e-4,-20.374 -1.651,-2.293 1.261,-3.371 2.314,-2.316 6.896,6.895 6.896,18.111 10e-4,25.004 -1.054,1.055 -3.755,-0.012 -2.314,-2.314 z m -20.374,-20.375 c -5.618,5.617 -5.619,14.756 -0.001,20.374 2.085,2.827 -1.259,3.371 -2.314,2.315 -6.894,-6.894 -6.894,-18.111 0,-25.004 1.054,-1.055 4.416,-0.741 2.315,2.315 z m -7.586,-7.587 c -9.801,9.8 -9.801,25.747 0,35.547 2.034,2.035 0.186,4.725 -2.27,2.269 -11.051,-11.05 -11.051,-29.033 10e-4,-40.085 2.456,-2.4549997 4.303,0.234 2.269,2.269 z m 35.546,35.547 c 9.801,-9.801 9.801,-25.746 0,-35.546 -2.034,-2.035 0.116,-4.2159997 2.269,-2.269 11.052,11.052 11.052,29.033 0,40.085 -2.455,2.455 -4.303,-0.235 -2.269,-2.27 z"
46 |    id="path2987"
47 |    inkscape:connector-curvature="0"
48 |    sodipodi:nodetypes="ccccccccccccccccccsc" />
49 | <path
50 |    d="m 50.900875,96.611981 c 3.930103,0 7.581956,-2.6916 7.581956,-2.6916 L 58.323377,49.785244 50.896635,30.795892 43.473781,49.784891 43.31928,93.917901 c 3.54e-4,3.5e-4 3.653264,2.69443 7.581595,2.69408 z m -2.37022,-57.615064 c 2.368808,0.81388 2.368808,0.81388 4.736555,0.0018 l 4.215417,10.787219 c 0,0 -0.614476,0.64771 -2.474874,1.33431 -0.672458,0.251024 -1.480327,0.335522 -2.326734,0.42179 l -3.474016,0.0064 C 48.325595,51.465331 47.479188,51.399571 46.792587,51.12097 46.139574,50.856867 44.31241,49.789842 44.31241,49.789842 l 4.218246,-10.792923 z"
51 |    id="path3"
52 |    inkscape:connector-curvature="0" /></svg>


--------------------------------------------------------------------------------
/web/noterlive114.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinmarks/noterlive/6525efe156a25ec8d13491eba91ef03ff12f8b0b/web/noterlive114.png


--------------------------------------------------------------------------------
/web/noterlive512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kevinmarks/noterlive/6525efe156a25ec8d13491eba91ef03ff12f8b0b/web/noterlive512.png


--------------------------------------------------------------------------------
/web/tweetembed.css:
--------------------------------------------------------------------------------
1 | /*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.u-block{display:block!important}.u-hidden{display:none!important}.u-hiddenVisually{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;clip:rect(1px,1px,1px,1px)!important}.u-inline{display:inline!important}.u-inlineBlock{display:inline-block!important;max-width:100%}.u-table{display:table!important}.u-tableCell{display:table-cell!important}.u-tableRow{display:table-row!important}.u-cf:after,.u-cf:before{content:" ";display:table}.u-cf:after{clear:both}.u-nbfc{overflow:hidden!important}.u-nbfcAlt{display:table-cell!important;width:10000px!important}.u-floatLeft{float:left!important}.u-floatRight{float:right!important}.u-textBreak{word-wrap:break-word!important}.u-textCenter{text-align:center!important}.u-textLeft{text-align:left!important}.u-textRight{text-align:right!important}.u-textInheritColor{color:inherit!important}.u-textKern{text-rendering:optimizeLegibility;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;-webkit-font-kerning:normal;-moz-font-kerning:normal;font-kerning:normal}.u-textNoWrap{white-space:nowrap!important}.u-textTruncate{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-wrap:normal!important}blockquote,button,h1,h2,h3,h4,h5,h6,iframe,ol,p,ul{margin:0;padding:0;list-style:none;border:none}b,i{font-weight:400;font-style:normal}.SandboxRoot{direction:ltr;text-align:left}.SandboxRoot{display:block;background:0 0;font:normal normal 16px/1.4 Helvetica,Roboto,"Segoe UI",Calibri,sans-serif;color:#1c2022}a{color:#2b7bb9;text-decoration:none;outline:0}a:visited{color:#2b7bb9;text-decoration:none;outline:0}a:focus{color:#3b94d9;text-decoration:underline;outline:0}a:hover{color:#3b94d9;text-decoration:none;outline:0}a:active{color:#2b7bb9;text-decoration:none;outline:0}.SandboxRoot.env-narrow{font-size:14px}.SandboxRoot:not(.env-narrow) .u-hiddenInWideEnv{display:none}.SandboxRoot.env-narrow .u-hiddenInNarrowEnv{display:none}.u-linkBlend:not(:focus):not(:hover):not(:active){font-weight:inherit;color:inherit;text-decoration:inherit}.Avatar{max-width:100%;max-height:100%}.Button,.Button:link,.Button:visited{-webkit-appearance:none;background-color:#f5f8fa;background-image:-webkit-linear-gradient(#fff,#f5f8fa);background-image:-moz-linear-gradient(#fff,#f5f8fa);background-image:-o-linear-gradient(#fff,#f5f8fa);background-image:linear-gradient(#fff,#f5f8fa);border:1px solid #e1e8ed;border-radius:4px;-moz-box-sizing:border-box;box-sizing:border-box;color:#1c2022;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0;padding:.5rem .9375rem .4375rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:normal}.Button::-moz-focus-inner{border:0;padding:0}.Button:active,.Button:focus,.Button:hover{text-decoration:none}.Button:hover{background-color:#e1e8ed;background-image:-webkit-linear-gradient(#fff,#e1e8ed);background-image:-moz-linear-gradient(#fff,#e1e8ed);background-image:-o-linear-gradient(#fff,#e1e8ed);background-image:linear-gradient(#fff,#e1e8ed);border-color:#e1e8ed}.Button:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(0,132,180,.5)}.Button:active{background-color:#e1e8ed;background-image:-webkit-linear-gradient(#fff,#f5f8fa);background-image:-moz-linear-gradient(#fff,#f5f8fa);background-image:-o-linear-gradient(#fff,#f5f8fa);background-image:linear-gradient(#fff,#f5f8fa);border-color:#ccd6dd;box-shadow:inset 0 1px 4px rgba(0,0,0,.2)}.Button.is-disabled,.Button:disabled{cursor:default;opacity:.6}.Button-label{font-weight:700}.Button--full{display:block;width:100%}.EmbeddedTweet{overflow:hidden;background-color:#fff;border:1px solid #e1e8ed;border-radius:4px}.EmbeddedTweet:hover{border-color:#ccd6dd}.EmbeddedTweet-ancestor{padding:1.25rem 1.25rem 1.1rem 1.25rem;background-color:#f5f8fa}.EmbeddedTweet-tweet{padding:1.25rem 1.25rem .725rem 1.25rem}.EmbeddedTweet--mediaForward{border:0}.EmbeddedTweet--mediaForward .EmbeddedTweet-tweet{padding-top:.9rem;border:1px solid #e1e8ed;border-width:0 1px 1px;border-radius:0 0 4px 4px}.EmbeddedTweet--mediaForward:hover .EmbeddedTweet-tweet{border-color:#ccd6dd}.EmbeddedTweet--mediaForward:hover .MediaCard-borderOverlay{border-color:rgba(204,214,221,.75)}.EmbeddedTweet.decider-tapOpensPermalink{cursor:pointer}.Emoji{height:1em;width:1em;padding:0 .05em 0 .1em;vertical-align:-.1em}.FollowButton{display:inline-block;padding:.34375rem .8125rem .40625rem .71875rem;font-size:.875rem;font-weight:700;line-height:1;color:#55acee;background-color:#fff;border:1px solid #55acee;border-radius:4px}.FollowButton:visited{color:#55acee}.FollowButton:active,.FollowButton:focus,.FollowButton:hover{color:#fff;text-decoration:none;background-color:#55acee}.FollowButton:active .Icon--twitter,.FollowButton:focus .Icon--twitter,.FollowButton:hover .Icon--twitter{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIvPg0KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTY4LjgxMiwxNS4xNDFjLTIuMzQ4LDEuMDM5LTQuODY5LDEuNzQzLTcuNTE5LDIuMDZjMi43MDMtMS42Miw0Ljc3OC00LjE4Nyw1Ljc1Ni03LjI0NGMtMi41MjksMS41LTUuMzMsMi41OTItOC4zMTMsMy4xNzYNCglDNTYuMzQ5LDEwLjU5MSw1Mi45NDgsOSw0OS4xODIsOWMtNy4yMjksMC0xMy4wOTIsNS44NjEtMTMuMDkyLDEzLjA5M2MwLDEuMDI2LDAuMTE4LDIuMDIxLDAuMzM4LDIuOTgxDQoJYy0xMC44ODUtMC41NDgtMjAuNTI4LTUuNzU3LTI2Ljk4Ny0xMy42NzljLTEuMTI2LDEuOTM2LTEuNzcxLDQuMTg0LTEuNzcxLDYuNTgxYzAsNC41NDIsMi4zMTIsOC41NTEsNS44MjQsMTAuODk4DQoJYy0yLjE0Ni0wLjA2OS00LjE2NS0wLjY1Ny01LjkzLTEuNjM4Yy0wLjAwMiwwLjA1NS0wLjAwMiwwLjExLTAuMDAyLDAuMTYyYzAsNi4zNDUsNC41MTMsMTEuNjM4LDEwLjUwNCwxMi44NA0KCWMtMS4xMDEsMC4yOTgtMi4yNTYsMC40NTctMy40NDksMC40NTdjLTAuODQ2LDAtMS42NjctMC4wNzgtMi40NjUtMC4yMzFjMS42NjcsNS4yLDYuNDk5LDguOTg2LDEyLjIzLDkuMDkNCgljLTQuNDgyLDMuNTEyLTEwLjEyOSw1LjYwNi0xNi4yNiw1LjYwNmMtMS4wNTUsMC0yLjA5Ni0wLjA2MS0zLjEyMi0wLjE4NGM1Ljc5NCwzLjcxNywxMi42NzYsNS44ODIsMjAuMDY3LDUuODgyDQoJYzI0LjA4MywwLDM3LjI1MS0xOS45NDksMzcuMjUxLTM3LjI0OWMwLTAuNTY2LTAuMDE0LTEuMTM0LTAuMDM5LTEuNjk0QzY0LjgzOCwyMC4wNjgsNjcuMDU4LDE3Ljc2NSw2OC44MTIsMTUuMTQxeiIvPg0KPC9zdmc+DQo=')}.FollowButton-bird,.FollowButton-plus{position:relative;top:.0625rem;display:inline-block}.FollowButton--compact{padding:.34375rem .75rem .375rem .8125rem}.FollowButton--compact:active .Icon--plus,.FollowButton--compact:focus .Icon--plus,.FollowButton--compact:hover .Icon--plus{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDQgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ0IDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSI0NCIgaGVpZ2h0PSI3MiIvPg0KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTM4LDMzSDI1VjIwLjAwMWMwLTEuNjU3LTEuMzQzLTMtMy0zYy0xLjY1NiwwLTMsMS4zNDMtMywzVjMzSDZjLTEuNjU2LDAtMywxLjM0My0zLDNzMS4zNDQsMywzLDNoMTN2MTMuMDAxDQoJYzAsMS42NTcsMS4zNDQsMywzLDNjMS42NTcsMCwzLTEuMzQzLDMtM1YzOWgxM2MxLjY1NiwwLDMtMS4zNDMsMy0zUzM5LjY1NiwzMywzOCwzM3oiLz4NCjwvc3ZnPg0K')}.Icon{display:inline-block;height:1.25em;background-repeat:no-repeat;background-size:contain;vertical-align:text-bottom}.Icon--alertsPill{width:1.0763888888888888em;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjYyIiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgNjIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNkZDJlNDQiIGQ9Ik01MSwxNEgxMWMtNC40MTksMC04LDMuNTgxLTgsOHYyOGMwLDQuNDE4LDMuNTgxLDgsOCw4aDQwYzQuNDE4LDAsOC0zLjU4Miw4LThWMjJDNTksMTcuNTgxLDU1LjQxOCwxNCw1MSwxNHogTTEyLjEwNywzNi45OTdDMTIuMDcxLDM2Ljk5OSwxMi4wMzUsMzcsMTEuOTk5LDM3Yy0xLjA1NiwwLTEuOTM4LTAuODI2LTEuOTk1LTEuODk0Yy0wLjMzOS02LjM1NCwzLjEzMi0xMi4yNzYsOC44NDQtMTUuMDg4YzAuOTkxLTAuNDg3LDIuMTg5LTAuMDc5LDIuNjc3LDAuOTEyczAuMDgsMi4xODktMC45MTIsMi42NzhjLTQuMjcyLDIuMTAzLTYuODY5LDYuNTMyLTYuNjE1LDExLjI4NUMxNC4wNTcsMzUuOTk2LDEzLjIxLDM2LjkzOCwxMi4xMDcsMzYuOTk3eiBNMTkuMTA3LDM3Ljk5N0MxOS4wNzEsMzcuOTk5LDE5LjAzNSwzOCwxOC45OTksMzhjLTEuMDU2LDAtMS45MzgtMC44MjctMS45OTUtMS44OTRjLTAuMjM0LTQuMzksMi4xNjQtOC40NzgsNi4xMDgtMTAuNDEzYzAuOTkyLTAuNDg4LDIuMTg5LTAuMDc5LDIuNjc3LDAuOTE0YzAuNDg3LDAuOTkxLDAuMDc4LDIuMTg5LTAuOTE0LDIuNjc2Yy0yLjUwMywxLjIyOS00LjAyNSwzLjgyNC0zLjg3Niw2LjYxQzIxLjA1NiwzNi45OTcsMjAuMjEsMzcuOTM4LDE5LjEwNywzNy45OTd6IE00MC4yMTMsNDcuMTA3Yy0wLjIwOSwwLjc3NC0wLjkzOSwxLjI4Mi0xLjczMywxLjM4N2MtMC4wOTMsMC4wMTQtMC4xODgsMC4wMjEtMC4yODUsMC4wMjFjLTAuMDA3LDAtMC4wMTMsMC0wLjAyLDBoLTMuNzc2QzMzLjkzMSw0OS45NTMsMzIuNTk0LDUxLDMxLDUxYy0xLjU5NiwwLTIuOTMyLTEuMDQ3LTMuMzk4LTIuNDg1aC0zLjc3OWMtMC45MTEsMC0xLjgxOC0wLjU0NC0yLjA0Ny0xLjQyNmMtMC4yMjMtMC44NTksMC4wNDItMS42OTEsMC43OTItMi4xNDRjMC4yMDEtMC4yNDgsMS4wNDgtMS40ODcsMS4wNDgtNC43MTFjMC01LjQwNiwyLjQ2LTguMDQxLDUuMjczLTguODkyYzAuMTMxLTEuMDU0LDEuMDItMS44NzMsMi4xMDktMS44NzNjMS4wOTMsMCwxLjk4MywwLjgyNCwyLjExLDEuODgyYzIuODI3LDAuODU4LDUuMjcyLDMuNDg1LDUuMjg2LDguODU3YzAuMDA4LDMuMTkyLDAuODI3LDQuNDYyLDEuMDQ0LDQuNzQyYzAuMDE0LDAuMDExLDAuMDI3LDAuMDIxLDAuMDQsMC4wMzJDNDAuMTk2LDQ1LjQ0OCw0MC40MzksNDYuMjY4LDQwLjIxMyw0Ny4xMDd6IE00NC45OTgsMzYuMTA2QzQ0Ljk0MSwzNy4xNzMsNDQuMDU4LDM4LDQzLjAwMiwzOGMtMC4wMzYsMC0wLjA3Mi0wLjAwMS0wLjEwOC0wLjAwM2MtMS4xMDMtMC4wNTktMS45NDktMS0xLjg5MS0yLjEwNGMwLjE0OC0yLjc4Ni0xLjM3NC01LjM4MS0zLjg3Ni02LjYxYy0wLjk5Mi0wLjQ4Ni0xLjQwMS0xLjY4NS0wLjkxNC0yLjY3NmMwLjQ4Ny0wLjk5MSwxLjY4NS0xLjQwMSwyLjY3Ny0wLjkxNEM0Mi44MzQsMjcuNjI5LDQ1LjIzMSwzMS43MTcsNDQuOTk4LDM2LjEwNnogTTUxLjk5OCwzNS4xMDZDNTEuOTQsMzYuMTczLDUxLjA1OCwzNyw1MC4wMDIsMzdjLTAuMDM2LDAtMC4wNzItMC4wMDEtMC4xMDgtMC4wMDNjLTEuMTAzLTAuMDU5LTEuOTUtMS4wMDEtMS44OTEtMi4xMDRjMC4yNTQtNC43NTMtMi4zNDMtOS4xODMtNi42MTUtMTEuMjg1Yy0wLjk5MS0wLjQ4OC0xLjM5OS0xLjY4Ny0wLjkxMi0yLjY3OGMwLjQ4Ny0wLjk5MSwxLjY4Ni0xLjQsMi42NzctMC45MTJDNDguODY2LDIyLjgzLDUyLjMzNywyOC43NTIsNTEuOTk4LDM1LjEwNnoiLz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zOC44OSwyNS42OTNjLTAuOTkyLTAuNDg3LTIuMTg5LTAuMDc3LTIuNjc3LDAuOTE0Yy0wLjQ4NywwLjk5MS0wLjA3OCwyLjE4OSwwLjkxNCwyLjY3NmMyLjUwMywxLjIyOSw0LjAyNSwzLjgyNCwzLjg3Niw2LjYxYy0wLjA1OSwxLjEwNCwwLjc4OCwyLjA0NSwxLjg5MSwyLjEwNEM0Mi45MywzNy45OTksNDIuOTY2LDM4LDQzLjAwMiwzOGMxLjA1NiwwLDEuOTM4LTAuODI3LDEuOTk1LTEuODk0QzQ1LjIzMSwzMS43MTcsNDIuODM0LDI3LjYyOSwzOC44OSwyNS42OTN6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDMuMTU0LDIwLjAxOWMtMC45OTEtMC40ODgtMi4xOS0wLjA3OS0yLjY3NywwLjkxMmMtMC40ODgsMC45OTEtMC4wOCwyLjE4OSwwLjkxMiwyLjY3OGM0LjI3MiwyLjEwMyw2Ljg2OSw2LjUzMiw2LjYxNSwxMS4yODVjLTAuMDU5LDEuMTAzLDAuNzg4LDIuMDQ1LDEuODkxLDIuMTA0QzQ5LjkzLDM2Ljk5OSw0OS45NjYsMzcsNTAuMDAyLDM3YzEuMDU1LDAsMS45MzgtMC44MjcsMS45OTUtMS44OTRDNTIuMzM3LDI4Ljc1Miw0OC44NjYsMjIuODMsNDMuMTU0LDIwLjAxOXoiLz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zOS40OCw0NC45ODJjLTAuMDEzLTAuMDExLTAuMDI2LTAuMDIxLTAuMDQtMC4wMzJjLTAuMjE3LTAuMjgtMS4wMzYtMS41NS0xLjA0NC00Ljc0MmMtMC4wMTMtNS4zNzEtMi40NTktNy45OTktNS4yODYtOC44NTdjLTAuMTI3LTEuMDU4LTEuMDE3LTEuODgyLTIuMTEtMS44ODJjLTEuMDg5LDAtMS45NzksMC44MTktMi4xMDksMS44NzNjLTIuODEzLDAuODUxLTUuMjczLDMuNDg2LTUuMjczLDguODkyYzAsMy4yMjQtMC44NDcsNC40NjMtMS4wNDgsNC43MTFjLTAuNzUsMC40NTItMS4wMTYsMS4yODQtMC43OTIsMi4xNDRjMC4yMjksMC44ODIsMS4xMzYsMS40MjYsMi4wNDcsMS40MjZoMy43NzlDMjguMDY5LDQ5Ljk1MywyOS40MDQsNTEsMzEsNTFjMS41OTMsMCwyLjkzLTEuMDQ3LDMuMzk4LTIuNDg1aDMuNzc2YzAuMDA3LDAsMC4wMTMsMCwwLjAyLDBjMC4wOTcsMCwwLjE5Mi0wLjAwNywwLjI4NS0wLjAyMWMwLjc5My0wLjEwNCwxLjUyNC0wLjYxMiwxLjczMy0xLjM4N0M0MC40MzksNDYuMjY4LDQwLjE5Niw0NS40NDgsMzkuNDgsNDQuOTgyeiIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI0Ljg3NCwyOS4yODNjMC45OTItMC40ODYsMS40MDEtMS42ODUsMC45MTQtMi42NzZjLTAuNDg3LTAuOTkzLTEuNjg1LTEuNDAyLTIuNjc3LTAuOTE0Yy0zLjk0NCwxLjkzNi02LjM0Miw2LjAyMy02LjEwOCwxMC40MTNDMTcuMDYsMzcuMTczLDE3Ljk0MywzOCwxOC45OTksMzhjMC4wMzYsMCwwLjA3Mi0wLjAwMSwwLjEwOC0wLjAwM2MxLjEwMy0wLjA1OSwxLjk0OS0xLDEuODkxLTIuMTA0QzIwLjg0OSwzMy4xMDcsMjIuMzcxLDMwLjUxMywyNC44NzQsMjkuMjgzeiIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIwLjYxMywyMy42MDhjMC45OTEtMC40ODgsMS4zOTktMS42ODcsMC45MTItMi42NzhzLTEuNjg3LTEuMzk5LTIuNjc3LTAuOTEyYy01LjcxMiwyLjgxMi05LjE4Myw4LjczMy04Ljg0NCwxNS4wODhDMTAuMDYxLDM2LjE3NCwxMC45NDMsMzcsMTEuOTk5LDM3YzAuMDM2LDAsMC4wNzItMC4wMDEsMC4xMDgtMC4wMDNjMS4xMDMtMC4wNTksMS45NS0xLjAwMSwxLjg5MS0yLjEwNEMxMy43NDQsMzAuMTQxLDE2LjM0LDI1LjcxMSwyMC42MTMsMjMuNjA4eiIvPg0KPC9zdmc+DQo=')}.Icon--favorite{width:.9722222222222222em;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjU2IiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgNTYgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDU2IDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM2OTc4ODIiIGQ9Ik01Mi4zNjYsMjguOTQzYy0wLjM3NC0xLjE2OS0xLjQ2My0xLjk2My0yLjY5My0xLjk2M0gzNS40ODRsLTQuODA5LTE0LjA3QzMwLjI4NSwxMS43NjcsMjkuMjEsMTEsMjgsMTFzLTIuMjg1LDAuNzY3LTIuNjc2LDEuOTFsLTQuODA5LDE0LjA3SDYuMzI3Yy0xLjIzLDAtMi4zMTksMC43OTQtMi42OTMsMS45NjNjLTAuMzc0LDEuMTY5LDAuMDUzLDIuNDQ2LDEuMDU1LDMuMTU2bDExLjMzMiw4LjAzMkwxMS4xOSw1NC4yN2MtMC4zOTYsMS4xNTgsMC4wMDIsMi40MzksMC45ODYsMy4xNzFjMC45ODMsMC43MywyLjMyNywwLjc0NywzLjMyOCwwLjAzOEwyOCw0OC42MjFsMTIuNDk3LDguODU3QzQwLjk4OCw1Ny44MjYsNDEuNTYxLDU4LDQyLjEzNSw1OGMwLjU5NSwwLDEuMTg5LTAuMTg3LDEuNjktMC41NTljMC45ODMtMC43MzIsMS4zODItMi4wMTMsMC45ODYtMy4xNzFsLTQuODMyLTE0LjEzOWwxMS4zMzItOC4wMzJDNTIuMzEzLDMxLjM4OCw1Mi43NCwzMC4xMTIsNTIuMzY2LDI4Ljk0M3oiLz4NCjwvc3ZnPg0K')}.Icon--playCircle{width:1.0416666666666667em;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNjAgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYwIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSI2MCIgaGVpZ2h0PSI3MiIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTM5LjIwMSwzNC4zNGwtMTItOWMtMC42MDctMC40NTUtMS40MTktMC41MjgtMi4wOTUtMC4xODljLTAuNjc3LDAuMzM5LTEuMTA2LDEuMDMxLTEuMTA2LDEuNzg5djE4DQoJYzAsMC43NTgsMC40MjgsMS40NSwxLjEwNiwxLjc4OWMwLjI4MywwLjE0MiwwLjU4OSwwLjIxMSwwLjg5NCwwLjIxMWMwLjQyNSwwLDAuODQ3LTAuMTM2LDEuMi0wLjRsMTItOQ0KCWMwLjUwMy0wLjM3NywwLjgtMC45NywwLjgtMS42QzQwLjAwMSwzNS4zMSwzOS43MDUsMzQuNzE3LDM5LjIwMSwzNC4zNHoiLz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMCwxNWMxMS41OTgsMCwyMSw5LjQwMiwyMSwyMC45OTlzLTkuNDAxLDIwLjk5OS0yMSwyMC45OTljLTExLjU5OSwwLTIxLTkuNDAyLTIxLTIwLjk5OVMxOC40MDEsMTUsMzAsMTUgTTMwLDkNCglDMTUuMTEyLDksMywyMS4xMTEsMywzNS45OTlzMTIuMTEyLDI2Ljk5OSwyNywyNi45OTljMTQuODg4LDAsMjctMTIuMTExLDI3LTI2Ljk5OVM0NC44ODgsOSwzMCw5TDMwLDl6Ii8+DQo8L3N2Zz4NCg==')}.Icon--plus{width:.6944444444444444em;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDQgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ0IDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSI0NCIgaGVpZ2h0PSI3MiIvPg0KPHBhdGggZmlsbD0iIzU1YWNlZSIgZD0iTTM4LDMzSDI1VjIwLjAwMWMwLTEuNjU3LTEuMzQzLTMtMy0zYy0xLjY1NiwwLTMsMS4zNDMtMywzVjMzSDZjLTEuNjU2LDAtMywxLjM0My0zLDNzMS4zNDQsMywzLDNoMTN2MTMuMDAxDQoJYzAsMS42NTcsMS4zNDQsMywzLDNjMS42NTcsMCwzLTEuMzQzLDMtM1YzOWgxM2MxLjY1NiwwLDMtMS4zNDMsMy0zUzM5LjY1NiwzMywzOCwzM3oiLz4NCjwvc3ZnPg0K')}.Icon--reply{width:1.0763888888888888em;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjYyIiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgNjIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM2OTc4ODIiIGQ9Ik00MSwzMWgtOVYxOWMwLTEuMTQxLTAuNjQ3LTIuMTgzLTEuNjY4LTIuNjg4Yy0xLjAyMi0wLjUwNy0yLjI0My0wLjM4OS0zLjE0OSwwLjMwMmwtMjEsMTZDNS40MzcsMzMuMTgxLDUsMzQuMDYzLDUsMzVzMC40MzcsMS44MTksMS4xODIsMi4zODdsMjEsMTZDMjcuNzE1LDUzLjc5MiwyOC4zNTYsNTQsMjkuMDAxLDU0YzAuNDU0LDAsMC45MDktMC4xMDMsMS4zMzEtMC4zMTJDMzEuMzU0LDUzLjE4MywzMiw1Mi4xNDEsMzIsNTFWMzloOWM1LjUxNCwwLDEwLDQuNDg2LDEwLDEwYzAsMi4yMDksMS43OTEsNCw0LDRzNC0xLjc5MSw0LTRDNTksMzkuMDc1LDUwLjkyNSwzMSw0MSwzMXoiLz4NCjwvc3ZnPg0K');-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}.Icon--retweet{width:1.284722222222222em;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9Ijc0IiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgNzQgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDc0IDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM2OTc4ODIiIGQ9Ik03MC42NzYsMzYuNjQ0QzcwLjE2NSwzNS42MzYsNjkuMTMxLDM1LDY4LDM1aC03VjE5YzAtMi4yMDktMS43OTEtNC00LTRIMzRjLTIuMjA5LDAtNCwxLjc5MS00LDRzMS43OTEsNCw0LDRoMThjMC41NTIsMCwwLjk5OCwwLjQ0NiwxLDAuOTk4VjM1aC03Yy0xLjEzLDAtMi4xNjUsMC42MzYtMi42NzYsMS42NDRjLTAuNTExLDEuMDA5LTAuNDEyLDIuMjE5LDAuMjU3LDMuMTMxbDExLDE1QzU1LjE0Nyw1NS41NDUsNTYuMDQ1LDU2LDU3LjAwMSw1NnMxLjg1NC0wLjQ1NSwyLjQxOS0xLjIyNmwxMS0xNUM3MS4wODgsMzguODYyLDcxLjE4NywzNy42NTIsNzAuNjc2LDM2LjY0NHoiLz4NCjxwYXRoIGZpbGw9IiM2OTc4ODIiIGQ9Ik00MC4wMDEsNDhIMjJjLTAuNTM5LDAtMC45Ny0wLjQyNy0wLjk5Mi0wLjk2TDIxLjAwMSwzNmg3YzEuMTMsMCwyLjE2NS0wLjYzNiwyLjY3Ni0xLjY0NGMwLjUxMS0xLjAwOSwwLjQxMi0yLjIxOS0wLjI1Ny0zLjEzMWwtMTEtMTVDMTguODU0LDE1LjQ1NSwxNy45NTYsMTUsMTcsMTVzLTEuODU0LDAuNDU1LTIuNDE5LDEuMjI2bC0xMSwxNWMtMC42NjgsMC45MTItMC43NjgsMi4xMjItMC4yNTYsMy4xMzFDMy44MzYsMzUuMzY0LDQuODcxLDM2LDYuMDAxLDM2aDdsMC4wMTEsMTYuMDAzYzAuMDAyLDIuMjA4LDEuNzkyLDMuOTk3LDQsMy45OTdoMjIuOTg5YzIuMjA5LDAsNC0xLjc5MSw0LTRTNDIuMjEsNDgsNDAuMDAxLDQ4eiIvPg0KPC9zdmc+DQo=');-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}.Icon--twitter{width:1.25em;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIvPg0KPHBhdGggZmlsbD0iIzU1YWNlZSIgZD0iTTY4LjgxMiwxNS4xNDFjLTIuMzQ4LDEuMDM5LTQuODY5LDEuNzQzLTcuNTE5LDIuMDZjMi43MDMtMS42Miw0Ljc3OC00LjE4Nyw1Ljc1Ni03LjI0NGMtMi41MjksMS41LTUuMzMsMi41OTItOC4zMTMsMy4xNzYNCglDNTYuMzQ5LDEwLjU5MSw1Mi45NDgsOSw0OS4xODIsOWMtNy4yMjksMC0xMy4wOTIsNS44NjEtMTMuMDkyLDEzLjA5M2MwLDEuMDI2LDAuMTE4LDIuMDIxLDAuMzM4LDIuOTgxDQoJYy0xMC44ODUtMC41NDgtMjAuNTI4LTUuNzU3LTI2Ljk4Ny0xMy42NzljLTEuMTI2LDEuOTM2LTEuNzcxLDQuMTg0LTEuNzcxLDYuNTgxYzAsNC41NDIsMi4zMTIsOC41NTEsNS44MjQsMTAuODk4DQoJYy0yLjE0Ni0wLjA2OS00LjE2NS0wLjY1Ny01LjkzLTEuNjM4Yy0wLjAwMiwwLjA1NS0wLjAwMiwwLjExLTAuMDAyLDAuMTYyYzAsNi4zNDUsNC41MTMsMTEuNjM4LDEwLjUwNCwxMi44NA0KCWMtMS4xMDEsMC4yOTgtMi4yNTYsMC40NTctMy40NDksMC40NTdjLTAuODQ2LDAtMS42NjctMC4wNzgtMi40NjUtMC4yMzFjMS42NjcsNS4yLDYuNDk5LDguOTg2LDEyLjIzLDkuMDkNCgljLTQuNDgyLDMuNTEyLTEwLjEyOSw1LjYwNi0xNi4yNiw1LjYwNmMtMS4wNTUsMC0yLjA5Ni0wLjA2MS0zLjEyMi0wLjE4NGM1Ljc5NCwzLjcxNywxMi42NzYsNS44ODIsMjAuMDY3LDUuODgyDQoJYzI0LjA4MywwLDM3LjI1MS0xOS45NDksMzcuMjUxLTM3LjI0OWMwLTAuNTY2LTAuMDE0LTEuMTM0LTAuMDM5LTEuNjk0QzY0LjgzOCwyMC4wNjgsNjcuMDU4LDE3Ljc2NSw2OC44MTIsMTUuMTQxeiIvPg0KPC9zdmc+DQo=')}.Icon--verified{width:1.1111111111111112em;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2NCA3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgeD0iMCIgZmlsbD0ibm9uZSIgd2lkdGg9IjY0IiBoZWlnaHQ9IjcyIi8+DQo8cGF0aCBmaWxsPSIjODhjOWY5IiBkPSJNMy4wMDEsMzcuMzE1YzAsNC4xMjUsMi4xNjEsNy43MjYsNS4zNjIsOS42MjRjLTAuMDU2LDAuNDY4LTAuMDg5LDAuOTM4LTAuMDg5LDEuNDIxYzAsNi4xMDMsNC43MTgsMTEuMDQ1LDEwLjU0NSwxMS4wNDUNCgljMS4yOTYsMCwyLjU0My0wLjIzNCwzLjY4OC0wLjY4NmMxLjcxNCwzLjY4Myw1LjMxOSw2LjIxMyw5LjQ5Miw2LjIxM2M0LjE3NSwwLDcuNzgzLTIuNTMsOS40OTItNi4yMTMNCgljMS4xNDcsMC40NTEsMi4zODksMC42ODYsMy42OSwwLjY4NmM1LjgyNSwwLDEwLjU0NS00Ljk0MSwxMC41NDUtMTEuMDQ1YzAtMC40ODMtMC4wMzctMC45NTMtMC4wOTMtMS40MjENCgljMy4xOTctMS44OTksNS4zNjYtNS40OTksNS4zNjYtOS42MjRjMC00LjM3LTIuNDE4LTguMTUxLTUuOTMyLTkuOTQ2YzAuNDI3LTEuMjAyLDAuNjU4LTIuNSwwLjY1OC0zLjg2NA0KCWMwLTYuMTA0LTQuNzItMTEuMDQ1LTEwLjU0NS0xMS4wNDVjLTEuMzAyLDAtMi41NDMsMC4yMzItMy42OSwwLjY4OEMzOS43ODMsOS40NjMsMzYuMTc1LDYuOTMyLDMyLDYuOTMyDQoJYy00LjE3MywwLTcuNzc4LDIuNTMxLTkuNDkyLDYuMjE2Yy0xLjE0Ni0wLjQ1NS0yLjM5My0wLjY4OC0zLjY4OC0wLjY4OGMtNS44MjcsMC0xMC41NDUsNC45NC0xMC41NDUsMTEuMDQ1DQoJYzAsMS4zNjQsMC4yMzEsMi42NjIsMC42NTYsMy44NjRDNS40MTksMjkuMTY0LDMuMDAxLDMyLjk0NSwzLjAwMSwzNy4zMTV6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTcuODcxLDM5LjA3OWw3LjAxNCw2Ljk3OWMwLjU4NSwwLjU4MiwxLjM1MSwwLjg3MywyLjExNiwwLjg3M2MwLjc3LDAsMS41NDEtMC4yOTUsMi4xMjYtMC44ODQNCgljMC4zNDQtMC4zNDYsMTUuOTgtMTUuOTc0LDE1Ljk4LTE1Ljk3NGMxLjE3Mi0xLjE3MiwxLjE3Mi0zLjA3MSwwLjAwMS00LjI0M2MtMS4xNzEtMS4xNzEtMy4wNzEtMS4xNzItNC4yNDMtMC4wMDFMMjYuOTk2LDM5LjY5Mw0KCWwtNC44OTMtNC44NjhjLTEuMTc0LTEuMTY4LTMuMDc0LTEuMTY0LTQuMjQyLDAuMDExQzE2LjY5MiwzNi4wMTEsMTYuNjk3LDM3LjkxLDE3Ljg3MSwzOS4wNzl6Ii8+DQo8L3N2Zz4NCg==')}.Identity-name{font-weight:700}.Identity-screenName{color:#697882}.Identity:focus{text-decoration:none}.Identity:focus .Identity-name{text-decoration:underline}.Identity--blended .Identity-screenName{color:inherit}.Identity--withInlineAvatar{line-height:1.125rem}.Identity--withInlineAvatar .Identity-avatar{width:1.125rem;height:1.125rem;border-radius:2px;vertical-align:top}.PrettyLink:focus{text-decoration:none}.PrettyLink:focus .PrettyLink-value{text-decoration:underline}.Tweet-header{position:relative;padding-left:45px;margin-bottom:.85rem;white-space:nowrap}.Tweet-followButton{position:relative;z-index:1}.Tweet-author{margin-top:2px;line-height:0}.Tweet-authorLink{line-height:1.2}.Tweet-authorAvatar{position:absolute;display:inline-block;top:0;left:0;width:36px;height:36px;overflow:hidden;background-color:transparent;border-radius:4px}.Tweet-authorScreenName{font-size:.875rem}.Tweet-authorScreenName:before{white-space:pre;content:"\A\200e"}.Tweet-authorVerifiedBadge{position:absolute;top:0}.Tweet-text{white-space:pre-wrap;cursor:text}.Tweet-text+.Tweet-alert,.Tweet-text+.Tweet-metadata{margin-top:.2rem}.Tweet-alert,.Tweet-metadata{font-size:.875rem;color:#697882}.Tweet-alert+.Tweet-metadata{margin-top:.65rem}.Tweet-card{margin-top:.65rem;font-size:.875rem}.Tweet-actions{margin-top:.525rem}.Tweet-action{display:inline-block}.Tweet-action+.Tweet-action{margin-left:1rem}.Tweet--compact{position:relative;padding-left:45px;font-size:.875rem}.Tweet--compact .Tweet-header{position:static;padding-left:0;margin-bottom:.4rem}.Tweet--compact .Tweet-author{margin-top:0}.Tweet--compact .Tweet-alert,.Tweet--compact .Tweet-metadata{margin-bottom:0;line-height:inherit}.TweetAction,.TweetAction:visited{color:#697882}.TweetAction-stat{display:inline-block;font-size:.875rem;vertical-align:text-bottom}.TweetAction--reply:active,.TweetAction--reply:focus,.TweetAction--reply:hover{color:#3b94d9;text-decoration:none}.TweetAction--reply:active .TweetAction-icon,.TweetAction--reply:focus .TweetAction-icon,.TweetAction--reply:hover .TweetAction-icon{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjYyIiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgNjIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMzYjk0ZDkiIGQ9Ik00MSwzMWgtOVYxOWMwLTEuMTQxLTAuNjQ3LTIuMTgzLTEuNjY4LTIuNjg4Yy0xLjAyMi0wLjUwNy0yLjI0My0wLjM4OS0zLjE0OSwwLjMwMmwtMjEsMTZDNS40MzcsMzMuMTgxLDUsMzQuMDYzLDUsMzVzMC40MzcsMS44MTksMS4xODIsMi4zODdsMjEsMTZDMjcuNzE1LDUzLjc5MiwyOC4zNTYsNTQsMjkuMDAxLDU0YzAuNDU0LDAsMC45MDktMC4xMDMsMS4zMzEtMC4zMTJDMzEuMzU0LDUzLjE4MywzMiw1Mi4xNDEsMzIsNTFWMzloOWM1LjUxNCwwLDEwLDQuNDg2LDEwLDEwYzAsMi4yMDksMS43OTEsNCw0LDRzNC0xLjc5MSw0LTRDNTksMzkuMDc1LDUwLjkyNSwzMSw0MSwzMXoiLz4NCjwvc3ZnPg0K')}.TweetAction--retweet:active,.TweetAction--retweet:focus,.TweetAction--retweet:hover{color:#5c913b;text-decoration:none}.TweetAction--retweet:active .TweetAction-icon,.TweetAction--retweet:focus .TweetAction-icon,.TweetAction--retweet:hover .TweetAction-icon{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9Ijc0IiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgNzQgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDc0IDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM1YzkxM2IiIGQ9Ik03MC42NzYsMzYuNjQ0QzcwLjE2NSwzNS42MzYsNjkuMTMxLDM1LDY4LDM1aC03VjE5YzAtMi4yMDktMS43OTEtNC00LTRIMzRjLTIuMjA5LDAtNCwxLjc5MS00LDRzMS43OTEsNCw0LDRoMThjMC41NTIsMCwwLjk5OCwwLjQ0NiwxLDAuOTk4VjM1aC03Yy0xLjEzLDAtMi4xNjUsMC42MzYtMi42NzYsMS42NDRjLTAuNTExLDEuMDA5LTAuNDEyLDIuMjE5LDAuMjU3LDMuMTMxbDExLDE1QzU1LjE0Nyw1NS41NDUsNTYuMDQ1LDU2LDU3LjAwMSw1NnMxLjg1NC0wLjQ1NSwyLjQxOS0xLjIyNmwxMS0xNUM3MS4wODgsMzguODYyLDcxLjE4NywzNy42NTIsNzAuNjc2LDM2LjY0NHoiLz4NCjxwYXRoIGZpbGw9IiM1YzkxM2IiIGQ9Ik00MC4wMDEsNDhIMjJjLTAuNTM5LDAtMC45Ny0wLjQyNy0wLjk5Mi0wLjk2TDIxLjAwMSwzNmg3YzEuMTMsMCwyLjE2NS0wLjYzNiwyLjY3Ni0xLjY0NGMwLjUxMS0xLjAwOSwwLjQxMi0yLjIxOS0wLjI1Ny0zLjEzMWwtMTEtMTVDMTguODU0LDE1LjQ1NSwxNy45NTYsMTUsMTcsMTVzLTEuODU0LDAuNDU1LTIuNDE5LDEuMjI2bC0xMSwxNWMtMC42NjgsMC45MTItMC43NjgsMi4xMjItMC4yNTYsMy4xMzFDMy44MzYsMzUuMzY0LDQuODcxLDM2LDYuMDAxLDM2aDdsMC4wMTEsMTYuMDAzYzAuMDAyLDIuMjA4LDEuNzkyLDMuOTk3LDQsMy45OTdoMjIuOTg5YzIuMjA5LDAsNC0xLjc5MSw0LTRTNDIuMjEsNDgsNDAuMDAxLDQ4eiIvPg0KPC9zdmc+DQo=')}.TweetAction--favorite:active,.TweetAction--favorite:focus,.TweetAction--favorite:hover{color:#ffac33;text-decoration:none}.TweetAction--favorite:active .TweetAction-icon,.TweetAction--favorite:focus .TweetAction-icon,.TweetAction--favorite:hover .TweetAction-icon{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjU2IiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgNTYgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDU2IDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNmZmFjMzMiIGQ9Ik01Mi4zNjYsMjguOTQzYy0wLjM3NC0xLjE2OS0xLjQ2My0xLjk2My0yLjY5My0xLjk2M0gzNS40ODRsLTQuODA5LTE0LjA3QzMwLjI4NSwxMS43NjcsMjkuMjEsMTEsMjgsMTFzLTIuMjg1LDAuNzY3LTIuNjc2LDEuOTFsLTQuODA5LDE0LjA3SDYuMzI3Yy0xLjIzLDAtMi4zMTksMC43OTQtMi42OTMsMS45NjNjLTAuMzc0LDEuMTY5LDAuMDUzLDIuNDQ2LDEuMDU1LDMuMTU2bDExLjMzMiw4LjAzMkwxMS4xOSw1NC4yN2MtMC4zOTYsMS4xNTgsMC4wMDIsMi40MzksMC45ODYsMy4xNzFjMC45ODMsMC43MywyLjMyNywwLjc0NywzLjMyOCwwLjAzOEwyOCw0OC42MjFsMTIuNDk3LDguODU3QzQwLjk4OCw1Ny44MjYsNDEuNTYxLDU4LDQyLjEzNSw1OGMwLjU5NSwwLDEuMTg5LTAuMTg3LDEuNjktMC41NTljMC45ODMtMC43MzIsMS4zODItMi4wMTMsMC45ODYtMy4xNzFsLTQuODMyLTE0LjEzOWwxMS4zMzItOC4wMzJDNTIuMzEzLDMxLjM4OCw1Mi43NCwzMC4xMTIsNTIuMzY2LDI4Ljk0M3oiLz4NCjwvc3ZnPg0K')}.CroppedImage{position:relative;display:inline-block;overflow:hidden}.CroppedImage-image{position:absolute;top:0;left:0;min-height:100%;min-width:100%}.CroppedImage--fillHeight .CroppedImage-image{height:100%;width:auto}.CroppedImage--fillWidth .CroppedImage-image{width:100%;height:auto}.FilledIframe{max-width:100%;max-height:100%}.ImageGrid{position:relative}.ImageGrid-image{position:absolute;width:50%;padding-bottom:25%;border:0 solid #fff}.ImageGrid--2 .ImageGrid-image{padding-bottom:50%}.ImageGrid--2 .ImageGrid-image-0{top:0;left:0}.ImageGrid--2 .ImageGrid-image-1{top:0;right:0;border-left-width:1px}.ImageGrid--3 .ImageGrid-image-0{float:left;padding-bottom:50%;top:0;left:0}.ImageGrid--3 .ImageGrid-image-1{top:0;right:0;border-left-width:1px}.ImageGrid--3 .ImageGrid-image-2{bottom:0;right:0;border-width:1px 0 0 1px}.ImageGrid--4 .ImageGrid-image-0{top:0;left:0}.ImageGrid--4 .ImageGrid-image-1{top:0;right:0;border-left-width:1px}.ImageGrid--4 .ImageGrid-image-2{bottom:0;left:0;border-top-width:1px}.ImageGrid--4 .ImageGrid-image-3{bottom:0;right:0;border-width:1px 0 0 1px}.ImageGrid--roundedTop.ImageGrid--2 .ImageGrid-image-0{border-top-left-radius:4px}.ImageGrid--roundedTop.ImageGrid--2 .ImageGrid-image-1{border-top-right-radius:4px}.ImageGrid--roundedTop.ImageGrid--3 .ImageGrid-image-0{border-top-left-radius:4px}.ImageGrid--roundedTop.ImageGrid--3 .ImageGrid-image-1{border-top-right-radius:4px}.ImageGrid--roundedTop.ImageGrid--4 .ImageGrid-image-0{border-top-left-radius:4px}.ImageGrid--roundedTop.ImageGrid--4 .ImageGrid-image-1{border-top-right-radius:4px}.ImageGrid--roundedBottom.ImageGrid--2 .ImageGrid-image-0{border-bottom-left-radius:4px}.ImageGrid--roundedBottom.ImageGrid--2 .ImageGrid-image-1{border-bottom-right-radius:4px}.ImageGrid--roundedBottom.ImageGrid--3 .ImageGrid-image-0{border-bottom-left-radius:4px}.ImageGrid--roundedBottom.ImageGrid--3 .ImageGrid-image-2{border-bottom-right-radius:4px}.ImageGrid--roundedBottom.ImageGrid--4 .ImageGrid-image-2{border-bottom-left-radius:4px}.ImageGrid--roundedBottom.ImageGrid--4 .ImageGrid-image-3{border-bottom-right-radius:4px}.PlayButton{border-radius:2rem;height:4rem;width:4rem;font-size:4rem}.PlayButton--centered{margin-left:-2rem;margin-top:-2rem}.NaturalImage{position:relative}.NaturalImage-image{max-width:100%;max-height:100%;border:0;line-height:0;height:auto}.NaturalImage-ctaOverlay{position:absolute;top:50%;left:50%}.NaturalImage--rounded .NaturalImage-image,.NaturalImage--roundedTop .NaturalImage-image{border-top-left-radius:4px;border-top-right-radius:4px}.NaturalImage--rounded .NaturalImage-image,.NaturalImage--roundedBottom .NaturalImage-image{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.NaturalImage--fill .NaturalImage-image{width:100%}.SummaryCard-headline{font-size:inherit;font-weight:700;margin:.875rem 0 0}.SummaryCard-smallImage{float:right;max-width:120px;margin:0 0 0 1rem;overflow:hidden}.SummaryCard-siteUser{margin:0 0 .875rem;vertical-align:top}.SummaryCard-byline{color:#697882;font-size:.75rem}.SummaryCard-lead{margin:.625rem 0}.SummaryCard--withSmallImage .SummaryCard-body{min-height:120px}.MediaCard-media{position:relative;width:100%;overflow:hidden}.MediaCard-widthConstraint{max-width:100%}.MediaCard-mediaContainer{position:relative;padding-bottom:0;background-color:#f5f8fa}.MediaCard-borderOverlay{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;border:1px solid rgba(225,232,237,.75);border-radius:4px 4px 0 0;-moz-box-sizing:border-box;box-sizing:border-box}.MediaCard-nsfwInfo{display:none;position:absolute;top:0;left:0;z-index:30;width:100%;padding:1rem 1rem 0;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}.MediaCard-nsfwHeading{margin:.875rem;font-size:inherit;font-weight:700}.MediaCard-dismissNsfw{margin:.875rem}.MediaCard-mediaAsset{display:block;position:absolute;top:0;left:0;width:100%;height:100%;line-height:0;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;background-color:#fff}.MediaCard-attributionOverlay{position:absolute;bottom:.5rem;right:.75rem;z-index:20;padding:.25rem;padding-right:.5rem;border-radius:4px;background-color:rgba(0,0,0,.3);color:#ddd;text-shadow:0 0 2px rgba(0,0,0,.7);font-size:.75rem;line-height:1.125rem}.MediaCard-siteUser{margin:0 0 .875rem}.MediaCard-bylineUser{color:#697882;margin:.875rem 0}.MediaCard--mediaForward .MediaCard-media{background-color:#f5f8fa}.MediaCard--mediaForward .MediaCard-widthConstraint{margin:0 auto}.MediaCard--mediaForward .MediaCard-nsfwInfo{top:25%}.MediaCard--nsfw .MediaCard-nsfwInfo{display:block}.MediaCard--nsfw .MediaCard-mediaAsset{opacity:0}.env-narrow .Tweet-followButton{display:none}


--------------------------------------------------------------------------------