From 17dba6d975dc38b1445e17bd27a09ad30949143f Mon Sep 17 00:00:00 2001 From: Samuel Clay Date: Sat, 6 Feb 2016 14:06:50 -0800 Subject: [PATCH] Styling sepia story detail. --- .../ios/Classes/StoryDetailViewController.m | 2 +- clients/ios/static/sample_text_dark.html | 11 +++++++ clients/ios/static/sample_text_medium.html | 11 +++++++ clients/ios/static/sample_text_sepia.html | 11 +++++++ clients/ios/static/storyDetailViewSepia.css | 32 +++++++++---------- 5 files changed, 49 insertions(+), 18 deletions(-) create mode 100644 clients/ios/static/sample_text_dark.html create mode 100644 clients/ios/static/sample_text_medium.html create mode 100644 clients/ios/static/sample_text_sepia.html diff --git a/clients/ios/Classes/StoryDetailViewController.m b/clients/ios/Classes/StoryDetailViewController.m index 51e95fb7b..4e2318c60 100644 --- a/clients/ios/Classes/StoryDetailViewController.m +++ b/clients/ios/Classes/StoryDetailViewController.m @@ -487,7 +487,7 @@ NSString *htmlString = [htmlTop stringByAppendingString:htmlBottom]; -// NSLog(@"\n\n\n\nhtmlString:\n\n\n%@\n\n\n", htmlString); + NSLog(@"\n\n\n\nhtmlString:\n\n\n%@\n\n\n", htmlString); NSString *path = [[NSBundle mainBundle] bundlePath]; NSURL *baseURL = [NSURL fileURLWithPath:path]; diff --git a/clients/ios/static/sample_text_dark.html b/clients/ios/static/sample_text_dark.html new file mode 100644 index 000000000..e7deb61c2 --- /dev/null +++ b/clients/ios/static/sample_text_dark.html @@ -0,0 +1,11 @@ + + +
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.
14 Feb 2013, 1:16pm
·
Sarah Pavis
general
new gilded age
sequester
general
new gilded age
sequester
general
new gilded age
sequester
5 comments
12 shares

As part of a thought experiment to reform the electoral college, Neil Freeman redrew the US into 50 new states with equal population. 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!

+ +

electoral_map_FITNR.jpg

+ +

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.

Keep in mind that this is an art project, not a serious proposal, so take it easy with the emails about the sacred soil of Texas.

+ +

(via ★doingitwrong)

Tags: maps
3 comments
michaelglass
4 days ago
//
San Francisco
Reply
Courtney
4 days ago
I'm kind of ok with the state of Casco
Boston, MA
Reply
smadin
4 days ago
I kinda want this as a poster.
Boston
Reply
jbouie
3 days ago
I would totally live in the state of Shenandoah.
Washington, D.C.
smadin
2 days ago
I can'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.
Boston
WorldMaker
2 days ago
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.
Louisville, Kentucky
smadin
2 days ago
well, the election cartograms (colored on a red-to-blue scale at a county level, by 2012 popular presidential vote) are at http://www-personal.umich.edu/~mejn/election/2012/ — I made a first attempt at the overlay, but the maps are different sizes and slightly different angles, and I'm not very good with photoshop.
Boston
smadin
2 days ago
ah, and here's another similar cartogram, which accounts for population density: http://adifferentclass.com/post/35702838310/skepticalavenger-chris-howard-america-really
Boston
2 public comments
Svart
4 days ago
interesting!
London
Reply
narpas
3 days ago
Whenever I see posters like this, I wonder how the electoral map would work out.
Atlanta, Georgia
Reply
diff --git a/clients/ios/static/sample_text_medium.html b/clients/ios/static/sample_text_medium.html new file mode 100644 index 000000000..17e3929bf --- /dev/null +++ b/clients/ios/static/sample_text_medium.html @@ -0,0 +1,11 @@ + + +
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.
14 Feb 2013, 1:16pm
·
Sarah Pavis
general
new gilded age
sequester
general
new gilded age
sequester
general
new gilded age
sequester
5 comments
12 shares

As part of a thought experiment to reform the electoral college, Neil Freeman redrew the US into 50 new states with equal population. 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!

+ +

electoral_map_FITNR.jpg

+ +

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.

Keep in mind that this is an art project, not a serious proposal, so take it easy with the emails about the sacred soil of Texas.

+ +

(via ★doingitwrong)

Tags: maps
3 comments
michaelglass
4 days ago
//
San Francisco
Reply
Courtney
4 days ago
I'm kind of ok with the state of Casco
Boston, MA
Reply
smadin
4 days ago
I kinda want this as a poster.
Boston
Reply
jbouie
3 days ago
I would totally live in the state of Shenandoah.
Washington, D.C.
smadin
2 days ago
I can'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.
Boston
WorldMaker
2 days ago
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.
Louisville, Kentucky
smadin
2 days ago
well, the election cartograms (colored on a red-to-blue scale at a county level, by 2012 popular presidential vote) are at http://www-personal.umich.edu/~mejn/election/2012/ — I made a first attempt at the overlay, but the maps are different sizes and slightly different angles, and I'm not very good with photoshop.
Boston
smadin
2 days ago
ah, and here's another similar cartogram, which accounts for population density: http://adifferentclass.com/post/35702838310/skepticalavenger-chris-howard-america-really
Boston
2 public comments
Svart
4 days ago
interesting!
London
Reply
narpas
3 days ago
Whenever I see posters like this, I wonder how the electoral map would work out.
Atlanta, Georgia
Reply
diff --git a/clients/ios/static/sample_text_sepia.html b/clients/ios/static/sample_text_sepia.html new file mode 100644 index 000000000..bd6ecc911 --- /dev/null +++ b/clients/ios/static/sample_text_sepia.html @@ -0,0 +1,11 @@ + + +
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.
14 Feb 2013, 1:16pm
·
Sarah Pavis
general
new gilded age
sequester
general
new gilded age
sequester
general
new gilded age
sequester
5 comments
12 shares

As part of a thought experiment to reform the electoral college, Neil Freeman redrew the US into 50 new states with equal population. 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!

+ +

electoral_map_FITNR.jpg

+ +

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.

Keep in mind that this is an art project, not a serious proposal, so take it easy with the emails about the sacred soil of Texas.

+ +

(via ★doingitwrong)

Tags: maps
3 comments
michaelglass
4 days ago
//
San Francisco
Reply
Courtney
4 days ago
I'm kind of ok with the state of Casco
Boston, MA
Reply
smadin
4 days ago
I kinda want this as a poster.
Boston
Reply
jbouie
3 days ago
I would totally live in the state of Shenandoah.
Washington, D.C.
smadin
2 days ago
I can'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.
Boston
WorldMaker
2 days ago
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.
Louisville, Kentucky
smadin
2 days ago
well, the election cartograms (colored on a red-to-blue scale at a county level, by 2012 popular presidential vote) are at http://www-personal.umich.edu/~mejn/election/2012/ — I made a first attempt at the overlay, but the maps are different sizes and slightly different angles, and I'm not very good with photoshop.
Boston
smadin
2 days ago
ah, and here's another similar cartogram, which accounts for population density: http://adifferentclass.com/post/35702838310/skepticalavenger-chris-howard-america-really
Boston
2 public comments
Svart
4 days ago
interesting!
London
Reply
narpas
3 days ago
Whenever I see posters like this, I wonder how the electoral map would work out.
Atlanta, Georgia
Reply
diff --git a/clients/ios/static/storyDetailViewSepia.css b/clients/ios/static/storyDetailViewSepia.css index dc8e2669c..10b91660f 100644 --- a/clients/ios/static/storyDetailViewSepia.css +++ b/clients/ios/static/storyDetailViewSepia.css @@ -14,6 +14,14 @@ body { /* = Header = */ /* ========== */ +.NB-header { + color: black; + background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffd0), to(#ffffc0)); + border-bottom: 1px solid #C2C5BE; + text-shadow: 0 1px 0 rgba(194, 197, 190, .25); + + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} .NB-story-title { color: #111111; } @@ -40,7 +48,7 @@ body { .NB-story-author { color: #959B8B; - text-shadow: 0 1px 0 rgba(255, 255, 255, .5); + text-shadow: 0 1px 0 rgba(194, 197, 190, .25); } .NB-story-author-positive { color: #58A353; @@ -54,7 +62,7 @@ body { .NB-story-tag { background-color: rgba(0, 0, 0, .1); color: #959B8B; - text-shadow: 0 1px 0 rgba(255, 255, 255, .5); + text-shadow: 0 1px 0 rgba(245, 245, 192, .9); border-color: rgba(255, 255, 255, .3) transparent rgba(0, 0, 0, .1); } .NB-story-tag-positive { @@ -101,15 +109,6 @@ a:active { color: rgba(10, 12, 38, .8); } -.NB-header { - color: black; - background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffc0), to(#ffffd0)); - border-bottom: 1px solid #C2C5BE; - text-shadow: 0 1px 0 rgba(255, 255, 255, .5); - - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} - /* Comments */ .NB-story-comments-group:last-child { @@ -132,7 +131,7 @@ a:active { } .NB-story-comment:last-child { - border-bottom: 1px solid #A6A6A6; + border-bottom: 1px solid #A6A6A6; } /* Edit, Like, and Reply buttons */ @@ -196,7 +195,7 @@ a:active { #story_pane .NB-story-comment .NB-story-comment-username { color: #1D4BA6; - text-shadow: 0 -1px 0 #F0F0F0; + text-shadow: 0 1px 0 rgba(194, 197, 190, .25); } #story_pane .NB-story-comment .NB-story-comment-date { color: #9D9D9D; @@ -223,17 +222,16 @@ a:active { #story_pane .NB-story-comments-friends-header { background-color: #fffff0; color: white; - text-shadow: 0 1px 0 #505050; - background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffd0), to(#ffffe0)); + text-shadow: 0 1px 0 rgba(194, 197, 190, .25); + background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6c6), to(#f6f6b0)); color: #404040; - text-shadow: 0 1px 0 white; border-color: rgba(0, 0, 0, .1) transparent rgba(0, 0, 0, .1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); } #story_pane .NB-story-comments-shares-teaser { background-color: #fffff0; color: #898989; - text-shadow: 0 1px 0 rgba(255, 255, 255, .9); + text-shadow: 0 1px 0 rgba(194, 197, 190, .25); border-bottom: 1px solid #E3E3DF; -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .1); }