зеркало из https://github.com/mozilla/bedrock.git
Move Firefox pages into their own app
This commit is contained in:
Steven Garrity
Родитель
437e15e01a
Коммит
8d7ab9c733
|
|
@ -0,0 +1,3 @@
|
|||
from django.db import models
|
||||
|
||||
# Create your models here.
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block body_class %}sky{% endblock %}
|
||||
|
||||
{% block page_title_prefix %}Mozilla Firefox Web Browser — {% endblock %}
|
||||
|
||||
{% block site_css %}
|
||||
{{ css('firefox') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block extrahead %}
|
||||
<meta name="og:image" content="{{ media('img/firefox/firefox-100.jpg') }}">
|
||||
{% endblock %}
|
||||
|
||||
{% block site_header_nav %}
|
||||
<nav role="navigation" id="nav-main">
|
||||
<ol role="menubar">
|
||||
<li class="first" id="nav-main-features"><a href="/en-US/firefox/features/" tabindex="0" aria-owns="nav-main-features-submenu" aria-haspopup="true">Desktop</a>
|
||||
<ol aria-expanded="false" id="nav-main-features-submenu">
|
||||
<li class="first"><a href="{{ url('firefox.features') }}" tabindex="-1">Features</a></li>
|
||||
<li><a href="{{ url('firefox.customize') }}" tabindex="-1">Customize</a></li>
|
||||
<li><a href="{{ url('firefox.performance') }}" tabindex="-1">Performance</a></li>
|
||||
<li><a href="{{ url('firefox.technology') }}" tabindex="-1">Technology</a></li>
|
||||
<li class="last"><a href="{{ url('firefox.security') }}" tabindex="-1">Privacy & Security</a></li>
|
||||
</ol>
|
||||
</li>
|
||||
<li id="nav-main-mobile"><a href="/en-US/mobile/" tabindex="0" aria-owns="nav-main-mobile-submenu" aria-haspopup="true">Mobile</a>
|
||||
<ol aria-expanded="false" id="nav-main-mobile-submenu">
|
||||
<li class="first"><a href="/en-US/mobile/" tabindex="-1">Download</a></li>
|
||||
<li><a href="/en-US/mobile/features/" tabindex="-1">Features</a></li>
|
||||
<li><a href="https://addons.mozilla.org/en-US/mobile/?browse=featured" tabindex="-1">Customize</a></li>
|
||||
<li class="last"><a href="/en-US/mobile/faq/" tabindex="-1">FAQ</a></li>
|
||||
</ol>
|
||||
</li>
|
||||
<li id="nav-main-releases" class=""><a href="/en-US/firefox/channel/" tabindex="0" aria-owns="nav-main-releases-submenu" aria-haspopup="true">Releases</a>
|
||||
<ol aria-expanded="false" id="nav-main-releases-submenu">
|
||||
<li class="first"><a href="/en-US/firefox/channel/" tabindex="-1">Overview</a></li>
|
||||
<li><a href="/en-US/firefox/aurora/" tabindex="-1">Firefox Aurora</a></li>
|
||||
<li><a href="/beta/" tabindex="-1">Firefox Beta</a></li>
|
||||
<li><a href="/en-US/firefox/" tabindex="-1">Firefox</a></li>
|
||||
<li class="last"><a href="/en-US/firefox/organizations/" tabindex="-1">Firefox for Organizations</a></li>
|
||||
</ol>
|
||||
</li>
|
||||
<li id="nav-main-addons"><a href="https://addons.mozilla.org/" tabindex="0" aria-owns="nav-main-addons-submenu" aria-haspopup="true">Add-ons</a>
|
||||
<ol aria-expanded="false" id="nav-main-addons-submenu">
|
||||
<li class="first"><a href="https://addons.mozilla.org/firefox/" tabindex="-1">Desktop Add-ons</a></li>
|
||||
<li><a href="https://addons.mozilla.org/mobile/" tabindex="-1">Mobile Add-ons</a></li>
|
||||
<li class="last"><a href="http://www.getpersonas.com/" tabindex="-1">Personas</a></li>
|
||||
</ol>
|
||||
</li>
|
||||
<li id="nav-main-support"><a href="http://support.mozilla.org/" tabindex="0" aria-owns="nav-main-support-submenu" aria-haspopup="true">Support</a>
|
||||
<ol aria-expanded="false" id="nav-main-support-submenu">
|
||||
<li class="first"><a href="http://support.mozilla.org/en-US/kb/" tabindex="-1">Desktop Support</a></li>
|
||||
<li class="last"><a href="http://support.mozilla.org/mobile" tabindex="-1">Mobile Support</a></li>
|
||||
</ol>
|
||||
</li>
|
||||
<li class="last" id="nav-main-about"><a href="/en-US/firefox/about/" tabindex="0" aria-owns="nav-main-about-submenu" aria-haspopup="true">About</a>
|
||||
<ol aria-expanded="false" id="nav-main-about-submenu">
|
||||
<li class="first"><a href="http://blog.mozilla.com/" tabindex="-1">Blog</a></li>
|
||||
<li><a href="/en-US/firefox/about/" tabindex="-1">About Firefox</a></li>
|
||||
<li><a href="http://www.mozilla.org/join" tabindex="-1">Join Mozilla</a></li>
|
||||
<li><a href="/en-US/about/participate/" tabindex="-1">Participate</a></li>
|
||||
<li><a href="/en-US/press/" tabindex="-1">Press Center</a></li>
|
||||
<li><a href="/en-US/firefox/brand/" tabindex="-1">Brand Toolkit</a></li>
|
||||
<li><a href="/en-US/about/careers.html" tabindex="-1">Careers</a></li>
|
||||
<li><a href="/en-US/about/partnerships.html" tabindex="-1">Partnerships</a></li>
|
||||
<li class="last"><a href="/en-US/about/contact.html" tabindex="-1">Contact Us</a></li>
|
||||
</ol>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
{% endblock %}
|
||||
|
||||
{% block site_header_logo %}
|
||||
<h2><img src="{{ media('img/firefox/template/header-logo.png') }}" alt="Mozilla Firefox" height="95" width="250"></h2>
|
||||
{% endblock %}
|
||||
|
||||
{% block site_js %}
|
||||
{{ js('firefox') }}
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,179 @@
|
|||
{% extends "/firefox/base.html" %}
|
||||
|
||||
{% block page_title %}Customize Your Browser{% endblock %}
|
||||
{% block body_id %}firefox-customize{% endblock %}
|
||||
|
||||
{% block site_css %}
|
||||
{{ css('firefox_customize') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block js %}
|
||||
{{ js('firefox_customize') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
|
||||
<div id="main-feature">
|
||||
<div class="row">
|
||||
<hgroup class="stacked">
|
||||
<h1>Easy Ways To <span class="large">Personalize</span></h1>
|
||||
<h4>When it comes to browsing, one size doesn’t fit all—customize Firefox pretty much any way you like!</h4>
|
||||
</hgroup>
|
||||
|
||||
<aside id="go-mobile">
|
||||
<h5>Go Mobile</h5>
|
||||
<p>Get add-ons on your mobile, too! Just <a href="https://addons.mozilla.org/en-US/mobile/?browse=featured">visit the mobile add-ons page</a> on your Android device to search and install.</p>
|
||||
</aside>
|
||||
|
||||
{{ download_button('download', 'small') }}
|
||||
|
||||
<script src="/media/js/download.js"></script>
|
||||
<script type="text/javascript">
|
||||
offerBestDownloadLink('download');
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="menu-bar billboard">
|
||||
<ul>
|
||||
<li><a href="#style">Add Style: <span>Personas</span></a></li>
|
||||
<li><a href="#addons">Customize: <span>Add-ons</span></a></li>
|
||||
<li><a href="#plugins">Make It Work: <span>Plugins</span></a></li>
|
||||
<li><a href="#interface">Adapt Your <span>Interface</span></a></li>
|
||||
<li><a href="#sync">Stay In <span>Sync</span></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<section class="billboard" id="style">
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h3>Add Style: <span>Personas</span></h3>
|
||||
<p>Make Firefox match your style! Choose from thousands of <a href="http://www.getpersonas.com/">Personas</a> designed by users around the world, or <a href="http://www.getpersonas.com/en-US/demo_create">create one yourself</a>. With a single click you can dress up your browser however you want.</p>
|
||||
</div>
|
||||
<div id="persona-previews" class="span7">
|
||||
<div id="try-on"><p>Roll over to try, click to apply</p></div>
|
||||
<div class="persona-previewer persona-previewer-random">
|
||||
<div class="persona-previewer-content">
|
||||
<div id="persona-tattoo" class="persona-visible"><img src="{{ media('img/firefox/customize/personas-tattoo.png') }}" width="344" height="174" alt="preview" /></div>
|
||||
<div id="persona-endless"><img src="{{ media('img/firefox/customize/personas-endless.png') }}" width="344" height="174" alt="preview" /></div>
|
||||
<div id="persona-kanagawa"><img src="{{ media('img/firefox/customize/personas-kanagawa.png') }}" width="344" height="174" alt="preview" /></div>
|
||||
|
||||
<div id="persona-retronotes"><img src="{{ media('img/firefox/customize/personas-retronotes.png') }}" width="344" height="174" alt="preview" /></div>
|
||||
<div id="persona-bobmarley"><img src="{{ media('img/firefox/customize/personas-bobmarley.png') }}" width="344" height="174" alt="preview" /></div>
|
||||
<div id="persona-sunset"><img src="{{ media('img/firefox/customize/personas-sunset.png') }}" width="344" height="174" alt="preview" /></div>
|
||||
</div>
|
||||
<ul class="persona-previewer-tabs">
|
||||
<li><a href="http://www.getpersonas.com/en-US/persona/7610"><img src="http://www.getpersonas.com/static/1/0/7610/preview.jpg" width="138" height="46" alt="Japanese Tattoo" /></a></li>
|
||||
<li><a href="http://www.getpersonas.com/en-US/persona/30987"><img src="http://www.getpersonas.com/static/8/7/30987/preview.jpg" width="138" height="46" alt="Endless Possibilities" /></a></li>
|
||||
<li><a href="http://www.getpersonas.com/en-US/persona/141882"><img src="http://www.getpersonas.com/static/8/2/141882/preview.jpg" width="138" height="46" alt="kanagawa wave" /></a></li>
|
||||
<li><a href="http://www.getpersonas.com/en-US/persona/213203"><img src="http://www.getpersonas.com/static/0/3/213203/preview.jpg" width="138" height="46" alt="Retro Notes Reloaded" /></a></li>
|
||||
<li><a href="http://www.getpersonas.com/en-US/persona/44136"><img src="http://www.getpersonas.com/static/3/6/44136/preview.jpg" width="138" height="46" alt="Bob Marley" /></a></li>
|
||||
<li><a href="http://www.getpersonas.com/en-US/persona/64769"><img src="http://www.getpersonas.com/static/6/9/64769/preview.jpg" width="138" height="46" alt="Sunset Over Water" /></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<p id="see-all-personas"><a href="http://www.getpersonas.com/en-US/gallery/" class="feature arrow">See all 180,000+ »</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="billboard" id="addons">
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h3>Customize: <span>Add-ons</span></h3>
|
||||
<p>Many of the most popular add-ons are extensions, little extras you download to add more bells & whistles to Firefox. Compare prices, check the weather, listen to music, update your Facebook profile – all built right into the browser! There are <a href="https://addons.mozilla.org/firefox/">thousands to choose from</a>, but here are a few of our favorites:</p>
|
||||
</div>
|
||||
<div id="addons-feature" class="span7">
|
||||
<div id="addons-video" class="mozilla-video-control mozilla-video-shadow">
|
||||
<video
|
||||
id="video"
|
||||
width="620"
|
||||
height="349"
|
||||
poster="{{ media('img/firefox/video/poster-addons.jpg') }}"
|
||||
controls="controls">
|
||||
|
||||
<source src="http://videos-cdn.mozilla.net/serv/marketing/696470/FF%20576%20h264%20v6.webm" type="video/webm" />
|
||||
<source src="http://videos-cdn.mozilla.net/serv/marketing/696470/FF%20576%20h264%20v6.theora.ogv" type="video/ogg; codecs="theora, vorbis"" />
|
||||
<source src="http://videos-cdn.mozilla.net/serv/marketing/696470/FF%20576%20h264%20v6.mp4" type="video/mp4" />
|
||||
|
||||
<object type="application/x-shockwave-flash"
|
||||
style="width: 640px; height: 388px;"
|
||||
data="/includes/flash/playerWithControls.swf?flv=serv/marketing/696470/FF%20576%20h264%20v6.mp4&autoplay=false&msg=Play%20Video">
|
||||
<param name="movie" value="/includes/flash/playerWithControls.swf?flv=serv/marketing/696470/FF%20576%20h264%20v6.mp4&autoplay=false&msg=Play%20Video" />
|
||||
<param name="wmode" value="transparent" />
|
||||
<div class="video-player-no-flash">
|
||||
This video requires a browser with support for open video
|
||||
or the <a href="http://www.adobe.com/go/getflashplayer">Adobe Flash Player</a>.
|
||||
</div>
|
||||
</object>
|
||||
</video>
|
||||
</div>
|
||||
<p id="builder-link">Are you a web developer? <a href="https://addons.mozilla.org/en-US/developers/builder">Learn how to make fantastic, restartless add-ons.</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="billboard" id="plugins">
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h3>Make It Work: <span>Plugins</span></h3>
|
||||
<p>Plugins are small bits of third-party software built by companies like Adobe Systems or Apple to power videos, animation and games (examples include Flash Player or Quicktime). They can cause browser crashes or pose security risks when they get out of date, so we’ve built an easy tool to help you stay current. <a href="/en-US/plugincheck/">Check your plugins.</a></p>
|
||||
</div>
|
||||
<div class="span7">
|
||||
{{ platform_img('img/firefox/customize/make-it-work.png', alt='Make It Work: Plugins') }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="billboard" id="interface">
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h3>Adapt Your <span>Interface</span></h3>
|
||||
<p>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.</p>
|
||||
<p>But, everyone has their own specific needs, and you can always adjust the 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. <a href="https://support.mozilla.org/kb/How%20to%20customize%20the%20toolbar">Learn more.</a></p>
|
||||
</div>
|
||||
<div class="span7">
|
||||
{{ platform_img('img/firefox/customize/adapt-your-interface.png', alt='Adapt Your Interface') }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="billboard" id="sync">
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h3>Stay In <span>Sync</span></h3>
|
||||
<p>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.</p>
|
||||
<p>Now you can surf the Web on your desktop, get up in the middle of browsing and have your open tabs ready and waiting on your mobile, just as you left them. Your browsing will never be the same! <a href="/en-US/mobile/sync/">Learn more.</a></p>
|
||||
</div>
|
||||
<div class="span7">
|
||||
<div id="video-player" class="mozilla-video-control">
|
||||
<video
|
||||
id="video"
|
||||
width="620"
|
||||
height="349"
|
||||
poster="{{ media('img/firefox/video/poster-fx4-sync.jpg') }}"
|
||||
controls="controls">
|
||||
|
||||
<source src="http://videos-cdn.mozilla.net/serv/marketing/firefox4/FoxySync640.webm" type="video/webm" />
|
||||
<source src="http://videos-cdn.mozilla.net/serv/marketing/firefox4/FoxySync640.theora.ogv" type="video/ogg; codecs="theora, vorbis"" />
|
||||
<source src="http://videos-cdn.mozilla.net/serv/marketing/firefox4/FoxySync640.mp4" type="video/mp4" />
|
||||
|
||||
<object type="application/x-shockwave-flash"
|
||||
style="width: 640px; height: 388px;"
|
||||
data="/includes/flash/playerWithControls.swf?flv=serv/marketing/firefox4/FoxySync640.mp4&autoplay=false&msg=Play%20Video">
|
||||
<param name="movie" value="/includes/flash/playerWithControls.swf?flv=serv/marketing/firefox4/FoxySync640.mp4&autoplay=false&msg=Play%20Video" />
|
||||
<param name="wmode" value="transparent" />
|
||||
<div class="video-player-no-flash">
|
||||
This video requires a browser with support for open video
|
||||
or the <a href="http://www.adobe.com/go/getflashplayer">Adobe Flash Player</a>.
|
||||
</div>
|
||||
</object>
|
||||
</video>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,752 @@
|
|||
{% extends "/firefox/base.html" %}
|
||||
|
||||
{% block page_title %}Firefox Features{% endblock %}
|
||||
{% block body_id %}firefox-features{% endblock %}
|
||||
|
||||
{% block site_css %}
|
||||
{{ css('firefox_features') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block js %}
|
||||
{{ js('firefox_features') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
|
||||
<div id="main-feature">
|
||||
<div class="row">
|
||||
<hgroup class="stacked">
|
||||
<h1>Firefox <span class="large">Features</span></h1>
|
||||
<h4>Bringing together all kinds of awesomeness to make browsing better for you.</h4>
|
||||
</hgroup>
|
||||
|
||||
<aside id="top-features">
|
||||
<h3>Top <span>Features</span></h3>
|
||||
<p>(rollover for details)</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">Super Speed</a>
|
||||
<div class="top-feature-hover">
|
||||
<h3>Super Speed</h3>
|
||||
<p>View Web pages way faster, using less of your computer’s memory.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Stay in Sync</a>
|
||||
<div class="top-feature-hover">
|
||||
<h3>Stay in Sync</h3>
|
||||
<p>Take Firefox with you wherever you go. Synchronize your browsing across multiple devices.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Easy Customization</a>
|
||||
<div class="top-feature-hover">
|
||||
<h3>Easy Customization</h3>
|
||||
<p>Thousands of add-ons give you the freedom to make Firefox your own.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Awesome Bar</a>
|
||||
<div class="top-feature-hover">
|
||||
<h3>Awesome Bar</h3>
|
||||
<p>Forget clunky URLs – find the sites you love in seconds</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Intuitive Interface</a>
|
||||
<div class="top-feature-hover">
|
||||
<h3>Intuitive Interface</h3>
|
||||
<p>Firefox is built with you in mind, so it’s easy and instinctive to use even the first time you try it.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</aside>
|
||||
|
||||
{{ download_button('download', 'small') }}
|
||||
|
||||
<script src="/media/js/download.js"></script>
|
||||
<script type="text/javascript">
|
||||
offerBestDownloadLink('download');
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="menu-bar billboard">
|
||||
<ul>
|
||||
<li><a href="#madeeasy">Browsing <span>Made Easy</span></a></li>
|
||||
<li><a href="#highperformance">High <span>Performance</span></a></li>
|
||||
<li><a href="#advancedsecurity">Advanced <span>Security</span></a></li>
|
||||
<li><a href="#powerfulpersonalization">Powerful <span>Personalization</span></a></li>
|
||||
<li><a href="#cuttingedge">The Cutting <span>Edge</span></a></li>
|
||||
<li><a href="#universalaccess">Universal <span>Access</span></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<section class="billboard" id="madeeasy">
|
||||
<div class="features-container">
|
||||
<a href="#main-feature" class="features-top-link">Return to top</a>
|
||||
<h3>Browsing Made <span>Easy</span></h3>
|
||||
|
||||
<div id="awesomebar" class="feature">
|
||||
<h4>Awesome Bar</h4>
|
||||
{{ platform_img('img/firefox/features/screen-awesomebar.png', alt='Awesome Bar screenshot') }}
|
||||
<p>Get to your favorite sites quickly – even if you don’t remember the URLs. Type your term into the location bar (aka the Awesome Bar) and the autocomplete function will include possible matches from your browsing history, bookmarked sites and open tabs.</p>
|
||||
<p><a href="http://support.mozilla.org/kb/Location+bar+autocomplete">The Awesome Bar</a> learns as you use it—over time, it adapts to your preferences and offers better-fitting matches. We’ve tweaked it to give you greater control over the results (including privacy settings) and increased performance so you find what you need even faster.</p>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div id="improvedinterface" class="feature">
|
||||
<h4>Improved Interface</h4>
|
||||
<p>We’re always looking for ways to make your browsing easier and more efficient.<br />Read on for our latest improvements (or <a href="/<?=$lang?>/firefox/video/?video=fx4-ui">watch the video</a>):</p>
|
||||
|
||||
<div class="column1">
|
||||
<div class="sub-feature">
|
||||
<h5>Tabs on Top</h5>
|
||||
<p>Tabs are above the Awesome Bar to make it easier to focus on the content of the sites you visit.</p>
|
||||
{{ platform_img('img/firefox/features/screen-tabsontop.png', alt='Improved Interface screenshot') }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column2">
|
||||
<div class="sub-feature">
|
||||
<h5>Firefox Button (Windows and Linux)</h5>
|
||||
<p>All your menu items are now found in a single button for easy access.</p>
|
||||
{{ platform_img('img/firefox/features/screen-firefoxbutton.png', alt='Firefox Button screenshot') }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column3">
|
||||
<div class="sub-feature">
|
||||
<h5>Bookmark Button</h5>
|
||||
<p>Manage your bookmarks in a single button. Find your favorite links without getting bogged down!</p>
|
||||
{{ platform_img('img/firefox/features/screen-bookmarks.png', alt='Bookmarks Button screenshot') }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column1">
|
||||
<div class="sub-feature">
|
||||
<h5>Simplified Reload/Stop Button</h5>
|
||||
<p>Your Awesome Bar now features one easy button to stop loading pages or reload pages.</p>
|
||||
{{ platform_img('img/firefox/features/screen-reloadstop.png', alt='Reload/Stop Button screenshot') }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column2">
|
||||
<div class="sub-feature">
|
||||
<h5>Home Button</h5>
|
||||
<p>The Home button has been moved to the right side of the search-field.</p>
|
||||
{{ platform_img('img/firefox/features/screen-home.png', alt='Home Button screenshot') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div id="tabs" class="feature">
|
||||
<h4>Tabs</h4>
|
||||
<p>Browse multiple sites at once, simply and easily. Each new site appears as a new tab<br />(not a new window) and can be accessed in one click.</p>
|
||||
|
||||
<div class="column1">
|
||||
<div class="sub-feature">
|
||||
<h5>App Tabs</h5>
|
||||
<p>Take sites you always keep open—like Web mail—off your tab bar and give them a permanent home in your browser. <a href="http://support.mozilla.org/kb/what-are-app-tabs">Learn how.</a></p>
|
||||
{{ platform_img('img/firefox/features/screen-apptab.png', alt='App Tabs screenshot') }}
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h5>Reopen Closed Tabs and Windows</h5>
|
||||
<p>If you accidentally close a tab or window, you can reopen it in one click. Just view Recently Closed Tabs or Recently Closed Windows in the History menu and select the tab or window you’d like to reopen.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column2">
|
||||
<div class="sub-feature">
|
||||
<h5>Switch-to-Tab</h5>
|
||||
<p>As you’re opening a new tab or typing in the Awesome Bar, 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.</p>
|
||||
{{ platform_img('img/firefox/features/screen-switchtotab.png', alt='Switch-to-Tab screenshot') }}
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h5>Smooth Scrolling</h5>
|
||||
<p>Like to have all 20 of your favorite pages open at once? An elegant new feature lets you scroll through tabs easily to see them all and access the one you want quickly.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column3">
|
||||
<div class="sub-feature">
|
||||
<h5>Organize your Tabs with Panorama</h5>
|
||||
<p>Too many tabs? Reclaim your browser from tab clutter! Panorama lets you drag and drop your tabs into manageable groups that you can organize, name and arrange in a fun and visual way. <a href="http://support.mozilla.org/kb/what-are-tab-groups">To get started with Panorama</a>, simply select the Tab Groups icon when you customize your Navigation Toolbar or right click any tab to Move to Group.</p>
|
||||
{{ platform_img('img/firefox/features/screen-grouptab.png', alt='Tab Groups screenshot') }}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div id="sync" class="column-span feature">
|
||||
{{ platform_img('img/firefox/features/screen-sync.png', alt='Sync screenshot') }}
|
||||
<h4>Stay in Sync</h4>
|
||||
<p>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. Access years of desktop browsing the first day you fire up your mobile, and use saved passwords from your desktop to fill out forms on your phone.</p>
|
||||
<p>Now you can surf the Web on your desktop, get up in the middle of browsing and have your open tabs ready and waiting on your mobile, just as you left them. Your browsing will never be the same! <a href="/<?=$lang?>/mobile/sync/">Learn more about Sync</a> or <a href="/<?=$lang?>/mobile/">get Firefox on your phone</a>.</p>
|
||||
</div>
|
||||
|
||||
<div class="column1">
|
||||
<div class="feature">
|
||||
<h4>Password Manager </h4>
|
||||
<p>Tired of trying to remember or retype your passwords every time you visit a favorite site? Firefox is here to help! You’ll be prompted with a non-intrusive option to remember passwords when you first log in—after that, Firefox will take care of the rest.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column2">
|
||||
<div class="feature">
|
||||
<h4>Form Complete</h4>
|
||||
<p>When you’re filling out an online form like your shipping address, Firefox will suggest information for each field based on your most common answers for similar fields in other forms. Tired of typing out the same answers over and over? You’ll be zipping through the forms in no time!</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column3">
|
||||
<div class="feature">
|
||||
<h4>Pop-Up Blocker</h4>
|
||||
<p>Banish pop-ups (and pop-under windows) from your surfing experience once and for all. Or, find a happy medium: choose to view blocked pop-ups or create an “allow” list of sites whose pop-ups you’re okay with seeing.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div id="search" class="feature">
|
||||
<h4>Easy Search</h4>
|
||||
<p>The Web is a big place, but Firefox is ready to help you find whatever you’re looking for.</p>
|
||||
|
||||
<div class="column1">
|
||||
<div class="sub-feature">
|
||||
<h5>Integrated Web Search</h5>
|
||||
<p>Searching the Web is a breeze with the search box, located just to the right of your location bar. Select the service of your choice and enter your search terms into the box. The box width is even adjustable if you need more space. <a href="http://support.mozilla.org/kb/Search+bar">Learn more.</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column2">
|
||||
<div class="sub-feature">
|
||||
<h5>Search Suggestions</h5>
|
||||
<p>Start typing in the search bar and it will prompt you with a drop down of filled-in suggestions. You can even use the search bar as a calculator, converter and more. <a href="http://support.mozilla.org/kb/Search+suggestions">Details »</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column3">
|
||||
<div class="sub-feature">
|
||||
<h5>Hundreds of Search Engines</h5>
|
||||
<p>Choose from the preset dropdown list of search options or select “manage search engines” to browse for many more search-related add-ons. <a href="https://addons.mozilla.org/en-US/firefox/browse/type:4">Check out your choices.</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column1">
|
||||
{{ platform_img('img/firefox/features/screen-search.png', alt='Search screenshot') }}
|
||||
</div>
|
||||
|
||||
<div class="column2">
|
||||
<div class="sub-feature">
|
||||
<h5>Smart Keywords</h5>
|
||||
<p>Search the Web in record time with smart keywords. With a few clicks you can assign keywords to search engines, and then simply enter your key and search words in the location bar. Assigning “books” to Amazon.com means you can type in a search like “books about home building” and zip right there, with no pausing on the Amazon home page. <a href="http://support.mozilla.org/kb/Smart+keywords">Learn how.</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column3">
|
||||
<div class="sub-feature">
|
||||
<h5>Location-Aware Browsing</h5>
|
||||
<p>Need directions, or help finding a restaurant? Firefox can tell sites where you’re located so you can get the most relevant and useful information. The browser won’t share your location without your permission, either – your privacy is the top priority.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="column1-2wide">
|
||||
<div id="sessionrestore" class="feature">
|
||||
<h4>Session Restore</h4>
|
||||
<p>Session Restore instantly brings back your windows and tabs, restoring text you entered and any in-progress downloads. You can restart the browser without losing your place after you install an add-on or software update. And, if Firefox or your computer unexpectedly closes, you don’t have to spend time recovering data or retracing your steps through the Web. If you’re in the middle of typing an email, you’ll pick up where you left off, even down to the last word you typed. <a href="http://support.mozilla.org/kb/Session+Restore">Details »</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column2">
|
||||
<div class="feature">
|
||||
<h4>Spell Checking</h4>
|
||||
<p>A built-in spell checker works directly in Web pages, like blog posts and email. Save yourself a step and stop worrying about typos.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div id="getorganized" class="feature">
|
||||
<h4>Get Organized</h4>
|
||||
<p>There’s a lot of great stuff on the Web, Firefox is full of ways to help you keep track.</p>
|
||||
|
||||
<div class="oneclickbookmarking sub-feature">
|
||||
{{ platform_img('img/firefox/features/screen-1clickbookmarks.png', alt='One-Click Bookmarking screenshot') }}
|
||||
<h5>One-Click Bookmarking</h5>
|
||||
<p>Manage your bookmarks a lot or a little. One click on the star icon at the end of the location bar bookmarks a site. Two clicks and you can choose where to save it and whether to tag it. File bookmarked sites in easy-to-access folders and organize according to theme (like “job search” or “favorite shopping”). Find your bookmarked sites in a flash by entering the tag, page or bookmark name into the location bar. The more you use your tags and bookmark names in the location bar, the more the system will adapt to your preferences. <a href="http://support.mozilla.org/kb/how-do-i-use-bookmarks">Get all of the details on bookmarks.</a></p>
|
||||
</div>
|
||||
|
||||
<div class="column1-2wide">
|
||||
<div class="sub-feature">
|
||||
<h5>Tags</h5>
|
||||
<p>Label a site with names or categories that are meaningful to you. For example, you can label both <a href="http://www.bbc.co.uk">www.bbc.co.uk</a> and <a href="http://www.nytimes.com">www.nytimes.com</a> with the “news” tag. When you enter “news” into the location bar, both sites will be shown as results. A single site can have multiple tags, and there’s no limit to the number of tags you can create. You may not remember the exact name of a site, but with a tag, you’ll be able to find it easily.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column2">
|
||||
<div class="sub-feature">
|
||||
<h5>Library</h5>
|
||||
<p>Make your browser as efficient as you can imagine. Your browsing history and your bookmarks are archived in the Library, where they can be easily searched and organized. As your bookmark list and history grow, you can save your frequent searches in automatically updated smart folders.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="column1">
|
||||
<div id="searchandfind" class="feature">
|
||||
<h4>Search and Find</h4>
|
||||
<p>The find feature appears with a simple keystroke. Search for a word or phrase on an open Web page. Highlight text before using the feature and the finder opens pre-filled with your selection. See all instances of your search at once, or scroll backwards and forwards through any appearances of the word on the page.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>RSS Feed Reader</h4>
|
||||
<p>Spending hours combing the Web for the latest news and updates? Instead, add an RSS feed icon to your toolbar and create feeds using an online web service, a client-side feed reader or by creating a Firefox Live Bookmark.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column2">
|
||||
<div class="feature">
|
||||
<h4>Download Manager</h4>
|
||||
<p>Download files seamlessly and securely! A pause and resume feature means you can stop and start anytime. So, if you’re halfway through downloading a big file and it’s time to catch the bus, just pause and pick up where you left off later. The resume function also works if your system crashes or is forced to restart. The manager shows your download progress and even lets you search your files by name or the Web address where the download came from.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Offline Browsing</h4>
|
||||
<p>Take your computer offline and still have your information at your fingertips. Certain sites may allow applications—like your Web-based email—to stay with you at all times.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Full Zoom</h4>
|
||||
<p>Want to see captions and pictures in a larger size? An elegant new zoom feature lets you swoop in and see the details on web pages, zeroing in on what matters. The pages will scale equally, with all the elements of layout changing at the same level.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column3">
|
||||
<div class="feature">
|
||||
<h4>Naturalized Look & Feel</h4>
|
||||
<p>The Firefox platform looks and feels like home. Think of it as a Firefox who’s really good at making friends. Whether you use Windows 7, Mac or Linux, the browser seamlessly integrates into your computer’s environment. A native look makes for a flawless interface that never gives you pause.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Firefox Support</h4>
|
||||
<p>Need help? Our <a href="http://support.mozilla.org/<?=$lang?>/kb/">support site</a> has a searchable knowledge base of articles, plus forums and tutorials full of solutions and tips for a better experience.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="billboard" id="highperformance">
|
||||
<div class="features-container">
|
||||
<a href="#main-feature" class="features-top-link">Return to top</a>
|
||||
<h3>High <span>Performance</span></h3>
|
||||
|
||||
<div id="video-wrapper">
|
||||
<div id="video-player-runfield" class="mozilla-video-control mozilla-video-shadow">
|
||||
<video
|
||||
width="640"
|
||||
height="360"
|
||||
poster="{{ media('img/firefox/video/poster-runfield.jpg') }}"
|
||||
controls="controls">
|
||||
|
||||
<source src="http://videos-cdn.mozilla.net/serv/mozhacks/demos/screencasts/runfield/screencast.webm" type="video/webm" />
|
||||
<source src="http://videos-cdn.mozilla.net/serv/mozhacks/demos/screencasts/runfield/screencast.theora.ogv" type="video/ogg; codecs="theora, vorbis"" />
|
||||
<source src="http://videos-cdn.mozilla.net/serv/mozhacks/demos/screencasts/runfield/screencast.mp4" type="video/mp4" />
|
||||
|
||||
<object type="application/x-shockwave-flash"
|
||||
style="width: 640px; height: 388px;"
|
||||
data="/includes/flash/playerWithControls.swf?flv=serv/mozhacks/demos/screencasts/runfield/screencast.mp4&autoplay=false&msg=Play%20Video">
|
||||
|
||||
<param name="movie" value="/includes/flash/playerWithControls.swf?flv=serv/mozhacks/demos/screencasts/runfield/screencast.mp4&autoplay=false&msg=Play%20Video" />
|
||||
<param name="wmode" value="transparent" />
|
||||
|
||||
<div class="video-player-no-flash">
|
||||
This video requires a browser with support for open video:
|
||||
<ul>
|
||||
<li><a href="http://www.mozilla.org/firefox/">Firefox</a> 3.5 or greater</li>
|
||||
<li><a href="http://www.apple.com/safari/">Safari</a> 3.1 or greater</li>
|
||||
</ul>
|
||||
|
||||
or the <a href="http://www.adobe.com/go/getflashplayer">Adobe Flash Player</a>.
|
||||
Alternatively, you may use the video download links to the right.
|
||||
</div>
|
||||
|
||||
</object>
|
||||
|
||||
</video>
|
||||
</div>
|
||||
<p>Runfield is a Web-based game built with JavaScript and Canvas. <a href="http://mozillademos.org/demos/runfield/demo.html">Try it for yourself »</a></p>
|
||||
</div>
|
||||
<div class="column1">
|
||||
<div class="feature">
|
||||
<h4>Super Speed</h4>
|
||||
<p>With faster start-up times, rapid graphics rendering and improved page load speed, the latest version of Firefox is full of major performance improvements you’ll notice instantly. From integrating Compartments and more efficiently managing JavaScript objects to supporting ECMAScript5 and improvements to the JägerMonkey JavaScript engine, we’ve been working hard to make this the most powerful Firefox ever.</p>
|
||||
</div>
|
||||
<div class="feature">
|
||||
<h4>Hardware Acceleration</h4>
|
||||
<p>Experience super-fast graphics acceleration of video and Web content with a new layers-based graphics system that takes advantage of Direct2D and Direct3D on Windows.</p>
|
||||
</div>
|
||||
<div class="feature">
|
||||
<h4>Crash Protection</h4>
|
||||
<p>Firefox provides uninterrupted browsing when there is a crash in the plugins for Adobe Flash, Apple QuickTime or Microsoft Silverlight. If one of these commonly-used plugins crashes or freezes, it won't affect the rest of the browser. You can simply reload the page to restart the plugin and try again. <a href="/<?=$lang?>/plugincheck/#what-plugin">Learn more about plugins.</a></p>
|
||||
<p><a href="/<?=$lang?>/firefox/performance/">Learn more about Firefox’s performance.</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column2">
|
||||
<div class="feature">
|
||||
<h4>Real World Performance</h4>
|
||||
<p>Having a super-fast JavaScript engine is definitely important, but since those changes are often measured in milliseconds, sometimes what matters even more is the way the browser feels when you’re actually using it. That’s why we’re constantly optimizing Firefox to be great for the way you use the Web — things like making new tabs open up more quickly, or having the Awesome Bar provide results even faster. In the end, it’s about getting you where you need to go as quickly and easily as possible.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="column3">
|
||||
<div class="feature">
|
||||
<h4>3D on the Web</h4>
|
||||
<p>WebGL brings 3D graphics to Firefox, opening the door for developers to create vivid games and new kinds of visualizations and experiences on the Web.</p>
|
||||
<div id="video-player-brand" class="mozilla-video-control section-video">
|
||||
<video
|
||||
id="video-brand"
|
||||
width="290"
|
||||
height="163"
|
||||
controls="controls"
|
||||
poster="{{ media('img/firefox/video/poster-3d.jpg') }}">
|
||||
|
||||
<source src="http://videos-cdn.mozilla.net/serv/mozhacks/demos/screencasts/remixingreality/screencast.ogv" type="video/ogg; codecs="theora, vorbis"" />
|
||||
<source src="http://videos-cdn.mozilla.net/serv/mozhacks/demos/screencasts/remixingreality/screencast.mp4" type="video/mp4" />
|
||||
|
||||
<object type="application/x-shockwave-flash"
|
||||
style="width: 290px; height: 191px;"
|
||||
data="/includes/flash/playerWithControls.swf?flv=serv/mozhacks/demos/screencasts/remixingreality/screencast.mp4&autoplay=false&msg=Play%20Video">
|
||||
|
||||
<param name="movie" value="/includes/flash/playerWithControls.swf?flv=serv/mozhacks/demos/screencasts/remixingreality/screencast.mp4&autoplay=false&msg=Play%20Video" />
|
||||
<param name="wmode" value="transparent" />
|
||||
|
||||
<div class="video-player-no-flash">
|
||||
This video requires a browser with support for open video:
|
||||
<ul>
|
||||
<li><a href="http://www.mozilla.org/firefox/">Firefox</a> 3.5 or greater</li>
|
||||
<li><a href="http://www.apple.com/safari/">Safari</a> 3.1 or greater</li>
|
||||
</ul>
|
||||
|
||||
or the <a href="http://www.adobe.com/go/getflashplayer">Adobe Flash Player</a>.
|
||||
Alternatively, you may use the video download links to the right.
|
||||
</div>
|
||||
|
||||
</object>
|
||||
|
||||
</video>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="billboard" id="advancedsecurity">
|
||||
<div class="features-container">
|
||||
<a href="#main-feature" class="features-top-link">Return to top</a>
|
||||
<h3>Advanced <span>Security</span></h3>
|
||||
|
||||
<div class="column1">
|
||||
<div class="feature">
|
||||
<h4>Instant Web Site ID</h4>
|
||||
<p>Want to be extra sure about a site’s legitimacy before you make a purchase? Click on its favicon for an instant identity overview. Another click digs deeper: how many times have you visited? Are your passwords saved? Check up on suspicious sites, avoid Web forgeries and make sure a site is what it claims to be. <a href="http://support.mozilla.org/kb/Site+Identity+Button">Learn more.</a></p>
|
||||
{{ platform_img('img/firefox/features/screen-websiteid.png', alt='Instant Web Site ID screenshot') }}
|
||||
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Content Security Policy</h4>
|
||||
<p>The Content Security Policy in Firefox is designed to shut down cross-site scripting attacks by providing a mechanism for sites to explicitly tell the browser which content is legitimate. The browser can then disregard any content that has not been blessed by the site, keeping you protected in the process.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Customized Security Settings</h4>
|
||||
<p>Control the level of scrutiny you’d like Firefox to give a site. You can even enter exceptions—sites that don’t need the third degree. Customize settings for passwords, cookies, loading images, and installing add-ons for a fully empowered Web experience. <a href="http://support.mozilla.org/kb/Options+window+-+Security+panel">Learn more.</a></p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Parental Controls</h4>
|
||||
<p>Enforce parental control settings you’ve entered on Windows 7 to stop unwanted downloads and more.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Secure Updates</h4>
|
||||
<p>Firefox looks for a secure connection before installing or updating add-ons, third-party software, and <a href="http://www.getpersonas.com/en-US/">Personas</a>.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="column2">
|
||||
<div class="feature">
|
||||
<h4>Private Browsing</h4>
|
||||
<p>Sometimes it’s nice to go undercover: 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. This feature is great if you’re doing your online banking on a shared computer or checking email from an Internet café. <a href="http://support.mozilla.org/kb/Private+Browsing">Learn more.</a></p>
|
||||
{{ platform_img('img/firefox/features/screen-private.png', alt='Private Browsing screenshot') }}
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Anti-Virus Integration</h4>
|
||||
<p>Firefox integrates elegantly with your Windows anti-virus software. When you download a file, your computer’s anti-virus program automatically checks it to protect you against viruses and other malware, which could otherwise attack your computer.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Anti-Phishing</h4>
|
||||
<p>Shop and do business safely on the Internet. Firefox gets a fresh update of forgery sites a whopping 48 times a day, so if you try to visit a fraudulent site that’s pretending to be someone you trust (like your bank), a warning message will stop you before any harm is done.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Clear Recent History</h4>
|
||||
<p>Clear all your private data or just your activity over the past few hours with a few quick clicks. You have full control over what to delete, and then your info is gone for good—on your own computer or the one at your local library. It’s that easy. <a href="http://support.mozilla.org/kb/Clear+Recent+History">Learn how it works.</a></p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Anti-Malware</h4>
|
||||
<p>Firefox protects you from viruses, worms, trojan horses, and spyware delivered over the Web. If you accidentally access an attack site, it will warn you away from the site and tell you why it isn’t safe to use.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column3">
|
||||
<div class="feature">
|
||||
<h4>Do Not Track</h4>
|
||||
<p>Many sites track your online behavior and sell that data to advertisers. If that makes you uncomfortable, Firefox lets you tell sites you want to opt out of behavioral tracking and keep your browsing habits private. <a href="http://support.mozilla.org/kb/how-do-i-stop-websites-tracking-me">Learn how to opt-out of tracking.</a></p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Forget This Site</h4>
|
||||
<p>Having second thoughts about having visited a certain site? Remove every trace of ever having been there! <a href="http://support.mozilla.org/kb/Clear+Recent+History#w_how-do-i-remove-a-single-website-from-my-history">Details »</a></p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Securing Website Connections</h4>
|
||||
<p>Firefox keeps attackers from intercepting your sensitive data by automatically establishing secure connections to websites that offer secure https servers.</p>
|
||||
{{ platform_img('img/firefox/features/screen-updates.png', alt='Automated Updates Bookmarking screenshot') }}
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Automated Updates</h4>
|
||||
<p>Firefox will automatically let you know when there’s a new version available, so you can make sure your browser is always up-to-date with the latest and greatest security fixes.</p>
|
||||
<p><a href="/<?=$lang?>/firefox/security/">Learn more about Firefox’s security features.</a></p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Outdated Plugin Detection</h4>
|
||||
<p>Plugins are small bits of third-party software built by companies like Adobe Systems or Apple to power videos, animation and games. They can be major security risks when they get out of date, so we’ve built an easy tool to help you stay current. <a href="/<?=$lang?>/plugincheck/">Check your plugins.</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="billboard" id="powerfulpersonalization">
|
||||
<div class="features-container">
|
||||
<a href="#main-feature" class="features-top-link">Return to top</a>
|
||||
<h3>Powerful <span>Personalization</span></h3>
|
||||
|
||||
<div class="addons-manager feature">
|
||||
{{ platform_img('img/firefox/features/screen-addons.png', alt='Add-ons Manager screenshot') }}
|
||||
|
||||
<h4>Add-ons Manager</h4>
|
||||
<p>The Add-ons Manager has been redesigned to let 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. Your Add-ons Manager even lets you view, manage and disable third-party plugins in a few easy clicks, checking and auto-updating any of your installed add-ons every time you open the Manager pane. <a href="http://support.mozilla.org/kb/Customizing+Firefox+with+add-ons">Learn how to customize Firefox with add-ons.</a></p>
|
||||
</div>
|
||||
|
||||
<div class="column1">
|
||||
<div class="feature">
|
||||
<h4>Dress Up Your Firefox with Personas</h4>
|
||||
<p>Change the look of your Firefox to practically anything with Personas: thousands of easy-to-install themes created by users from around the world (or that you make yourself!). With a single click, you can dress your browser up in simple designs, colorful patterns, and content from partners like Harry Potter and Bob Marley.</p>
|
||||
{{ platform_img('img/firefox/features/screen-personas.png', alt='Personas screenshot') }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column2">
|
||||
<div class="feature">
|
||||
<h4>Customizable Interface</h4>
|
||||
<p>Everyone likes to browse their own way, so we’ve made it easy to adjust the Firefox 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. Just right click on the navigation toolbar and select the Customize option to get started.</p>
|
||||
<p><a href="/<?=$lang?>/firefox/customize/">Learn more about Firefox’s personalization features.</a></p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>100,000s of Ways to Customize</h4>
|
||||
<p>The sky’s the limit with a growing library of thousands of <a href="https://addons.mozilla.org/en-US/firefox/">Firefox add-ons</a>, little extras you choose to download and install for a browser that works your way. Manage online auctions, upload digital photos, see the weather forecast in a glance and listen to music all from the convenience of your browser. If you’re not sure where to begin, <a href="https://addons.mozilla.org/en-US/firefox/extensions/?sort=users">check out our most popular add-ons</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column3">
|
||||
<div class="feature">
|
||||
<h4>Beyond Add-ons</h4>
|
||||
<p>Add-ons are the cornerstone of customization, but adapting Firefox to suit your style doesn’t stop there. You can add new search engines, change toolbar preferences, display different sizes, shapes and styles for your browser’s navigation buttons and more. With additional preferences, you can specify a Web mail client (such as Gmail) to open up when you click on an address from a Web page or set up a news reader application for the blogs you encounter.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="billboard" id="cuttingedge">
|
||||
<div class="features-container">
|
||||
<a href="#main-feature" class="features-top-link">Return to top</a>
|
||||
<h3>The <span>Cutting Edge</span></h3>
|
||||
|
||||
<div class="column1">
|
||||
<div class="feature">
|
||||
<h4>Newest Web Technologies</h4>
|
||||
<p>Site authors and developers will love Firefox’s new and enhanced functionalities. If creating advanced content and applications gets you excited, Firefox is the best browser choice. <a href="https://developer.mozilla.org/">Learn more.</a></p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>WebSockets</h4>
|
||||
<p>WebSockets open the door to instantaneous two-way communications between Firefox and Web servers. This makes it easier for developers to build real-time messaging applications and HTML5 games on the Web that are more responsive and interactive than ever before.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Upgrading Forms</h4>
|
||||
<p>Make annoying form implementation development a thing of the past. Firefox-integrated form features like list attributes and HTML validation provide the tools you need.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>WebM and HD Video</h4>
|
||||
<p>As pioneers of HTML5 video standards, Firefox also supports the WebM format so you can watch open HD-quality video.</p>
|
||||
<div id="video-player" class="mozilla-video-control section-video">
|
||||
<video
|
||||
id="video"
|
||||
width="290"
|
||||
height="163"
|
||||
controls="controls"
|
||||
poster="{{ media('img/firefox/video/poster-brand.jpg') }}">
|
||||
|
||||
<source src="http://videos-cdn.mozilla.net/brand/Mozilla_Firefox_Manifesto_v0.2_640.webm" type="video/webm" />
|
||||
<source src="http://videos-cdn.mozilla.net/brand/Mozilla_Firefox_Manifesto_v0.2_640.theora.ogv" type="video/ogg; codecs="theora, vorbis"" />
|
||||
<source src="http://videos-cdn.mozilla.net/brand/Mozilla_Firefox_Manifesto_v0.2_640.mp4" type="video/mp4" />
|
||||
|
||||
<object type="application/x-shockwave-flash"
|
||||
style="width: 290px; height: 191px;"
|
||||
data="/includes/flash/playerWithControls.swf?flv=brand/Mozilla_Firefox_Manifesto_v0.2_640.mp4&autoplay=false&msg=Play%20Video">
|
||||
|
||||
<param name="movie" value="/includes/flash/playerWithControls.swf?flv=brand/Mozilla_Firefox_Manifesto_v0.2_640.mp4&autoplay=false&msg=Play%20Video" />
|
||||
<param name="wmode" value="transparent" />
|
||||
|
||||
<div class="video-player-no-flash">
|
||||
This video requires a browser with support for open video:
|
||||
<ul>
|
||||
<li><a href="http://www.mozilla.org/firefox/">Firefox</a> 3.5 or greater</li>
|
||||
<li><a href="http://www.apple.com/safari/">Safari</a> 3.1 or greater</li>
|
||||
</ul>
|
||||
|
||||
or the <a href="http://www.adobe.com/go/getflashplayer">Adobe Flash Player</a>.
|
||||
Alternatively, you may use the video download links to the right.
|
||||
</div>
|
||||
|
||||
</object>
|
||||
|
||||
</video>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column2">
|
||||
<div class="feature">
|
||||
<h4>Parser</h4>
|
||||
<p>Firefox includes an HTML5-ready parser. This parser brings with it some <a href="https://developer.mozilla.org/en/svg_in_html_introduction">new capabilities, most notably inline SVG</a>, but also improves performance by running the parsing algorithm on its own processor. </p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>IndexedDB</h4>
|
||||
<p>Firefox includes an early version of <a href="https://developer.mozilla.org/en/IndexedDB">IndexedDB</a> to give developers a first look at experimenting with local storage in the browser.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Next-Generation Graphics</h4>
|
||||
<p>You have to see it to believe it. Thanks to our upgraded graphics engine, the rendering of text and graphics, including SVG and Canvas, is faster and sharper than ever before. Firefox automatically color-corrects images (like your digital photos) to make sure the colors are exactly as their data intended.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Scratchpad</h4>
|
||||
<p>One of our new, built-in developer tools, Scratchpad lets you build and test snippets of JavaScript code right in the browser, saving you time and precious keystrokes.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column3">
|
||||
<div class="feature">
|
||||
<h4>Enhanced File API</h4>
|
||||
<p>With added support for .click() to the File upload control, .slice and file API urls, Firefox allows developers to better customize the file upload experience.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Stylin’ Pages with CSS3</h4>
|
||||
<p>Support for new CSS3 features like border-radius, box-shadow and other Transitions, Animations and Transformations makes it easy to add elegant animations to Web pages</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Audio API</h4>
|
||||
<p>Firefox is changing the way media is integrated on the Web. HTML5 makes it easy for developers to use JavaScript to read and write audio data. We’ve exposed the raw audio data so you can create great sounds!</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Multi-touch Support</h4>
|
||||
<p>Firefox now integrates multi-touch support for Windows 7, enabling you to interact with your browser in a whole new way.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Web Console</h4>
|
||||
<p>Want to know what makes cutting-edge sites tick? Firefox allows you to peek under the hood of dynamic web pages with this experimental analysis tool.</p>
|
||||
</div>
|
||||
<p><a href="/<?=$lang?>/firefox/technology/">Learn more about Firefox’s technology features.</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="billboard" id="universalaccess">
|
||||
<div class="features-container">
|
||||
<a href="#main-feature" class="features-top-link">Return to top</a>
|
||||
<h3>Universal <span>Access</span></h3>
|
||||
|
||||
<div class="column1">
|
||||
<div class="feature">
|
||||
<h4>Fabulous Fonts</h4>
|
||||
<p>Firefox supports open font formats like WOFF, TrueType and OpenType, meaning site designers are no longer limited to a select handful of web-ready fonts as they create their sites. Because Firefox makes sure to display and render type properly even if you don’t have the font installed on your computer, you can view a wide variety of fonts while you browse.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column2">
|
||||
<div class="feature">
|
||||
<h4>The Language of Firefox</h4>
|
||||
<p>Firefox speaks your language like no other browser on earth. Because the Web is a public resource shared by everyone, we’ve made our browser available in as many languages as possible. We have over 85 different translations, from French and Chinese to Finnish and Czech. <a href="/<?=$lang?>/firefox/all.html">Find your language.</a></p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Better Text Rendering</h4>
|
||||
<p>Read your language as it’s written—more like real life. Our graphics engine renders Arabic, Persian, Punjabi and other script languages in a remarkably seamless way.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column3">
|
||||
<div class="feature">
|
||||
<h4>Emphasis on Accessibility</h4>
|
||||
<p>By minimizing keystrokes, allowing users to zoom in on Web pages and supporting screen readers, Firefox is that much easier to use for those with mobility disabilities and visual impairments.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h4>Universal Customization</h4>
|
||||
<p>Go beyond translation and experience the web in a way that makes sense to you. Local developers who know what’s best for their community have customized your Firefox browsing experience with local dictionaries, search providers, live bookmarks and Web feeds. Depending on where you live, you’ll see things like BBC headlines tailored to your region or experience features that work with Baidu, the Chinese search engine.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,129 @@
|
|||
{% extends "/firefox/base.html" %}
|
||||
|
||||
{% block page_title %}Geolocation in Firefox{% endblock %}
|
||||
{% block body_id %}geolocation{% endblock %}
|
||||
|
||||
{% block site_css %}
|
||||
{{ css('firefox_geolocation') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block site_js %}
|
||||
{{ js('geolocation') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div id="main-feature">
|
||||
<h1>Location-Aware Browsing</h1>
|
||||
<p>Firefox can tell websites where you’re located so you can find info
|
||||
that’s more relevant and more useful. It’s about making the Web smarter
|
||||
– and is done in a way that totally respects your privacy.
|
||||
<a href="#geo-demo" id="try-geolocation" style="display:none">Give it a try!</a></p>
|
||||
</div>
|
||||
|
||||
<div id="main-content">
|
||||
|
||||
<div class="main-column">
|
||||
|
||||
<h3>Frequently asked <span>Questions</span></h3>
|
||||
|
||||
<div class="expander expander-odd">
|
||||
<h4 class="expander-header">What is Location-Aware Browsing?</h4>
|
||||
<div class="expander-content">
|
||||
<p>Websites that use location-aware browsing will ask where you are in order to bring you more relevant information, or to save you time while searching. Let’s say you’re looking for a pizza restaurant in your area. A website will be able to ask you to share your location so that simply searching for “pizza” will bring you the answers you need... no further information or extra typing required.</p>
|
||||
<p>Or, if you’re mapping out directions to get somewhere, the website will know where you’re starting from so all you have to do is tell it where you want to go.</p>
|
||||
<p>This service is totally optional – Firefox doesn’t share your location without your permission – and is done with the utmost respect for your privacy. And, like all elements of Firefox, it’s being created using open standards to ease adoption by Web developers.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="expander expander-even">
|
||||
<h4 class="expander-header">How does it work?</h4>
|
||||
<div class="expander-content">
|
||||
<p>When you visit a location-aware website, Firefox will ask you if you want to share your location.</p>
|
||||
<p>If you consent, Firefox gathers information about nearby wireless access points and your computer’s IP address. Then Firefox sends this information to the default geolocation service provider, Google Location Services, to get an estimate of your location. That location estimate is then shared with the requesting website.</p>
|
||||
<p>If you say that you do not consent, Firefox will not do anything.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="expander expander-odd">
|
||||
<h4 class="expander-header">How accurate are the locations?</h4>
|
||||
<div class="expander-content">
|
||||
<p>Accuracy varies greatly from location to location. In some places, our service providers may be able to provide a location to within a few meters. However, in other areas it might be much more than that. All locations returned by our service providers are estimates only and we do not guarantee the accuracy of the locations provided. Please do not use this information for emergencies. Always use common sense.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="expander expander-even">
|
||||
<h4 class="expander-header">What information is being sent, and to whom? How is my privacy protected?</h4>
|
||||
<div class="expander-content">
|
||||
<p>Your privacy is extremely important to us, and Firefox never shares your location without your permission. When you visit a page that requests your information, you’ll be asked before any information is shared with the requesting website and our third-party service provider.</p>
|
||||
<p>By default, Firefox uses Google Location Services to determine your location by sending:</p>
|
||||
<ul>
|
||||
<li>your computer’s IP address,</li>
|
||||
<li>information about the nearby wireless access points, and</li>
|
||||
<li>a random client identifier, which is assigned by Google, that expires every 2 weeks.</li>
|
||||
</ul>
|
||||
<p>For a complete description of information collected and used by Firefox, please see the <a href="/<?=$lang?>/legal/privacy/firefox.html">Firefox Privacy Policy</a>.</p>
|
||||
<p>Google Location Services then returns your estimated geolocation (e.g., latitude and longitude). For a complete description of information collected and used by Google, please see the <a href="http://www.google.com/privacy-lsf.html" class="external">Google Geolocation Privacy Policy</a>.</p>
|
||||
<p>The information is exchanged over an encrypted connection to protect your privacy. Once Firefox has your location information, it passes it to the website that requested it. At no time is the name or location of the website you are visiting, or are any cookies, ever shared with Google Location Services.</p>
|
||||
<p>Neither Mozilla or Google will ever use the information collected by Google Location Services to identify or spy on you.</p>
|
||||
<p>For information about what the requesting website does with your location information, please refer to that website's privacy policy.</p>
|
||||
<p>For more information about your privacy, you should also read:</p>
|
||||
<ul>
|
||||
<li><a href="/<?=$lang?>/legal/privacy/firefox.html">Mozilla Firefox privacy policy</a></li>
|
||||
<li><a href="http://www.google.com/privacy-lsf.html" class="external">Google privacy policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="expander expander-odd">
|
||||
<h4 class="expander-header">Am I being tracked as I browse the web?</h4>
|
||||
<div class="expander-content">
|
||||
<p>No. Firefox only requests a location when a website makes a request, and only shares your location when the user has approved the request. Firefox does not track or remember your location as you browse.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="expander expander-even" id="undo-permission">
|
||||
<h4 class="expander-header">How do I undo a permission granted to a site?</h4>
|
||||
<div class="expander-content">
|
||||
<p>If you've given Firefox permission to always give your location to a site and later change your mind, you can easily revoke that permission. Here's how:</p>
|
||||
<ul>
|
||||
<li>Navigate to the site to which you've given permission</li>
|
||||
<li>Go to the <em>Tools</em> menu, then select <em>Page Info</em></li>
|
||||
<li>Select the <em>Permissions</em> tab</li>
|
||||
<li>Change the setting for <em>Share Location</em></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="expander expander-odd">
|
||||
<h4 class="expander-header">How do I clear the “random client identification number”?</h4>
|
||||
<div class="expander-content">
|
||||
<ul>
|
||||
<li>Go to the <em>Tools</em> menu, then select <em>Clear Recent History</em></li>
|
||||
<li>Click the <em>Details</em> arrow</li>
|
||||
<li>Ensure that <em>Cookies</em> is selected</li>
|
||||
<li>Click on <em>Clear Now</em></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="expander expander-even">
|
||||
<h4 class="expander-header">How do I turn off Location-Aware Browsing permanently?</h4>
|
||||
<div class="expander-content">
|
||||
<p>Location-Aware Browsing is always opt-in in Firefox. No location information is ever sent without your permission. If you wish to disable the feature completely, please follow this set of steps:</p>
|
||||
<ul>
|
||||
<li>In the URL bar, type <code>about:config</code></li>
|
||||
<li>Type <code>geo.enabled</code></li>
|
||||
<li>Double click on the <em>geo.enabled</em> preference</li>
|
||||
<li>Location-Aware Browsing is now disabled</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="geo-demo" style="display:none">
|
||||
<div id="map_canvas"></div>
|
||||
<button id="locateButton" type="button">Where am I?</button>
|
||||
<img id="geo-busy" src="/media/img/ajax_loading.gif" alt="busy"/>
|
||||
<p id="geodemo-error">Oops! An error occurred while trying to determine your position.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div> <!-- end #main -->
|
||||
|
||||
<script src="http://maps.google.com/maps?file=api&v=2&sensor=true&key={{ gmap_api_key }}"></script>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,116 @@
|
|||
{% extends "/firefox/base.html" %}
|
||||
|
||||
{% block page_title %}Fewer Crashes, More Happiness{% endblock %}
|
||||
{% block body_id %}firefox-happy{% endblock %}
|
||||
|
||||
{% block site_header_nav %}
|
||||
{% endblock %}
|
||||
|
||||
{% block site_css %}
|
||||
{{ css('firefox_happy') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
|
||||
<div id="main-feature">
|
||||
<h1 class="stacked">Fewer Crashes <span class="large">More Happiness</span></h1>
|
||||
<div class="row">
|
||||
<h4 class="span6">Upgrade now and see how much happier browsing can be with the newest and fastest Firefox.</h4>
|
||||
<div id="download_area">
|
||||
{{ download_button('download', 'upgrade') }}
|
||||
<script src="/media/js/download.js"></script>
|
||||
<script type="text/javascript">
|
||||
offerBestDownloadLink('download');
|
||||
</script>
|
||||
<p><a href="/firefox/central/">Learn more »</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="main-content">
|
||||
<div id="fx">
|
||||
<ul id="bars">
|
||||
<li id="old-fx"><b>Old Firefox</b> <span><img src="{{ media('img/firefox/happy/face-sad.png') }}"></span></li>
|
||||
<li id="new-fx"><b>New Firefox</b> <span><img src="{{ media('img/firefox/happy/face-happy.png') }}"></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="non-fx">
|
||||
<p id="detected">Hey, looks like you’re using %BROWSER%. Why not grab Firefox and get up to speed.</p>
|
||||
<p id="notdetected">Hey, looks like you’re not using Firefox as your browser. Why not grab Firefox and get up to speed.</p>
|
||||
</div>
|
||||
<p id="followup">
|
||||
<em>New Firefox is faster, free (as always), crashes less and protects your privacy more.</em>
|
||||
<a href="/en-US/firefox/">Upgrading</a> takes less than a minute and you won’t lose your history or bookmarks. Hooray!
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
{% block js %}
|
||||
|
||||
{{ js('firefox_happy') }}
|
||||
|
||||
<script>
|
||||
|
||||
$(document).ready(function() {
|
||||
var isFirefox = (/\sFirefox/.test(window.navigator.userAgent));
|
||||
var moving = true;
|
||||
|
||||
function grow() {
|
||||
moving = true;
|
||||
$('#old-fx img').animate({'margin-left': '100px'}, 2000);
|
||||
$('#new-fx img').animate({'margin-left': '430px'}, 2000, 'swing',
|
||||
function(){ moving = false; });
|
||||
}
|
||||
|
||||
function reset() {
|
||||
$('#bars img').css('margin-left', 0);
|
||||
}
|
||||
|
||||
if (isFirefox) {
|
||||
grow();
|
||||
$('#fx').click(function(){
|
||||
if (!moving) {
|
||||
reset();
|
||||
grow();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
$('#fx').hide();
|
||||
|
||||
var $nonfx = $('#non-fx');
|
||||
var $detected = $('#detected');
|
||||
var $notdetected = $('#notdetected');
|
||||
|
||||
var isSafari = /Safari/.test(window.navigator.userAgent);
|
||||
var isChrome = /Chrome/.test(window.navigator.userAgent);
|
||||
var isIE = /MSIE/.test(window.navigator.userAgent);
|
||||
|
||||
if (isChrome) {
|
||||
$detected.text(
|
||||
$detected.text().replace(/%BROWSER%/, 'Google Chrome')
|
||||
);
|
||||
$notdetected.hide();
|
||||
} else if (isSafari) {
|
||||
$detected.text(
|
||||
$detected.text().replace(/%BROWSER%/, 'Safari')
|
||||
);
|
||||
$notdetected.hide();
|
||||
} else if (isIE) {
|
||||
$detected.text(
|
||||
$detected.text().replace(/%BROWSER%/, 'Internet Explorer')
|
||||
);
|
||||
$notdetected.hide();
|
||||
} else {
|
||||
$detected.hide();
|
||||
}
|
||||
|
||||
$nonfx.show();
|
||||
}
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
{% extends "/firefox/base.html" %}
|
||||
|
||||
{% block page_title %}Free Download{% endblock %}
|
||||
{% block body_id %}firefox-mew{% endblock %}
|
||||
|
||||
{% block site_header_nav %}{% endblock %}
|
||||
{% block site_header_logo %}{% endblock %}
|
||||
|
||||
{% block site_css %}
|
||||
{{ css('firefox_new') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<article id="main-content">
|
||||
|
||||
<h1>Different by Design</h1>
|
||||
<ul id="benefits">
|
||||
<li class="first">Proudly <span>non-profit</span></li>
|
||||
<li>Innovating <span>for you</span></li>
|
||||
<li>Fast, flexible, <span>secure</span></li>
|
||||
</ul>
|
||||
|
||||
{{ download_button('download') }}
|
||||
<p id="beta-promo">
|
||||
<a href="/<?=$lang?>/firefox/beta/?WT.mc_id=bbetahomepage">Try Firefox Beta</a>
|
||||
</p>
|
||||
</article>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block site_footer %}
|
||||
<footer id="colophon">
|
||||
|
||||
<nav class="primary">
|
||||
<ul class="primary">
|
||||
<li><a href="{{ php_url('/firefox/central/') }}">Tour</a></li>
|
||||
<li><a href="{{ php_url('/firefox/features/') }}">Desktop</a></li>
|
||||
<li><a href="{{ php_url('/mobile/') }}">Mobile</a></li>
|
||||
<li><a href="{{ php_url('https://addons.mozilla.org/') }}">Add-ons</a></li>
|
||||
<li><a href="{{ php_url('http://support.mozilla.org/') }}">Support</a></li>
|
||||
<li><a href="{{ php_url('/about/') }}">About</a></li>
|
||||
</ul>
|
||||
<ul class="secondary">
|
||||
<li><a href="{{ php_url('/privacy-policy.html') }}">Privacy Policy</a></li>
|
||||
<li><a href="{{ php_url('/about/legal.html') }}">Legal Notices</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</footer>
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,67 @@
|
|||
{% extends "/firefox/organizations/organizations.html" %}
|
||||
|
||||
{% block page_title %}Firefox Extended Support Release FAQ{% endblock %}
|
||||
{% block body_id %}organizations-faq{% endblock %}
|
||||
|
||||
{% block site_header_logo %}
|
||||
<h1><a href="{{ url('firefox.organizations') }}"><img src="{{ media('img/firefox/organizations/title.png') }}" alt="Firefox ESR" height="68" width="299"></a></h1>
|
||||
{% endblock %}
|
||||
|
||||
{% block main_feature %}
|
||||
<div id="main-feature" class="stacked">
|
||||
<h1>Mozilla Firefox <span class="large">ESR Overview</span></h1>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block main_column %}
|
||||
<h4>What is Mozilla?</h4>
|
||||
<p>Mozilla is a global, non-profit organization dedicated to making the Web better. We emphasize principle over profit, and believe that the Web is a shared public resource to be cared for, not a commodity to be sold. We work with a worldwide community to create open source products like Mozilla Firefox, and to innovate for the benefit of the individual and the betterment of the Web. The result is great products built by passionate people and better Web choices for everyone. For more information, visit <a href="http://www.mozilla.org/firefox/">mozilla.org/firefox</a>.</p>
|
||||
|
||||
<h4>What is Mozilla Firefox ESR?</h4>
|
||||
<p>Mozilla will offer an Extended Support Release (ESR) based on an official release of Firefox for desktop for use by organizations including schools, universities, businesses and others who need extended support for mass deployments. You can read more about the plan <a href="https://wiki.mozilla.org/Enterprise/Firefox/ExtendedSupport:Proposal">here</a>.</p>
|
||||
|
||||
<h4>What does the Mozilla Firefox ESR life cycle look like?</h4>
|
||||
<p>Releases will be maintained for approximately one year, with point releases containing security updates coinciding with regular Firefox releases. The ESR will also have a two cycle (12 week) overlap between the time of a new release and the end-of-life of the previous release to permit testing and certification prior to deploying a new version.</p>
|
||||
|
||||
<p><img src="{{ media('/img/firefox/organizations/release-overview.png') }}" alt="Firefox ESR Release Overview" id="release-overview" /></p>
|
||||
|
||||
<p>Maintenance of each ESR, through point releases, is limited to high-risk/high-impact security vulnerabilities and in rare cases may also include off-schedule releases that address live security vulnerabilities. Backports of any functional enhancements and/or stability fixes are not in scope.</p>
|
||||
|
||||
<p>At the end of the support period for an ESR version:</p>
|
||||
|
||||
<ul>
|
||||
<li>the release will reach its end-of-life</li>
|
||||
<li>no further updates will be offered for that version</li>
|
||||
<li>an update to the next version will be offered through the application update service</li>
|
||||
</ul>
|
||||
|
||||
<p>You can <a href="https://wiki.mozilla.org/Enterprise/Firefox/ExtendedSupport:Proposal#Proposal">read more about the plan here</a>.</p>
|
||||
|
||||
<h4>Who should use Mozilla Firefox ESR?</h4>
|
||||
<p>Mozilla Firefox ESR is meant for organizations that manage their client desktops, including schools, businesses and other instituitions that want to offer Firefox. Users who want to get the latest features, performance enhancements and technologies in their browsing experience should download Firefox for <a href="/firefox/">personal use</a>, as these improvements will only be available to ESR users several development cycles after being made available in Firefox for desktop. If you’re using Firefox for personal use, you can <a href="/firefox/">download Firefox</a> from <a href="/firefox/">mozilla.org/firefox</a>.</p>
|
||||
|
||||
<h4>What does my organization need to do to use Mozilla Firefox ESR?</h4>
|
||||
<p>Organizations that deploy Firefox ESR are requested to sign up for the Enterprise Working Group mailing list. They are also requested to test advance versions of Firefox and ESR Release Candidates. Users can file bugs for issues they may encounter <a href="https://bugzilla.mozilla.org/enter_bug.cgi?product=Firefox">here</a> or follow known bugs <a href="https://wiki.mozilla.org/Enterprise:Bugs">here</a>.</p>
|
||||
|
||||
<h4>How can I learn about the latest Mozilla Firefox ESR news?</h4>
|
||||
<p>To learn about the latest Mozilla Firefox ESR news, you must be signed up for Mozilla’s Enterprise Working Group (EWG) <a href="{{ url('firefox.organizations') }}">mailing list</a>. This is where Mozilla communicates the latest information about EWG, Firefox ESR and product updates. You can read more about EWG <a href="https://wiki.mozilla.org/Enterprise">here</a>.</p>
|
||||
|
||||
<h4>What is the Enterprise Working Group?</h4>
|
||||
<p>The Mozilla Enterprise User Working Group is where enterprise developers, IT staff, Firefox and Thunderbird developers discuss best practices for deploying Firefox and Thunderbird in the enterprise. You can <a href="https://wiki.mozilla.org/Enterprise">learn more about the EWG here</a>.</p>
|
||||
|
||||
<h4>Where can I get technical support for Mozilla Firefox ESR?</h4>
|
||||
<p>Mozilla Firefox ESR support can be found through the EWG mailing list. As Firefox ESR is functionally identical to Firefox for desktop, users will be able to find relevant support articles <a href="http://support.mozilla.org/">here</a>.</p>
|
||||
|
||||
<h4>How do I customize Firefox to meet my organization’s IT policy/requirements?</h4>
|
||||
<p>There are several methods that can be used to customize Firefox and the best place to start is the Enterprise Working Group or the Enterprise Wiki page. There are <a href="https://addons.mozilla.org/en-US/firefox/addon/cck/">add-ons available</a>, as well as third-party organizations who provide customizations services, and the EWG is a good place to discuss requirements if you’re just getting started.</p>
|
||||
|
||||
<h4>Is Mozilla Firefox ESR available in my language?</h4>
|
||||
Firefox ESR is available in every locale currently available for Firefox. Because of the precise needs of Firefox ESR, it’s important that anyone deploying the build be registered and participate in an EWG <a href="..">mailing list</a>. The mailing list is only available in <a href="http://mozilla.jp/business/">Japanese</a> and English, but if you would like to volunteer to lead a Firefox ESR mailing list in your language, please get <a href="mailto:stormy@mozilla.com">in touch</a>.</p>
|
||||
|
||||
<h4>Is Mozilla Firefox ESR available for Android?</h4>
|
||||
<p>No. Firefox ESR will only be offered for Windows, Mac and Linux for desktop computers.</p>
|
||||
|
||||
<h4>Where can I download Mozilla Firefox ESR?</h4>
|
||||
<p>You can download Mozilla Firefox ESR <a href="/firefox/organizations/all.html">here</a>.</p>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,76 @@
|
|||
{% extends "/firefox/base.html" %}
|
||||
|
||||
{% block page_title_prefix %}{% endblock %}
|
||||
{% block page_title %}Firefox Extended Support Release for Your Organization, Business, Enterprise - Overview{% endblock %}
|
||||
{% block body_id %}organizations{% endblock %}
|
||||
|
||||
{% block site_css %}
|
||||
{{ css('firefox_organizations') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block site_header_nav %}
|
||||
{% endblock %}
|
||||
|
||||
{% block site_header_logo %}
|
||||
<h2><img src="{{ media('img/firefox/organizations/title.png') }}" alt="Firefox ESR" height="68" width="299"></h2>
|
||||
{% endblock %}
|
||||
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% block main_feature %}
|
||||
<hgroup id="main-feature" class="stacked">
|
||||
<h1>Mozilla Firefox <span class="large">Extended Support Release</span></h1>
|
||||
<h4>A community-led project that allows organizations to benefit from the speed, flexibility and security of Firefox while getting the support they need.</h4>
|
||||
</hgroup>
|
||||
{% endblock %}
|
||||
|
||||
<div id="main-content">
|
||||
<div class="row">
|
||||
<div class="main-column">
|
||||
{% block main_column %}
|
||||
|
||||
<h4>Who is it for?</h4>
|
||||
<p>Firefox ESR is intended for groups who deploy and maintain the desktop environment in large organizations such as universities and other schools, county or city governments and businesses.</p>
|
||||
|
||||
<h4>Who is it not for?</h4>
|
||||
<p>Individual users who always want the latest features, performance enhancements and technologies in their browser without waiting for them to become available in ESR several development cycles later.</p>
|
||||
|
||||
<div id="steps">
|
||||
<h4>Step 1.</h4>
|
||||
<p>Before proceeding, we strongly encourage Firefox ESR users to sign up for the <a href="https://mail.mozilla.org/listinfo/enterprise">Enterprise Working Group (EWG) mailing list</a>. The EWG list is a great place to discuss deploying Firefox with other community members and will be the only way to receive regular communications regarding product updates and support.</p>
|
||||
<h4>Step 2.</h4>
|
||||
<p><a href="{{ url('firefox.organizations_faq') }}">Review our handy FAQ</a> for your organization and download Firefox ESR.</p>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
</div>
|
||||
|
||||
<aside id="sidebar" class="sidebar">
|
||||
|
||||
<div id="alternate-download">
|
||||
<h4>Not from an organization?</h4>
|
||||
<p>If you’re looking for Firefox for personal use, please visit our <a href="/firefox/">Firefox</a> page.</p>
|
||||
</div>
|
||||
|
||||
<form method="post" action="https://mail.mozilla.org/subscribe/enterprise" id="esr-form">
|
||||
<h4>Subscribe to the Enterprise Working Group (EWG) mailing list</h4>
|
||||
<div class="form-field">
|
||||
<input type="email" name="email" id="email" size="30" value="" placeholder="Email" required />
|
||||
</div>
|
||||
<div class="form-field">
|
||||
<input type="text" name="fullname" size="30" value="" placeholder="Full Name" />
|
||||
</div>
|
||||
<div class="form-field">
|
||||
<input type="submit" name="email-button" value="Subscribe" class="button-blue" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</aside>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,87 @@
|
|||
{% extends "/firefox/base.html" %}
|
||||
|
||||
{% block page_title %}Blazing Fast Performance{% endblock %}
|
||||
{% block body_id %}firefox-security{% endblock %}
|
||||
|
||||
{% block extrahead %}
|
||||
{{ css('video') }}
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block js %}
|
||||
{{ js('video') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div id="main-feature" class="stacked">
|
||||
<h1>Blazing <span class="large">Performance</span></h1>
|
||||
{{ download_button('download', 'small') }}
|
||||
|
||||
<script src="/media/js/download.js"></script>
|
||||
<script type="text/javascript">
|
||||
offerBestDownloadLink('download');
|
||||
</script>
|
||||
</div>
|
||||
|
||||
<nav class="menu-bar billboard">
|
||||
<ul>
|
||||
<li><a href="#web">Making the Web Faster</a></li>
|
||||
<li><a href="#hardware">Hardware Acceleration</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<section id="web" class="container divider">
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h2>Making the Web <span>Faster</span></h2>
|
||||
<p>Fasten your seat belts! With lightning fast start-up times, rapid graphics rendering and improved page load speed, the latest version of Firefox is full of performance enhancements that you’ll notice instantly.</p>
|
||||
<p>Web applications like mail, video and games keep getting more awesome, but they also require additional power to run smoothly. To meet these increasingly sophisticated demands, our latest release features a massively improved JavaScript engine called JägerMonkey.</p>
|
||||
</div>
|
||||
<figure id="video-wrapper" class="span7">
|
||||
<div id="video-player" class="mozilla-video-control mozilla-video-shadow">
|
||||
<video
|
||||
id="video"
|
||||
width="640"
|
||||
height="360"
|
||||
poster="{{ media('img/firefox/video/poster-runfield.jpg') }}"
|
||||
controls="controls">
|
||||
|
||||
<source src="http://videos-cdn.mozilla.net/serv/mozhacks/demos/screencasts/runfield/screencast.webm" type="video/webm" />
|
||||
<source src="http://videos-cdn.mozilla.net/serv/mozhacks/demos/screencasts/runfield/screencast.theora.ogv" type="video/ogg; codecs="theora, vorbis"" />
|
||||
<source src="http://videos-cdn.mozilla.net/serv/mozhacks/demos/screencasts/runfield/screencast.mp4" type="video/mp4" />
|
||||
|
||||
<object type="application/x-shockwave-flash"
|
||||
style="width: 640px; height: 388px;"
|
||||
data="/includes/flash/playerWithControls.swf?flv=serv/mozhacks/demos/screencasts/runfield/screencast.mp4&autoplay=false&msg=Play%20Video">
|
||||
|
||||
<param name="movie" value="/includes/flash/playerWithControls.swf?flv=serv/mozhacks/demos/screencasts/runfield/screencast.mp4&autoplay=false&msg=Play%20Video" />
|
||||
<param name="wmode" value="transparent" />
|
||||
|
||||
<div class="video-player-no-flash">
|
||||
This video requires a browser with support for open video
|
||||
or the <a href="http://www.adobe.com/go/getflashplayer">Adobe Flash Player</a>.
|
||||
</div>
|
||||
|
||||
</object>
|
||||
|
||||
</video>
|
||||
</div>
|
||||
<figcaption>Runfield is a Web-based game built with JavaScript and Canvas. <a href="https://developer.mozilla.org/demos/detail/runfield/launch">Try it for yourself »</a></figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="hardware" class="container divider-last">
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h2>Hardware Acceleration</h2>
|
||||
<p>Whether you’re using Firefox on Windows 7, Vista, XP or Mac OS X, you’ll also enjoy hardware acceleration for many other operations, like watching videos or playing games.</p>
|
||||
</div>
|
||||
<div class="span7">
|
||||
<img height="300" width="620" alt="Hardware Acceleration screenshot" src="{{ media('img/firefox/performance/hardware-accel.png') }}">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,149 @@
|
|||
{% extends "/firefox/base.html" %}
|
||||
|
||||
{% block page_title %}Safe Web Browsing{% endblock %}
|
||||
{% block body_id %}firefox-security{% endblock %}
|
||||
|
||||
{% block site_css %}
|
||||
{{ css('firefox_security') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
|
||||
<div id="main-feature" class="stacked">
|
||||
<h1>Firefox Helps You <span class="large">Stay Safe</span></h1>
|
||||
{{ download_button('download', 'small') }}
|
||||
|
||||
<script src="/media/js/download.js"></script>
|
||||
<script type="text/javascript">
|
||||
offerBestDownloadLink('download');
|
||||
offerBestDownloadLink('download2');
|
||||
</script>
|
||||
</div>
|
||||
|
||||
<nav class="menu-bar billboard">
|
||||
<ul>
|
||||
<li><a href="#privacy">Protect Your Privacy</a></li>
|
||||
<li><a href="#secure">Browse with Security</a></li>
|
||||
<li><a href="#control">Stay in Control</a></li>
|
||||
<li><a href="#mission">Part of Our Mission</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<section id="privacy" class="billboard">
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h2>Protect Your Privacy</h2>
|
||||
<p>When you browse, you leave a trail of data that potentially contains all sorts of personal information. We believe this info belongs to you and you alone (and least of all to overzealous advertisers), and have built in features to ensure that’s the case.</p>
|
||||
<p class="top-link"><a href="#main-feature">Return to Top</a></p>
|
||||
</div>
|
||||
<div class="section-image span4">
|
||||
{{ platform_img('img/firefox/security/screenshot-privacy.jpg', alt='Private Browsing screenshot') }}
|
||||
</div>
|
||||
<ul class="section-list span3">
|
||||
<li>
|
||||
<h4>Do Not Track</h4>
|
||||
<p>Many sites track your online behavior and sell that data to advertisers. Firefox lets you tell sites that you want to opt out of behavioral tracking. <a href="http://support.mozilla.org/kb/how-do-i-stop-websites-tracking-me">Learn how</a>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>Private Browsing</h4>
|
||||
<p>Sometimes it’s nice to go undercover, so turn this feature on and protect your browsing history. <a href="http://support.mozilla.org/kb/Private%20Browsing">Learn how</a>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>Clear Recent History</h4>
|
||||
<p>Clear all your private data or just your most recent activity with a few quick clicks. <a href="http://support.mozilla.org/kb/Clear%20Recent%20History">Learn how</a>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>Forget This Site</h4>
|
||||
<p>Having second thoughts about having visited a certain site? Remove every trace of ever having been there! <a href="http://support.mozilla.org/kb/Clear%20Recent%20History#w_how-do-i-remove-a-single-website-from-my-history">Learn how</a>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>Content Security Policy</h4>
|
||||
<p>Firefox lets sites explicitly tell it which content is legitimate, thus protecting you from cross-site scripting attacks.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="secure" class="billboard">
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h3>Browse With Security</h3>
|
||||
<p>Whether it’s buying a gift, paying your bills or simply signing in to Facebook, it’s important keep your personal info out of the hands of any online bad guys who might be snooping around. Fortunately, Firefox is packed with advanced security features to help you stay safe.</p>
|
||||
<p class="top-link"><a href="#main-feature">Return to Top</a></p>
|
||||
</div>
|
||||
<div class="section-image span4">
|
||||
{{ platform_img('img/firefox/security/screenshot-anti-malware.jpg', alt='Anti-Malware screenshot') }}
|
||||
</div>
|
||||
<ul class="section-list span3">
|
||||
<li>
|
||||
<h4>Instant Website ID</h4>
|
||||
<p>A color-coded system makes it easy to check on suspicious sites and avoid Web forgeries. <a href="http://support.mozilla.org/kb/Site%20Identity%20Button">Learn more</a>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>Anti-Phishing & Anti-Malware</h4>
|
||||
<p>Firefox protects you from trojan horses and spyware, and warns you away from fraudulent sites.</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>Secure Software Installation</h4>
|
||||
<p>A secure connection is required before you can install add-ons and other 3rd party software.</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>Anti-Virus Integration</h4>
|
||||
<p>Firefox integrates elegantly with your computer’s anti-virus software whenever you download.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="control" class="billboard">
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h3>Stay In <span>Control</span></h3>
|
||||
<p>The online world is always changing, which is why we give you easy-to-use tools to let you adapt and make smart choices as you go.</p>
|
||||
<p class="top-link"><a href="#main-feature">Return to Top</a></p>
|
||||
</div>
|
||||
<div class="section-image span4">
|
||||
{{ platform_img('img/firefox/security/screenshot-plugins.jpg', alt='Plugins screenshot') }}
|
||||
</div>
|
||||
<ul class="section-list span3">
|
||||
<li>
|
||||
<h4>Plugin Check</h4>
|
||||
<p>Outdated 3rd party plugins can be a major risk, so we made it easy to find out what to update. <a href="/en-US/plugincheck/">Check your plugins.</a></p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>Parental Controls</h4>
|
||||
<p>Enforce parental control settings you’ve entered on Windows 7 to stop unwanted downloads and more.</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>Customized Security Settings</h4>
|
||||
<p>Control the level of scrutiny you’d like Firefox to give a site with a variety of customized settings. <a href="http://support.mozilla.org/kb/Options%20window%20-%20Security%20panel">Learn how</a>.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="mission" class="billboard">
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h3>It’s Part of Our <span>Mission</span></h3>
|
||||
<p>Mozilla is a non-profit organization with the goal of making the Web better for everyone. We’re not trying to make money off our users – we just want you to have the best possible experience online, and that includes keeping you and your personal information safe and private.</p>
|
||||
<p class="top-link"><a href="#main-feature">Return to Top</a></p>
|
||||
</div>
|
||||
<div class="section-image span4">
|
||||
<img alt="Communtity icon" src="{{ media('img/firefox/security/community.png') }}">
|
||||
</div>
|
||||
<ul class="section-list span3">
|
||||
<li>
|
||||
<h4>Commitment to Your Privacy</h4>
|
||||
<p>Firefox adheres to a strict privacy policy that prevents us from tracking who you are or what you do online. <a href="/en-US/legal/privacy/firefox.html">Read the policy.</a></p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>The Mission Matters</h4>
|
||||
<p>Our mission guides the way we make Firefox, meaning we always make decisions based on your needs first. <a href="http://www.mozilla.org/about/mission.html">Learn more.</a></p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,199 @@
|
|||
{% extends "/firefox/base.html" %}
|
||||
|
||||
{% block page_title %}How fast is your Firefox?{% endblock %}
|
||||
{% block body_id %}firefox-speed{% endblock %}
|
||||
|
||||
{% block site_header_nav %}
|
||||
{% endblock %}
|
||||
|
||||
{% block site_css %}
|
||||
{{ css('firefox_speed') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
|
||||
<div id="main-feature">
|
||||
<h1 class="">How fast is your Firefox?</h1>
|
||||
<div class="row">
|
||||
<h4 class="">New Firefox is up to 7 times faster. (That’s a lot!) Check the speedometer to see if yours can keep up.</h4>
|
||||
<div id="download_area">
|
||||
{{ download_button('download', 'upgrade') }}
|
||||
<script src="/media/js/download.js"></script>
|
||||
<script type="text/javascript">
|
||||
offerBestDownloadLink('download');
|
||||
</script>
|
||||
<p><a href="/firefox/central/">Learn more »</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="main-content">
|
||||
|
||||
<div id="gauge">
|
||||
<img src="{{ media('img/firefox/speed/needle.png') }}" alt="" id="needle" />
|
||||
<div id="gauge-slow">
|
||||
Old Firefox = <em>Sadface</em>
|
||||
</div>
|
||||
<div id="gauge-fast">
|
||||
New Firefox = <em>Yay!</em>
|
||||
</div>
|
||||
<div id="gauge-slow-note">
|
||||
<div class="content">
|
||||
<p>That just isn’t going to cut it. Stop browsing in the past and <a href="/<?=$lang?>/firefox/">upgrade now!</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="gauge-fast-note">
|
||||
<div class="content">
|
||||
<h4>Now we’re talking!</h4>
|
||||
<p>Feels better, doesn’t it? Welcome to the future of the Web. It’s nice here.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="non-fx">
|
||||
<p id="detected">Hey, looks like you’re using %BROWSER%. Why not grab Firefox and get up to speed.</p>
|
||||
<p id="notdetected">Hey, looks like you’re not using Firefox as your browser. Why not grab Firefox and get up to speed.</p>
|
||||
</div>
|
||||
|
||||
<p id="followup"><em>New Firefox is faster, free (as always), crashes less and protects your privacy more.</em> <a href="/<?=$lang?>/firefox/">Upgrading</a> takes less than a minute and you won’t lose your history or bookmarks. Hooray!</p>
|
||||
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
{% block js %}
|
||||
|
||||
{{ js('firefox_speed') }}
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
$('a.close').click(function() {
|
||||
$($(this).attr('href')).slideUp();
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
var needle = $('#needle');
|
||||
var gauge = $('#gauge');
|
||||
var angle = 0;
|
||||
var latestVersion = parseInt('{{latest_version}}'.split('.')[0], 10);
|
||||
var isFirefox = (/\sFirefox/.test(window.navigator.userAgent));
|
||||
|
||||
|
||||
$.easing.easeInOutSine = function (x, t, b, c, d) {
|
||||
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
|
||||
};
|
||||
|
||||
$.easing.easeInOutExpo = function (x, t, b, c, d) {
|
||||
if (t==0) return b;
|
||||
if (t==d) return b+c;
|
||||
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
|
||||
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
|
||||
};
|
||||
|
||||
function getFirefoxVersion()
|
||||
{
|
||||
var version = 0;
|
||||
|
||||
var matches = /Firefox\/([0-9]+).[0-9]+(?:.[0-9]+)?/.exec(
|
||||
navigator.userAgent
|
||||
);
|
||||
|
||||
if (matches !== null && matches.length > 0) {
|
||||
version = parseInt(matches[1], 10);
|
||||
}
|
||||
|
||||
return version;
|
||||
};
|
||||
|
||||
function rotate(delta, duration, complete, easing)
|
||||
{
|
||||
if (!easing) {
|
||||
easing = 'swing';
|
||||
}
|
||||
angle -= delta;
|
||||
needle.animate({ 'rotate': angle }, duration, easing, complete);
|
||||
};
|
||||
|
||||
waver = null;
|
||||
waverDelta = 1;
|
||||
|
||||
function startWaver()
|
||||
{
|
||||
if (waver === null) {
|
||||
rotate(-waverDelta / 2.0, 280, null, 'easeInOutSine');
|
||||
waver = setInterval(function() {
|
||||
rotate(waverDelta, 280, null, 'easeInOutSine');
|
||||
waverDelta *= -1;
|
||||
}, 300);
|
||||
}
|
||||
};
|
||||
|
||||
function stopWaver()
|
||||
{
|
||||
if (waver) {
|
||||
rotate(waverDelta / 2, 1, null, 'linear');
|
||||
clearInterval(waver);
|
||||
waver = null;
|
||||
}
|
||||
};
|
||||
|
||||
if (isFirefox) {
|
||||
// initial position
|
||||
rotate(-1.5, 10, startWaver, 'linear');
|
||||
|
||||
if (latestVersion > getFirefoxVersion()) {
|
||||
// slow
|
||||
setTimeout(function() {
|
||||
stopWaver();
|
||||
rotate(-29.5, 1000, startWaver, 'easeInOutExpo');
|
||||
}, 1500);
|
||||
$('#gauge-slow-note').delay(3000).fadeIn('slow');
|
||||
} else {
|
||||
// fast
|
||||
setTimeout(function() {
|
||||
stopWaver();
|
||||
rotate(-168, 1500, startWaver, 'easeInOutExpo');
|
||||
}, 1500);
|
||||
$('#gauge-fast-note').delay(3000).fadeIn('slow');
|
||||
}
|
||||
} else {
|
||||
gauge.hide();
|
||||
|
||||
var $nonfx = $('#non-fx');
|
||||
var $detected = $('#detected');
|
||||
var $notdetected = $('#notdetected');
|
||||
|
||||
var isSafari = /Safari/.test(window.navigator.userAgent);
|
||||
var isChrome = /Chrome/.test(window.navigator.userAgent);
|
||||
var isIE = /MSIE/.test(window.navigator.userAgent);
|
||||
|
||||
if (isChrome) {
|
||||
$detected.text(
|
||||
$detected.text().replace(/%BROWSER%/, 'Google Chrome')
|
||||
);
|
||||
$notdetected.hide();
|
||||
} else if (isSafari) {
|
||||
$detected.text(
|
||||
$detected.text().replace(/%BROWSER%/, 'Safari')
|
||||
);
|
||||
$notdetected.hide();
|
||||
} else if (isIE) {
|
||||
$detected.text(
|
||||
$detected.text().replace(/%BROWSER%/, 'Internet Explorer')
|
||||
);
|
||||
$notdetected.hide();
|
||||
} else {
|
||||
$detected.hide();
|
||||
}
|
||||
|
||||
$nonfx.show();
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,531 @@
|
|||
{% extends "/firefox/base.html" %}
|
||||
|
||||
{% block page_title %}Built with Cutting-Edge Technology{% endblock %}
|
||||
{% block body_id %}firefox-technology{% endblock %}
|
||||
|
||||
{% block site_css %}
|
||||
{{ css('firefox_technology') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
|
||||
<div id="main-feature">
|
||||
<div class="row">
|
||||
<hgroup class="stacked">
|
||||
<h1>Built on Open <span class="large">Technology</span></h1>
|
||||
<h4>Powerful new innovations that change the way you build the Web</h4>
|
||||
</hgroup>
|
||||
|
||||
<aside id="more-info">
|
||||
<h5>More Useful Info</h5>
|
||||
<ul>
|
||||
<li><a href="https://developer.mozilla.org/demos">Demo Studio</a></li>
|
||||
<li><a href="{{ url('firefox.performance') }}">Easy Customization</a></li>
|
||||
<li><a href="https://developer.mozilla.org/">Mozilla Developer Network</a></li>
|
||||
</ul>
|
||||
</aside>
|
||||
|
||||
{{ download_button('download', 'small') }}
|
||||
|
||||
<script src="/media/js/download.js"></script>
|
||||
<script type="text/javascript">
|
||||
offerBestDownloadLink('download');
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="menu-bar billboard">
|
||||
<ul>
|
||||
<li><a href="#tools">Developer <span>Tools</span></a></li>
|
||||
<li><a href="#html5">Innovating <span>With HTML5</span></a></li>
|
||||
<li><a href="#css">Beautifying <span>With CSS</span></a></li>
|
||||
<li><a href="#apis">Modern <span>APIs</span></a></li>
|
||||
<li><a href="#svg">Enhanced <span>SVG</span></a></li>
|
||||
<li><a href="#security">Advanced <span>Security</span></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div id="wall">
|
||||
<section>
|
||||
|
||||
<article id="tools" class="article container divider">
|
||||
|
||||
<p class="top-link"><a href="#main-feature">Return to Top</a></p>
|
||||
|
||||
<div id="click-star"><span>Roll over each blurb to see examples.</span></div>
|
||||
|
||||
<div class="intro">
|
||||
<h1>Developer <span>Tools</span></h1>
|
||||
<p>Ever wonder what makes the Web work? Want to tinker with design and code? Firefox Developer Tools let you look under the hood of any Web page so you can debug, optimize and experiment with the Web.</p>
|
||||
</div>
|
||||
|
||||
<article class="hasdemo">
|
||||
<div class="demo">
|
||||
<img src="{{ media('img/firefox/technology/tools-console.png') }}" alt="Web Console screenshot" />
|
||||
</div>
|
||||
<h1>Web Console</h1>
|
||||
<p>Watch the events occurring within your Web pages. Web Console lets you see logging messages from your JavaScript code, JavaScript and CSS errors and network activity. Search and filter to find just the events you need to look at. Plus, you can directly interact with and explore your page via JavaScript.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/Using_the_Web_Console">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<div class="demo">
|
||||
<img src="{{ media('img/firefox/technology/tools-inspector.png') }}" alt="Page Inspector screenshot" />
|
||||
</div>
|
||||
<h1>Page Inspector</h1>
|
||||
<p>Peek right into the styling of any Web page by visually selecting the page element that you’re interested in. Simply right-click on any part of the page and select “Inspect Element;” choose Inspect from the Web Developer menu; or use the handy ctrl-shift-I (cmd-shift-I on Mac) keyboard shortcut. (Try it out on this very page!)</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/Tools/Inspector">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<div class="demo">
|
||||
<img src="{{ media('img/firefox/technology/tools-scratchpad.png') }}" alt="Scratchpad screenshot" />
|
||||
</div>
|
||||
<h1>Scratchpad</h1>
|
||||
<p>The browser is a fantastic place to experiment with JavaScript and Scratchpad lets you write code that can interact directly with the contents of a Web page. Scratchpad makes it easy to experiment with your ideas and then copy the results into your usual website development tools. It’s also fun for tinkering on top of pages.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/Tools/Scratchpad">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>Firebug</h1>
|
||||
<p>The <a href="https://addons.mozilla.org/en-US/firefox/addon/firebug/">Firebug</a> add-on that web developers everywhere depend on is compatible with the latest version of Firefox.</p>
|
||||
<a class="learn" title="documentation" href="http://www.getfirebug.com/">learn more</a>
|
||||
</article>
|
||||
|
||||
<article id="tools-more">
|
||||
<h1>More Development Resources</h1>
|
||||
<ul>
|
||||
<li>Follow our <a href="http://blog.mozilla.com/devtools">development blog</a></li>
|
||||
<li>Follow our <a href="http://hacks.mozilla.org/category/developer-tools/">beta releases and tips blog</a></li>
|
||||
<li>Join a passionate community of developers learning and teaching through demos and documentation at <a href="http://developer.mozilla.org/">developer.mozilla.org</a></li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
</article>
|
||||
|
||||
|
||||
<article id="html5" class="article container divider">
|
||||
|
||||
<p class="top-link"><a href="#main-feature">Return to Top</a></p>
|
||||
|
||||
<div id="click-star"><span>Roll over each blurb to see examples.</span></div>
|
||||
|
||||
<div class="intro">
|
||||
<h1>Innovating With <span>HTML5</span></h1>
|
||||
<p>Firefox has always had excellent support for HTML5, and the latest version builds on that history with even more advanced features.</p>
|
||||
</div>
|
||||
|
||||
<article id="formdemo" class="hasademo xxxie">
|
||||
<h1>Forms</h1>
|
||||
<div class="demo">
|
||||
<form>
|
||||
<h4>Dear Mozilla,</h4><p>My name is <input pattern="....*" placeholder="yourname">. I think this demo is <input placeholder="awesome?">.</p>
|
||||
<p>By the way, I want to tell you that you should <input placeholder="...">.</p>
|
||||
<p><button onclick="return submitForm();">Send</button></em></p>
|
||||
</form>
|
||||
<p>Submited! Thank you.</p>
|
||||
</div>
|
||||
<p>Firefox implements HTML5 forms, and supports new input types, data list support, new input attributes like autofocus and placeholder, decoupled forms, form options, validation mechanisms, constraint validation and new CSS selectors to bind them all together. For more detailed information, <a href="http://hacks.mozilla.org/">visit our Hacks site</a>.</p>
|
||||
<a class="close" title="close" href="#close">close</a>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/HTML/HTML5/Forms_in_HTML5">learn more</a>
|
||||
</article>
|
||||
|
||||
<article class="hasademo">
|
||||
<h1>Parser</h1>
|
||||
<div class="demo parser">
|
||||
<svg viewBox="0 0 200 100"><path stroke-width="1" stroke-dasharray="3,3" stroke="black" fill="none" d="M20 80L60 20L100 80L140 20L180 80"/><circle cx="20" cy="80" r="15" fill="none" stroke="#000"> <animate attributeName="cx" repeatDur="indefinite" values="0; 160; 0" dur="16s" accumulate="none" additive="sum" fill="freeze"/> <animate attributeName="cy" repeatDur="indefinite" values="80; 20; 80; 20; 80" dur="8s" accumulate="none" fill="freeze"/> </circle> </svg>
|
||||
<math> <mrow> <mi>x</mi> <mo>=</mo> <mfrac> <mrow> <mrow> <mo>-</mo> <mi>b</mi> </mrow> <mo>±</mo> <msqrt> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo>-</mo> <mrow> <mn>4</mn> <mo>⁢</mo> <mi>a</mi> <mo>⁢</mo> <mi>c</mi> </mrow> </mrow> </msqrt> </mrow> <mrow> <mn>2</mn> <mo>⁢</mo> <mi>a</mi> </mrow> </mfrac> </mrow> </math>
|
||||
|
||||
</div>
|
||||
<p>Firefox includes an HTML5-ready parser which brings <a href="http://hacks.mozilla.org/2010/05/firefox-4-the-html5-parser-inline-svg-speed-and-more/">new capabilities</a> like <a href="https://developer.mozilla.org/en/svg_in_html_introduction">inline SVG</a>, and also improves performance by running the parsing algorithm on its own processor. This brings the Firefox parser algorithm closer to the standard and lays the foundation for consistent parsing across browsers.</p>
|
||||
<a class="close" title="close" href="#close">close</a>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/HTML/HTML5/HTML5_Parser">learn more</a>
|
||||
</article>
|
||||
|
||||
|
||||
<article class="hasademo">
|
||||
<h1>WebM</h1>
|
||||
<div class="demo">
|
||||
<video preload="auto" width="160" src="http://videos.mozilla.org/serv/firefoxlive/meetthecubs.webm" onmouseover="this.play()" onmouseout="this.pause()"></video>
|
||||
</div>
|
||||
<p>Firefox supports WebM, the new royalty-free format for video on the Web. It works on YouTube if you join their <a href="http://www.youtube.com/html5">HTML5 beta</a>, and works with embedded YouTube videos if you use their new <a href="http://apiblog.youtube.com/2010/07/new-way-to-embed-youtube-videos.html">iframe embedding API</a>. Join the beta and see an example at the bottom of <a href="http://apiblog.youtube.com/2010/07/new-way-to-embed-youtube-videos.html">this post</a>.</p>
|
||||
<a class="close" title="close" href="#close">close</a>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/En/Using_audio_and_video_in_Firefox">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>Video Buffer API</h1>
|
||||
<p>With support for the <a href="http://hacks.mozilla.org/2010/08/html5-video-buffered-property-available-in-firefox-4/">buffered attribute</a> for HTML5 video, Web pages with video can now give an accurate measure of how much video has been buffered rather than an approximation based on the download rate and current position in the stream.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/En/Using_audio_and_video_in_Firefox">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>Video “Preload” Support</h1>
|
||||
<p>The “autobuffer" attribute for video has been replaced with the new “preload” attribute. This attribute gives developers control over how videos are pre-buffered if they’re included on a page rather than the binary on/off system that was included in Firefox 3.5.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/En/Using_audio_and_video_in_Firefox">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>History pushState and replaceState</h1>
|
||||
<p>Firefox supports the <a href="https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history">HTML5 pushState and replaceState history modification calls</a>, allowing developers to create or modify the browser navigation history. These are helpful for applications that might want to generate history entries using the hash after the URL (useful for HTML-based slides, for example).</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history">learn more</a>
|
||||
</article>
|
||||
|
||||
</article>
|
||||
|
||||
|
||||
<article id="css" class="article container divider">
|
||||
|
||||
<p class="top-link"><a href="#main-feature">Return to Top</a></p>
|
||||
|
||||
<div id="click-star"><span>Roll over each blurb to see examples.</span></div>
|
||||
|
||||
<div class="intro">
|
||||
<h1>Beautifying With <span>CSS</span></h1>
|
||||
<p>Firefox is chock full of new CSS properties and promotions from the private CSS namespace into the final namespace due to the maturation of some of these standards.</p>
|
||||
</div>
|
||||
|
||||
<article class="hasademo xxxie">
|
||||
<h1>CSS Transitions</h1>
|
||||
<div class="demo" id="transitiondemo"><span>❖✪</span></div>
|
||||
<p>Firefox includes support for CSS transitions. Since the spec is still early, these are still –moz prefixed extensions.</p>
|
||||
<a class="close" title="close" href="#close">close</a>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/CSS/CSS_transitions">learn more</a>
|
||||
</article>
|
||||
|
||||
<article class="hasademo">
|
||||
<h1>CSS Animations</h1>
|
||||
<div class="demo" id="animationdemo"><span>♥</span></div>
|
||||
<p>Firefox 5 supports CSS Animations: a way to define CSS keyframes to create complex animations.</p>
|
||||
<a class="close" title="close" href="#close">close</a>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/CSS/CSS_animations">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>-moz-calc()</h1>
|
||||
<p>Firefox supports an early version of calc that’s private-namespaced as –moz-calc. This allows developers to use simple expressions anywhere they can use a length, making CSS page layouts much simpler (no more divs for spacing!).</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/CSS/-moz-calc">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>-moz-any()</h1>
|
||||
<p>Firefox has added an extremely useful new CSS extension: -moz-any() selector grouping. This allows providing alternatives between combinators rather than having to repeat the entire selector for one different piece.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/CSS/-moz-any">learn more</a>
|
||||
</article>
|
||||
|
||||
|
||||
<article id="mozelementdemo">
|
||||
<h1>-moz-element()</h1>
|
||||
<p>The –moz-element is an extension to the background-image property that lets you use any element as the background for another element.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/CSS/-moz-element">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>-moz-placeholder</h1>
|
||||
<p>The :-moz-placeholder changes the attributes of the background text that’s a placeholder in an HTML5 form. Web developers can change the color or other attribute of the placeholder text.
|
||||
</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/CSS/%3A-moz-placeholder">learn more</a>
|
||||
</article>
|
||||
|
||||
<article class="hasademo" id="radiusdemo">
|
||||
<h1>Border Radius</h1>
|
||||
<p>The border-radius attribute is now supported, replacing the old -moz-border-radius version.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/CSS/border-radius">learn more</a>
|
||||
</article>
|
||||
|
||||
|
||||
<article id="boxshadowdemo" class="hasademo">
|
||||
<h1>box-shadow</h1>
|
||||
<p>box-shadow has replaced -moz-box-shadow.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/CSS/box-shadow">learn more</a>
|
||||
</article>
|
||||
|
||||
|
||||
<article id="ffsdemo" class="hasademo experimental xxxie">
|
||||
<h1>-moz-font-feature-settings</h1>
|
||||
<div class="demo">
|
||||
<table class="sample">
|
||||
<tbody><tr><td style="font-size: 80%;" class="ss05">Beau Grand & Fort</td></tr>
|
||||
<tr><td style="font-size: 62%;" class="dlig"><span class="ss06">klmn</span>ABRACADABRANTESQUE<span class="ss06">opqr</span></td></tr>
|
||||
<tr><td style="font-size: 108%;" class="dlig">EXTRAORDINAIRE</td></tr>
|
||||
<tr><td style="font-size: 108%;" class="dlig"><span class="ss06">t</span>prestigieux<span class="ss06">u</span></td></tr>
|
||||
<tr><td style="font-size: 175%;" class="dlig">FULGURANT</td></tr>
|
||||
<tr><td style="font-size: 128%;" class="ss04">Phénoménal</td></tr>
|
||||
<tr><td style="font-size: 180%;" class="dlig-ss02">«COLOSSAL!»</td></tr>
|
||||
|
||||
<tr><td style="font-size: 140%;" class="ss05">incroyable</td></tr>
|
||||
<tr><td style="font-size: 85%;" class="salt">& modeste avec <span class="ss05">ça</span></td></tr>
|
||||
</tbody></table>
|
||||
</div>
|
||||
<p>Firefox includes support for <a href="http://hacks.mozilla.org/2010/11/firefox-4-font-feature-support/">exposing much more of the capabilities of TrueType fonts</a> with the <a href="https://developer.mozilla.org/en/CSS/-moz-font-feature-settings">-moz-font-feature-settings</a> property. It’s possible to take advantage of all kinds of font capabilities — kerning, ligatures, alternates, real small caps and stylistic sets, to name just a few.</p>
|
||||
<a class="close" title="close" href="#close">close</a>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/CSS/-moz-font-feature-settings">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>Consistent CSS Units</h1>
|
||||
<p>We’ve changed our handling of pixel sizes to match Internet Explorer, Safari and Chrome so that 1 inch always equals 96 pixels.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/CSS-2_Quick_Reference/Units#CSS_units_and_dots-per-inch">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>Physical CSS Unit Support</h1>
|
||||
<p>Firefox introduces a new CSS unit called mozmm for the rare instance where you actually want a physical size to be used.</p>
|
||||
<a class="learn" title="documentation" href="http://weblogs.mozillazine.org/roc/archives/2010/08/css_units_chang.html">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>device-pixel-ratio</h1>
|
||||
<p>The -moz-device-pixel-ratio media query gives you the number of device pixels per CSS pixel.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/En/CSS/Media_queries#-moz-device-pixel-ratio">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>-moz-tab-size</h1>
|
||||
<p>The -moz-tab-size property lets you specify the width in space characters of how to render a tab character (U+0009) when rendering text.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/CSS/-moz-tab-size">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>-moz-focusring</h1>
|
||||
<p>Firefox’s CSS pseudo-selector, -moz-focusring, lets you specify the appearance of an element when it’s focused and when it would have a focus ring drawn around it. Different operating systems have different conventions for when to draw a focus ring or not, and this lets you control the look of form controls while maintaining platform conventions.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/CSS/%3A-moz-focusring">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>-moz-image-rect</h1>
|
||||
<p>The new -moz-image-rect lets you use a sub-rectangle of an image as part of a <a href="https://developer.mozilla.org/en/CSS/background">background</a> or <a href="https://developer.mozilla.org/en/CSS/background-image">background-image</a>.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/CSS/-moz-image-rect">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>Resizable Text Areas</h1>
|
||||
<p>Text areas are resizable by default. You can disable that with the new resize CSS property.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/CSS/resize">learn more</a>
|
||||
</article>
|
||||
|
||||
</article>
|
||||
|
||||
<article id="apis" class="article container divider">
|
||||
|
||||
<p class="top-link"><a href="#main-feature">Return to Top</a></p>
|
||||
|
||||
<div id="click-star"><span>Roll over each blurb to see examples.</span></div>
|
||||
|
||||
<div class="intro">
|
||||
<h1>Modern <span>APIs</span></h1>
|
||||
<p>Firefox implements new standard APIs to find out what’s going on in your browser and provide more ways that you can add interactivity (online and offline) to your web pages.</p>
|
||||
</div>
|
||||
|
||||
<article>
|
||||
<h1>window.matchMedia</h1>
|
||||
<p>Firefox supports a JavaScript equivalent to CSS3 <a href="https://developer.mozilla.org/En/CSS/Media_queries">media queries</a>, which allows Web pages to adapt to the media/device they are displayed on. Different information about the media is available, such as screen width, resolution and orientation.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/DOM/window.matchMedia">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>WebSockets</h1>
|
||||
<p>Firefox supports a way to maintain two-way communications with a server. WebSockets make it possible to create real-time messaging applications and HTML5 games on the Web.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/WebSockets">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>Server Sent Events</h1>
|
||||
<p>Server Sent Events enable a server to push messages to the browser, which can then be detected as events in the Web page.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/Server_Sent_Events">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>ECMAScript 5</h1>
|
||||
<p>ECMAScript 5 is the new version of the JavaScript language, which includes new features and API like Strict Mode and the JSON API.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/Special:Tags?tag=ECMAScript5">learn more</a>
|
||||
</article>
|
||||
|
||||
|
||||
<article id="webgldemo" class="hasademo experimental xxxie">
|
||||
<h1>WebGL</h1>
|
||||
<script src="{{ media('js/firefox/technology/sylvester.js') }}"></script>
|
||||
<script src="{{ media('js/firefox/technology/glUtils.js') }}"></script>
|
||||
<script src="{{ media('js/firefox/technology/gldemo.js') }}"></script>
|
||||
<div class="demo">
|
||||
<canvas onmouseout="stopTeaPot()" onmouseover="startTeaPot()" height="200" width="300"></canvas>
|
||||
</div>
|
||||
<p>Canvas 3D. WebGL brings 3D graphics to the Web by introducing an API that closely conforms to OpenGL ES 2.0 and can be used in HTML5 canvas elements.</p>
|
||||
<a class="close" title="close" href="#close">close</a>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/WebGL">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>Support for .click() to the File Upload Control</h1>
|
||||
<p>Firefox can call .click() on a hidden file control to bring up the platform file upload widget, meaning you can build your own instead of exposing the (ugly) file upload control. If you combine this with the new <a href="https://developer.mozilla.org/en/Using_files_from_web_applications">File APIs</a> and <a href="https://developer.mozilla.org/En/XMLHttpRequest/Using_XMLHttpRequest#Monitoring_progress">progress events</a> you’ll have a recipe for a very nice file upload experience.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/using_files_from_web_applications#Using_hidden_file_input_elements_using_the_click%28%29_method">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>Support for .slice in the File API</h1>
|
||||
<p>Firefox supports the Blob API and the .slice APIs that come with it. This can help people who want to process parts of large File objects from JavaScript without having to load the whole file into the memory. People who reliably upload large files can use some server and JS code to split a large file into sections and upload chunks, including re-retrying failed sections, or even uploading several sections, in parallel.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/DOM/Blob">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>Support for File API URLs</h1>
|
||||
<p>Firefox supports the .url attribute for the File API, meaning objects from a File API can be used for images, video, HTML or other URL-powered objects.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/Using_files_from_web_applications">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>Touch and Multi-Touch Events</h1>
|
||||
<p>Firefox supports both touch and multi-touch events, exposed to the DOM. Support for this functionality is available on Windows 7 systems.</p>
|
||||
<a class="learn" title="documentation" href="http://hacks.mozilla.org/2010/08/firefox4-beta3/">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>Detect Click-to-Touch</h1>
|
||||
<p>Firefox can tell if a mouse or finger generated an event with the <a href="https://developer.mozilla.org/en/DOM/event.mozInputSource">mozInputSource</a> property. This is useful with the touch and multi-touch events and makes it possible to build apps that treat touch and mouse input differently.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/DOM/event.mozInputSource">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>IndexedDB</h1>
|
||||
<p>Firefox includes an early version of <a href="http://www.w3.org/TR/IndexedDB/">IndexedDB</a>. This emerging standard for local storage is still undergoing change and will be private-prefixed until it’s stable. <a href="https://developer.mozilla.org/en/IndexedDB/IndexedDB_primer">IndexedDB primer</a> provides an overview of using the IndexedDB API.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/IndexedDB">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>FormData</h1>
|
||||
<p>Firefox includes support for the new <a href="http://hacks.mozilla.org/2010/07/firefox-4-formdata-and-the-new-file-url-object/">FormData</a> object, which makes it easier to interact with HTML forms. It also enables some new capabilities, like making it easy to upload a file as part of a form accessed via the File API.</p>
|
||||
<a class="learn" title="documentation" href="http://hacks.mozilla.org/2010/07/firefox-4-formdata-and-the-new-file-url-object/">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>Get a Canvas as a File Object</h1>
|
||||
<p>Firefox makes Canvas accessible as a file object for uploads and other purposes. You can now use the mozGetAsFile() method <a href="https://developer.mozilla.org/en/DOM/HTMLCanvasElement">on a canvas</a> and it will return an image file.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/DOM/HTMLCanvasElement">learn more</a>
|
||||
</article>
|
||||
|
||||
<article id="audiodemo" class="hasademo experimental xxxie">
|
||||
<!--[if gte IE 9]>-->
|
||||
<script src="{{ media('js/firefox/technology/processing.js') }}"></script>
|
||||
<!--<![endif]-->
|
||||
|
||||
<script src="{{ media('js/firefox/technology/beatdetektor.js') }}"></script>
|
||||
<script src="{{ media('js/firefox/technology/dsp.js') }}"></script>
|
||||
<script src="{{ media('js/firefox/technology/main.js') }}"></script>
|
||||
<audio id="grappes" src="{{ media('img/firefox/technology/track.ogg') }}" preload="auto"></audio>
|
||||
|
||||
<h1>Audio Sampling and Generation API</h1>
|
||||
<div class="demo">
|
||||
<canvas onmouseout="stopProcessingAudio()" onmouseover="startProcessingAudio()" id="audiocube" data-processing-sources="{{ media('js/firefox/technology/anim.pde') }}" style="image-rendering: optimizespeed ! important;" width="128" height="128"></canvas>
|
||||
</div>
|
||||
<p>The Firefox Audio Data API allows developers to read, modify and write data from audio and video elements.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/Introducing_the_Audio_API_Extension">learn more</a>
|
||||
</article>
|
||||
|
||||
</article>
|
||||
|
||||
<article id="svg" class="article container divider">
|
||||
|
||||
<p class="top-link"><a href="#main-feature">Return to Top</a></p>
|
||||
|
||||
<div class="intro">
|
||||
<h1>Enhanced <span>SVG</span></h1>
|
||||
<p>Firefox expands its support for <abbr title="Scalable Vector Graphics">SVG</abbr> to let you use line graphics in even more creative ways.</p>
|
||||
</div>
|
||||
|
||||
<article>
|
||||
<h1>SVG Animation and SMIL</h1>
|
||||
<p>Now you can animate SVG with SMIL in Firefox.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/SVG/SVG_animation_with_SMIL ">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>SVG As Images and CSS Backgrounds</h1>
|
||||
<p>SVG can now be used <a href="https://developer.mozilla.org/en/HTML/element/img#Supported_Image_Formats">in <img> tags</a> as well as <a href="https://developer.mozilla.org/en/CSS/background-image#Syntax">background images in CSS</a>. SMIL animations are also supported.</p>
|
||||
<img src="{{ media('img/firefox/technology/lion.svg') }}" alt="Lion SVG image example">
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/CSS/background-image#Syntax">learn more</a>
|
||||
</article>
|
||||
|
||||
</article>
|
||||
|
||||
<article id="security" class="article container divider">
|
||||
|
||||
<p class="top-link"><a href="#main-feature">Return to Top</a></p>
|
||||
|
||||
<div class="intro">
|
||||
<h1>Advanced <span>Security</span></h1>
|
||||
<p>Firefox supports a huge number of new security enhancements to help Web developers and protect users.</p>
|
||||
</div>
|
||||
|
||||
<article>
|
||||
<h1>Content Security Policy</h1>
|
||||
<p>Content Security Policy (CSP) is a set of tools developers can use to help prevent a few different classes of attacks. In particular, it offers tools to mitigate cross-site scripting attacks, click-jacking and packet sniffing attacks. When a rule is violated, Firefox can send back information about that violation to the website, helping improve security for other browsers too.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/Security/CSP">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>X-Frame-Options</h1>
|
||||
<p>Firefox supports the X-Frame-Options header, one defense against clickjacking. This response header is supported by other browsers as well.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/The_X-FRAME-OPTIONS_response_header">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>HSTS (ForceHTTPS)</h1>
|
||||
<p>Firefox supports the HTTP Strict Transport Security (HSTS) headers. These headers can be used to tell the browser that it should never, ever contact a site over unencrypted HTTP. Firefox users can also use the <a href="https://addons.mozilla.org/en-US/firefox/addon/246797/">STS UI add-on to add and remove sites from the HSTS list</a>, even sites that don’t natively support HSTS.</p>
|
||||
<a class="learn" title="documentation" href="http://tools.ietf.org/html/draft-hodges-strict-transport-sec-02">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>CORS Improvements</h1>
|
||||
<p>Firefox fixes bugs in the CORS implementation.</p>
|
||||
<a class="learn" title="documentation" href="https://developer.mozilla.org/en/http_access_control">learn more</a>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>:visited changes</h1>
|
||||
<p>Firefox includes the changes required to help improve your privacy online by <a href="http://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/">closing a decade-old hole in CSS rules that let any website query your browsing history</a>. These changes have also been picked up by WebKit-based browsers.</p>
|
||||
<a class="learn" title="documentation" href="http://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/">learn more</a>
|
||||
</article>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
</div><!-- end #wall div -->
|
||||
|
||||
<script>
|
||||
|
||||
/* Close Links */
|
||||
$(document).ready(function () {
|
||||
var $demos = $('#wall > section > article > article.hasademo');
|
||||
$demos.each(function (index, el) {
|
||||
$(el).mouseleave(function (e) {
|
||||
$(el).removeClass('closed');
|
||||
});
|
||||
});
|
||||
|
||||
var $closeLinks = $('#wall > section > article > article a.close');
|
||||
$closeLinks.each(function (index, el) {
|
||||
$(el).click(function (e) {
|
||||
var $article = $(el.parentNode);
|
||||
$article.addClass('closed')
|
||||
e.preventDefault();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
// Form demo
|
||||
function submitForm() {
|
||||
document.getElementById('formdemo').className = 'submited';
|
||||
return false;
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,156 @@
|
|||
{% extends "/firefox/base.html" %}
|
||||
|
||||
{% block page_title %}Check for Updates{% endblock %}
|
||||
{% block body_id %}firefox-updates{% endblock %}
|
||||
|
||||
{% block extrahead %}
|
||||
{{ css('firefox_updates') }}
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div id="main-feature">
|
||||
<h1>Keep Your Firefox Happy!</h1>
|
||||
<h3>Make sure you're running the latest, greatest and most secure version.</h3>
|
||||
{{ download_button('download', 'small') }}
|
||||
|
||||
<script src="/media/js/download.js"></script>
|
||||
<script type="text/javascript">
|
||||
offerBestDownloadLink('download');
|
||||
offerBestDownloadLink('download2');
|
||||
</script>
|
||||
</div>
|
||||
|
||||
<div id="main-content">
|
||||
<div class="row">
|
||||
|
||||
<div id="faq" class="main-column">
|
||||
<div class="section-content">
|
||||
<h3>Frequently asked <span>questions</span></h3>
|
||||
</div>
|
||||
|
||||
<div class="expander expander-odd">
|
||||
<h3 class="expander-header">What is a Firefox software update?</h3>
|
||||
<div class="expander-content">
|
||||
<p>A Firefox software update is a quick download of small amounts of new code to your existing Firefox browser. These small patches can contain security fixes or other little changes to the browser to ensure that you are using the best version of Firefox available.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="expander">
|
||||
<h3 class="expander-header">How do I update Firefox?</h3>
|
||||
<div class="expander-content">
|
||||
<p>By default, Firefox is configured to automatically check for updates for itself and notify you when one is available. When prompted, just click OK and the newest version will be downloaded and installed on your computer. You'll need to restart Firefox to begin using the new version.</p>
|
||||
<p>You are also able to check for updates manually. For details, check out the <a href="https://support.mozilla.org/en-US/kb/Updating+Firefox#Manually_check_for_updates">step-by-step guide</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="expander expander-odd">
|
||||
<h3 class="expander-header">How do I know what version of Firefox I am currently on?</h3>
|
||||
<div class="expander-content">
|
||||
<p>It varies slightly depending on the operating system you're using. You can find <a href="http://support.mozilla.org/kb/Finding+your+Firefox+version">instructions for your computer here</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="expander">
|
||||
<h3 class="expander-header">Do I need to uninstall my current version of Firefox before upgrading?</h3>
|
||||
<div class="expander-content">
|
||||
<p>No. The new version of Firefox will automatically take the place of your older version. To start the upgrade process, just click the green download button to the right.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="expander expander-odd">
|
||||
<h3 class="expander-header">Why do I need to update?</h3>
|
||||
<div class="expander-content">
|
||||
<p>Firefox is constantly evolving as our community finds ways to make it better, and as we adjust to the latest security threats. Keeping your Firefox up-to-date is the best way to make sure that you are using the smartest, fastest and – most importantly – safest version of Firefox available.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="expander">
|
||||
<h3 class="expander-header">How long will it take to update?</h3>
|
||||
<div class="expander-content">
|
||||
<p>Not long at all – the entire process just takes a minute or two. Visit our support page for <a href="https://support.mozilla.org/en-US/kb/Updating+Firefox#Automatic_updates">step-by-step instructions</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="expander expander-odd">
|
||||
<h3 class="expander-header">Will the update affect my settings and bookmarks?</h3>
|
||||
<div class="expander-content">
|
||||
<p>No. A Firefox update will not make any changes to your bookmarks, saved passwords or other settings. However, there is a possibility that some of your Add-ons won’t be immediately compatible with new updates.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="expander">
|
||||
<h3 class="expander-header">If I already have Firefox, and then do a fresh install, what happens to my settings?</h3>
|
||||
<div class="expander-content">
|
||||
<p>Nothing. Re-installing Firefox will not affect your settings, bookmarks or preferences in any way.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="expander expander-odd">
|
||||
<h3 class="expander-header">Are Firefox updates safe?</h3>
|
||||
<div class="expander-content">
|
||||
<p>Very much so – your security is our top priority. Our open source security process means we have an international community of experts working around the clock to monitor the latest threats. As soon as a security threat is discovered, we write a patch and release an update to stay one step ahead. Downloading Firefox updates is a very important part of staying safe online.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="expander">
|
||||
<h3 class="expander-header">What if I miss an update? Can I check for one myself?</h3>
|
||||
<div class="expander-content">
|
||||
<p>Yes. Firefox is configured to automatically check for updates, but it’s also possible to check for updates yourself. </p>
|
||||
<p><a href="https://support.mozilla.org/en-US/kb/Updating+Firefox#Manually_check_for_updates">Follow the step-by-step process</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<aside class="sidebar" class="span3">
|
||||
<div class="reference">
|
||||
<h3>Need Help?</h3>
|
||||
<a href="http://support.mozilla.org/en-US/kb/" class="more">Visit support.mozilla.org</a>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block js %}
|
||||
{{ js('expanders') }}
|
||||
<script>
|
||||
function getFirefoxVersion()
|
||||
{
|
||||
var version = 0;
|
||||
|
||||
var matches = /Firefox\/([0-9]+).[0-9]+(?:.[0-9]+)?/.exec(
|
||||
navigator.userAgent
|
||||
);
|
||||
|
||||
if (matches !== null && matches.length > 0) {
|
||||
version = parseInt(matches[1], 10);
|
||||
}
|
||||
|
||||
return version;
|
||||
};
|
||||
|
||||
|
||||
$(document).ready(function() {
|
||||
var latestVersion = parseInt('3'.split('.')[0], 10);
|
||||
var isFirefox = (/\sFirefox/.test(window.navigator.userAgent));
|
||||
var headline = $('#main-feature > h1');
|
||||
var subheadline = $('#main-feature > h3');
|
||||
|
||||
if(isFirefox) {
|
||||
if(latestVersion <= getFirefoxVersion()) {
|
||||
headline.html('Congratulations!');
|
||||
subheadline.html('Your Firefox is up to date.');
|
||||
}
|
||||
else {
|
||||
headline.html('Your Firefox is out of date.');
|
||||
subheadline.html('Get the newest version <a href="/firefox">here</a>.');
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
"""
|
||||
This file demonstrates writing tests using the unittest module. These will pass
|
||||
when you run "manage.py test".
|
||||
|
||||
Replace this with more appropriate tests for your application.
|
||||
"""
|
||||
|
||||
from django.test import TestCase
|
||||
|
||||
|
||||
class SimpleTest(TestCase):
|
||||
def test_basic_addition(self):
|
||||
"""
|
||||
Tests that 1 + 1 always equals 2.
|
||||
"""
|
||||
self.assertEqual(1 + 1, 2)
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
from django.conf.urls.defaults import *
|
||||
from views import performance, features, customize, happy, new, organizations, organizations_faq, security, speed, technology, geolocation, update
|
||||
|
||||
|
||||
urlpatterns = patterns('',
|
||||
url(r'^firefox/customize/$', customize, name='firefox.customize'),
|
||||
url(r'^firefox/features/$', features, name='firefox.features'),
|
||||
url(r'^firefox/geolocation/$', geolocation, name='firefox.geolocation'),
|
||||
url(r'^firefox/happy/$', happy, name='firefox.happy'),
|
||||
url(r'^firefox/new/$', new, name='firefox.new'),
|
||||
url(r'^firefox/organizations/faq/$', organizations_faq, name='firefox.organizations_faq'),
|
||||
url(r'^firefox/organizations/$', organizations, name='firefox.organizations'),
|
||||
url(r'^firefox/performance/$', performance, name='firefox.performance'),
|
||||
url(r'^firefox/security/$', security, name='firefox.security'),
|
||||
url(r'^firefox/speed/$', speed, name='firefox.speed'),
|
||||
url(r'^firefox/technology/$', technology, name='firefox.technology'),
|
||||
url(r'^firefox/update/$', update, name='firefox.update'),
|
||||
)
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
import l10n_utils
|
||||
from django.conf import settings
|
||||
from product_details import product_details
|
||||
from session_csrf import anonymous_csrf
|
||||
|
||||
import basket
|
||||
|
||||
from mozorg.forms import NewsletterForm
|
||||
|
||||
@anonymous_csrf
|
||||
|
||||
def customize(request):
|
||||
return l10n_utils.render(request, "firefox/customize.html")
|
||||
|
||||
def features(request):
|
||||
return l10n_utils.render(request, "firefox/features.html")
|
||||
|
||||
def geolocation(request):
|
||||
return l10n_utils.render(request, "firefox/geolocation.html",
|
||||
{'gmap_api_key': settings.GMAP_API_KEY})
|
||||
|
||||
def happy(request):
|
||||
return l10n_utils.render(request, "firefox/happy.html")
|
||||
|
||||
def new(request):
|
||||
return l10n_utils.render(request, "firefox/new.html")
|
||||
|
||||
def organizations(request):
|
||||
return l10n_utils.render(request, "firefox/organizations/organizations.html")
|
||||
|
||||
def organizations_faq(request):
|
||||
return l10n_utils.render(request, "firefox/organizations/faq.html")
|
||||
|
||||
def performance(request):
|
||||
return l10n_utils.render(request, "firefox/performance.html")
|
||||
|
||||
def security(request):
|
||||
return l10n_utils.render(request, "firefox/security.html")
|
||||
|
||||
def speed(request):
|
||||
return l10n_utils.render(request, "firefox/speed.html", {'latest_version': product_details.versions['LATEST_FIREFOX_DEVEL_VERSION']})
|
||||
|
||||
def technology(request):
|
||||
return l10n_utils.render(request, "firefox/technology.html")
|
||||
|
||||
def update(request):
|
||||
return l10n_utils.render(request, "firefox/update.html")
|
||||
|
||||
def new(request):
|
||||
return l10n_utils.render(request, "new.html")
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
from django.conf.urls.defaults import *
|
||||
from views import home, contribute, channel, firefox_performance, firefox_features, firefox_customize, firefox_happy, firefox_new, firefox_organizations, firefox_organizations_faq, firefox_security, firefox_speed, firefox_technology, button, new, sandstone, firefox_geolocation, firefox_update, mission
|
||||
from views import home, contribute, channel, button, sandstone, mission
|
||||
|
||||
|
||||
urlpatterns = patterns('',
|
||||
|
|
@ -7,21 +7,7 @@ urlpatterns = patterns('',
|
|||
|
||||
url(r'^button/$', button),
|
||||
url(r'^channel/$', channel),
|
||||
url(r'^new/$', new),
|
||||
url(r'^sandstone/', sandstone),
|
||||
url(r'^contribute/$', contribute, name='mozorg.contribute'),
|
||||
url(r'^mission/$', mission, name='mozorg.mission'),
|
||||
|
||||
url(r'^firefox/customize/$', firefox_customize, name='mozorg.firefox_customize'),
|
||||
url(r'^firefox/features/$', firefox_features, name='mozorg.firefox_features'),
|
||||
url(r'^firefox/geolocation/$', firefox_geolocation, name='mozorg.firefox_geolocation'),
|
||||
url(r'^firefox/happy/$', firefox_happy, name='mozorg.firefox_happy'),
|
||||
url(r'^firefox/new/$', firefox_new, name='mozorg.firefox_new'),
|
||||
url(r'^firefox/organizations/faq/$', firefox_organizations_faq, name='mozorg.firefox_organizations_faq'),
|
||||
url(r'^firefox/organizations/$', firefox_organizations, name='mozorg.firefox_organizations'),
|
||||
url(r'^firefox/performance/$', firefox_performance, name='mozorg.firefox_performance'),
|
||||
url(r'^firefox/security/$', firefox_security, name='mozorg.firefox_security'),
|
||||
url(r'^firefox/speed/$', firefox_speed, name='mozorg.firefox_speed'),
|
||||
url(r'^firefox/technology/$', firefox_technology, name='mozorg.firefox_technology'),
|
||||
url(r'^firefox/update/$', firefox_update, name='mozorg.firefox_update'),
|
||||
)
|
||||
|
|
|
|||
|
|
@ -218,6 +218,7 @@ INSTALLED_APPS = list(INSTALLED_APPS) + [
|
|||
'l10n_example', # DELETEME
|
||||
'b2g',
|
||||
'collusion',
|
||||
'firefox',
|
||||
'marketplace',
|
||||
'mozorg',
|
||||
'persona',
|
||||
|
|
|
|||
1
urls.py
1
urls.py
|
|
@ -12,6 +12,7 @@ urlpatterns = patterns('',
|
|||
(r'^collusion/', include('collusion.urls')),
|
||||
(r'^apps/', include('marketplace.urls')),
|
||||
(r'^persona/', include('persona.urls')),
|
||||
(r'', include('firefox.urls')),
|
||||
(r'', include('landing.urls')),
|
||||
(r'', include('mozorg.urls')),
|
||||
(r'', include('research.urls')),
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче