124 строки
5.0 KiB
HTML
124 строки
5.0 KiB
HTML
<!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">
|
||
<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>
|
||
</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="https://twitter.com/intent/tweet?text=" 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>
|