зеркало из https://github.com/mozilla/bedrock.git
Rough stand on new sandstone branch
Includes start of implementation of new visual style, and the Mozilla Research site (Bug 683375)
This commit is contained in:
Родитель
3f7ffecf9c
Коммит
2511d1e6d5
|
@ -0,0 +1,74 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block page_title %}Mozilla Research{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div id="main-feature">
|
||||
|
||||
<hgroup>
|
||||
<h1>Mozilla Research</h1>
|
||||
<h2>Pushing the boundaries of the Open Web</h2>
|
||||
</hgroup>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="main-content">
|
||||
<div class="row">
|
||||
<article class="span7" role="main">
|
||||
|
||||
<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
|
||||
|
||||
<h2>Header Level 2</h2>
|
||||
|
||||
<ol>
|
||||
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
|
||||
<li>Aliquam tincidunt mauris eu risus.</li>
|
||||
</ol>
|
||||
|
||||
<blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p></blockquote>
|
||||
|
||||
<h3>Header Level 3</h3>
|
||||
|
||||
<ul>
|
||||
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
|
||||
<li>Aliquam tincidunt mauris eu risus.</li>
|
||||
</ul>
|
||||
|
||||
<h4>Header Level 4</h4>
|
||||
|
||||
<dl>
|
||||
<dt>Lorem ipsum</dt>
|
||||
<dd>dolor sit amet, consectetuer adipiscing elit.</dd>
|
||||
<dt>Aliquam tincidunt mauris eu risus.</dt>
|
||||
<dd>dolor sit amet, consectetuer adipiscing elit.</dd>
|
||||
</dl>
|
||||
|
||||
<h5>Header Level 4</h5>
|
||||
|
||||
<p>Tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
|
||||
|
||||
<h6>Header Level 6</h6>
|
||||
|
||||
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
<div id="sidebar" class="span2 offset1">
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="#">Lorem</a></li>
|
||||
<li><a href="#">Ipsum</a></li>
|
||||
<li><a href="#">Dolor</a></li>
|
||||
<li><b>Sit Amet</b></li>
|
||||
<li><a href="#">Lorem</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div><!-- close #main-content -->
|
||||
</div><!-- close #wrapper -->
|
||||
{% 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,6 @@
|
|||
from django.conf.urls.defaults import *
|
||||
from views import research
|
||||
|
||||
urlpatterns = patterns('',
|
||||
(r'^research/', research)
|
||||
)
|
|
@ -0,0 +1,6 @@
|
|||
import l10n_utils
|
||||
from django.conf import settings
|
||||
|
||||
def research(request):
|
||||
return l10n_utils.render(request, "research/research.html")
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('//www.mozilla.org/img/fonts/OpenSans-Light-webfont.eot');
|
||||
src: url('//www.mozilla.org/img/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('//www.mozilla.org/img/fonts/OpenSans-Light-webfont.woff') format('woff'),
|
||||
url('//www.mozilla.org/img/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
|
||||
url('//www.mozilla.org/img/fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('//www.mozilla.org/img/fonts/OpenSans-Regular-webfont.eot');
|
||||
src: url('//www.mozilla.org/img/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('//www.mozilla.org/img/fonts/OpenSans-Regular-webfont.woff') format('woff'),
|
||||
url('//www.mozilla.org/img/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
|
||||
url('//www.mozilla.org/img/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('//www.mozilla.org/img/fonts/OpenSans-Semibold-webfont.eot');
|
||||
src: url('//www.mozilla.org/img/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('//www.mozilla.org/img/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
|
||||
url('//www.mozilla.org/img/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
|
||||
url('//www.mozilla.org/img/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
}
|
|
@ -0,0 +1,58 @@
|
|||
// Le grid system
|
||||
// -------------------------
|
||||
/*
|
||||
* Based on bootstrap, Copyright 2012 Twitter, Inc
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*/
|
||||
#gridSystem {
|
||||
// Setup the mixins to be used
|
||||
.columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, @columns) {
|
||||
width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
|
||||
}
|
||||
.offset(@gridColumnWidth, @gridGutterWidth, @columns) {
|
||||
margin-left: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1)) + (@gridGutterWidth * 2);
|
||||
}
|
||||
.gridColumn(@gridGutterWidth) {
|
||||
float: left;
|
||||
margin-left: @gridGutterWidth;
|
||||
}
|
||||
// Take these values and mixins, and make 'em do their thang
|
||||
.generate(@gridColumns, @gridColumnWidth, @gridGutterWidth) {
|
||||
// Row surrounds the columns
|
||||
.row {
|
||||
margin-left: @gridGutterWidth * -1;
|
||||
.clearfix();
|
||||
}
|
||||
// Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7, thanks @dhg)
|
||||
[class*="span"] {
|
||||
#gridSystem > .gridColumn(@gridGutterWidth);
|
||||
}
|
||||
// Default columns
|
||||
.span1 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 1); }
|
||||
.span2 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 2); }
|
||||
.span3 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 3); }
|
||||
.span4 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 4); }
|
||||
.span5 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 5); }
|
||||
.span6 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 6); }
|
||||
.span7 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 7); }
|
||||
.span8 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 8); }
|
||||
.span9 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 9); }
|
||||
.span10 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 10); }
|
||||
.span11 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 11); }
|
||||
.span12,
|
||||
.container { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 12); }
|
||||
// Offset column options
|
||||
.offset1 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 1); }
|
||||
.offset2 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 2); }
|
||||
.offset3 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 3); }
|
||||
.offset4 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 4); }
|
||||
.offset5 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 5); }
|
||||
.offset6 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 6); }
|
||||
.offset7 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 7); }
|
||||
.offset8 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 8); }
|
||||
.offset9 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 9); }
|
||||
.offset10 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 10); }
|
||||
.offset11 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 11); }
|
||||
}
|
||||
}
|
|
@ -0,0 +1,11 @@
|
|||
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {
|
||||
display: block;
|
||||
}
|
||||
|
||||
a img { border: 0; }
|
|
@ -0,0 +1,275 @@
|
|||
@import "variables.less";
|
||||
@import "mixins.less";
|
||||
@import "reset.less";
|
||||
@import "fonts.less";
|
||||
|
||||
/* }}} */
|
||||
/* {{{ Basic Colors, Text, Links */
|
||||
|
||||
body {
|
||||
font-size: @baseFontSize;
|
||||
line-height: @baseLineHeight;
|
||||
font-family: @baseFontFamily;
|
||||
color: @text-color-primary;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
background: #f2f0ee url(/media/img/sandstone/bg.png) 0 0 repeat-x;
|
||||
}
|
||||
|
||||
a {
|
||||
color: @link-blue;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:active {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
.open-sans;
|
||||
font-weight: 300;
|
||||
margin: 24px 0 12px 0;
|
||||
}
|
||||
|
||||
h1 { font-size: 48px; }
|
||||
h2 { font-size: 32px; }
|
||||
h3 { font-size: 24px; }
|
||||
h4 { font-size: 18px; }
|
||||
h5 { font-size: 16px; }
|
||||
h6 { font-size: 14px; }
|
||||
|
||||
p,
|
||||
ul,
|
||||
ol,
|
||||
dl {
|
||||
margin: 0 0 24px 0;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-left: 24px;
|
||||
}
|
||||
|
||||
/* }}} */
|
||||
/* {{{ Layout */
|
||||
|
||||
#gridSystem > .generate(@gridColumns, @gridColumnWidth, @gridGutterWidth);
|
||||
|
||||
#outer-wrapper {
|
||||
border-top: 2px solid #fff;
|
||||
}
|
||||
|
||||
#main-content {
|
||||
padding-bottom: 48px;
|
||||
}
|
||||
|
||||
|
||||
/* }}} */
|
||||
/* {{{ Less Framework Grid */
|
||||
|
||||
/* Default Layout: 992px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 48px.
|
||||
Leftover space for scrollbars @1024px: 32px.
|
||||
-------------------------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8 9 10
|
||||
px 68 160 252 344 436 528 620 712 804 896 */
|
||||
|
||||
#masthead,
|
||||
#colophon,
|
||||
#main-feature,
|
||||
#main-content {
|
||||
margin: 0 auto;
|
||||
padding-left: 48px;
|
||||
padding-right: 48px;
|
||||
position: relative;
|
||||
width: 896px;
|
||||
.clearfix
|
||||
}
|
||||
|
||||
|
||||
/* Tablet Layout: 768px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 28px.
|
||||
Inherits styles from: Default Layout.
|
||||
-----------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8
|
||||
px 68 160 252 344 436 528 620 712 */
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
|
||||
#masthead,
|
||||
#colophon,
|
||||
#main-feature,
|
||||
#main-content {
|
||||
width: 712px;
|
||||
padding: 0 28px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Mobile Layout: 320px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 34px.
|
||||
Inherits styles from: Default Layout.
|
||||
---------------------------------------------
|
||||
cols 1 2 3
|
||||
px 68 160 252 */
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
|
||||
#masthead,
|
||||
#colophon,
|
||||
#main-feature,
|
||||
#main-content {
|
||||
width: 252px;
|
||||
padding: 0 34px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Wide Mobile Layout: 480px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 22px.
|
||||
Inherits styles from: Default Layout, Mobile Layout.
|
||||
------------------------------------------------------------
|
||||
cols 1 2 3 4 5
|
||||
px 68 160 252 344 436 */
|
||||
|
||||
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
||||
|
||||
#masthead,
|
||||
#colophon,
|
||||
#main-feature,
|
||||
#main-content {
|
||||
width: 480px;
|
||||
padding: 0 22px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* }}} */
|
||||
/* {{{ Header Nav */
|
||||
|
||||
#masthead {
|
||||
|
||||
h1 {
|
||||
padding: 48px 0 24px 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
nav {
|
||||
float: right;
|
||||
margin-right: 16px;
|
||||
text-transform: uppercase;
|
||||
font-size: 13px;
|
||||
.open-sans;
|
||||
|
||||
ul li {
|
||||
list-style-type: none;
|
||||
display: inline;
|
||||
|
||||
a,
|
||||
span {
|
||||
display: inline-block;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
a,
|
||||
a:link,
|
||||
a:visited {
|
||||
color: @text-color-secondary;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* }}} */
|
||||
/* {{{ Header Breadcrumbs */
|
||||
|
||||
#masthead {
|
||||
|
||||
nav.breadcrumbs {
|
||||
float: none;
|
||||
padding: 24px 0;
|
||||
|
||||
a,
|
||||
span {
|
||||
margin-right: 1em;
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
a:first-child,
|
||||
span:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* }}} */
|
||||
/* {{{ Sidebar */
|
||||
|
||||
#sidebar {
|
||||
|
||||
nav {
|
||||
.open-sans;
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
color: @text-color-secondary;
|
||||
|
||||
li {
|
||||
list-style-type: none;
|
||||
border-bottom: 1px dotted #ccc;
|
||||
|
||||
a,
|
||||
b {
|
||||
display: block;
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
li b {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
li:first-child {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* }}} */
|
||||
/* {{{ Footer */
|
||||
|
||||
#colophon {
|
||||
color: @text-color-light;
|
||||
padding: 48px 0;
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
|
||||
nav {
|
||||
.open-sans;
|
||||
|
||||
ul li {
|
||||
list-style-type: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* }}} */
|
|
@ -0,0 +1 @@
|
|||
p { border: 1px solid #f00;}
|
|
@ -0,0 +1,32 @@
|
|||
@text-color-primary: #333;
|
||||
@text-color-secondary: #484848;
|
||||
@text-color-light: #bbb;
|
||||
|
||||
@link-blue: #67a7d0;
|
||||
|
||||
@baseFontSize: 16px;
|
||||
@baseFontFamily: Georgia, serif;
|
||||
@baseLineHeight: 24px;
|
||||
|
||||
// Less Framework grid
|
||||
@gridColumns: 10;
|
||||
@gridColumnWidth: 68px;
|
||||
@gridGutterWidth: 24px;
|
||||
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
|
||||
|
||||
|
||||
.open-sans {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
&:after {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
clear: both;
|
||||
content: ".";
|
||||
}
|
||||
}
|
||||
|
Двоичный файл не отображается.
После Ширина: | Высота: | Размер: 2.6 KiB |
Двоичный файл не отображается.
После Ширина: | Высота: | Размер: 605 B |
Двоичный файл не отображается.
После Ширина: | Высота: | Размер: 1.1 KiB |
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
|
@ -40,13 +40,14 @@ def JINJA_CONFIG():
|
|||
'finalize': lambda x: x if x is not None else ''}
|
||||
return config
|
||||
|
||||
LESS_PREPROCESS = True
|
||||
|
||||
# Bundles is a dictionary of two dictionaries, css and js, which list css files
|
||||
# and js files that can be bundled together by the minify app.
|
||||
MINIFY_BUNDLES = {
|
||||
'css': {
|
||||
'common': (
|
||||
'css/covehead/template.css',
|
||||
'css/covehead/content.css',
|
||||
'css/sandstone/sandstone.less',
|
||||
),
|
||||
'channel': (
|
||||
'css/covehead/template.css',
|
||||
|
@ -69,8 +70,6 @@ MINIFY_BUNDLES = {
|
|||
'js': {
|
||||
'common': (
|
||||
'js/libs/jquery-1.4.4.min.js',
|
||||
'js/util.js',
|
||||
'js/nav-main.js',
|
||||
),
|
||||
'geolocation': (
|
||||
'js/libs/jquery-1.4.4.min.js',
|
||||
|
@ -103,6 +102,7 @@ INSTALLED_APPS = list(INSTALLED_APPS) + [
|
|||
# Local apps
|
||||
'l10n_example', # DELETEME
|
||||
'mozorg',
|
||||
'research',
|
||||
|
||||
# libs
|
||||
'l10n_utils',
|
||||
|
|
|
@ -1,34 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html LANG="{{ LANG }}" dir="{{ DIR }}">
|
||||
<head>
|
||||
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
|
||||
<!doctype html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
|
||||
<!--[if gt IE 8]><!--> <html class="no-js" lang="{{ LANG }}" dir="{{ DIR }}"> <!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<title>{% block page_title %}mozilla.org{% endblock %}</title>
|
||||
|
||||
<style>
|
||||
{# TODO put this into CSS file. #}
|
||||
{# MetaWebPro font family licensed from fontshop.com. WOFF-FTW! #}
|
||||
@font-face {
|
||||
font-family: 'MetaBlack';
|
||||
src: url('http://mozcom-cdn.mozilla.net/img/fonts/MetaWebPro-Black.eot');
|
||||
src: local('☺'), url('http://mozcom-cdn.mozilla.net/img/fonts/MetaWebPro-Black.woff') format('woff');
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
<link href="//www.mozilla.org/tabzilla/media/css/tabzilla.css" rel="stylesheet">
|
||||
|
||||
{% block site_css %}
|
||||
{{ css('common') }}
|
||||
{% endblock %}
|
||||
|
||||
<link rel="shortcut icon" type="image/png" href="{{ MEDIA_URL }}img/favicon.png"/>
|
||||
<link href="/media/css/sandstone/sandstone.less" rel="stylesheet/less">
|
||||
|
||||
<script src="/media/js/less-1.2.1.min.js" type="text/javascript"></script>
|
||||
|
||||
<link rel="shortcut icon" type="image/png" href="{{ MEDIA_URL }}img/favicon.png">
|
||||
</head>
|
||||
|
||||
<body id="{% block body_id %}{% endblock %}" class="html-{{ DIR }} {% block body_class %}{% endblock %}">
|
||||
<div id="outer-wrapper">
|
||||
<div id="wrapper">
|
||||
<div id="doc">
|
||||
<div id="nav-access">
|
||||
<a href="#nav-main">{{ _('skip to navigation') }}</a>
|
||||
<a href="#lang_form">{{ _('switch language') }}</a>
|
||||
</div>
|
||||
|
||||
{% block site_header %}
|
||||
{% include "includes/header.html" %}
|
||||
|
@ -36,8 +31,8 @@
|
|||
|
||||
{% block content %}{% endblock %}
|
||||
|
||||
</div>{# /#doc #}
|
||||
</div>{# /#wrapper #}
|
||||
</div>{# /#outer-wrapper #}
|
||||
|
||||
{% block site_footer %}
|
||||
{% include "includes/footer.html" %}
|
||||
|
|
|
@ -1,533 +1,28 @@
|
|||
<!-- start #footer -->
|
||||
<div id="sub-footer">
|
||||
<div id="sub-footer-contents">
|
||||
<h3>Let’s be <span>friends!</span></h3>
|
||||
|
||||
<ul>
|
||||
<li id="footer-twitter">
|
||||
<a href="http://twitter.com/firefox"
|
||||
onclick="dcsMultiTrack('DCS.dcssip', 'twitter.com', 'DCS.dcsuri', '/firefox', 'WT.ti', 'Twitter');">
|
||||
Twitter
|
||||
</a>
|
||||
</li>
|
||||
<li id="footer-facebook">
|
||||
<a href="http://facebook.com/Firefox"
|
||||
onclick="dcsMultiTrack('DCS.dcssip', 'facebook.com', 'DCS.dcsuri', '/Firefox', 'WT.ti', 'Facebook');">
|
||||
Facebook
|
||||
</a>
|
||||
</div><!-- close #wrapper -->
|
||||
|
||||
</li>
|
||||
<li id="footer-connect">
|
||||
<a href="/en-US/firefox/connect/"
|
||||
onclick="dcsMultiTrack('DCS.dcsuri', '/en-US/firefox/connect/', 'WT.ti', 'Connect');">
|
||||
More Ways to Connect
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="sub-footer-newsletter">
|
||||
|
||||
<div class="newsletter-signup " id="newsletter">
|
||||
|
||||
<div class="container">
|
||||
|
||||
<form class="email-form inline-email-form" action="#subscribe-form" method="post">
|
||||
<input type="hidden" name="target" value="inline" />
|
||||
|
||||
<ul class="">
|
||||
<li class="open-pane" data-wt_uri="" data-wt_ti="">
|
||||
<h3>Get Monthly News</h3>
|
||||
<div class="email-field field">
|
||||
|
||||
<span class="error-wrapper">
|
||||
<input
|
||||
name="email"
|
||||
type="email"
|
||||
placeholder="Your Email Address"
|
||||
value=""
|
||||
class="email placeholder">
|
||||
</span>
|
||||
<a class="email-open"
|
||||
href="/en-US/newsletter/"
|
||||
onclick="dcsMultiTrack('DCS.dcssip', 'www.mozilla.org',
|
||||
'DCS.dcsuri', '/mainstream_newsletter/step1',
|
||||
'WT.ti', 'Link: Monthly News - First Step',
|
||||
'WT.dl', 99,
|
||||
'WT.nv', 'Content',
|
||||
'WT.ac', 'Newsletter');">»</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="form-pane">
|
||||
<p class="form-error email-error"><span>Whoops! Be sure to enter a valid email address.</span></p>
|
||||
|
||||
<p class="form-error privacy-error"><span>Please read the Mozilla Privacy Policy and agree by checking the box.</span></p>
|
||||
<div class="form-details">
|
||||
|
||||
<div class="field country-field">
|
||||
<select class="country" name="country">
|
||||
<option value="">Select country</option>
|
||||
<option value='af'>Afghanistan</option>
|
||||
<option value='al'>Albania</option>
|
||||
|
||||
<option value='dz'>Algeria</option>
|
||||
<option value='as'>American Samoa</option>
|
||||
<option value='ad'>Andorra</option>
|
||||
<option value='ao'>Angola</option>
|
||||
<option value='ai'>Anguilla</option>
|
||||
<option value='aq'>Antarctica</option>
|
||||
<option value='ag'>Antigua and Barbuda</option>
|
||||
<option value='ar'>Argentina</option>
|
||||
<option value='am'>Armenia</option>
|
||||
|
||||
<option value='aw'>Aruba</option>
|
||||
<option value='au'>Australia</option>
|
||||
<option value='at'>Austria</option>
|
||||
<option value='az'>Azerbaijan</option>
|
||||
<option value='bs'>Bahamas</option>
|
||||
<option value='bh'>Bahrain</option>
|
||||
<option value='bd'>Bangladesh</option>
|
||||
<option value='bb'>Barbados</option>
|
||||
<option value='by'>Belarus</option>
|
||||
|
||||
<option value='be'>Belgium</option>
|
||||
<option value='bz'>Belize</option>
|
||||
<option value='bj'>Benin</option>
|
||||
<option value='bm'>Bermuda</option>
|
||||
<option value='bt'>Bhutan</option>
|
||||
<option value='bo'>Bolivia</option>
|
||||
<option value='ba'>Bosnia and Herzegovina</option>
|
||||
<option value='bw'>Botswana</option>
|
||||
<option value='bv'>Bouvet Island</option>
|
||||
|
||||
<option value='br'>Brazil</option>
|
||||
<option value='io'>British Indian Ocean Territory</option>
|
||||
<option value='vg'>British Virgin Islands</option>
|
||||
<option value='bn'>Brunei Darussalam</option>
|
||||
<option value='bg'>Bulgaria</option>
|
||||
<option value='bf'>Burkina Faso</option>
|
||||
<option value='bi'>Burundi</option>
|
||||
<option value='kh'>Cambodia</option>
|
||||
<option value='cm'>Cameroon</option>
|
||||
|
||||
<option value='ca'>Canada</option>
|
||||
<option value='cv'>Cape Verde</option>
|
||||
<option value='ky'>Cayman Islands</option>
|
||||
<option value='cf'>Central African Republic</option>
|
||||
<option value='td'>Chad</option>
|
||||
<option value='cl'>Chile</option>
|
||||
<option value='cn'>China</option>
|
||||
<option value='cx'>Christmas Island</option>
|
||||
<option value='cc'>Cocos (Keeling) Islands</option>
|
||||
|
||||
<option value='co'>Colombia</option>
|
||||
<option value='km'>Comoros</option>
|
||||
<option value='cg'>Congo-Brazzaville</option>
|
||||
<option value='cd'>Congo-Kinshasa</option>
|
||||
<option value='ck'>Cook Islands</option>
|
||||
<option value='cr'>Costa Rica</option>
|
||||
<option value='hr'>Croatia</option>
|
||||
<option value='cu'>Cuba</option>
|
||||
<option value='cy'>Cyprus</option>
|
||||
|
||||
<option value='cz'>Czech Republic</option>
|
||||
<option value='dk'>Denmark</option>
|
||||
<option value='dj'>Djibouti</option>
|
||||
<option value='dm'>Dominica</option>
|
||||
<option value='do'>Dominican Republic</option>
|
||||
<option value='ec'>Ecuador</option>
|
||||
<option value='eg'>Egypt</option>
|
||||
<option value='sv'>El Salvador</option>
|
||||
<option value='gq'>Equatorial Guinea</option>
|
||||
|
||||
<option value='er'>Eritrea</option>
|
||||
<option value='ee'>Estonia</option>
|
||||
<option value='et'>Ethiopia</option>
|
||||
<option value='fk'>Falkland Islands (Malvinas)</option>
|
||||
<option value='fo'>Faroe Islands</option>
|
||||
<option value='fj'>Fiji</option>
|
||||
<option value='fi'>Finland</option>
|
||||
<option value='fr'>France</option>
|
||||
<option value='gf'>French Guiana</option>
|
||||
|
||||
<option value='pf'>French Polynesia</option>
|
||||
<option value='tf'>French Southern Territories</option>
|
||||
<option value='ga'>Gabon</option>
|
||||
<option value='gm'>Gambia</option>
|
||||
<option value='ge'>Georgia</option>
|
||||
<option value='de'>Germany</option>
|
||||
<option value='gh'>Ghana</option>
|
||||
<option value='gi'>Gibraltar</option>
|
||||
<option value='gr'>Greece</option>
|
||||
|
||||
<option value='gl'>Greenland</option>
|
||||
<option value='gd'>Grenada</option>
|
||||
<option value='gp'>Guadeloupe</option>
|
||||
<option value='gu'>Guam</option>
|
||||
<option value='gt'>Guatemala</option>
|
||||
<option value='gg'>Guernsey</option>
|
||||
<option value='gn'>Guinea</option>
|
||||
<option value='gw'>Guinea-Bissau</option>
|
||||
<option value='gy'>Guyana</option>
|
||||
|
||||
<option value='ht'>Haiti</option>
|
||||
<option value='hm'>Heard Island and McDonald Islands</option>
|
||||
<option value='hn'>Honduras</option>
|
||||
<option value='hk'>Hong Kong</option>
|
||||
<option value='hu'>Hungary</option>
|
||||
<option value='is'>Iceland</option>
|
||||
<option value='in'>India</option>
|
||||
<option value='id'>Indonesia</option>
|
||||
<option value='ir'>Iran</option>
|
||||
|
||||
<option value='iq'>Iraq</option>
|
||||
<option value='ie'>Ireland</option>
|
||||
<option value='im'>Isle of Man</option>
|
||||
<option value='il'>Israel</option>
|
||||
<option value='it'>Italy</option>
|
||||
<option value='ci'>Ivory Coast</option>
|
||||
<option value='jm'>Jamaica</option>
|
||||
<option value='jp'>Japan</option>
|
||||
<option value='je'>Jersey</option>
|
||||
|
||||
<option value='jo'>Jordan</option>
|
||||
<option value='kz'>Kazakhstan</option>
|
||||
<option value='ke'>Kenya</option>
|
||||
<option value='ki'>Kiribati</option>
|
||||
<option value='kw'>Kuwait</option>
|
||||
<option value='kg'>Kyrgyzstan</option>
|
||||
<option value='la'>Laos</option>
|
||||
<option value='lv'>Latvia</option>
|
||||
<option value='lb'>Lebanon</option>
|
||||
|
||||
<option value='ls'>Lesotho</option>
|
||||
<option value='lr'>Liberia</option>
|
||||
<option value='ly'>Libya</option>
|
||||
<option value='li'>Liechtenstein</option>
|
||||
<option value='lt'>Lithuania</option>
|
||||
<option value='lu'>Luxembourg</option>
|
||||
<option value='mo'>Macao</option>
|
||||
<option value='mk'>Macedonia, F.Y.R. of</option>
|
||||
<option value='mg'>Madagascar</option>
|
||||
|
||||
<option value='mw'>Malawi</option>
|
||||
<option value='my'>Malaysia</option>
|
||||
<option value='mv'>Maldives</option>
|
||||
<option value='ml'>Mali</option>
|
||||
<option value='mt'>Malta</option>
|
||||
<option value='mh'>Marshall Islands</option>
|
||||
<option value='mq'>Martinique</option>
|
||||
<option value='mr'>Mauritania</option>
|
||||
<option value='mu'>Mauritius</option>
|
||||
|
||||
<option value='yt'>Mayotte</option>
|
||||
<option value='mx'>Mexico</option>
|
||||
<option value='fm'>Micronesia</option>
|
||||
<option value='md'>Moldova</option>
|
||||
<option value='mc'>Monaco</option>
|
||||
<option value='mn'>Mongolia</option>
|
||||
<option value='me'>Montenegro</option>
|
||||
<option value='ms'>Montserrat</option>
|
||||
<option value='ma'>Morocco</option>
|
||||
|
||||
<option value='mz'>Mozambique</option>
|
||||
<option value='mm'>Myanmar</option>
|
||||
<option value='na'>Namibia</option>
|
||||
<option value='nr'>Nauru</option>
|
||||
<option value='np'>Nepal</option>
|
||||
<option value='nl'>Netherlands</option>
|
||||
<option value='an'>Netherlands Antilles</option>
|
||||
<option value='nc'>New Caledonia</option>
|
||||
<option value='nz'>New Zealand</option>
|
||||
|
||||
<option value='ni'>Nicaragua</option>
|
||||
<option value='ne'>Niger</option>
|
||||
<option value='ng'>Nigeria</option>
|
||||
<option value='nu'>Niue</option>
|
||||
<option value='nf'>Norfolk Island</option>
|
||||
<option value='kp'>North Korea</option>
|
||||
<option value='mp'>Northern Mariana Islands</option>
|
||||
<option value='no'>Norway</option>
|
||||
<option value='ps'>Occupied Palestinian Territory</option>
|
||||
|
||||
<option value='om'>Oman</option>
|
||||
<option value='pk'>Pakistan</option>
|
||||
<option value='pw'>Palau</option>
|
||||
<option value='pa'>Panama</option>
|
||||
<option value='pg'>Papua New Guinea</option>
|
||||
<option value='py'>Paraguay</option>
|
||||
<option value='pe'>Peru</option>
|
||||
<option value='ph'>Philippines</option>
|
||||
<option value='pn'>Pitcairn</option>
|
||||
|
||||
<option value='pl'>Poland</option>
|
||||
<option value='pt'>Portugal</option>
|
||||
<option value='pr'>Puerto Rico</option>
|
||||
<option value='qa'>Qatar</option>
|
||||
<option value='re'>Reunion</option>
|
||||
<option value='ro'>Romania</option>
|
||||
<option value='ru'>Russian Federation</option>
|
||||
<option value='rw'>Rwanda</option>
|
||||
<option value='bl'>Saint Barthélemy</option>
|
||||
|
||||
<option value='sh'>Saint Helena</option>
|
||||
<option value='kn'>Saint Kitts and Nevis</option>
|
||||
<option value='lc'>Saint Lucia</option>
|
||||
<option value='mf'>Saint Martin</option>
|
||||
<option value='pm'>Saint Pierre and Miquelon</option>
|
||||
<option value='vc'>Saint Vincent and the Grenadines</option>
|
||||
<option value='ws'>Samoa</option>
|
||||
<option value='sm'>San Marino</option>
|
||||
<option value='st'>Sao Tome and Principe</option>
|
||||
|
||||
<option value='sa'>Saudi Arabia</option>
|
||||
<option value='sn'>Senegal</option>
|
||||
<option value='rs'>Serbia</option>
|
||||
<option value='sc'>Seychelles</option>
|
||||
<option value='sl'>Sierra Leone</option>
|
||||
<option value='sg'>Singapore</option>
|
||||
<option value='sk'>Slovakia</option>
|
||||
<option value='si'>Slovenia</option>
|
||||
<option value='sb'>Solomon Islands</option>
|
||||
|
||||
<option value='so'>Somalia</option>
|
||||
<option value='za'>South Africa</option>
|
||||
<option value='gs'>South Georgia and the South Sandwich Islands</option>
|
||||
<option value='kr'>South Korea</option>
|
||||
<option value='es'>Spain</option>
|
||||
<option value='lk'>Sri Lanka</option>
|
||||
<option value='sd'>Sudan</option>
|
||||
<option value='sr'>Suriname</option>
|
||||
<option value='sj'>Svalbard and Jan Mayen</option>
|
||||
|
||||
<option value='sz'>Swaziland</option>
|
||||
<option value='se'>Sweden</option>
|
||||
<option value='ch'>Switzerland</option>
|
||||
<option value='sy'>Syria</option>
|
||||
<option value='tw'>Taiwan</option>
|
||||
<option value='tj'>Tajikistan</option>
|
||||
<option value='tz'>Tanzania</option>
|
||||
<option value='th'>Thailand</option>
|
||||
<option value='tl'>Timor-Leste</option>
|
||||
|
||||
<option value='tg'>Togo</option>
|
||||
<option value='tk'>Tokelau</option>
|
||||
<option value='to'>Tonga</option>
|
||||
<option value='tt'>Trinidad and Tobago</option>
|
||||
<option value='tn'>Tunisia</option>
|
||||
<option value='tr'>Turkey</option>
|
||||
<option value='tm'>Turkmenistan</option>
|
||||
<option value='tc'>Turks and Caicos Islands</option>
|
||||
<option value='tv'>Tuvalu</option>
|
||||
|
||||
<option value='ae'>U.A.E.</option>
|
||||
<option value='vi'>U.S. Virgin Islands</option>
|
||||
<option value='ug'>Uganda</option>
|
||||
<option value='ua'>Ukraine</option>
|
||||
<option value='gb'>United Kingdom</option>
|
||||
<option value='us' selected='selected'>United States</option>
|
||||
<option value='um'>United States Minor Outlying Islands</option>
|
||||
<option value='uy'>Uruguay</option>
|
||||
<option value='uz'>Uzbekistan</option>
|
||||
|
||||
<option value='vu'>Vanuatu</option>
|
||||
<option value='va'>Vatican City</option>
|
||||
<option value='ve'>Venezuela</option>
|
||||
<option value='vn'>Vietnam</option>
|
||||
<option value='wf'>Wallis and Futuna</option>
|
||||
<option value='eh'>Western Sahara</option>
|
||||
<option value='ye'>Yemen</option>
|
||||
<option value='zm'>Zambia</option>
|
||||
<option value='zw'>Zimbabwe</option>
|
||||
|
||||
<option value='ax'>Åland Islands</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="field format-field">
|
||||
<div class="field-radios">
|
||||
<span class="radio-wrapper"><input type="radio" name="format" class="html-format" id="inline-html-format" value="html" checked="checked"></span>
|
||||
<label for="inline-html-format">HTML</label>
|
||||
<span class="radio-wrapper"><input type="radio" name="format" class="text-format" id="inline-text-format" value="text" ></span>
|
||||
|
||||
<label for="inline-text-format">Text</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="privacy-field">
|
||||
<label for="inline-privacy-check" class="privacy-check-label">
|
||||
<span class="error-wrapper"><input type="checkbox" class="privacy-check" id="inline-privacy-check" name="privacy" ></span> I agree to the <a href="/en-US/privacy-policy">Privacy Policy</a>
|
||||
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<input name="submit" type="submit" value="Sign me up!" class="subscribe"
|
||||
onclick="dcsMultiTrack('DCS.dcssip', 'www.mozilla.org',
|
||||
'DCS.dcsuri', '/mainstream_newsletter/signup',
|
||||
'WT.ti', 'Link: Mozilla Newsletter',
|
||||
'WT.dl', 99,
|
||||
'WT.z_convert', 'newsletter',
|
||||
'WT.z_page_location', 'footer'
|
||||
'WT.nv', 'Content',
|
||||
'WT.ac', 'Newsletter');">
|
||||
|
||||
<p class="footnote">We will only send you Mozilla-related information.</p>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li class="success-pane">
|
||||
|
||||
<h3>Thanks for Subscribing!</h3>
|
||||
<p>We look forward to soon begin sharing tips & tricks on getting the most out of Firefox, as well as exciting news about Mozilla and how we’re working to create a better Web.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<footer id="colophon">
|
||||
<div class="row">
|
||||
|
||||
<div class="span3">
|
||||
<a href="http://www.mozilla.org/" class="footer-logo"><img src="img/footer-mozilla.png" alt="mozilla"></a>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
</div>
|
||||
<nav class="span3">
|
||||
<ul>
|
||||
<li><a href="#">Lorem</a></li>
|
||||
<li><a href="#">Ipsum</a></li>
|
||||
<li><a href="#">Dolor</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<div id="footer">
|
||||
<div id="footer-contents" role="contentinfo">
|
||||
</footer>
|
||||
|
||||
<div id="footer-right">
|
||||
|
||||
<form id="lang_form" dir="ltr" method="get"><div>
|
||||
<label for="flang">Other Languages</label>
|
||||
|
||||
<select id="flang" name="flang" dir="ltr" onchange="this.form.submit()"> <option value="af">Afrikaans</option>
|
||||
<option value="ak">Akan</option>
|
||||
<option value="ar">عربي</option>
|
||||
<option value="as">অসমীয়া</option>
|
||||
|
||||
<option value="ast">Asturianu</option>
|
||||
<option value="be">Беларуская</option>
|
||||
<option value="bg">Български</option>
|
||||
<option value="bn-BD">বাংলা (বাংলাদেশ)</option>
|
||||
<option value="bn-IN">বাংলা</option>
|
||||
<option value="br">Brezhoneg</option>
|
||||
<option value="bs">Bosanski</option>
|
||||
|
||||
<option value="ca">Català</option>
|
||||
<option value="cs">Čeština</option>
|
||||
<option value="csb">Kaszëbsczi</option>
|
||||
<option value="cy">Cymraeg</option>
|
||||
<option value="da">Dansk</option>
|
||||
<option value="de">Deutsch</option>
|
||||
|
||||
<option value="el">Ελληνικά</option>
|
||||
<option value="en-ZA">English (South African)</option>
|
||||
<option value="eo">Esperanto</option>
|
||||
<option value="es-AR">Español (Argentina)</option>
|
||||
<option value="es-CL">Español (Chile)</option>
|
||||
<option value="es-ES">Español (España)</option>
|
||||
|
||||
<option value="es-MX">Español (México)</option>
|
||||
<option value="et">Eesti keel</option>
|
||||
<option value="eu">Euskara</option>
|
||||
<option value="en-GB">English (British)</option>
|
||||
<option value="en-US" selected="selected">English (US)</option>
|
||||
<option value="fa">فارسی</option>
|
||||
|
||||
<option value="fi">Suomi</option>
|
||||
<option value="fr">Français</option>
|
||||
<option value="fy-NL">Frysk</option>
|
||||
<option value="ga-IE">Gaeilge</option>
|
||||
<option value="gd">Gàidhlig</option>
|
||||
<option value="gl">Galego</option>
|
||||
|
||||
<option value="gu-IN">ગુજરાતી</option>
|
||||
<option value="he">עברית</option>
|
||||
<option value="hi-IN">हिन्दी (भारत)</option>
|
||||
<option value="hy-AM">Հայերեն</option>
|
||||
<option value="hr">Hrvatski</option>
|
||||
<option value="hu">Magyar</option>
|
||||
|
||||
<option value="id">Bahasa Indonesia</option>
|
||||
<option value="is">Íslenska</option>
|
||||
<option value="it">Italiano</option>
|
||||
<option value="ja">日本語</option>
|
||||
<option value="ka">ქართული ენა</option>
|
||||
<option value="kk">Қазақ</option>
|
||||
<option value="kn">闠늨跠늨</option>
|
||||
|
||||
<option value="ko">한국어</option>
|
||||
<option value="ku">Kurdî</option>
|
||||
<option value="lg">Luganda</option>
|
||||
<option value="lt">Lietuvių</option>
|
||||
<option value="lv">Latviešu</option>
|
||||
<option value="mk">Македонски</option>
|
||||
|
||||
<option value="ml">മലയാളം</option>
|
||||
<option value="mn">Монгол</option>
|
||||
<option value="mr">मराठी</option>
|
||||
<option value="nl">Nederlands</option>
|
||||
<option value="no">Norsk bokmål</option>
|
||||
<option value="nso">Sepedi</option>
|
||||
<option value="oc">occitan (lengadocian)</option>
|
||||
|
||||
<option value="pa-IN">ਪੰਜਾਬੀ</option>
|
||||
<option value="pl">Polski</option>
|
||||
<option value="pt-BR">Português (do Brasil)</option>
|
||||
<option value="pt-PT">Português (Europeu)</option>
|
||||
<option value="rm">Rumantsch</option>
|
||||
<option value="ro">Română</option>
|
||||
|
||||
<option value="ru">Русский</option>
|
||||
<option value="sk">Slovenčina</option>
|
||||
<option value="si">සිංහල</option>
|
||||
<option value="sl">slovensko</option>
|
||||
<option value="son">Soŋay</option>
|
||||
<option value="sq">Shqip</option>
|
||||
|
||||
<option value="sr">Српски</option>
|
||||
<option value="sv-SE">Svenska</option>
|
||||
<option value="ta">தமிழ்</option>
|
||||
<option value="ta-LK">Tamil (Sri Lanka)</option>
|
||||
<option value="te">ꓠ놆닠놁韠놁</option>
|
||||
<option value="th">ภาษาไทย</option>
|
||||
<option value="tr">Türkçe</option>
|
||||
|
||||
<option value="uk">Українська</option>
|
||||
<option value="vi">Tiếng Việt</option>
|
||||
<option value="zh-CN">中文 (简体)</option>
|
||||
<option value="zh-TW">正體中文 (繁體)</option>
|
||||
<option value="zu">isiZulu</option>
|
||||
|
||||
</select>
|
||||
<noscript>
|
||||
<div><input type="submit" id="lang_submit" value="Go" /></div>
|
||||
</noscript>
|
||||
</div></form>
|
||||
|
||||
</div>
|
||||
|
||||
<h3 id="footer-logo"><a href="/en-US/firefox/" title="Back to home page">Firefox</a></h3>
|
||||
|
||||
|
||||
<!-- start menu #footer-menu -->
|
||||
<div id="footer-menu" role="navigation">
|
||||
<ul>
|
||||
<li><a href="/en-US/firefox/features/">Desktop</a><ul><li><a href="/en-US/firefox/features/">Features</a></li><li><a href="/en-US/firefox/security/">Security</a></li><li><a href="/en-US/firefox/performance/">Performance</a></li><li><a href="/en-US/firefox/customize/">Customization</a></li><li><a href="/en-US/firefox/technology/">Technology</a></li><li><a href="/en-US/firefox/video/">Videos</a></li><li><a href="/en-US/firefox/central/">Tour</a></li><li><a href="/en-US/firefox/channel/">Future Releases</a></li></ul></li>
|
||||
<li><a href="/en-US/mobile/">Mobile</a><ul><li><a href="/en-US/mobile/">Download</a></li><li><a href="/en-US/mobile/features/">Features</a></li><li><a href="/en-US/mobile/customize/">Customization</a></li><li><a href="/en-US/mobile/sync/">Sync</a></li><li><a href="https://developer.mozilla.org/en-US/mobile">Develop</a></li><li><a href="/en-US/mobile/getinvolved/">Get Involved</a></li><li><a href="/en-US/mobile/faq/">FAQ</a></li><li><a href="https://blog.mozilla.com/mobile/">Blog</a></li><li><a href="/en-US/firefox/video?video=fx4-mobile-greatday">Videos</a></li><li><a href="/en-US/firefox/channel/">Future Releases</a></li></ul></li>
|
||||
|
||||
<li><a href="https://addons.mozilla.org/">Add-ons</a><ul><li><a href="https://addons.mozilla.org/firefox/">Firefox Add-ons</a></li><li><a href="https://addons.mozilla.org/firefox/featured/">Featured Add-ons</a></li><li><a href="https://addons.mozilla.org/firefox/extensions/">Extensions</a></li><li><a href="https://addons.mozilla.org/firefox/themes/">Themes</a></li><li><a href="http://www.getpersonas.com/">Personas</a></li><li><a href="https://addons.mozilla.org/firefox/search-tools/">Search Tools</a></li><li><a href="https://addons.mozilla.org/firefox/language-tools/">Language Support</a></li><li><a href="https://addons.mozilla.org/firefox/collections/">Collections</a></li><li><a href="https://addons.mozilla.org/mobile/">Mobile Add-ons</a></li><li><a href="https://addons.mozilla.org/firefox/developers/">Developer Hub</a></li></ul></li>
|
||||
<li><a href="http://support.mozilla.com/">Support</a><ul><li><a href="http://support.mozilla.com/en-US/kb/">Firefox Support</a></li><li><a href="http://support.mozilla.com/mobile">Mobile Support</a></li><li><a href="http://support.mozillamessaging.com/en-US/kb/">Thunderbird Support</a></li></ul></li>
|
||||
|
||||
<li><a href="/en-US/firefox/about/">About</a><ul><li><a href="/en-US/firefox/about/">About Firefox</a></li><li><a href="http://www.mozilla.org/join">Join Mozilla</a></li><li><a href="/en-US/about/participate/">Participate</a></li><li><a href="/en-US/press/">Press Center</a></li><li><a href="/en-US/firefox/brand/">Brand Toolkit</a></li><li><a href="/en-US/about/careers.html">Careers</a></li><li><a href="/en-US/about/partnerships.html">Partnerships</a></li><li><a href="/en-US/about/legal.html">Legal</a></li><li><a href="/en-US/about/contact.html">Contact Us</a></li><li><a href="http://blog.mozilla.com/">Blog</a></li></ul></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end menu #footer-menu -->
|
||||
|
||||
<div id="copyright">
|
||||
<p id="footer-links"><a href="/en-US/privacy-policy.html">Privacy Policy</a> |
|
||||
<a href="/en-US/about/legal.html">Legal Notices</a> |
|
||||
<a href="/en-US/legal/fraud-report/index.html">Report Trademark Abuse</a></p>
|
||||
<p>Except where otherwise <a href="/en-US/about/legal.html#site">noted</a>, content on this site is licensed under the <br /><a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution Share-Alike License v3.0</a> or any later version.</p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- end #footer -->
|
||||
<script src="//www.mozilla.org/tabzilla/media/js/tabzilla.js"></script>
|
||||
</div><!-- close #outer-wrapper -->
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,83 +1,11 @@
|
|||
{# start #header #}
|
||||
<div id="header">
|
||||
<div>
|
||||
<h1><a href="/en-US/firefox/" title="{{ _('Back to home page') }}">{{ _('Mozilla Firefox') }}</a></h1>
|
||||
<a href="http://www.mozilla.org/" class="mozilla">{{ _('Mozilla') }}</a>
|
||||
<header id="masthead">
|
||||
<a href="http://www.mozilla.org/" id="tabzilla">{{ _('Mozilla') }}</a>
|
||||
|
||||
{# start menu #nav-main #}
|
||||
<div id="nav-main" role="navigation">
|
||||
<ul role="menubar">
|
||||
<li id="nav-main-features" class="first">
|
||||
<a aria-haspopup="true" aria-owns="nav-main-features-submenu" tabindex="0" href="/en-US/firefox/features/">Desktop</a>
|
||||
<ul id="nav-main-features-submenu" aria-expanded="false">
|
||||
<li class="first"><a tabindex="-1" href="/en-US/firefox/features/">Features</a></li>
|
||||
<li><a tabindex="-1" href="/en-US/firefox/security/">Security</a></li>
|
||||
<li><a tabindex="-1" href="/en-US/firefox/performance/">Performance</a></li>
|
||||
<li><a tabindex="-1" href="/en-US/firefox/customize/">Customization</a></li>
|
||||
<li><a tabindex="-1" href="/en-US/firefox/technology/">Technology</a></li>
|
||||
<li><a tabindex="-1" href="/en-US/firefox/video/">Videos</a></li>
|
||||
<li class="last"><a tabindex="-1" href="/en-US/firefox/central/">Tour</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li id="nav-main-mobile">
|
||||
<a aria-haspopup="true" aria-owns="nav-main-mobile-submenu" tabindex="0" href="/en-US/mobile/">Mobile</a>
|
||||
<ul id="nav-main-mobile-submenu" aria-expanded="false">
|
||||
<li class="first"><a tabindex="-1" href="/en-US/mobile/">Mobile Overview</a></li>
|
||||
<li><a tabindex="-1" href="/en-US/mobile/download/">Download</a></li>
|
||||
<li><a tabindex="-1" href="/en-US/mobile/features/">Features</a></li>
|
||||
<li><a tabindex="-1" href="https://addons.mozilla.org/en-US/mobile/?browse=featured">Customize</a></li>
|
||||
<li><a tabindex="-1" href="/en-US/mobile/sync/">Sync</a></li>
|
||||
<li><a tabindex="-1" href="https://developer.mozilla.org/en-US/mobile">Develop</a></li>
|
||||
<li><a tabindex="-1" href="/en-US/mobile/getinvolved/">Get Involved</a></li>
|
||||
<li><a tabindex="-1" href="/en-US/mobile/faq/">FAQ</a></li>
|
||||
<li class="last"><a tabindex="-1" href="https://blog.mozilla.com/mobile/">Blog</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li id="nav-main-addons">
|
||||
<a aria-haspopup="true" aria-owns="nav-main-addons-submenu" tabindex="0" href="https://addons.mozilla.org/">Add-ons</a>
|
||||
<ul id="nav-main-addons-submenu" aria-expanded="false">
|
||||
<li class="first"><a tabindex="-1" href="https://addons.mozilla.org/firefox/">Firefox Add-ons</a></li>
|
||||
<li><a tabindex="-1" href="https://addons.mozilla.org/firefox/featured/">Featured Add-ons</a></li>
|
||||
<li><a tabindex="-1" href="https://addons.mozilla.org/firefox/extensions/">Extensions</a></li>
|
||||
<li><a tabindex="-1" href="https://addons.mozilla.org/firefox/themes/">Themes</a></li>
|
||||
<li><a tabindex="-1" href="http://www.getpersonas.com/">Personas</a></li>
|
||||
<li><a tabindex="-1" href="https://addons.mozilla.org/firefox/search-tools/">Search Tools</a></li>
|
||||
<li><a tabindex="-1" href="https://addons.mozilla.org/firefox/language-tools/">Language Support</a></li>
|
||||
<li><a tabindex="-1" href="https://addons.mozilla.org/firefox/collections/">Collections</a></li>
|
||||
<li><a tabindex="-1" href="https://addons.mozilla.org/mobile/">Mobile Add-ons</a></li>
|
||||
<li class="last"><a tabindex="-1" href="https://addons.mozilla.org/firefox/developers/">Developer Hub</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li id="nav-main-support">
|
||||
<a aria-haspopup="true" aria-owns="nav-main-support-submenu" tabindex="0" href="http://support.mozilla.com/">Support</a>
|
||||
<ul id="nav-main-support-submenu" aria-expanded="false">
|
||||
<li class="first"><a tabindex="-1" href="http://support.mozilla.com/en-US/kb/">Firefox Support</a></li>
|
||||
<li><a tabindex="-1" href="http://support.mozilla.com/mobile">Mobile Support</a></li>
|
||||
<li class="last"><a tabindex="-1" href="http://support.mozillamessaging.com/en-US/kb/">Thunderbird Support</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li id="nav-main-about" class="last">
|
||||
<a aria-haspopup="true" aria-owns="nav-main-about-submenu" tabindex="0" href="/en-US/about/">About</a>
|
||||
<ul id="nav-main-about-submenu" aria-expanded="false">
|
||||
<li class="first"><a tabindex="-1" href="/en-US/about/">About Firefox</a></li>
|
||||
<li><a tabindex="-1" href="http://www.mozilla.org/join">Join Mozilla</a></li>
|
||||
<li><a tabindex="-1" href="/en-US/about/participate/">Participate</a></li>
|
||||
<li><a tabindex="-1" href="/en-US/press/">Press Center</a></li>
|
||||
<li><a tabindex="-1" href="/en-US/about/careers.html">Careers</a></li>
|
||||
<li><a tabindex="-1" href="/en-US/about/partnerships.html">Partnerships</a></li>
|
||||
<li><a tabindex="-1" href="/en-US/about/legal.html">Legal</a></li>
|
||||
<li><a tabindex="-1" href="/en-US/about/contact.html">Contact Us</a></li>
|
||||
<li class="last"><a tabindex="-1" href="http://blog.mozilla.com/">Blog</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{# end menu #nav-main #}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
{# end #header #}
|
||||
|
|
1
urls.py
1
urls.py
|
@ -9,6 +9,7 @@ from django.conf.urls.defaults import *
|
|||
urlpatterns = patterns('',
|
||||
# Main pages
|
||||
(r'', include('mozorg.urls')),
|
||||
(r'', include('research.urls')),
|
||||
|
||||
# L10n example.
|
||||
(r'^l10n_example/', include('l10n_example.urls')),
|
||||
|
|
Загрузка…
Ссылка в новой задаче