/
b.html
134 lines (107 loc) · 3.99 KB
/
b.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
{# This Source Code Form is subject to the terms of the Mozilla Public
# License, v. 2.0. If a copy of the MPL was not distributed with this
# file, You can obtain one at http://mozilla.org/MPL/2.0/. #}
{% extends "firefox/base.html" %}
{% block page_title %}{{ _('Welcome to Firefox') }}{% endblock %}
{% block body_id %}firefox-firstrun{% endblock %}
{% block site_header_nav %}{% endblock %}
{% block site_header_logo %}{% endblock %}
{% block extrahead %}
<link rel="canonical" href="https://www.mozilla.org/en-US/firefox/22.0/firstrun/" />
{% endblock %}
{% block string_data %}
{# L10n: This is the label for a button that closes a modal dialog #}
data-close="{{ _('Close') }}"
{% endblock %}
{% block site_css %}
{{ css('firefox_firstrun_new_b') }}
{% endblock %}
{% block content %}
<main role="main">
<header id="page-header">
<img src="{{ media('img/firefox/firstrun/firefox-logo.png') }}" alt="Firefox" />
<h1 class="large">{{_('Welcome to Firefox!')}}</h1>
</header>
<article class="feature">
<div class="copy">
<header>
<h1>{{ _('Better browsing starts now') }}</h1>
</header>
<p>{{ _('We’re always looking for ways to make your browsing easier and more efficient.') }}</p>
<a class="featurelink" href="{{ url('firefox.central') }}">{{ _('Learn about how we make browsing better for you') }}</a>
<ul class="social">
<li>
<img src="{{ media('img/firefox/firstrun/facebook.png') }}">
<a class="facebook" href="https://www.facebook.com/Firefox">{{ _('Like us on Facebook') }}</a>
</li>
<li>
<img src="{{ media('img/firefox/firstrun/twitter.png') }}">
<a class="twitter" href="https://twitter.com/firefox">{{ _('Follow us on Twitter') }}</a>
</li>
</ul>
</div>
<div class="screenshot">
{{ platform_img('img/firefox/firstrun/b/features.jpg') }}
</div>
</article>
<div class="columns">
<aside class="column pinnedtabs" id="pinnedtabs-screenshot">
<div class="copy">
<header>
<h1>{{ _('Innovative features') }}</h1>
</header>
<p>
{{ _('Right-click on any tab and select “Pin Tab” to keep it open.') }}
<a id="pinnedtabs-video-link" href="#pinnedtabs-video">{{ _('Try it for yourself') }}</a>
</p>
</div>
<div class="screenshot">
{{ platform_img('img/firefox/firstrun/b/pinnedtabs.jpg', {'alt': _('Bookmarks')}) }}
</div>
</aside>
<aside class="column themes">
<div class="copy">
<header>
<h1>{{ _('Customization') }}</h1>
</header>
<p>
{% trans url1='https://addons.mozilla.org/en-us/firefox/themes/', class1='featurelink' %}
Use Themes to change the look of your Firefox.
<a class="{{ class1 }}" href="{{ url1 }}">Explore Themes</a>
{% endtrans %}
</p>
</div>
<div class="screenshot">
{{ platform_img('img/firefox/firstrun/b/themes.jpg', {'alt': ('Themes')}) }}
</div>
</aside>
<aside class="column awesomebar column-last">
<div class="copy">
<header>
<h1>{{ _('Find things fast') }}</h1>
</header>
<p>
{% trans url1=url('firefox.features') + '#madeeasy', class1='featurelink' %}
The Awesome Bar helps you find sites quickly - because it’s awesome.
<a class="{{ class1 }}" href="{{ url1 }}">See what it can do</a>
{% endtrans %}
</p>
</div>
<div class="screenshot">
{{ platform_img('img/firefox/firstrun/b/awesomebar.jpg', {'alt': ('Awesome Bar')}) }}
</div>
</aside>
</div>
<aside class="form">
{{ email_newsletter_form(title='Get Firefox Updates') }}
</aside>
</main>
{% include 'firefox/firstrun/_video.html' %}
{% endblock %}
{% block email_form %}{% endblock %}
{% block site_footer %}
{% include 'firefox/includes/simple_footer.html' %}
{% endblock %}
{% block js %}
{{ js('firefox_firstrun_new_b') }}
{% endblock %}