Implement designs/infographic/interactions for Mozilla 15-year anniversary. tara's notes: CREATIVE EXPLORATION / WEBDEV CONSIDERATIONS: * "Hero Space" = everything below the mozilla wordmark and above "want to help" block. * Creative can take full-width and bleed of the page, but not ideal. * Creative can stretch beyond the current specs (vertically) but not by too much. * Creative will likely be a 1-bullet-at-a-time presentation style vs. all at once. * Simple hover states and motion are ok. example: http://duplos.org/ * Localization goal: EN, ES, PT-BR, FR, DE, ID, NL, ZH-TW * Need to accomodate variable length * Need to be responsive DEADLINES: * Finalize creative direction / comp by this Friday. * Finalize creative / deliver by 3/20 * Code complete 3/27 * Live: 3/28
Final copy: https://etherpad.mozilla.org/GF41iX18ul
Created attachment 730996 [details] Mobile screenshot Are we working toward trying to get swipe working on mobile or are we just going to get it to fit into the space with auto play and arrows?
I'm still finishing up responsiveness and mobile styling. Small viewports won't get the full slide show, just a nicely readable list. Larger tablets should still get the slider if they're wide enough (such as an iPad in landscape mode), and I believe swipe events are enabled by default.
Commit pushed to master at https://github.com/mozilla/bedrock https://github.com/mozilla/bedrock/commit/983014ef061576f26c4dfe7f8a147e8604411bfb Fix bug 850431 15th Anniversary slide show on /contribute commit from pascalc: use 15years.lang as an extra lang file for the campaign. Split a sentence in two l10n blocks because that's how I gave it to localizers commit from jpetto: Added stub for GA tracking slide views. Will track 3 separate actions - auto, click, keydown. commit from jpetto: Added GA tracking code. commit from pascalc: Bug 854232 - [zh-CN] 15 Years campaign, activate the locale commit from craigcook: Fix validation errors in contribute form "true" isn't a valid value for the required attribute (it's a boolean attribute) rows and cols attributes require a positive integer value; the empty string isn't valid.
fixed on prod http://www.mozilla.org/contribute/