diff --git a/apps/firefox/templates/firefox/central.html b/apps/firefox/templates/firefox/central.html new file mode 100644 index 0000000000..84c56501e2 --- /dev/null +++ b/apps/firefox/templates/firefox/central.html @@ -0,0 +1,298 @@ +{% extends "/firefox/base.html" %} + +{% block page_title %}Getting Started with Mozilla Firefox{% endblock %} +{% block body_id %}firefox-central{% endblock %} + +{% block site_css %} + {{ css('firefox_central') }} +{% endblock %} + +{% block content %} + +
+

Meet Mozilla Firefox

+ +{{ download_button('download', 'small') }} +

Roll over the markers below for feature info

+ +
+ {{ platform_img('img/firefox/central/screen.png', alt='Screenshot') }} +
+ +
+
+

Sync

+

Sync seamlessly connects your desktop and mobile Firefoxes, so you can access your browsing history, passwords, + bookmarks and even open tabs no matter which device you use.

+
+
+

Tabs on Top

+

Tabs are now located above the Awesome Bar to make it easier to focus on the content of the sites you visit.

+
+
+

App Tab

+

Take sites you always keep open—like Web mail—off your tab bar and give them a permanent home in your browser.

+
+
+

Switch to Tab

+

As you’re opening a new tab, Firefox will check to see if you already have that site open. If you do, you’ll be directed to the existing tab so you don’t open a duplicate.

+
+
+

Firefox Menu Button

+

All your menu items are now found in a single button for easy access.

+
+
+

Bookmark Button

+

Manage your bookmarks in a single button. Find your favorite links without getting bogged down!

+
+
+

Awesome Bar

+

Get to your favorite sites quickly – even if you don’t remember the URLs. Start typing and the Awesome Bar will include possible matches from your browsing history, bookmarked sites and open tabs.

+
+
+

Private Browsing

+

Turn this feature on and protect your browsing history. You can slip in and out of private browsing mode quickly, so it’s easy to go back to what you were doing before as if nothing ever happened.

+
+
+

Password Manager

+

Firefox can remember your passwords, but does so without intrusive pop-ups. Instead, look for the Remember Password notification integrated seamlessly into your view at the top of the site page.

+
+
+

Instant Website ID

+

Want to be extra sure about a site’s legitimacy before you hand over your personal info? Click on its favicon for an instant identity overview.

+
+
+

Customize Toolbar

+

You can adjust Firefox’s interface to be exactly the way you like it: re-arrange, organize, add or remove buttons or fields to change your browsing experience however you want.

+
+
+

Add-ons Manager

+

The Add-ons Manager lets you discover and install add-ons without ever leaving Firefox. Browse ratings, recommendations, descriptions and pictures of the add-ons in action to help you make your selection.

+
+
+

Personas

+

Change the look of your Firefox in a single click with Personas, easy-to-install themes created by users from around the world (or that you make yourself!).

+
+ +
+
+

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:

+ +
+
+
+ +
+
Learn more about Firefox’s features
+
+ close +
+ +
+
+

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:

+ +
+ close +
+ +
+
+

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.

+ +
+ close +
+ +
+
+

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.

+ +
+
+
+ +
+
Learn more about Sync
+
+ close +
+ +
+
+

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.

+ +
+
+
+ +
+
Learn more about Personas
+
+ close +
+ +
+
+

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.

+ +
+
+
+ +
+
Learn more about Firefox’s security features
+
+ close +
+ +
+
+

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.

+ +
+
+
+ +
+
Learn more about Firefox’s technology
+
+ close +
+ +
+
+

Get Firefox on Your Phone

+

Fast, easy to use and completely customizable, Firefox for mobile puts the + modern Web experience of Firefox in your pocket and at your fingertips. It’s + built on the same great platform as our desktop version, so you never have to + compromise, even on the go.

+ +
+
+
+ +
+
Learn more about Firefox for mobile
+
+ close +
+ + + + + + +
+ +{% endblock %} + +{% block js %} +{{ js('firefox_central') }} +{% endblock %} diff --git a/apps/firefox/templates/firefox/customize.html b/apps/firefox/templates/firefox/customize.html index 30cab0fcc9..888a5dcefd 100644 --- a/apps/firefox/templates/firefox/customize.html +++ b/apps/firefox/templates/firefox/customize.html @@ -28,10 +28,6 @@ {{ download_button('download', 'small') }} - - diff --git a/apps/firefox/urls.py b/apps/firefox/urls.py index a3396be126..79a7e4d69d 100644 --- a/apps/firefox/urls.py +++ b/apps/firefox/urls.py @@ -2,6 +2,7 @@ from django.conf.urls.defaults import * import views urlpatterns = patterns('', + url(r'^firefox/central/$', views.central, name='firefox.central'), url(r'^firefox/customize/$', views.customize, name='firefox.customize'), url(r'^firefox/features/$', views.features, name='firefox.features'), url(r'^firefox/geolocation/$', views.geolocation, name='firefox.geolocation'), diff --git a/apps/firefox/views.py b/apps/firefox/views.py index aa4f4b4b71..aa83f5387d 100644 --- a/apps/firefox/views.py +++ b/apps/firefox/views.py @@ -9,6 +9,9 @@ from mozorg.forms import NewsletterForm @anonymous_csrf +def central(request): + return l10n_utils.render(request, "firefox/central.html") + def customize(request): return l10n_utils.render(request, "firefox/customize.html") diff --git a/media/css/firefox/central.less b/media/css/firefox/central.less new file mode 100644 index 0000000000..11b3eeac96 --- /dev/null +++ b/media/css/firefox/central.less @@ -0,0 +1,249 @@ +@import "template.less"; + +#main-feature h1 { + margin-bottom: 48px; +} +.roll-over { + position: absolute; + width: 160px; + padding: 12px 12px 12px 60px; + margin-top: -38px; + .small; + color: #404040; + background-image: url(/media/img/firefox/central/callout-down.png); + background-repeat: no-repeat; + background-position: 18px 50%; + background-color: rgba(0,0,0,0.02); + background-size: 30px; + box-shadow: 0 0 3px rgba(0,0,0,0.1) inset; + border-bottom: 1px solid rgba(255,255,255,0.8); +} + +#figure { + width: 940px; + position: relative; + margin: 10px 0 50px -20px; +} + +#figure .platform-img { + position: relative; + top: 45px; + margin-left: -20px; +} + +#figure #svg-path { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 300px; + background: url(/media/img/firefox/central/path.svg) left top no-repeat; + background-size: 100% 100%; +} + +#figure .callout { + position: absolute; + background: url(/media/img/firefox/central/callout-down.png) no-repeat center bottom; + background-image: ~"url(/media/img/firefox/central/callout-down-ie.png)\9"; + width: 36px; + height: 52px; + margin-left: -18px; + margin-top: -52px; +} + +#figure .up .callout { + background: url(/media/img/firefox/central/callout-up.png) no-repeat center top; + background-image: ~"url(/media/img/firefox/central/callout-up-ie.png)\9"; + margin-top: 0; +} + +#figure .arrow { + position: absolute; + background: url(/media/img/firefox/central/arrow-hover-down.png); + width: 29px; + height: 22px; + margin-left: -14px; + margin-top: -22px; + z-index: 1; +} + +#figure .up .arrow { + background: url(/media/img/firefox/central/arrow-hover-up.png) no-repeat bottom; + background-image: ~"url(/media/img/firefox/central/arrow-hover-up-ie.png)\9"; + margin-top: -5px; +} + +.tip { + display: none; +} + +#figure .tip { + display: block; + position: absolute; + background: #475AB2; + width: 470px; + height: 100px; + margin-top: -129px; + overflow: hidden; + padding: 5px 15px; + -moz-border-radius: 5px; + border-radius: 5px; + -moz-box-shadow: 0 4px rgba(0,0,0,.3), inset 0 -3px #425094, inset 0 0 8px #5b91e2; + -webkit-box-shadow: 0 4px rgba(0,0,0,.3), inset 0 -3px #425094, inset 0 0 8px #5b91e2; + box-shadow: 0 4px rgba(0,0,0,.3), inset 0 -3px #425094, inset 0 0 8px #5b91e2; + background: -moz-linear-gradient(bottom, #4352ac, #6a9de3 135%); + background: -o-linear-gradient(bottom, #4352ac, #6a9de3 135%); + background: -webkit-linear-gradient(bottom, #4352ac, #6a9de3 135%); + background: -webkit-gradient(linear, left bottom, left top, from(#4352ac), to(#6a9de3)); + z-index: 1; +} + +#figure .up .tip { + background-color: #4866E1; + margin-top: 17px; +} + +#figure .tip h1, #figure .tip p { + color: white; + font: Georgia, "Liberation Serif", serif; + margin: 0; +} + +#figure .tip h1 { + font-size: 30px; + line-height: 38px; + text-shadow: none; +} + +#figure .tip p { + font-size: 14px; + line-height: 18px; + text-shadow: none; +} + + +#features { + position: absolute; + top: 270px; + left: 50px; + width: 853px; + height: 136px; +} + +#features p, +#features ul { + float: left; + margin: 0 5px; +} + +#features p { + width: 240px; + margin-right: 20px; + font-size: 32px; + .open-sans-light; + line-height: 110%; +} + +#features li { + display: block; + margin-bottom: 24px; + margin-left: 12px; +} +#features li a { + display: block; + .open-sans-light; + font-size: 22px; + letter-spacing: -1px; +} +#features li a:after { + content: " »"; +} +#overlay { + position: absolute; + top: 0; + left: 0; + background: black; + opacity: .2; + filter: alpha(opacity=20); + width: 100%; + display: none; + z-index: 9999; +} + +.overlay-box { + position: fixed; + _position: absolute; + top: 0; + left: 0; + display: none; + width: 910px; + background: white; + background: -moz-linear-gradient(top, white, white 50%, #f4f9ff); + background: -o-linear-gradient(top, white, white 50%, #f4f9ff); + background: -webkit-linear-gradient(top, white, white 50%, #f4f9ff); + background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(0.5, white), to(#f4f9ff)); + border: 1px solid #b0c1d2; + box-shadow: 0 3px rgba(0,0,0, .1), inset 0 -2px #e0ecf9, inset 0 0 12px rgba(223, 236, 249, .2); + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + padding: 35px; + clear: both; + z-index: 10000; + color: #484848; + text-align: left; +} + +.overlay-box .close { + position: absolute; + top: 25px; + right: 25px; + display: block; + .button-white; +} + +.overlay-box .info { + float: left; + width: 360px; +} + +.overlay-box .info p { + border-bottom: 1px dotted @borderColor; + padding-bottom: 12px; +} +.overlay-box h1 { + font-size: 32px; + letter-spacing: -1px; +} +.overlay-box div p { + font-size: 16px; +} +.overlay-box ul { + margin: 0; +} +.overlay-box li { + display: block; + font-size: 18px; + line-height: 100%; + margin: 0 0 12px 0; + .open-sans-light; +} +.overlay-box li a::after { + content: " »"; +} +.overlay-box .figure { + float: left; + display: block; + width: 480px; + margin: 70px 0 0 30px ; +} +.overlay-box .figure img, .overlay-box .figure video { + box-shadow: 0 1px 2px rgba(0,0,0,.75); +} +.overlay-box .figcaption { + text-align: center; + display: block; + padding-top: 6px; + font-size: 18px; + .open-sans-light; +} diff --git a/media/img/firefox/central/arrow-down.png b/media/img/firefox/central/arrow-down.png new file mode 100644 index 0000000000..c7f7e340fd Binary files /dev/null and b/media/img/firefox/central/arrow-down.png differ diff --git a/media/img/firefox/central/arrow-hover-down.png b/media/img/firefox/central/arrow-hover-down.png new file mode 100644 index 0000000000..876a2c3678 Binary files /dev/null and b/media/img/firefox/central/arrow-hover-down.png differ diff --git a/media/img/firefox/central/arrow-hover-up-ie.png b/media/img/firefox/central/arrow-hover-up-ie.png new file mode 100644 index 0000000000..fc0db4cf37 Binary files /dev/null and b/media/img/firefox/central/arrow-hover-up-ie.png differ diff --git a/media/img/firefox/central/arrow-hover-up.png b/media/img/firefox/central/arrow-hover-up.png new file mode 100644 index 0000000000..4b76c8204e Binary files /dev/null and b/media/img/firefox/central/arrow-hover-up.png differ diff --git a/media/img/firefox/central/arrow-right.png b/media/img/firefox/central/arrow-right.png new file mode 100644 index 0000000000..4fd052da88 Binary files /dev/null and b/media/img/firefox/central/arrow-right.png differ diff --git a/media/img/firefox/central/callout-down-ie.png b/media/img/firefox/central/callout-down-ie.png new file mode 100644 index 0000000000..0841b25542 Binary files /dev/null and b/media/img/firefox/central/callout-down-ie.png differ diff --git a/media/img/firefox/central/callout-down.png b/media/img/firefox/central/callout-down.png new file mode 100644 index 0000000000..bc43bd98e8 Binary files /dev/null and b/media/img/firefox/central/callout-down.png differ diff --git a/media/img/firefox/central/callout-up-ie.png b/media/img/firefox/central/callout-up-ie.png new file mode 100644 index 0000000000..07f7a53a03 Binary files /dev/null and b/media/img/firefox/central/callout-up-ie.png differ diff --git a/media/img/firefox/central/callout-up.png b/media/img/firefox/central/callout-up.png new file mode 100644 index 0000000000..132ea1bf0c Binary files /dev/null and b/media/img/firefox/central/callout-up.png differ diff --git a/media/img/firefox/central/path.svg b/media/img/firefox/central/path.svg new file mode 100644 index 0000000000..f7d261669d --- /dev/null +++ b/media/img/firefox/central/path.svg @@ -0,0 +1,3 @@ + + + diff --git a/media/img/firefox/central/poster-awesomebar.jpg b/media/img/firefox/central/poster-awesomebar.jpg new file mode 100644 index 0000000000..53f70cf75b Binary files /dev/null and b/media/img/firefox/central/poster-awesomebar.jpg differ diff --git a/media/img/firefox/central/poster-bookmarks.jpg b/media/img/firefox/central/poster-bookmarks.jpg new file mode 100644 index 0000000000..c21f58e659 Binary files /dev/null and b/media/img/firefox/central/poster-bookmarks.jpg differ diff --git a/media/img/firefox/central/poster-browsing-basics.png b/media/img/firefox/central/poster-browsing-basics.png new file mode 100644 index 0000000000..990b6456ea Binary files /dev/null and b/media/img/firefox/central/poster-browsing-basics.png differ diff --git a/media/img/firefox/central/poster-cutting-edge.png b/media/img/firefox/central/poster-cutting-edge.png new file mode 100644 index 0000000000..983f65d47e Binary files /dev/null and b/media/img/firefox/central/poster-cutting-edge.png differ diff --git a/media/img/firefox/central/poster-getpersonas.jpg b/media/img/firefox/central/poster-getpersonas.jpg new file mode 100644 index 0000000000..ee9f4456b6 Binary files /dev/null and b/media/img/firefox/central/poster-getpersonas.jpg differ diff --git a/media/img/firefox/central/poster-privatebrowsing.png b/media/img/firefox/central/poster-privatebrowsing.png new file mode 100644 index 0000000000..71afdb9551 Binary files /dev/null and b/media/img/firefox/central/poster-privatebrowsing.png differ diff --git a/media/img/firefox/central/poster-sync-instructions.png b/media/img/firefox/central/poster-sync-instructions.png new file mode 100644 index 0000000000..45d31417e9 Binary files /dev/null and b/media/img/firefox/central/poster-sync-instructions.png differ diff --git a/media/img/firefox/central/poster-uioverview.png b/media/img/firefox/central/poster-uioverview.png new file mode 100644 index 0000000000..502d2d74fe Binary files /dev/null and b/media/img/firefox/central/poster-uioverview.png differ diff --git a/media/img/firefox/central/screen-linux.png b/media/img/firefox/central/screen-linux.png new file mode 100644 index 0000000000..758b9a4bcc Binary files /dev/null and b/media/img/firefox/central/screen-linux.png differ diff --git a/media/img/firefox/central/screen-mac.png b/media/img/firefox/central/screen-mac.png new file mode 100644 index 0000000000..1d8c587a45 Binary files /dev/null and b/media/img/firefox/central/screen-mac.png differ diff --git a/media/img/firefox/central/screen.png b/media/img/firefox/central/screen.png new file mode 100644 index 0000000000..17408632df Binary files /dev/null and b/media/img/firefox/central/screen.png differ diff --git a/media/js/firefox/central.js b/media/js/firefox/central.js new file mode 100644 index 0000000000..c68a479baa --- /dev/null +++ b/media/js/firefox/central.js @@ -0,0 +1,172 @@ +$(document).ready(function() { + +var PLATFORM_OTHER = 0; +var PLATFORM_WINDOWS = 1; +var PLATFORM_LINUX = 2; +var PLATFORM_MACOSX = 3; +var PLATFORM_MAC = 4; + +// Default to windows +var gPlatform = PLATFORM_WINDOWS; + +if (navigator.platform.indexOf("Win32") != -1 || navigator.platform.indexOf("Win64") != -1) + gPlatform = PLATFORM_WINDOWS; +else if (navigator.platform.indexOf("Linux") != -1) + gPlatform = PLATFORM_LINUX; +else if (navigator.userAgent.indexOf("Mac OS X") != -1) + gPlatform = PLATFORM_MACOSX; +else if (navigator.userAgent.indexOf("MSIE 5.2") != -1) + gPlatform = PLATFORM_MACOSX; +else if (navigator.platform.indexOf("Mac") != -1) + gPlatform = PLATFORM_MAC; +else + gPlatform = PLATFORM_OTHER; + +var gPlatformVista = navigator.userAgent.indexOf('Windows NT 6.0') !=-1 + + + $('
').appendTo('body'); + + $('#features li a') + .click(function(e) { + e.preventDefault(); + $('#overlay') + .css('display', 'block') + .css('height', $(document).height() + 'px'); + + var width = $('#overlay-' + this.id).outerWidth(); + var height = $('#overlay-' + this.id).outerHeight(); + var docWidth = $(document).width(); + var viewHeight = $(window).height(); + + + var $overlay = $('#overlay-' + this.id); + var top = ((viewHeight - height) / 2); + if ($overlay.css('position') == 'absolute') { + top += $(window).scrollTop(); + } + $overlay.appendTo('body') + .css('display', 'block') + .css('top', top + 'px') + .css('left', ((docWidth - width) / 2) + 'px') + }); + + $('#overlay,.overlay-box .close').click(function(e) { + e.preventDefault(); + $('.overlay-box').each(function() { + $(this).css('display', 'none'); + }); + $('#overlay').css('display', 'none'); + $('video').each(function() { + if (typeof this.pause != 'undefined') { + this.pause(); + } + }); + }); + var tips = {} + tips[PLATFORM_WINDOWS] = [ + {'left': 77, 'top': 73, 'id': 'firefox-menu-button'}, + {'left': 28, 'top': 105, 'id': 'app-tab'}, + {'left': 37, 'top': 137, 'id': 'private-browsing', 'direction': 'up'}, + {'left': 88, 'top': 137, 'id': 'instant-website-id', 'direction': 'up'}, + {'left': 155, 'top': 105, 'id': 'tabs-on-top'}, + {'left': 345, 'top': 137, 'id': 'awesome-bar', 'direction': 'up'}, + {'left': 355, 'top': 105, 'id': 'addons-manager'}, + {'left': 510, 'top': 137, 'id': 'switch-to-tab', 'direction': 'up'}, + {'left': 575, 'top': 105, 'id': 'password-manager'}, + {'left': 695, 'top': 105, 'id': 'customize-toolbar'}, + {'left': 805, 'top': 105, 'id': 'personas'}, + {'left': 920, 'top': 137, 'id': 'bookmark-button', 'direction': 'up'}, + {'left': 928, 'top': 105, 'id': 'sync'} + ]; + tips[PLATFORM_MACOSX] = [ + {'left': 18, 'top': 105, 'id': 'app-tab'}, + {'left': 37, 'top': 137, 'id': 'private-browsing', 'direction': 'up'}, + {'left': 80, 'top': 137, 'id': 'instant-website-id', 'direction': 'up'}, + {'left': 155, 'top': 105, 'id': 'tabs-on-top'}, + {'left': 345, 'top': 137, 'id': 'awesome-bar', 'direction': 'up'}, + {'left': 355, 'top': 105, 'id': 'addons-manager'}, + {'left': 510, 'top': 137, 'id': 'switch-to-tab', 'direction': 'up'}, + {'left': 575, 'top': 105, 'id': 'password-manager'}, + {'left': 695, 'top': 105, 'id': 'customize-toolbar'}, + {'left': 805, 'top': 105, 'id': 'personas'}, + {'left': 920, 'top': 137, 'id': 'bookmark-button', 'direction': 'up'}, + {'left': 928, 'top': 105, 'id': 'sync'} + ]; + tips[PLATFORM_LINUX] = [ + {'left': 18, 'top': 130, 'id': 'app-tab'}, + {'left': 37, 'top': 170, 'id': 'private-browsing', 'direction': 'up'}, + {'left': 91, 'top': 170, 'id': 'instant-website-id', 'direction': 'up'}, + {'left': 155, 'top': 130, 'id': 'tabs-on-top'}, + {'left': 345, 'top': 170, 'id': 'awesome-bar', 'direction': 'up'}, + {'left': 355, 'top': 130, 'id': 'addons-manager'}, + {'left': 510, 'top': 170, 'id': 'switch-to-tab', 'direction': 'up'}, + {'left': 575, 'top': 130, 'id': 'password-manager'}, + {'left': 695, 'top': 130, 'id': 'customize-toolbar'}, + {'left': 805, 'top': 130, 'id': 'personas'}, + {'left': 928, 'top': 130, 'id': 'sync'} + ]; + + + var tipWidth = 500; + var sceneWidth = 950; + + $(tips[gPlatform]).each(function (index, tip) { + drawTip(tip); + }) + addHandlers(); + + function addHandlers() { + // Fix for keyboard accessibility + $('.tip-container').bind('mouseenter', function (e) { + var $this = $(this); + $this.children('.arrow, .tip') + .css({'display': 'block'}) + .animate({'opacity': 1}, 300); + $this.children('.callout') + .animate({'opacity': 0}, 300); + }).bind('mouseleave', function (e) { + var $this = $(this); + $this.children('.arrow, .tip') + .animate({'opacity': 0}, 300, function () { + $(this).css({'display': 'none'}); + }); + $this.children('.callout') + .animate({'opacity': 1}, 300); + }); + + } + + function drawTip(tip) { + var $container = $(document.createElement('div')); + $container.addClass('tip-container'); + if (tip.direction == 'up') { + $container.addClass('up'); + } + + var $callout = $(document.createElement('span')); + $callout.addClass('callout') + $callout.attr('tabindex', 0); + $callout.css({'left': tip.left, 'top': tip.top}); + $container.append($callout); + + var $tip = $('#' + tip.id); + var left = Math.max(tip.left - (tipWidth/2), 0); + if (left + tipWidth > sceneWidth) { + left = sceneWidth - tipWidth; + } + $tip.css({'left': left, 'top': tip.top, 'opacity': 0, 'display': 'none'}); + $container.append($tip); + + var $arrow = $(document.createElement('span')); + $arrow.addClass('arrow'); + $arrow.css({'left': tip.left, 'top': tip.top, 'opacity': 0, 'display': 'none'}); + $container.append($arrow); + + $tip.removeAttr('id'); + $container.attr('id', tip.id); + + $('#figure').append($container); + } + +}); diff --git a/settings/base.py b/settings/base.py index 20ec82cfe0..975d0630b8 100644 --- a/settings/base.py +++ b/settings/base.py @@ -64,6 +64,10 @@ MINIFY_BUNDLES = { 'firefox': ( 'css/firefox/template.less', ), + 'firefox_central': ( + 'css/sandstone/video.less', + 'css/firefox/central.less', + ), 'firefox_customize': ( 'css/sandstone/video.less', 'css/firefox/customize.less', @@ -147,6 +151,10 @@ MINIFY_BUNDLES = { 'js/site.js', 'js/nav-main.js', ), + 'firefox_central': ( + 'js/mozilla-video-tools.js', + 'js/firefox/central.js', + ), 'firefox_customize': ( 'js/mozilla-video-tools.js', 'js/firefox/customize.js',