/
index.html
124 lines (106 loc) · 5.28 KB
/
index.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
{#
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 https://mozilla.org/MPL/2.0/.
#}
{% extends "firefox/base/base-protocol.html" %}
{% from "macros-protocol.html" import split with context %}
{% block page_title %}{{ ftl('firefox-developer-page-title') }}{% endblock %}
{% block page_desc %}{{ ftl('firefox-developer-firefox-developer-edition-desc') }}{% endblock %}
{% block page_image %}{{ static('protocol/img/logos/firefox/browser/developer/og.png') }}{% endblock %}
{% block page_favicon %}{{ static('img/favicons/firefox/browser/developer/favicon.ico') }}{% endblock %}
{% block page_favicon_large %}{{ static('img/favicons/firefox/browser/developer/favicon-196x196.png') }}{% endblock %}
{% block page_ios_icon %}{{ static('img/favicons/firefox/browser/developer/apple-touch-icon.png') }}{% endblock %}
{% block page_css %}
{{ css_bundle('protocol-split') }}
{{ css_bundle('protocol-picto') }}
{{ css_bundle('protocol-newsletter') }}
{{ css_bundle('firefox_developer') }}
{% endblock %}
{% block body_id %}firefox-developer{% endblock %}
{% block body_class %}firefox-developer mzp-t-firefox t-home{% endblock %}
{% block site_header %}
{% with hide_nav_download_button=True %}
{% include 'includes/protocol/navigation/navigation.html' %}
{% endwith %}
{% endblock %}
{% block sub_navigation %}
<nav class="c-sub-navigation">
<div class="mzp-l-content">
<div class="c-sub-navigation-content">
<h2 class="c-sub-navigation-title is-summary">
<a href="{{ url('firefox.browsers.index') }}" data-link-type="nav" data-link-position="subnav" data-link-name="Firefox">
<img class="c-sub-navigation-icon" src="{{ static('protocol/img/logos/firefox/logo.svg') }}" width="24" height="24" alt="">
{{ ftl('sub-navigation-firefox') }}
</a>
</h2>
<ul class="c-sub-navigation-list is-details is-closed">
<li class="c-sub-navigation-item"><a href="{{ url('firefox.enterprise.index') }}" data-link-type="nav" data-link-position="subnav" data-link-name="Enterprise">{{ ftl('sub-navigation-enterprise') }}</a></li>
<li class="c-sub-navigation-item"><a href="{{ url('firefox.channel.desktop') }}" data-link-type="nav" data-link-position="subnav" data-link-name="Nightly and Beta">{{ ftl('sub-navigation-nightly-and-beta') }}</a></li>
<li class="c-sub-navigation-item"><a href="{{ url('firefox.all') }}" data-link-type="nav" data-link-position="subnav" data-link-name="All Languages">{{ ftl('sub-navigation-all-languages', fallback='download-button-systems-languages') }}</a></li>
</ul>
</div>
</div>
</nav>
{% endblock %}
{% block content %}
<main role="main">
<section class="t-intro">
<div class="mzp-l-content">
<div class="mzp-c-wordmark mzp-t-wordmark-lg mzp-t-product-developer"></div>
<h1 class="intro-title">{{ ftl('firefox-developer-firefox-browser') }}</h1>
<p class="intro-tagline">{{ ftl('firefox-developer-welcome-to-your-new-favorite') }}</p>
{{ download_firefox('alpha', platform='desktop', dom_id='intro-download', download_location='primary cta') }}
<p class="intro-feedback-note">
{{ ftl('firefox-developer-firefox-developer-edition-sends') }}
<a href="{{ url('privacy.notices.firefox') }}#pre-release" class="more">{{ ftl('ui-learn-more') }}</a>
</p>
</div>
<div class="intro-image">
{{ high_res_img('img/firefox/developer/hero-screenshot.png', {'alt': '', 'width': '1200', 'height': '337'}) }}
</div>
</section>
{% if ftl_has_messages('firefox-developer-made-for-developers', 'firefox-developer-all-the-latest') %}
{% include '/firefox/developer/includes/for-developers.html' %}
{% else %}
{% include '/firefox/developer/includes/performance.html' %}
{% endif %}
{% include '/firefox/developer/includes/highlights.html' %}
{% include '/firefox/developer/includes/features.html' %}
<section class="t-engage mzp-t-dark">
{% include '/firefox/developer/includes/engage.html' %}
{% call split(
image_url='img/firefox/developer/browser.png',
include_highres_image=True,
block_class='mzp-l-split-reversed mzp-l-split-center-on-sm-md',
media_after=True
) %}
<h2>{{ ftl('firefox-developer-download-the-firefox-browser') }}</h2>
{{ download_firefox('alpha', platform='desktop', dom_id='footer-download', download_location='footer cta') }}
{% endcall %}
</section>
<section class="t-newsletter">
<div class="mzp-l-content">
{% if LANG.startswith('en-') %}
{{ email_newsletter_form(
'app-dev',
title='Get the most out of Firefox Developer Edition',
desc='Learn about Dev Edition and subscribe to the Mozilla Developer Newsletter.',
button_class='mzp-t-product mzp-t-lg',
include_language=False) }}
{% else %}
{{ email_newsletter_form(
spinner_color='#fff',
button_class='mzp-c-button mzp-t-product mzp-t-lg') }}
{% endif %}
</div>
</section>
</main>
{% endblock %}
{% block email_form %}{% endblock %}
{% block js %}
{{ js_bundle('firefox_developer') }}
{% endblock %}
{% block structured_data %}
{% include 'includes/structured-data/software/firefox-developer-software.json' %}
{% endblock %}