sc3 / cook-convictions

The Tarbell project that generates Convicted in Cook
http://convictions.smartchicagoapps.org/
6 stars 1 forks source link

On mobile, the logos pop up first - can we move it to the bottom? #148

Open GovInTrenches opened 9 years ago

GovInTrenches commented 9 years ago

On mobile, the logos pop first. Can we make the content pop above that?

ghing commented 9 years ago

@GovInTrenches I'm trying to figure out what's up with this. I didn't see anything weird when I tested with the emulated viewports in Chrome Developer Tools, but when I test on my phone, I'm seeing the sponsor logos load first, then the rest of the content, but the leader image (the courtroom) takes longer to load. Is this what you're seeing? Can you also tell me what device and OS version you've been testing on?

My suspicion is just that the big intro image takes longer to load because it's a bigger file.

GovInTrenches commented 9 years ago

Safari - iOS8 on an iPhone 4S

I think Dan'a using an Android phone

Christopher Whitaker

(Sent from iPhone)

On Dec 16, 2014, at 15:03, Geoffrey Hing notifications@github.com wrote:

@GovInTrenches I'm trying to figure out what's up with this. I didn't see anything weird when I tested with the emulated viewports in Chrome Developer Tools, but when I test on my phone, I'm seeing the sponsor logos load first, then the rest of the content, but the leader image (the courtroom) takes longer to load. Is this what you're seeing? Can you also tell me what device and OS version you've been testing on?

My suspicion is just that the big intro image takes longer to load because it's a bigger file.

— Reply to this email directly or view it on GitHub.

ghing commented 9 years ago

Note to self: works ok on Chrome 38 on Android KitKat, Samsung S4 with Cyanogen Mod 1080x1920 res, full high-def screen

ghing commented 9 years ago

Looked at this closer on Android Chrome, and the image displays, but the parallax effect doesn't work. I think the fix for this is to disable the parallax effect on narrow widths.

ghing commented 9 years ago

@GovInTrenches I think I got this working via a simpler, non-parallax cover page on touch devices. Can you check if the cover image now shows up on your phone when you visit http://convictions.staging.terrorware.com.s3-website-us-east-1.amazonaws.com/? If that works, I can deploy it into production Tuesday night.