/
base.html
166 lines (140 loc) · 7.51 KB
/
base.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
{% from "macros.html" import share_cta with context %}
{%- set_lang_files "main" -%}
<!doctype html>
{# Note the "windows" class, without javascript platform-specific
assets default to windows #}
<html class="windows x86 no-js" lang="{{ LANG|replace('en-US', 'en') }}" dir="{{ DIR }}" data-latest-firefox="{{ latest_firefox_version }}" data-esr-versions="{{ esr_firefox_versions|join(' ') }}">
<head>
<meta charset="utf-8">{# Note: Must be within first 512 bytes of page #}
{% javascript 'site' %}
{% block newrelic %}
{% include 'includes/newrelic.html' %}
{% endblock %}
<!--
{% include "includes/careers-teaser.html" %}
-->
{% block ga_experiments %}{% endblock %}
{% block extra_meta %}{% endblock %}
{% block shared_meta %}
{#- Please sync this block with the base-resp.html template.
Because of blocks, we cannot use an include here. -#}
<title>{% filter striptags|e %}{% block page_title_full %}{% block page_title_prefix %}{% endblock %}{% block page_title %}{% endblock %}{% endblock page_title_full %}{% block page_title_suffix %} — Mozilla{% endblock %}{% endfilter %}</title>
<meta name="description" content="{% filter striptags|e %}{% block page_desc %}{% endblock %}{% endfilter %}">
<meta property="og:type" content="website">
<meta property="og:site_name" content="{{ _('Mozilla') }}">
<meta property="og:locale" content="{{ LANG|replace("-", "_") }}">
<meta property="og:url" content="{% filter trim|absolute_url %}{% block page_og_url %}{{ settings.CANONICAL_URL + '/' + LANG + canonical_path }}{% endblock %}{% endfilter %}">
<meta property="og:image" content="{% filter trim|absolute_url %}{% block page_image %}{{ static('img/mozorg/mozilla-256.jpg') }}{% endblock %}{% endfilter %}">
<meta property="og:title" content="{% filter striptags|e %}{% block page_og_title %}{{ self.page_title_full() }}{% endblock %}{% endfilter %}">
<meta property="og:description" content="{% filter striptags|e %}{% block page_og_desc %}{{ self.page_desc() }}{% endblock %}{% endfilter %}">
<meta property="fb:page_id" content="{% block facebook_id %}262134952380{# facebook.com/mozilla #}{% endblock %}">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@{% block twitter_id %}mozilla{% endblock %}">
<meta name="twitter:domain" content="mozilla.org">
<meta name="twitter:app:name:googleplay" content="{% block android_app_name %}{{ _('Firefox') }}{% endblock %}">
<meta name="twitter:app:id:googleplay" content="{% block android_app_id %}org.mozilla.firefox{% endblock %}">
<meta name="twitter:app:name:iphone" content="{% block iphone_app_name %}{{ _('Firefox') }}{% endblock %}">
<meta name="twitter:app:id:iphone" content="{% block iphone_app_id %}989804926{% endblock %}">
<meta name="twitter:app:name:ipad" content="{% block ipad_app_name %}{{ _('Firefox') }}{% endblock %}">
<meta name="twitter:app:id:ipad" content="{% block ipad_app_id %}989804926{% endblock %}">
<link rel="author" type="text/plain" href="/humans.txt">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="{% block page_ios_icon %}{{ static('img/favicon/apple-touch-icon-180x180.png') }}{% endblock %}">
<link rel="icon" type="image/png" sizes="196x196" href="{% block page_favicon_large %}{{ static('img/favicon/favicon-196x196.png') }}{% endblock %}">
<link rel="shortcut icon" href="{% block page_favicon %}{{ static('img/favicon.ico') }}{% endblock %}">
{% block canonical_urls %}{% include 'includes/canonical-url.html' %}{% endblock %}
{% endblock shared_meta %}
{{ l10n_css() }}
<!--[if lte IE 8]>
{# Only needed for IE before v9 #}
<script src="{{ static('js/libs/html5shiv.js') }}"></script>
<![endif]-->
<!--[if lte IE 7]>
{# Basic styles, only for IE7 and lower #}
{% stylesheet 'oldIE' %}
<![endif]-->
<!--[if !lte IE 7]><!-->
{# Global styles, hidden from IE7 and lower #}
{% block site_css %}
{% stylesheet 'common' %}
{% endblock %}
{# Page-specific styles, hidden from IE7 and lower #}
{% block page_css %}{% endblock %}
<!--<![endif]-->
{% block extrahead %}
{# Extra header stuff (scripts, styles, metadata, etc) seen by all browsers. Use the 'page_css' block for CSS you want to hide from IE7 and lower. #}
{% endblock %}
{% block optimizely %}{% endblock %}
{% block js_pretrack %}{# include JavaScript that must be run pre GA tracking here #}{% endblock %}
{% block google_analytics %}
{% include 'includes/google-analytics.html' %}
{% endblock %}
</head>
<body {% if self.body_id() %}id="{% block body_id %}{% endblock %}" {% endif %}class="html-{{ DIR }} {% block body_class %}{% endblock %}"{% block body_attrs %}{% endblock %}>
<div id="strings"
data-global-close="{{ _('Close') }}"
data-global-next="{{ _('Next') }}"
data-global-previous="{{ _('Previous') }}"
data-global-update-firefox="{{ _('Update your Firefox') }}"
{% block string_data %}{% endblock %}></div>
<div id="outer-wrapper">
<div id="wrapper">
{% block site_header %}
<header id="masthead">
{% block tabzilla_tab %}
<div id="tabzilla">
<a href="{{ url('mozorg.home') }}" data-link-type="nav" data-link-name="tabzilla">Mozilla</a>
</div>
{% endblock %}
{% block site_header_nav %}
<nav id="nav-main" role="navigation">
<ul>
<li class="first about-item">
<a data-link-type="about" data-element-location="nav click" href="{{ url('mozorg.about') }}">{{_('About')}}</a>
</li>
<li class="contribute-item">
<a data-link-type="participate" data-element-location="nav click" href="{{ url('mozorg.contribute') }}">{{_('Participate')}}</a>
</li>
<li class="products-item">
<a data-link-type="firefox" data-element-location="nav click" href="{{ url('firefox.family.index') }}">{{_('Firefox')}}</a>
</li>
<li class="last donate-item">
<a data-link-type="donate" data-element-location="nav click" href="{{ donate_url('header') }}">{{_('Donate')}}</a>
</li>
</ul>
</nav>
{% endblock %}
{% block site_header_logo %}
<h2><a href="{{ url('mozorg.home') }}">{{ high_res_img('sandstone/header-mozilla-stone.png', {'alt': 'Mozilla', 'width': '170', 'height': '45'}) }}</a></h2>
{% endblock %}
{% block breadcrumbs %}{% endblock %}
{% block site_header_share %}{% endblock %}
</header>
{% endblock %}
{% block messages %}
{% if messages %}
<ul class="messagelist billboard">
{% for message in messages %}
<li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
{% endfor %}
</ul>
{% endif %}
{% endblock messages %}
{% block content %}{% endblock %}
{% block email_form %}{{ email_newsletter_form() }}{% endblock %}
</div><!-- close #wrapper -->
{% block site_footer %}
{% include 'includes/site-footer.html' %}
{% endblock %}
</div><!-- close #outer-wrapper -->
{% block site_js %}
{% javascript 'common' %}
{% endblock %}
{% block js %}{% endblock %}
{% if settings.DEV %}
<script src="https://pontoon.mozilla.org/pontoon.js"></script>
{% endif %}
{% if settings.USE_GRUNT_LIVERELOAD %}
<script src="//localhost:35729/livereload.js"></script>
{% endif %}
</body>
</html>