<!DOCTYPE html>
<!--
. .o8 oooo
.o8 "888 `888
.o888oo oooo oooo ooo. .oo. .oo. 888oooo. 888 oooo d8b
888 `888 `888 `888P"Y88bP"Y88b d88' `88b 888 `888""8P
888 888 888 888 888 888 888 888 888 888
888 . 888 888 888 888 888 888 888 888 888 .o.
"888" `V88V"V8P' o888o o888o o888o `Y8bod8P' o888o d888b Y8P
-->
<!--[if lt IE 9]><html class="no_js ie" lang="en"><![endif]-->
<!--[if IE 9]><html class="no_js ie9" lang="en"><![endif]-->
<!--[if gt IE 9]><!-->
<html class="no_js logged_out" id="logged_out" lang="en">
<!--<![endif]-->
<head>
<script type="text/javascript">
var tinyMCE,_sf_startpt=(new Date()).getTime();
</script>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<meta content="width=960" name="viewport"/>
<meta content="off" http-equiv="x-dns-prefetch-control"/>
<title>
Long Reads | Tumblr
</title>
<link href="http://assets.tumblr.com/images/favicon.gif?2" rel="icon" type="image/gif"/>
<link href="http://assets.tumblr.com/images/apple_touch_icon.png?2" rel="apple-touch-icon-precomposed"/>
<link href="http://assets.tumblr.com/stylesheets/compressed/global.css?857" rel="stylesheet" type="text/css"/>
<link href="http://assets.tumblr.com/stylesheets/compressed/onboarding.css?857" rel="stylesheet" type="text/css"/>
<link href="http://assets.tumblr.com/stylesheets/compressed/dashboard.css?857" rel="stylesheet" type="text/css"/>
<link href="http://assets.tumblr.com/stylesheets/compressed/tag.css?857" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
ENVIRONMENT = 'production';
</script>
<script src="http://assets.tumblr.com/languages/strings/en_US.js?857" type="text/javascript">
</script>
<script type="text/javascript">
var __ = (function() {
var translation = {
"There was an error." : "There was an error.",
"You forgot your email!" : "You forgot your email!",
"You forgot your password!" : "You forgot your password!",
"You forgot your username!" : "You forgot your username!",
"Verification is required." : "Verification is required.",
"Please tell us your age." : "Please tell us your age.",
"Your age must be a number!" : "Your age must be a number!",
"You need to accept Tumblr's terms!" : "You need to accept Tumblr's terms!",
"You need to fill out the Captcha!" : "You need to fill out the Captcha!",
"Please enter a valid email address." : "Please enter a valid email address.",
"This email address is already in use." : "This email address is already in use.",
"Did you mean EMAIL_ADDRESS ?" : "Did you mean EMAIL_ADDRESS ?",
"Please choose a longer password." : "Please choose a longer password.",
"URL cannot begin with a hyphen. It's one of those Internet rules." : "URL cannot begin with a hyphen. It's one of those Internet rules.",
"URL cannot end with a hyphen." : "URL cannot end with a hyphen.",
"URL cannot contain TUMBLR." : "URL cannot contain TUMBLR."
};
return function(string) {
return translation[string] || string;
};
})();
</script>
<script src="http://assets.tumblr.com/javascript/prototype_effects_application_tumblelog.js?857" type="text/javascript">
</script>
<script src="http://assets.tumblr.com/javascript/onboarding_build.js?857" type="text/javascript">
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-97144-8']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body class="tagged_display logged_out" id="tagged_display">
<div class="logged_out_container" id="logged_out_container">
<div class="logged_out_header" id="logged_out_header">
<a href="/" id="logo">
<img alt="Tumblr" class="default" height="44" src="http://assets.tumblr.com/images/logo.png?alpha&6" width="196"/>
</a>
<h2 class="signup_subhead" id="signup_subhead">
<span id="signup_subhead_content">
Follow the world’s creators.
</span>
</h2>
<div class="signup_buttons">
<button class="chrome shallow login" id="signup_button_login">
Log in
</button>
<button class="chrome shallow cancel" id="signup_button_cancel">
Cancel
</button>
<button class="chrome other_blue signup" id="signup_button_signup">
Sign up
</button>
</div>
</div>
<div class="signup_forms clearfix" id="signup_forms">
<div class="signup_forms_container clearfix" id="signup_forms_container">
<div class="signup_forms_panel clearfix" id="signup_forms_panel">
<form action="/svc/account/register" class="signup_form_form" id="signup_form" method="post">
<div class="signup_view account login" id="signup_account">
<div class="form_row">
<label for="signup_email">
Email
</label>
<input data-required="required" id="signup_email" name="user[email]" placeholder="Email" type="email"/>
</div>
<div class="form_row">
<label for="signup_password">
Password
</label>
<input data-required="required" id="signup_password" name="user[password]" placeholder="Password" type="password"/>
</div>
<div class="form_row username">
<label for="signup_username">
Username
</label>
<input id="signup_username" maxlength="32" name="tumblelog[name]" placeholder="Username" type="text"/>
</div>
</div>
<div class="signup_view birthday" id="signup_birthday">
<div class="form_row">
<div class="form_field age">
<label class="signup_age_label is_empty years_old" for="signup_age">
<b>
</b>
<span class="years_old">
years old
</span>
<span class="years_young">
years young
</span>
</label>
<input class="signup_age" data-required="required" id="signup_age" max="125" min="1" name="user[age]" placeholder="How old are you?" size="3" type="text" value=""/>
</div>
</div>
<div class="form_row tos">
<input data-required="required" id="signup_tos" name="user[tos]" type="checkbox" value="1"/>
<label for="signup_tos">
I have read, understand, and agree to the Tumblr
<a class="signup_terms_link" href="/policy/" target="_new">
Terms of Service
</a>
.
</label>
</div>
</div>
<div class="signup_view captcha" id="signup_register">
<input id="recaptcha_public_key" name="recaptcha_public_key" type="hidden" value="6Lf4osISAAAAAJHn-CxSkM9YFNbirusAOEmxqMlZ">
<div id="recaptcha_widget">
<div class="image_and_buttons">
<div id="recaptcha_image">
</div>
<div class="recaptcha_overlay">
<div class="recaptcha_overlay_inner">
<div class="captcha_overlay_btn refresh_captcha">
<a href="javascript:Recaptcha.reload()">
Refresh
</a>
</div>
<div class="captcha_overlay_btn recaptcha_only_if_image switch_to_audio">
<a href="javascript:Recaptcha.switch_type('audio')" title="Get an audio CAPTCHA">
Audio
</a>
</div>
<div class="captcha_overlay_btn recaptcha_only_if_audio switch_to_image">
<a href="javascript:Recaptcha.switch_type('image')" title="Get an image CAPTCHA">
Visual
</a>
</div>
</div>
</div>
</div>
<div class="recaptcha_hide audio_is_playing">
<span class="recaptcha_only_if_audio">
Now playing. Please enter the words you hear, below.
</span>
</div>
<div class="recaptcha_hide recaptcha_only_if_incorrect_sol">
Incorrect, please try again
</div>
<span class="recaptcha_hide recaptcha_only_if_image">
Please enter the words above
</span>
</div>
<div class="form_row">
<input data-required="required" id="recaptcha_response_field" name="recaptcha_response_field" placeholder="Please enter the words above" type="text"/>
</div>
<script src="https://www.google.com/recaptcha/api/js/recaptcha_ajax.js" type="text/javascript">
</script>
</input>
</div>
<div class="form_row_hidden">
</div>
<button class="signup_forms_submit_helper" type="submit">
Submit
</button>
</form>
</div>
</div>
<ul class="signup_forms_errors" id="signup_form_errors">
</ul>
<button class="chrome big on_dark signup_forms_submit blue" id="signup_forms_submit">
<span class="account_btn">
Start
</span>
<span class="birthday_btn">
Next
</span>
<span class="captcha_btn">
<span>
<b>
Almost
</b>
<b>
Done!
</b>
</span>
</span>
<span class="login_btn">
Log in
</span>
</button>
<a class="forgot_password_link" href="/forgot_password" target="_new">
Password help?
</a>
</div>
<div class="signup_waiting" id="signup_waiting">
</div>
</div>
<div class="outter_wrapper">
<div id="container">
<div id="content">
<img alt="" id="content_top" src="http://assets.tumblr.com/images/content_top.png?alpha"/>
<script type="text/javascript">
Event.observe(window, 'load', function(){
if (window.location.hash.match(/#[0-9]+$/)) {
var focus_post_id = window.location.hash.substring(1);
if ($('post_' + focus_post_id)) {
var scroll_offset = $('post_' + focus_post_id).cumulativeOffset().top;
if (scroll_offset >= 200) {
setTimeout(function(){
Effect.ScrollTo('post_' + focus_post_id, { duration:1, offset:-20 });
}, 10);
}
}
}
});
</script>
<!-- Dashboard controls -->
<div id="right_column">
<!-- Tracked Tags -->
<ul class="controls_section" id="tracked_tags">
<li class="tracked_tag selected">
<a class="tag" href="/tagged/long+reads" id="tag_14633821">
<div class="hide_overflow">
long reads
</div>
</a>
</li>
</ul>
<div class="small_links" style="float:left;margin-bottom:20px">
<a class="" href="/explore">
Explore
</a>
</div>
<!-- Tag subnav -->
<!-- Related tags -->
<ul class="controls_section">
<li>
<a class="tag" href="/tagged/news">
news
<span class="count">
related
</span>
</a>
</li>
<li>
<a class="tag" href="/tagged/lit">
lit
<span class="count">
related
</span>
</a>
</li>
</ul>
<!-- Featured blog -->
<div class="controls_section promo">
<a class="image_wrapper" href="http://blog.mattlanger.com/">
<img src="http://assets.tumblr.com/images/directory_promos/190x140/langer.png" style="width:213px; height:157px;"/>
</a>
<div class="description_and_title">
<div class="description">
TL;DRs from a Brooklyn-based writer and entrepreneur.
</div>
<a class="title" href="http://blog.mattlanger.com/" onclick="_gaq.push(['_trackEvent', 'Tag page promos', 'Visit blog', 'http://blog.mattlanger.com/'']);">
Matt Langer
</a>
</div>
</div>
<ul class="controls_section" id="tag_editors">
</ul>
</div>
</div>
</div>
</div>
</body>
</html>