708844 - [Mozilla Spaces] Implement Landing Page

Status: RESOLVED FIXED

(www.mozilla.org :: General, defect)

Description

[mcbmoz]

Assigning to Mike Alexis to reassign to webdev:

*PSD: http://intothefuzz.com/leetom/Mozilla%20Spaces/Web/mozspaces_landing.psd

*Wiki: https://wiki.mozilla.org/Websites/Moz-Spaces

Amie, please post/share etherpad of final copy content with webdev on here.  They can update/add the copy in implementation, as Matej mentioned. 

CB/MA will open new bug for domain with IT.

Milestone: 4.11 (December 22, 2011)

Comment 1

[Mike Alexis [:malexis]]

Steven,
We can discuss detail on Monday's status call. Hoping to get this to QA by 12/16.

Comment 2

[Winston Bowden]

Attachment: Example_of_email_Form

Hi Steven, 

There's an email sign up form on this page. It'll be very similar to what's on our What's New page:  https://www.mozilla.org/en-US/firefox/7.0/whatsnew/index.html 

When the user enters their email address and hits the arrow key, a drop down will appear with the following fields:

-----------

Country:
(Default to U.S.)

 
- () HTML  () Text 

() I agree to the Mozilla Privacy Policy

*We will only send you Mozilla-related information.

-------

Also - see attached for a visual of what it should look like. 

We can do the back end work, but can you set the form up for us?  

Let me know if you have questions.

Comment 3

[Amié Tyrrel [:amie]]

Attaching url for etherpad with finalized copy. You can access it here: https://etherpad.mozilla.org/moz-spaces-copy

Please note I've added a standard email address we'll use for the hover menus for the Q4 launch. It is noted in bold. 

I've also added notes at the bottom to reflect a few changes needed w/r/t the facebook button etc. 

Let me know what else is needed. Thanks everyone!

Comment 4

[Steven Garrity [:sgarrity]]

An initial implementation has been setup in trunk:

http://www-dev.allizom.org/en-US/about/mozilla-spaces/

A few notes:

The map on we were to re-purpose doesn't work in IE (http://www.mozilla.org/contribute/local/northamerica.html). We've cleaned it up a bit, so it *mostly* works, but more cleanup is required.

The photoshop mockup includes Facebook/Twitter buttons, but the etherpad says:

NOTE:  we need to drop the facebook button and insert email button to send email to [e-mail] + irc button for @mozspaces

Can someone clarify which buttons we should have, where they should link, and what labels they should have? Thanks.

Comment 5

[Amié Tyrrel [:amie]]

Thanks Steven! 

W/R/T the buttons. 

The twitter button will remain and should connect you to @mozillaspaces. (https://twitter.com/#!/MozillaSpaces) 

We will not have a Facebook page, and therefore no need for a Facebook button. 

If we can add two buttons in place of the Facebook button: 

* an envelope button that directs you to our [e-mail] email address 
* and a link to direct them to our irc channel #MozillaSpaces 
   (note: is this something we do for other pages? Is there a better way to incorporate this, than a button?)

Let me know if you have more questions. 

Thanks, 
Amie

Comment 6

[Steven Garrity [:sgarrity]]

Amié, I've added these contact links, but taken some liberty with the formatting. Since we have three links, we have some width constraints with the original design, and since we're linking to an IRC channel, I thought labels may be necessary.

I've got with a simple vertical list of links with email/twitter/irc labels.

I should also note that this page has been built on the l10n code that Pascal uses for other projects, but not all text has been wrapped in the appropriate tag to identify it for l10n. This will need a bit of help before l10n can start.

Comment 7

[James Long (:jlongster)]

I've hooked up the newsletter form, please test it!

http://www-dev.allizom.org/en-US/about/mozilla-spaces/

Comment 8

[mcbmoz]

(In reply to James Long (:jlongster) from comment #7)
> I've hooked up the newsletter form, please test it!
> 
> http://www-dev.allizom.org/en-US/about/mozilla-spaces/

Have tested, looks GREAT! Thank you James!

Comment 9

[Kohei Yoshino [:kohei]]

(In reply to Amié Tyrrel [:amie] from comment #3)
> Attaching url for etherpad with finalized copy. You can access it here:
> https://etherpad.mozilla.org/moz-spaces-copy

Our Mozilla Japan office in Tokyo is not a Mozilla Space for now. We have no extra facilities (nor budgets) here. Please remove that from list.

Comment 10

[Fred Wenzel [:wenzel]]

Hm, what's up with the footer? That doesn't look right:
http://www-dev.allizom.org/en-US/about/mozilla-spaces/

Comment 11

[Mike Alexis [:malexis]]

James, with SO on holiday break, can you take a look?

Comment 12

[Fred Wenzel [:wenzel]]

Btw, typo that kept the tag line from showing up fixed in r99211.

James: malexis is referring to the footer, can you find out what's up there?

Mike: I have a patch for comment 9 ready, please let me know if I should land it.

Comment 13

[James Long (:jlongster)]

Fixed the footer. Can this go out tomorrow?

Comment 14

[Mike Alexis [:malexis]]

Hey this can go out today. 

Fred, sorry for the hold up. You can land the patch for comment#9. 

After that I think we're good to go.

Comment 15

[Fred Wenzel [:wenzel]]

(In reply to Mike Alexis [:malexis] from comment #14)
> Fred, sorry for the hold up. You can land the patch for comment#9. 

No problem. I removed Tokyo from the list in r99273.

James: This is ready to go.

Comment 16

[James Long (:jlongster)]

pushed to production r99291