forked from mozilla/newfirefox.mozilla.community
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
127 lines (110 loc) · 5.23 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
125
126
127
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title data-l10n-id="title">Firefox Quantum Release Campaign</title>
<link rel="shortcut icon" href="assets/firefox-logo.svg">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fira+Sans|Zilla+Slab|Zilla+Slab+Highlight:400,700">
<meta name="defaultLanguage" content="en-US">
<meta name="availableLanguages" content="de, en-US, es, fr, pt-BR, te-IN, hi, ta, ne-NP, mr-IN, zh-CN">
<link rel="localization" href="locales/{locale}.ftl">
<script defer src="dist/l20n.min.js"></script>
<!-- Google Tag Manager -->
<script src="js/dnt-helper.js"></script>
<script>
if (!_dntEnabled()) {
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-K59SSLL');
}
</script>
</head>
<body>
<div class="home">
<header>
<div class="top-header">
<section class="logo-container">
<span class="logo">mozilla</span>
<br />
<span class="logo-subtext" data-l10n-id="project-name">Firefox Quantum Release</span>
</section>
<select id="language-dropdown">
<option value="en-US">English</option>
<option value="de">Deutsch</option>
<option value="es">Español</option>
<option value="fr">Français</option>
<option value="pt-BR">Português</option>
<option value="te-IN">తెలుగు</option>
<option value="hi">हिन्दी</option>
<option value="ta">தமிழ்</option>
<option value="ne-NP">नेपाली भाषा</option>
<option value="mr-IN">मराठी</option>
<option value="zh-CN">简体中文</option>
</select>
</div>
<div class="intro">
<img src="assets/firefox-logo.png" />
<h1 data-l10n-id="main-title">Firefox strikes back!</h1>
<p data-l10n-id="main-description">Help us spread the word about the New Firefox! On Tuesday the 14th, 14:00 UTC, tweet about what you love in the new
Firefox using #newfirefox or retweet Firefox’s tweets.</p>
</div>
</header>
<div id="thunderclap-container">
<a class="btn btn-big" id="thunderclap" data-l10n-id="thunderclap-cta">Support Firefox Quantum on Thunderclap!</a>
<span id="thunderclap-link" class="hidden" data-l10n-id="thunderclap-link"></span>
</div>
<div class="hidden" id="tweets-container">
<a class="btn btn-big hidden" id="official-tweet" data-l10n-id="official-tweet-cta">Retweet official tweet</a>
<span id="official-tweet-id" class="hidden" data-l10n-id="official-tweet-id"></span>
<div id="tweets-examples-container">
<div class="tweet-container">
<p data-l10n-id="tweet-1">The #newfirefox is out today and it’s twice as fast as before! 💥</p>
<a class="btn btn-red" id="tweet-link1">Tweet</a>
</div>
<div class="tweet-container">
<p data-l10n-id="tweet-2">The #newfirefox is faster than a ___________. Thanks @Firefox!</p>
<a class="btn btn-blue" id="tweet-link2">Tweet</a>
</div>
<div class="tweet-container">
<p data-l10n-id="tweet-3">The new @Firefox is here and it is FAST. For good.</p>
<a class="btn btn-orange" id="tweet-link3">Tweet</a>
</div>
</div>
<a class="btn" id="own-tweet" href="" data-l10n-id="own-tweet-cta">Tweet own text</a>
<span id="hashtag" class="hidden" data-l10n-id="hashtag"></span>
</div>
<footer>
<div class="info">
<div class="links">
<a target="_blank" href="https://github.com/mozilla/newfirefox.mozilla.community" data-l10n-id="github">Github</a>
<a target="_blank" href="https://www.mozilla.org/about/legal/terms/mozilla/" data-l10n-id="legal">Legal</a>
<a target="_blank" href="https://creativecommons.org/licenses/by/4.0/" data-l10n-id="license">License</a>
<a target="_blank" href="https://www.mozilla.org/about/governance/policies/participation/" data-l10n-id="guidelines">Guidelines</a>
</div>
<div class="footer-content">
<span class="logo logo-white">mozilla</span>
<p data-l10n-id="mozilla-description">Mozilla is a global non-profit dedicated to putting you in control of your online experience and shaping the future
of the web for the public good. Visit us at
<a href="https://mozilla.org" target="_blank">mozilla.org</a>
</p>
</div>
</div>
</footer>
</div>
<script type="text/javascript" src="js/countdown.js"></script>
<script type="text/javascript" src="js/languages.js"></script>
<script type="text/javascript" async src="https://platform.twitter.com/widgets.js"></script>
</body>
</html>