850431 - Implement Mozilla 15-Year Anniversary Infographic on Get Involved Page

Status: VERIFIED FIXED

(www.mozilla.org :: Pages & Content, defect, P2)

Description

[Mike Alexis [:malexis]]

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

Comment 1

[Mike Alexis [:malexis]]

Final copy:
https://etherpad.mozilla.org/GF41iX18ul

Comment 2

[Chris More [:cmore]]

Attachment: 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?

Comment 3

[Craig Cook (:craigcook)]

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.

Comment 4

[[github robot]]

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.

Comment 5

[Mike Alexis [:malexis]]

Live! http://www.mozilla.org/contribute/

Comment 6

[raymond [:retornam] (inactive)]

fixed on prod http://www.mozilla.org/contribute/