public-mirrors/NewsBlur
1
0
Fork 0
mirror of https://github.com/samuelclay/NewsBlur.git synced 2025-08-05 16:58:59 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
NewsBlur/clients/ios/static/sample_text.html
Samuel Clay bfff777490 Moving ios and android from media to clients.
2013-06-27 09:43:22 -07:00

11 lines
20 KiB
HTML
Raw Blame History

<style>
body {overflow: auto !important;}
</style>
<html><head><link rel="stylesheet" type="text/css" href="storyDetailView.css" ><meta name="viewport" id="viewport" content="width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/></head><body id="story_pane" class="NB-iphone"> <div class="NB-san-serif" id="NB-font-style"> <div class="NB-extra-large" id="NB-font-size"> <div id="NB-header-container"><div class="NB-header"><div class="NB-header-inner"><div class="NB-story-title">Fifty US states with equal population and a long title that stretches the limits of the width of its container. More reveals after the jump.</div><div class="NB-story-date">14 Feb 2013, 1:16pm</div><span class="NB-middot">&middot;</span><a href="http://ios.newsblur.com/classify-author/Sarah Pavis" class="NB-story-author " id="NB-story-author"><div class="NB-highlight"></div>Sarah Pavis</a><div id="NB-story-tags" class="NB-story-tags"><a href="http://ios.newsblur.com/classify-tag/general" class="NB-story-tag "><div class="NB-highlight"></div>general</a><a href="http://ios.newsblur.com/classify-tag/new gilded age" class="NB-story-tag "><div class="NB-highlight"></div>new gilded age</a><a href="http://ios.newsblur.com/classify-tag/sequester" class="NB-story-tag "><div class="NB-highlight"></div>sequester</a><a href="http://ios.newsblur.com/classify-tag/general" class="NB-story-tag "><div class="NB-highlight"></div>general</a><a href="http://ios.newsblur.com/classify-tag/new gilded age" class="NB-story-tag "><div class="NB-highlight"></div>new gilded age</a><a href="http://ios.newsblur.com/classify-tag/sequester" class="NB-story-tag "><div class="NB-highlight"></div>sequester</a><a href="http://ios.newsblur.com/classify-tag/general" class="NB-story-tag "><div class="NB-highlight"></div>general</a><a href="http://ios.newsblur.com/classify-tag/new gilded age" class="NB-story-tag "><div class="NB-highlight"></div>new gilded age</a><a href="http://ios.newsblur.com/classify-tag/sequester" class="NB-story-tag "><div class="NB-highlight"></div>sequester</a></div></div></div></div> <div id="NB-share-bar-wrapper"><div class="NB-story-shares"><div class="NB-story-comments-shares-teaser-wrapper"><div class="NB-story-comments-shares-teaser"><div class="NB-story-comments-label"><b>5 comments</b></div><div class="NB-story-share-profiles NB-story-share-profiles-comments"><div class="NB-story-share-profile"><div class="NB-user-avatar"><a id="NB-user-share-bar-1148" class="NB-show-profile" href="http://ios.newsblur.com/show-profile/1148"><div class="NB-highlight"></div><img src="http://graph.facebook.com/100445/picture" /></a></div></div><div class="NB-story-share-profile"><div class="NB-user-avatar"><a id="NB-user-share-bar-23766" class="NB-show-profile" href="http://ios.newsblur.com/show-profile/23766"><div class="NB-highlight"></div><img src="https://www.gravatar.com/avatar/b81436883b4b34c863b52fca89461ba1" /></a></div></div><div class="NB-story-share-profile"><div class="NB-user-avatar"><a id="NB-user-share-bar-26578" class="NB-show-profile" href="http://ios.newsblur.com/show-profile/26578"><div class="NB-highlight"></div><img src="http://a0.twimg.com/profile_images/1649024682/me_hat_and_horns_cropped_square_smaller_normal.jpg" /></a></div></div><div class="NB-story-share-profile"><div class="NB-public-user NB-user-avatar"><a id="NB-user-share-bar-40207" class="NB-show-profile" href="http://ios.newsblur.com/show-profile/40207"><div class="NB-highlight"></div><img src="http://a0.twimg.com/profile_images/2431422609/kq0kzk7nu8d96sninm1m_normal.png" /></a></div></div><div class="NB-story-share-profile"><div class="NB-public-user NB-user-avatar"><a id="NB-user-share-bar-38896" class="NB-show-profile" href="http://ios.newsblur.com/show-profile/38896"><div class="NB-highlight"></div><img src="http://www.newsblur.com/media/img/reader/default_profile_photo.png" /></a></div></div></div><div class="NB-right"><div class="NB-story-share-profiles NB-story-share-profiles-shares"><div class="NB-story-share-profile"><div class="NB-public-user NB-user-avatar"><a id="NB-user-share-bar-36832" class="NB-show-profile" href="http://ios.newsblur.com/show-profile/36832"><div class="NB-highlight"></div><img src="http://www.newsblur.com/media/img/reader/default_profile_photo.png" /></a></div></div><div class="NB-story-share-profile"><div class="NB-public-user NB-user-avatar"><a id="NB-user-share-bar-31153" class="NB-show-profile" href="http://ios.newsblur.com/show-profile/31153"><div class="NB-highlight"></div><img src="http://www.newsblur.com/media/img/reader/default_profile_photo.png" /></a></div></div><div class="NB-story-share-profile"><div class="NB-public-user NB-user-avatar"><a id="NB-user-share-bar-43790" class="NB-show-profile" href="http://ios.newsblur.com/show-profile/43790"><div class="NB-highlight"></div><img src="http://graph.facebook.com/63206750/picture" /></a></div></div><div class="NB-story-share-profile"><div class="NB-public-user NB-user-avatar"><a id="NB-user-share-bar-40622" class="NB-show-profile" href="http://ios.newsblur.com/show-profile/40622"><div class="NB-highlight"></div><img src="http://a0.twimg.com/profile_images/2088414558/profilepic_normal.png" /></a></div></div><div class="NB-story-share-profile"><div class="NB-public-user NB-user-avatar"><a id="NB-user-share-bar-12734" class="NB-show-profile" href="http://ios.newsblur.com/show-profile/12734"><div class="NB-highlight"></div><img src="http://graph.facebook.com/729033748/picture" /></a></div></div><div class="NB-story-share-profile"><div class="NB-user-avatar"><a id="NB-user-share-bar-32048" class="NB-show-profile" href="http://ios.newsblur.com/show-profile/32048"><div class="NB-highlight"></div><img src="https://s3.amazonaws.com/avatars.newsblur.com/avatars/32048/thumbnail_profile_1358188630.jpg" /></a></div></div><div class="NB-story-share-profile"><div class="NB-user-avatar"><a id="NB-user-share-bar-12218" class="NB-show-profile" href="http://ios.newsblur.com/show-profile/12218"><div class="NB-highlight"></div><img src="http://a0.twimg.com/profile_images/2051706291/croppedblanchedalmondprawnr_normal.png" /></a></div></div></div><div class="NB-story-share-label"><b>12 shares</b></div></div></div></div></div></div> <div class="NB-story"><p>As part of a thought experiment to reform the electoral college, <a href="http://fakeisthenewreal.org/reform/">Neil Freeman redrew the US into 50 new states with equal population</a>. In trying to balance the interests of the popular vote vs the integrity of states, he's split the baby so that no one is likely to be happy. Perfect! </p>
<p><a href="http://fakeisthenewreal.org/reform/"><img alt="electoral_map_FITNR.jpg" border="0" src="http://also.kottke.org/misc/images/electoral_map_FITNR.jpg" width="640" /></a></p>
<blockquote><p>The map began with an algorithm that groups counties based on proximity, urban area, and commuting patterns. The algorithm was seeded with the fifty largest cities. After that, manual changes took into account compact shapes, equal populations, metro areas divided by state lines, and drainage basins. In certain areas, divisions are based on census tract lines.</p><p>Keep in mind that <a href="http://fakeisthenewreal.org/reform/">this is an art project</a>, not a <a href="http://en.wikipedia.org/wiki/National_Popular_Vote_Interstate_Compact">serious proposal</a>, so take it easy with the emails about the sacred soil of Texas.</p></blockquote>
<p>(via <a href="http://stellar.io/doingitwrong">&#9733;doingitwrong</a>)</p> <strong>Tags:</strong> <a href="http://kottke.org/tag/maps">maps</a></div> <div class='NB-share-header'></div><div class='NB-share-wrapper'><div class='NB-share-inner-wrapper'> <div id="NB-share-button-id" class='NB-share-button NB-button'> <a href="http://ios.newsblur.com/share"><div> <span class="NB-icon"></span> Share this story </div></a> </div> <div id="NB-share-button-id" class='NB-share-button NB-train-button NB-button'> <a href="http://ios.newsblur.com/train"><div> <span class="NB-icon"></span> Train this story </div></a> </div></div></div> <div id="NB-comments-wrapper"> <div class="NB-story-comments-public-header-wrapper"><div class="NB-story-comments-friends-header">3 comments</div></div> <div class="NB-feed-story-comments"><div class="NB-story-comment" id="NB-user-comment-1148"><div class="NB-user-avatar NB-story-comment-reshare"><a class="NB-show-profile" href="http://ios.newsblur.com/show-profile/1148"><div class="NB-highlight"></div><img src="http://graph.facebook.com/100445/picture" /></a></div><div class="NB-story-comment-author-container"> <div class="NB-story-comment-reshares"> <div class="NB-story-share-profile"> <div class="NB-user-avatar"><img src="https://s3.amazonaws.com/avatars.newsblur.com/avatars/32048/thumbnail_profile_1358188630.jpg"></div> </div></div> <div class="NB-story-comment-username">michaelglass</div> <div class="NB-story-comment-date">4 days ago</div> <div class="NB-story-comment-likes"></div></div><div class="NB-story-comment-content">//</div><div class="NB-story-comment-location">San Francisco</div><div class="NB-button-wrapper"> <div class="NB-story-comment-reply-button NB-button"> <a href="http://ios.newsblur.com/reply/1148/michaelglass"><div class="NB-story-comment-reply-button-wrapper"> Reply </div></a> </div> <div class="NB-story-comment-like-button NB-button selected"><a href="http://ios.newsblur.com/like-comment/1148"><div class="NB-story-comment-like-button-wrapper"><span class="NB-favorite-icon"></span></div></a></div></div></div><div class="NB-story-comment" id="NB-user-comment-23766"><div class="NB-user-avatar NB-story-comment-reshare"><a class="NB-show-profile" href="http://ios.newsblur.com/show-profile/23766"><div class="NB-highlight"></div><img src="https://www.gravatar.com/avatar/b81436883b4b34c863b52fca89461ba1" /></a></div><div class="NB-story-comment-author-container"> <div class="NB-story-comment-reshares"> <div class="NB-story-share-profile"> <div class="NB-user-avatar"><img src="https://s3.amazonaws.com/avatars.newsblur.com/avatars/32048/thumbnail_profile_1358188630.jpg"></div> </div></div> <div class="NB-story-comment-username">Courtney</div> <div class="NB-story-comment-date">4 days ago</div> <div class="NB-story-comment-likes"></div></div><div class="NB-story-comment-content">I&#039;m kind of ok with the state of Casco</div><div class="NB-story-comment-location">Boston, MA</div><div class="NB-button-wrapper"> <div class="NB-story-comment-reply-button NB-button"> <a href="http://ios.newsblur.com/reply/23766/Courtney"><div class="NB-story-comment-reply-button-wrapper"> Reply </div></a> </div> <div class="NB-story-comment-like-button NB-button"><a href="http://ios.newsblur.com/like-comment/23766"><div class="NB-story-comment-like-button-wrapper"><span class="NB-favorite-icon"></span></div></a></div></div></div><div class="NB-story-comment" id="NB-user-comment-26578"><div class="NB-user-avatar NB-story-comment-reshare"><a class="NB-show-profile" href="http://ios.newsblur.com/show-profile/26578"><div class="NB-highlight"></div><img src="http://a0.twimg.com/profile_images/1649024682/me_hat_and_horns_cropped_square_smaller_normal.jpg" /></a></div><div class="NB-story-comment-author-container"> <div class="NB-story-comment-reshares"> <div class="NB-story-share-profile"> <div class="NB-user-avatar"><img src="https://s3.amazonaws.com/avatars.newsblur.com/avatars/32048/thumbnail_profile_1358188630.jpg"></div> </div></div> <div class="NB-story-comment-username">smadin</div> <div class="NB-story-comment-date">4 days ago</div> <div class="NB-story-comment-likes"></div></div><div class="NB-story-comment-content">I kinda want this as a poster.</div><div class="NB-story-comment-location">Boston</div><div class="NB-button-wrapper"> <div class="NB-story-comment-reply-button NB-button"> <a href="http://ios.newsblur.com/reply/26578/smadin"><div class="NB-story-comment-reply-button-wrapper"> Reply </div></a> </div> <div class="NB-story-comment-like-button NB-button"><a href="http://ios.newsblur.com/like-comment/26578"><div class="NB-story-comment-like-button-wrapper"><span class="NB-favorite-icon"></span></div></a></div></div><div class="NB-story-comment-replies"><div class="NB-story-comment-reply" id="NB-user-comment-511ffa79f01b305a045f514f"> <a class="NB-show-profile" href="http://ios.newsblur.com/show-profile/43995"> <div class="NB-highlight"></div> <img class="NB-story-comment-reply-photo" src="http://a0.twimg.com/profile_images/2911382345/ed5ba5ca54b83183a8886396eb50c435_normal.jpeg" /> </a> <div class="NB-story-comment-username NB-story-comment-reply-username">jbouie</div> <div class="NB-story-comment-date NB-story-comment-reply-date">3 days ago</div> <div class="NB-story-comment-reply-content">I would totally live in the state of Shenandoah.</div> <div class="NB-story-comment-location">Washington, D.C.</div> <div class="NB-button-wrapper"> </div></div><div class="NB-story-comment-reply" id="NB-user-comment-5120220df01b3027b93355f7"> <a class="NB-show-profile" href="http://ios.newsblur.com/show-profile/26578"> <div class="NB-highlight"></div> <img class="NB-story-comment-reply-photo" src="http://a0.twimg.com/profile_images/1649024682/me_hat_and_horns_cropped_square_smaller_normal.jpg" /> </a> <div class="NB-story-comment-username NB-story-comment-reply-username">smadin</div> <div class="NB-story-comment-date NB-story-comment-reply-date">2 days ago</div> <div class="NB-story-comment-reply-content">I can&#039;t believe it only just occurred to me to overlay this map onto one of those purple-shaded county-level election maps, to get an idea what this would do to politics.</div> <div class="NB-story-comment-location">Boston</div> <div class="NB-button-wrapper"> </div></div><div class="NB-story-comment-reply" id="NB-user-comment-512127cff01b300fbb7ae576"> <a class="NB-show-profile" href="http://ios.newsblur.com/show-profile/34058"> <div class="NB-highlight"></div> <img class="NB-story-comment-reply-photo" src="http://graph.facebook.com/38300385/picture" /> </a> <div class="NB-story-comment-username NB-story-comment-reply-username">WorldMaker</div> <div class="NB-story-comment-date NB-story-comment-reply-date">2 days ago</div> <div class="NB-story-comment-reply-content">Now I want to see that overlay. Also, I think this would be an amazing map for a miniatures campaign and/or alt history series.</div> <div class="NB-story-comment-location">Louisville, Kentucky</div> <div class="NB-button-wrapper"> </div></div><div class="NB-story-comment-reply" id="NB-user-comment-512135c4f01b30264355dd6b"> <a class="NB-show-profile" href="http://ios.newsblur.com/show-profile/26578"> <div class="NB-highlight"></div> <img class="NB-story-comment-reply-photo" src="http://a0.twimg.com/profile_images/1649024682/me_hat_and_horns_cropped_square_smaller_normal.jpg" /> </a> <div class="NB-story-comment-username NB-story-comment-reply-username">smadin</div> <div class="NB-story-comment-date NB-story-comment-reply-date">2 days ago</div> <div class="NB-story-comment-reply-content">well, the election cartograms (colored on a red-to-blue scale at a county level, by 2012 popular presidential vote) are at <a href="http://www-personal.umich.edu/~mejn/election/2012/">http://www-personal.umich.edu/~mejn/election/2012/</a> — I made a first attempt at the overlay, but the maps are different sizes and slightly different angles, and I&#039;m not very good with photoshop.</div> <div class="NB-story-comment-location">Boston</div> <div class="NB-button-wrapper"> </div></div><div class="NB-story-comment-reply" id="NB-user-comment-512137cbf01b30264355ddff"> <a class="NB-show-profile" href="http://ios.newsblur.com/show-profile/26578"> <div class="NB-highlight"></div> <img class="NB-story-comment-reply-photo" src="http://a0.twimg.com/profile_images/1649024682/me_hat_and_horns_cropped_square_smaller_normal.jpg" /> </a> <div class="NB-story-comment-username NB-story-comment-reply-username">smadin</div> <div class="NB-story-comment-date NB-story-comment-reply-date">2 days ago</div> <div class="NB-story-comment-reply-content">ah, and here&#039;s another similar cartogram, which accounts for population density: <a href="http://adifferentclass.com/post/35702838310/skepticalavenger-chris-howard-america-really">http://adifferentclass.com/post/35702838310/skepticalavenger-chris-howard-america-really</a></div> <div class="NB-story-comment-location">Boston</div> <div class="NB-button-wrapper"> </div></div></div></div></div><div class="NB-feed-story-comments"><div class="NB-story-comments-public-header-wrapper"><div class="NB-story-comments-public-header">2 public comments</div></div><div class="NB-story-comment" id="NB-user-comment-40207"><div class="NB-user-avatar NB-story-comment-reshare"><a class="NB-show-profile" href="http://ios.newsblur.com/show-profile/40207"><div class="NB-highlight"></div><img src="http://a0.twimg.com/profile_images/2431422609/kq0kzk7nu8d96sninm1m_normal.png" /></a></div><div class="NB-story-comment-author-container"> <div class="NB-story-comment-reshares"> <div class="NB-story-share-profile"> <div class="NB-user-avatar"><img src="https://s3.amazonaws.com/avatars.newsblur.com/avatars/32048/thumbnail_profile_1358188630.jpg"></div> </div></div> <div class="NB-story-comment-username">Svart</div> <div class="NB-story-comment-date">4 days ago</div> <div class="NB-story-comment-likes"></div></div><div class="NB-story-comment-content">interesting!</div><div class="NB-story-comment-location">London</div><div class="NB-button-wrapper"> <div class="NB-story-comment-reply-button NB-button"> <a href="http://ios.newsblur.com/reply/40207/Svart"><div class="NB-story-comment-reply-button-wrapper"> Reply </div></a> </div> <div class="NB-story-comment-like-button NB-button"><a href="http://ios.newsblur.com/like-comment/40207"><div class="NB-story-comment-like-button-wrapper"><span class="NB-favorite-icon"></span></div></a></div></div></div><div class="NB-story-comment" id="NB-user-comment-38896"><div class="NB-user-avatar NB-story-comment-reshare"><a class="NB-show-profile" href="http://ios.newsblur.com/show-profile/38896"><div class="NB-highlight"></div><img src="http://www.newsblur.com/media/img/reader/default_profile_photo.png" /></a></div><div class="NB-story-comment-author-container"> <div class="NB-story-comment-reshares"> <div class="NB-story-share-profile"> <div class="NB-user-avatar"><img src="https://s3.amazonaws.com/avatars.newsblur.com/avatars/32048/thumbnail_profile_1358188630.jpg"></div> </div></div> <div class="NB-story-comment-username">narpas</div> <div class="NB-story-comment-date">3 days ago</div> <div class="NB-story-comment-likes"></div></div><div class="NB-story-comment-content">Whenever I see posters like this, I wonder how the electoral map would work out.</div><div class="NB-story-comment-location">Atlanta, Georgia</div><div class="NB-button-wrapper"> <div class="NB-story-comment-reply-button NB-button"> <a href="http://ios.newsblur.com/reply/38896/narpas"><div class="NB-story-comment-reply-button-wrapper"> Reply </div></a> </div> <div class="NB-story-comment-like-button NB-button"><a href="http://ios.newsblur.com/like-comment/38896"><div class="NB-story-comment-like-button-wrapper"><span class="NB-favorite-icon"></span></div></a></div></div></div></div> </div> <script src="zepto.js"></script><script src="storyDetailView.js"></script><script src="fastTouch.js"></script> </div> </div></body></html>
Reference in a new issue View git blame Copy permalink