Closed Bug 702757 Opened 13 years ago Closed 13 years ago

Add black bar to header for censorship day

Categories

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

Product:
www.mozilla.org
Component:
General
Type:
defect

Tracking

(Not tracked)

Status:
VERIFIED FIXED

People

(Reporter: malexis, Assigned: jlong)

Details

Attachments

(3 files)

Lee's design
197.39 KB, image/png
Details
Coded up with normal black bar (product pages)
247.35 KB, image/png
Details
Normal black bar (org site)
221.22 KB, image/png
Details
Mozilla is participating in Censorship day in protest of SOPA. We will be adding this piece of code to the header across all mozilla.org/en-us/ pages. <a style="width:400px;height:100px;vertical-align:middle;text-align:center;background-color:#000;position:absolute;z-index:5555;top:50px;left:50px;background-image:url(http://americancensorship.org/images/stop-censorship-small.png);background-position:center center;background-repeat:no-repeat;" href="http://americancensorship.org"></a> The horizontal black bar should obscure the Mozilla Firefox logo. I assume we don't want to obscure the top nav items and since they appear at the very top of the page we may need to resize the graphic (it's 400px wide). Targeting to have this live 12:00am EST 11/15 and run 24 hours.
I will try to roll this out around midnight EST, might be a little bit early though.
I pinged Chris via text. will try to call him if he doesn't respond. I think we should go with the straight/horizontal treatment vs. the tilt. I liked what Lee did, but it won't work across the product pages and It's best to keep the treatment consistent. Feels cleaner that way, too. As long as we don't cover the logos entirely.
Attached image Lee's design —
James, can you please attach the mockups as well?
Attached image Normal black bar (org site) —
(In reply to Tara from comment #4) > James, can you please attach the mockups as well? Is that good? (see comment 5 and 6)
James those look pretty good! If possible, I think it helps to make the black bar stand out when it's slightly extended over the dark grey header. Also, if we can use a less-specific Mozilla font (Georgia) for the link - might help it look more like a 'disruptor'. In my mockups I used Open Sans Semibold font. Firefox http://cl.ly/1a2D263Q0S2S3T02301p Mozilla.org http://cl.ly/3w193k0n2u3z23022u3c
Received approval from Cbeard. we're good to move forward.
for en-US only.
My only comment on the designs is that it should look as near to the "official" version that's being used for this campaign across the Internet as possible. Some tweaks so that it fits are fine, but overall it should be recognizable as part of this effort. See http://americancensorship.org/ for full details. I'll leave it to you to make the final design decision. Thanks to all for helping pull this together at the last minute! (In reply to Lee Tom from comment #8) > James those look pretty good! If possible, I think it helps to make the > black bar stand out when it's slightly extended over the dark grey header. > > Also, if we can use a less-specific Mozilla font (Georgia) for the link - > might help it look more like a 'disruptor'. In my mockups I used Open Sans > Semibold font. > > Firefox > http://cl.ly/1a2D263Q0S2S3T02301p > > Mozilla.org > http://cl.ly/3w193k0n2u3z23022u3c
(In reply to Chris Beard from comment #12) > My only comment on the designs is that it should look as near to the > "official" version that's being used for this campaign across the Internet > as possible. I agree with this. Can we at least leave the text white?
Yes, I initially thought we should keep it as standard as the others. Then I read this blurb from the American Censorship Day site, "...That's it! You can also modify our image yourself if you prefer, and link to the same URL that appears in the code above." I think the reasons to use the tilt and change the color of the links are to make it more noticeable on our sites, instead of just the aesthetics reasons. I'm happy to go with the standards though.. white link (maybe turns to our link color on hover?), but if we can keep the slight tilt and slight extension over grey header bar - I think this will show up better on the mozilla.org site
I vote to do the tilt and everything else, but keep the text white. It keeps it somewhat linked to the original style. Lee, I need the bar NOT rotated. Can you send me it just straight with white text? I don't need a full PSD, you can just give me the image. I don't have the fonts on my machine to work with the PSD you gave me, sorry. I will put the image in and rotate it. I'm using an image instead of text because mozilla.org doesn't load the OpenSans font and I'm not going to load it just for this.
As long as the final banner treatment looks clickable, and as Lee said - stands out on our sites.
(In reply to Tara from comment #16) > As long as the final banner treatment looks clickable, and as Lee said - > stands out on our sites. Ok, Lee can make the final decision as he's the designer :)
Let's go white on UP, and blue on HOVER. If we can interact with it in staging, maybe we'll get a better idea if it feels clickable enough: http://cl.ly/452v1a0a0W1W2u3L201a
Ok, great! The org side of mozilla.org doesn't have a staging server so I can't push it anywhere. You can view my local copy though: http://jlongster.com:8081/ I have to run now. I will make any final tweaks needed and push this out around midnight EST tonight. Thanks!
Thank you James!
Looks spectacular. The white text looks splendid. On .org, the amount of the mozilla logo visible around the edges really frames it. On the Firefox page, the black is pretty visible against the pale background. Can we make it go live at 00:00 EST, and run for 27h (until the following 00:00 PST)? When might we be able to see it live on staging? Do we have a mechanism to count the number of times that the link is clicked? [Currently awaiting approval to run on the Firefox page too.]
As noted in comment #9 and #10, Cbeard approved this on Firefox product page as well as mozilla.org
I'm turning my computer off as I have to really run now but will comment/complete this later tonight and roll it out. I will be in the #sopa channel.
(In reply to Mike Alexis [:malexis] from comment #0) > Mozilla is participating in Censorship day in protest of SOPA. > > We will be adding this piece of code to the header across all > mozilla.org/en-us/ pages. > > <a > style="width:400px;height:100px;vertical-align:middle;text-align:center; > background-color:#000;position:absolute;z-index:5555;top:50px;left:50px; > background-image:url(http://americancensorship.org/images/stop-censorship- > small.png);background-position:center center;background-repeat:no-repeat;" > href="http://americancensorship.org"></a> > > The horizontal black bar should obscure the Mozilla Firefox logo. I assume > we don't want to obscure the top nav items and since they appear at the very > top of the page we may need to resize the graphic (it's 400px wide). > > Targeting to have this live 12:00am EST 11/15 and run 24 hours. Can we host the image locally on a cdn? Hot-linking to http://americancensorship.org/images/stop-censorship-small.png will place a (potentially) large load on their servers and allows that site to change the image which will then immediately change what we show to our users.
Please file a web push bug in order to get this image on to our CDN.
James: The CDN mirrors our assets automatically, right? Please make sure you link to the proper static file location rather than deep-linking to their website. Thanks!
Policy update: the censored logo links should not point to <americancensorship.org>. They should point to <mozilla.org/sopa>, which will (by 00:00 EST) be this page: <https://people.mozilla.com/~mclaypotch/stopsopa/>. Can this bug get updated when the censored logo is live on staging, and again when it goes live at 00:00 EST?
I've deployed the page mentioned in comment 27 to trunk as well as production (r97781). The URL, in a little while, will be: http://www.mozilla.org/sopa The rest is still up to jlongster as mentioned in comment 23.
Hey all - could someone with access please update the "Sign Mozilla's petition" language beneath the main button on the SOPA page (http://www.mozilla.org/sopa) to read "Join Mozilla's efforts" or something to that effect? The page isn't really a petition; more of a way for folks to sign up to get involved in future efforts. Would also be awesome (but less needed) if it could point to the link "https://donate.mozilla.org/SOPA-page" instead of the current one. Same destination, but slightly different sourcing & let's us track clicks. Thanks very much!
(In reply to Ben Simon from comment #29) > Hey all - could someone with access please update the "Sign Mozilla's > petition" language beneath the main button on the SOPA page > (http://www.mozilla.org/sopa) to read "Join Mozilla's efforts" or something > to that effect? > > The page isn't really a petition; more of a way for folks to sign up to get > involved in future efforts. > > Would also be awesome (but less needed) if it could point to the link > "https://donate.mozilla.org/SOPA-page" instead of the current one. Same > destination, but slightly different sourcing & let's us track clicks. > > Thanks very much! Ben, how does "Stand with Mozilla" sound?
pushed images in 97782, pushed live in r97784 (pushed images first to let the CDN catch up)
committed m.o/firefox changes in r97785
"Stand with Mozilla" works for me -- thanks.
(In reply to Ben Simon from comment #29) > Hey all - could someone with access please update the "Sign Mozilla's > petition" language beneath the main button on the SOPA page > (http://www.mozilla.org/sopa) to read "Join Mozilla's efforts" or something > to that effect? > > The page isn't really a petition; more of a way for folks to sign up to get > involved in future efforts. > > Would also be awesome (but less needed) if it could point to the link > "https://donate.mozilla.org/SOPA-page" instead of the current one. Same > destination, but slightly different sourcing & let's us track clicks. > > Thanks very much! done in r97784, pushed live in r97789
final tweaks to censor in r97790 pushed live in r97792
pushed org site censor live in r97793 This should be done and live in a few minutes.
Status: NEW → RESOLVED
Closed: 13 years ago
Resolution: --- → FIXED
thank you to the many folks that jumped on this and made it happen so quickly and professionally. really appreciate this. harvey
James, can you quickly check the navigation for the /firefox site. With this last push the dropdown states for each item seem to no longer work. Seeing this on multiple pages in both Firefox Beta and Chrome.
Status: RESOLVED → REOPENED
Resolution: FIXED → ---
(In reply to mcbmoz from comment #38) > James, can you quickly check the navigation for the /firefox site. With this > last push the dropdown states for each item seem to no longer work. Seeing > this on multiple pages in both Firefox Beta and Chrome. Strange, looking into it...
fixed in r97797 (extra character in javascript accident) pushed live in r97799
Status: REOPENED → RESOLVED
Closed: 13 years ago → 13 years ago
Resolution: --- → FIXED
(In reply to James Long (:jlongster) from comment #40) > fixed in r97797 (extra character in javascript accident) > > pushed live in r97799 Thanks for making this happen tonight James, it's late for you in Virginia!
Great job everyone! Thanks for pulling together!
fwiw, I'm not seeing Google, Facebook et al, using this "stop censorship" sticker on their properties. Even though they are speaking out against it.
verified fixed http://www.mozilla.org/ Image is served by CDN http://mozcom-cdn.mozilla.net/img/censored_white.png
Status: RESOLVED → VERIFIED
Hey all, Thanks again for making everything happen today -- really awesome. Can someone be around to take the censored banner off of Mozilla.org at midnight PT or thereabouts? It sounds like the FF pages are already on track to be taken care of (https://bugzilla.mozilla.org/show_bug.cgi?id=703120).
It would also be great to pull some stats to see how many times it was clicked on.
Removing it now, sorry it's a little later.
(In reply to James Long (:jlongster) from comment #47) > Removing it now, sorry it's a little later. verified fixed the banner is gone
Thanks all. We're getting feedback now from the EFF and other partners on this campaign, and the response was phenomenal and we believe has helped reshape the debate. Alex Fowler will share the impact stats shortly, but the numbers are huge.
*awesome* !! I also saw mozilla on the list of supporters on their official website.
\o/ Really looking forward to some numbers!
Component: www.mozilla.org/firefox → www.mozilla.org
Component: www.mozilla.org → General
Product: Websites → www.mozilla.org
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: