Closed Bug 623808 Opened 12 years ago Closed 12 years ago

[Fx4Launch] add HTML5 awesomeness to Getting Started/Tour page

Categories

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

defect

Tracking

(Not tracked)

VERIFIED FIXED

People

(Reporter: jslater, Assigned: rik)

References

()

Details

Attachments

(4 files)

As previously discussed, one of the top pre-Firefox 4 goals for mozilla.com is using the latest & greatest open web technology (we'll just call all that HTML5 as shorthand) to increase engagement, make the content more interesting/impactful and generally add awesomeness wherever possible.

This bug covers the Getting Started page. The basic concept of the page remains the same (highlight key features & elements of the browser), but we ought to be able to make this page much more interesting and visually dynamic than it is now.

Mike, I'm assigning this to you as a starting point. Next steps are finding a proper webdev resource (or resources), slotting this into one of the upcoming releases and having a kickoff meeting to get it started. As noted earlier, I'd like this to be a very collaborative project between engagement and webdev.

More background and inspirational links are in bug 620082. As for the timing, this needs to be ready for launch by 2/15.
Target Milestone: --- → 1.2
Mike, do you have a dev lead in mind for this project? 

Also, pushing this to release 1.3 (still in time for Fx4) because the content needs more work before it's ready.
Target Milestone: 1.2 → 1.3
Assignee: morgamic → anthony
Depends on: 627932
Summary: add HTML5 awesomeness to Getting Started/Tour page → [Fx4Launch] add HTML5 awesomeness to Getting Started/Tour page
Target Milestone: 1.3 → 1.4
Priority: -- → P1
For copy/content: we don't have a link for parental control. no redirect. please take out link.
Just checking in...Anthony, how are things going with this one?
I can't work on it right now. I have a mix of RC launch bugs, paperwork and a bit of James workload to occupy me. I hope to get back to it on Thursday.
Ok. This is definitely a launch blocker bug, so if there's anything we can do to clear your plate to make sure you have time to work on it let me know. Could silverorange take any of the RC bugs, for example?
It's ok for the RC bugs, I should be done tonight. Paperwork is also a priority for me (visa stuff and new employee).
Update here on timing. Anthony is aiming to get a preview of this page out today. Stay tuned!
Committed r84548. This is a rough work in progress. I lost some work yesterday with an unfortunate "rm" so I prefer to commit often from now on… This is more about the mechanics than the perfect styling.

http://www-fx4.stage.mozilla.com/en-US/firefox/central/getting-started-svg.html

(only tested on Firefox 4 at the moment)
Committed r84659. More text and more compatibility across browsers.

I'll need:
- screenshots for all platforms (to replace http://www-fx4-cdn.stage.mozilla.com/img/covehead/firefox/gettingstarted/screen.png)
- details about which arrow points to which text (I made educated guesses for the Mac version)

Tell me what you think about the interaction with this so far.
Hey Anthony,

Good start!  Some thoughts:

- the arrow bubble animation shouldn't be offset. I would say fade in directly over the original. the arrow point shouldn't move.

- for the SVG line, I'd like it to match the mockup exactly (http://mozilla.seanmartell.com/engagement/mocodotcom/getting-started.jpg), so I can extract the exact code from Illustrator.

- I'll get more browser screenshots, but I can't get Linux myself. The screenshot should be the exact width of the one in the mockup and it should not show the page contents. It should have the gradient masking as in the mockup. If someone can get me the proper screenshot from linux I can add the styling. The open tabs, app tab, opened add-ons tab, sync icon, etc should all match.

- we'll need to add some padding within the bubbles themselves to match the mockup.

- might need to recut the arrow PNGs as there is shadow overlap (double shadows making for darker areas)

just some thoughts for now. I know you're still working on it, so if you fixed some of this, please ignore! :)
Quick response about the screenshots. We can either go with a white content and generate the radial gradient client-side (so white for IEs and gradient for others) or go with a screenshot with the gradient inside (works everywhere but heavier to download.

Otherwise, I'll take care of those comments.
You should be able to have the screenshot saved out with the content removed and light gradients inside as in the mockup - just flatten the layers. I would think that would make the file smaller as there is less visual information?
Copying Stephen & Steven here to help with screenshots...stay tuned.
Attached image Windows screenshot
Here are the screenshots for Mac, Linux, and Windows. They are all saved as full-color alpha-transparent PNGs. The Windows screenshot has the native system shadow and partially transparent UI areas. The Mac screenshot has a faked shadow since the native shadow was too wide to fit in the 980px site width (the fake out looks fine).

All three have empty white in the content area - a blue pattern like that used on the home page could be added too: http://www-fx4.stage.mozilla.com/img/covehead/firefox/main-feature.png
Thanks Steven.

I may have a bad news. I think we need to add the Sync button in the tab toolbar. It's not by default in the UI but we have a tip about it.
John or Sean: can you review the screenshots to be sure that we have everything we want to showcase with the tips?
Steven, thanks for the screenshots. Anthony, I've reviewed them against the content we have and think we're ok. The tricky part is that some of the markers will point to actual elements in browser (like app tabs or the home button) and others are more abstract, so they can sort of go anywhere.

Here's how I see it breaking down...let me know if you think this could work or not:

- Sync: I understand your point about wanting to add the UI element to the screenshot, but am concerned about showing something on this page that's not part of the default. I think it's ok to make this one of the general ones, since Sync is more of an abstract concept than a specific browser element.

- Tabs on Top: part of the screenshot

- App Tab: part of the screenshot

- Switch to Tab: somewhat part of the screenshot...if you just position this in the tabs area I think we'll be fine.

- Firefox Menu Button: part of the screenshot (but should be dropped entirely from the Mac version).

- Bookmark Button: part of the screenshot

- Awesome Bar: part of the screenshot

- Private Browsing: an abstract one...marker can point anywhere in the chrome that fits

- Password Manager: an abstract one

- Instant Website ID: part of the screenshot

- Customize Toolbar: an abstract one

- Add-ons Manager: part of the screenshot

- Personas: guess this one is abstract, but it'd be cool to have an actual persona appear in the screenshot image with rollover. Is that doable? If so we'd need another screenshot, of course.

That's my take. Anthony, is that helpful? I think these are pretty consistent with what Sean has in his mockup, but let us know if what you have isn't workable.

Thanks much-
Committed r84835 with Steven's screenshots, an updated SVG path and some more text.
Thanks Anthony...it's coming along!
Committed r84965 and r84965.

This one brings the features box and the features overlay.
Sidenote : I'm using -moz-element, linear gradients and SVG blur for the overlays, it's awesome !!!

Left to do:
- Take care of compatibility with other browsers (some work has been done but not totally).
- Redo some images (double shadows, stuff like that).
- Place tips for Windows and Linux.
- Put real content in the feature overlays (and style it).

The first three will be done by tomorrow I think.

Where can I find the videos and poster frames for the overlays?
(In reply to comment #20)
> - Personas: guess this one is abstract, but it'd be cool to have an actual
> persona appear in the screenshot image with rollover. Is that doable? If so
> we'd need another screenshot, of course.
It is doable but let's do what's planned first. We can add more interaction (for personas and others) once it's launched or if we have more time till release.
Oh, I should add that only the "get started" overlay works right now if you want to test.
(In reply to comment #23)
> Committed r84965 and r84965.

Thanks Anthony...looking good so far!

> This one brings the features box and the features overlay.
> Sidenote : I'm using -moz-element, linear gradients and SVG blur for the
> overlays, it's awesome !!!

Very cool. Will it be hard to create a fallback state for people using older browsers?

> Left to do:
> - Take care of compatibility with other browsers (some work has been done but
> not totally).
> - Redo some images (double shadows, stuff like that).
> - Place tips for Windows and Linux.
> - Put real content in the feature overlays (and style it).
> 
> The first three will be done by tomorrow I think.

Re: timing, the goal is still to have this page (and others) completely ready for launch on Tuesday. Are we still on track for that?
 
> Where can I find the videos and poster frames for the overlays?

Grace, please advise on this as soon as you can.
(In reply to comment #26)
> Very cool. Will it be hard to create a fallback state for people using older
> browsers?
I plan to do the same fallback as on the current getting started page, a translucent black.

> Re: timing, the goal is still to have this page (and others) completely ready
> for launch on Tuesday. Are we still on track for that?
Unless I hit a big bug or QA finds stuff I forgot, I think it will be ok.

I've taken another look at the copy (attachment 513154 [details]) and I think it's missing all links for the overlays. Would be great to have those too. So links and videos.
Awesome, thanks Anthony.

> I've taken another look at the copy (attachment 513154 [details]) and I think it's
> missing all links for the overlays. Would be great to have those too. So links
> and videos.

Grace, please advise on the links as well as the videos.
List of videos and bugs to upload in server. unfortunately, i am still waiting for the final versions of most of these videos. except sync. i am anticipating to get all the final versions by this afternoon. if you have any urgent questions, please ping me at grace.jimenez@gmail.com. thanks.

Sync: Bug: 636935

App Tab: Bug 640143

Switch to Tab: Bug: 636930

Firefox Menu Button: Bug: 636930

Awesome Bar: Bug 640143

Private Browsing: Bug 640143

Customize Toolbar:  Bug: 636930

Add-ons Manager: Bug: 636930

Personas: Current Personas Video

Under Getting Started: Browsing Basic Video: Bug 640143

Under Meet your Browser: Bug 636932 "Intro to New UI Tutorial"

Speed: Taking Video Out. Screenshot of the graph?

Under Stay In Sync: Bug 640145 Creating Sync Account

Under Customize: Current Personas Video 

Under Secure Your Personal Info: Private Browsing Video: Bug 640143

Under the Explore the Cutting Edge: Cutting Edge Video: Bug: 636936
Thanks Grace. Could you also add info about the text links? (per comment #27)

That way Anthony can be finalizing those and have everything pretty much ready to go when the videos are finished.
(In reply to comment #30)
> Thanks Grace. Could you also add info about the text links? (per comment #27)
> 
> That way Anthony can be finalizing those and have everything pretty much ready
> to go when the videos are finished.

Under Get Started: 
1. Browsing Basic: https://support.mozilla.com/kb/Browsing%20basics
2. Importing Bookmarks: https://support.mozilla.com/en-US/kb/Importing%2520favorites%2520and%2520other%2520data%2520from%2520Internet%2520Explorer%23os=mac&browser=fx4
3.Set Up How Page: https://support.mozilla.com/kb/How%20to%20set%20the%20home%20page

Under Meet your Browser: 
1. Create a New Tab: https://support.mozilla.com/kb/what-are-app-tabs
2. Manage your tabs with Panorama: http://support.mozilla.com/kb/what-are-tab-groups
3. Organize your bookmarks: https://support.mozilla.com/kb/how-do-i-use-bookmarks?redirectlocale=en-US&redirectslug=Bookmarks#w_how-do-i-create-a-bookmark
4: Customize Your Toolbar: http://support.mozilla.com/kb/how-do-i-customize-toolbars

Under Stay in Sync: 
Create Sync Account: http://www.mozilla.com/en-US/mobile/sync/

Under Customize: 
How to install an add-on/Meet your Add-ons Manager: TBD
Add Personas to your browser: (delete)
Customize your toolbars: http://support.mozilla.com/kb/how-do-i-customize-toolbars


Under Secure Your Personal Info: 
Instant Web ID:http://support.mozilla.com/kb/Site+Identity+Button

Do not Track: http://support.mozilla.com/en-US/kb/how-do-i-stop-websites-tracking-me

Private Browsing: http://support.mozilla.com/kb/Private%20Browsing

Clear Recent History: http://support.mozilla.com/kb/Clear%20Recent%20History

Customized Security Setting:http://support.mozilla.com/en-US/kb/Options%20window%20-%20Security%20panel

Anti-Malware:(delete)
Anti-Phising:(Delete)
Parental Controls:(Delete)	

Under Explore Cutting Edge

Web O’ Wonder demo gallery: webofwonder.org
More about Firefox technology: mozilla.com/firefox/technology
Mozilla Developer Network:https://developer.mozilla.org/en-US/
Oops, forgot to say that I committed r85178 yesterday.

What's left:
- cross browser testing
- image cutting
- include Grace's links and videos
Here are some initial links: 

Sync: Bug: 636935
http://videos-cdn.mozilla.net/serv/marketing/firefox4/FoxySync640.mp4
http://videos-cdn.mozilla.net/serv/marketing/firefox4/FoxySync640.webm
http://videos-cdn.mozilla.net/serv/marketing/firefox4/FoxySync640.theora.ogv


App Tab: Bug 640143
http://videos-cdn.mozilla.net/serv/marketing/firefox4/apptabs640.mp4
http://videos-cdn.mozilla.net/serv/marketing/firefox4/apptabs640.webm
http://videos-cdn.mozilla.net/serv/marketing/firefox4/apptabs640.theora.ogv


Switch to Tab: Bug: 636930
http://videos-cdn.mozilla.net/serv/marketing/firefox4/uioverview640.mp4
http://videos-cdn.mozilla.net/serv/marketing/firefox4/uioverview640.webm
http://videos-cdn.mozilla.net/serv/marketing/firefox4/uioverview640.theora.ogv

Firefox Menu Button: Bug: 636930
http://videos-cdn.mozilla.net/serv/marketing/firefox4/uioverview640.mp4
http://videos-cdn.mozilla.net/serv/marketing/firefox4/uioverview640.webm
http://videos-cdn.mozilla.net/serv/marketing/firefox4/uioverview640.theora.ogv

Awesome Bar: Bug 640143
http://videos-cdn.mozilla.net/serv/marketing/firefox4/awesomebar640.mp4
http://videos-cdn.mozilla.net/serv/marketing/firefox4/awesomebar640.webm
http://videos-cdn.mozilla.net/serv/marketing/firefox4/awesomebar640.theora.ogv

Private Browsing: Bug 640143
http://videos-cdn.mozilla.net/serv/marketing/firefox4/privatebrowsing640.mp4
http://videos-cdn.mozilla.net/serv/marketing/firefox4/privatebrowsing640.webm
http://videos-cdn.mozilla.net/serv/marketing/firefox4/privatebrowsing640.theora.ogv

Customize Toolbar:  Bug: 636930 (Might also put the UI Tutorial here:TBD)
http://videos-cdn.mozilla.net/serv/marketing/firefox4/uioverview640.mp4
http://videos-cdn.mozilla.net/serv/marketing/firefox4/uioverview640.webm
http://videos-cdn.mozilla.net/serv/marketing/firefox4/uioverview640.theora.ogv

Add-ons Manager: Bug: 636930 (Might also put the UI Tutorial here: TBD)
http://videos-cdn.mozilla.net/serv/marketing/firefox4/uioverview640.mp4
http://videos-cdn.mozilla.net/serv/marketing/firefox4/uioverview640.webm
http://videos-cdn.mozilla.net/serv/marketing/firefox4/uioverview640.theora.ogv


Personas: Existing  Personas Video

Under Getting Started: Browsing Basic Video: Bug 640143: TBD: Should have link by tomorrow

Under Meet your Browser: UI OVERVIEW
http://videos-cdn.mozilla.net/serv/marketing/firefox4/uioverview640.mp4
http://videos-cdn.mozilla.net/serv/marketing/firefox4/uioverview640.webm
http://videos-cdn.mozilla.net/serv/marketing/firefox4/uioverview640.theora.ogv


Speed: Taking Video Out. Screenshot of the graph? 

Under Stay In Sync: Bug 640145 Creating Sync Account: TBD: should have link by tomorrow

Under Customize: Existing Personas Video 

Under Secure Your Personal Info: Private Browsing Video: Bug 640143
http://videos-cdn.mozilla.net/serv/marketing/firefox4/privatebrowsing640.mp4
http://videos-cdn.mozilla.net/serv/marketing/firefox4/privatebrowsing640.webm
http://videos-cdn.mozilla.net/serv/marketing/firefox4/privatebrowsing640.theora.ogv


Under the Explore the Cutting Edge: Cutting Edge Video: Bug: 636936: TBD 

Still waiting for: (should have by tomorrow)
Browsing Basics
Creating Sync Account
Cutting Edge Video
Grace, the links and copy you provided does not correspond to the copy I had. See the overlays in http://www-fx4.stage.mozilla.com/en-US/firefox/central/getting-started-svg.html. What should I use?

Also, you've provided videos for the "tips" but there is no room for that on the design and it wasn't conceived that way. So I'll ignore those for the moment. Maybe we'll use them in a later redesign of this page.

Committed r85415 with the first two videos.
Grace, please follow up with Anthony about comment #34. It looks like he has the correct copy in the seven overlays, so he's correct that the info in comment #31 doesn't match. I'll send you the original doc via email so you can compare.

Also, I don't think we ever planned to have videos in the blue tip sections, did we? Just the seven more detailed overlay windows.
Hi Anthony. 
Fine with not putting videos in the tips part. I had the impression we were doing videos there. Sorry for the confusion.

It looks like there are a slight copy updates from the initial copy provided. Here is the most updated one including the links and videos. Let me know if you have any additional questions.

1. Get Started
Ready to begin? Good! Getting started with Firefox is actually quite simple – here are a few handy shortcuts to help you get going:

[Added] Browsing Basics: https://support.mozilla.com/kb/Browsing%20basics

Import bookmarks from another browser:  https://support.mozilla.com/kb/Importing%2520favorites%2520and%2520other%2520data%2520from%2520Internet%2520Explorer%23os=mac&browser=fx4#os=win&browser=fx4

Set your home page: https://support.mozilla.com/kb/How%20to%20set%20the%20home%20page

Navigate around the Web [delete replace by browsing basics]
Try tabbed browsing [delete replace by browsing basics]
Select your search engine [delete replace by browsing basics]

Learn more about Firefox’s features:
Browsing Basic Video. TBD: bug 637420
http://videos-cdn.mozilla.net/serv/marketing/firefox4/Browsing-Basics-640.mp4
http://videos-cdn.mozilla.net/serv/marketing/firefox4/Browsing-Basics-640.webm
http://videos-cdn.mozilla.net/serv/marketing/firefox4/Browsing-Basics-640.theora.ogv


2. Meet Your Browser
The Firefox interface has been designed by a team of experts and tested by a community of millions of users around the world to make sure your browsing is as easy and intuitive as possible. Try these links to learn more:

	Open a new tab: [delete]
	Create an app tab :  https://support.mozilla.com/kb/what-are-app-tabs

	Customize your toolbar :  http://support.mozilla.com/kb/how-do-i-customize-toolbars

	Organize your bookmarks: https://support.mozilla.com/kb/how-do-i-use-bookmarks?redirectlocale=en-US&redirectslug=Bookmarks#w_how-do-i-create-a-bookmark

	Manage your tabs with Panorama: http://support.mozilla.com/kb/what-are-tab-groups			


Learn about the Firefox interface:
	[video]	
http://videos-cdn.mozilla.net/serv/marketing/firefox4/uioverview640.mp4
http://videos-cdn.mozilla.net/serv/marketing/firefox4/uioverview640.webm
http://videos-cdn.mozilla.net/serv/marketing/firefox4/uioverview640.theora.ogv

 
3. Experience Super Speed
We’ve optimized Firefox’s performance to support the way you browse, and with faster start-up times, rapid graphics rendering and improved page load, Firefox is fast in ways you’ll notice instantly. 
	Go under the hood to find out more: 
http://www-fx4.stage.mozilla.com/en-US/firefox/performance/

Learn about Firefox’s speed:
	[video] – no video - delete section

4. Stay in Sync
Life on the go means always browsing with a single device isn’t very feasible. So, we created Sync to give you constant access to your browsing data, including history, passwords, bookmarks and open tabs, no matter what computer or phone you’re using.

Create your Sync account: 
https://support.mozilla.com/kb/sync-firefox-between-desktop-and-mobile

Learn more about Sync:
	[video]
http://videos-cdn.mozilla.net/serv/marketing/firefox4/Sync-Instructions-640.mp4 http://videos-cdn.mozilla.net/serv/marketing/firefox4/Sync-Instructions-640.webm
 http://videos-cdn.mozilla.net/serv/marketing/firefox4/Sync-Instructions-640.theora.ogv

5. Customize
When it comes to browsing, one size definitely doesn’t fit all. That’s why we’ve made sure you can customize Firefox to your exact needs in pretty much any possible way. Enhance functionality with extensions, add style with Personas or even change the toolbar icons to be just the way you like.

Ways to personalize your Firefox: https://support.mozilla.com/kb/Customizing%20Firefox%20with%20add-ons?s=customize&as=s

How to install an add-on: https://support.mozilla.com/kb/Customizing%20Firefox%20with%20add-ons?s=customize&as=s#w_how-do-i-find-and-install-add-ons

Add Personas to your browser: [delete. already in how to install add-on]
	
Customize your toolbars: http://support.mozilla.com/kb/how-do-i-customize-toolbars		


Learn more about Personas:

[video] – existing personas video


6. Secure Your Personal Info
We’ve packed Firefox with highly advanced security features to keep you safe while you browse. And, as a non-profit organization, protecting your privacy by keeping you in control over your personal information is a key part of our mission.

Instant Web ID
http://support.mozilla.com/kb/Site+Identity+Button  	

Do not Track:
 http://support.mozilla.com/en-US/kb/how-do-i-stop-websites-tracking-me  

Private Browsing: 
http://support.mozilla.com/kb/Private%20Browsing  		

Clear Recent History: 
http://support.mozilla.com/kb/Clear%20Recent%20History  

Customized Security Setting:
http://support.mozilla.com/en-US/kb/Options%20window%20-%20Security%20panel 

Learn more about Firefox’s security features:

	[video]
	
http://videos-cdn.mozilla.net/serv/marketing/firefox4/privatebrowsing640.mp4 http://videos-cdn.mozilla.net/serv/marketing/firefox4/privatebrowsing640.webm http://videos-cdn.mozilla.net/serv/marketing/firefox4/privatebrowsing640.theora.ogv 


7. Explore The Cutting Edge	
As part of our mission to make the Web better, Firefox supports the latest and greatest technology like HTML5 to make sure you can enjoy the most innovative and advanced sites out there. Be sure to check out our demo gallery for some examples of what the modern Web can do.

	Web O’ Wonder demo gallery: www.webofwonder.org

 More about Firefox technology: www.mozilla.com/firefox/technology
 Mozilla Developer Network: https://developer.mozilla.org/en-US/

Learn more about Firefox’s technology:

	[video]
Coming soon. Link is not valid as of today.
 http://videos-cdn.mozilla.net/serv/marketing/firefox4/Cutting-Edge-640.mp4
http://videos-cdn.mozilla.net/serv/marketing/firefox4/Cutting-Edge-640.webm
http://videos-cdn.mozilla.net/serv/marketing/firefox4/Cutting-Edge-640.theora.ogv
Committed r85445. Some fixes for IEs.
I know there's a long list of videos and links. I have a list of them in the spreadsheet if you need to double check:
https://spreadsheets.google.com/ccc?key=0AvyHVqnpWaZRdHhCbnRuMk9FZ3hKT21Nbm0zTnBsMUE&authkey=CJu4tO0P&hl=en#gid=0

Hope this helps!
Committed r85613. All links and videos should be there. (except two videos but I'm already linking to them)
Committed r85618. The page is now available at http://www-fx4.stage.mozilla.com/firefox/central/
Thanks Anthony! Page looks great. Only thing I can see is that the markers disappear randomly when you click on or roll over them. We discussed this yesterday...any luck with a fix?

As for the missing videos:
- I'm told that the technology one (in the cutting edge section) is ready and links will be posted here soon
- apparently we won't have the speed one in time for launch but I think it's ok to leave that section as is

Marking this as qawanted so Raymond can get started on it.
Keywords: qawanted
Looks great!

Some questions:

- why did we lose the white mask when the popup panels are present? It is very confusing/distracting when the background content isn't masked.

- we should center the popups. it'd help minimize the visual noise when they are present.

- mouseovers of the markers cause odd disappearances at times. any fix for that?
- Cutting edge video: I'm still getting 404 errors with the links in comment 42.

- Mouseover for the markers (answering John and Sean): haven't focused on fixing that yet but it was in my tofix list.

- White mask missing: an oversight from my part when moving files around, should be back with my next commit.

- Sean: Which popups should we center?
Attached image ie6screenshot
This page is broken in ie6 and Firefox 3.6.15 on ubuntu. It fails validation
http://validator.nu/?doc=http://www-fx4.stage.mozilla.com/en-US/firefox/central/

The links to the videos are currently 404s
should work now. ;)
Yep, cutting edge is working.
quick question: is there anyway to get a better thumbnail for the videos?
Grace: yes, we can set any image we want as the thumbnail. Either send me a 480x270 px image (in JPG) for each video or indicate the exact time we should extract.

BTW, the personas video aleady has a thumbnail.
Thanks all. Here's my quick summary of where it seems like things stand going
into the weekend...let me know if I'm off base or missing anything:

* Grace: finalize browsing basics video
* Rik: need to fix the missing markers issue
* Rik: add the white mask back in
* Rik: center the "7 easy steps" pop-ups (Sean, please weigh in with any
specifics)
* Rik: fix QA issues from comment #45
* Raymond: any additional QA needed or are we set for now?

If I can help in any way, please let me know...will be online all weekend.
Committed r85817 and r85818 and 85824.

White mask is back, overlays are centered and I fixed some issues with the images.
(In reply to comment #49)
> Grace: yes, we can set any image we want as the thumbnail. Either send me a
> 480x270 px image (in JPG) for each video or indicate the exact time we should
> extract.
> 
> BTW, the personas video aleady has a thumbnail.

rik: 
Get Started Video is coming.

Meet your browser: .02
Stay in Sync: .03
Secure Your Personal Info: .01
Explore The Cutting Edge: .01
Committed r85880 and r85924. This should fix IE6 and the tips behaviour.
Merged to stage with r85937.
Status: NEW → RESOLVED
Closed: 12 years ago
Keywords: qawanted
Resolution: --- → FIXED
r85958 and r85960 fixes a validation issue and add thumbnails.

Grace, can you check on http://www.stage.mozilla.com/firefox/central/ that the thumbnails for the videos are ok?
w00t!
(In reply to comment #55)
> r85958 and r85960 fixes a validation issue and add thumbnails.
> 
> Grace, can you check on http://www.stage.mozilla.com/firefox/central/ that the
> thumbnails for the videos are ok?

hi rik. thumbnails are fine. can you just double check the the browsing basics video is updated. at the moment it has the version where it's black screen for 5 secs at the end?

thanks
verified fixed http://www.mozilla.com/en-US/firefox/central/
Status: RESOLVED → VERIFIED
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.