first-run.html 4.25 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
<!DOCTYPE html>
<!--
  - This file is part of Adblock Plus <https://adblockplus.org/>,
  - Copyright (C) 2006-present eyeo GmbH
  -
  - Adblock Plus is free software: you can redistribute it and/or modify
  - it under the terms of the GNU General Public License version 3 as
  - published by the Free Software Foundation.
  -
  - Adblock Plus is distributed in the hope that it will be useful,
  - but WITHOUT ANY WARRANTY; without even the implied warranty of
  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  - GNU General Public License for more details.
  -
  - You should have received a copy of the GNU General Public License
  - along with Adblock Plus.  If not, see <http://www.gnu.org/licenses/>.
  -->

<html>
  <head>
21
    <title data-i18n="firstRun_title"></title>
22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link type="text/css" href="skin/web.css" rel="stylesheet"/>
    <link type="text/css" href="skin/first-run.css" rel="stylesheet"/>
    <script src="polyfill.js"></script>
    <script src="ext/common.js"></script>
    <script src="ext/content.js"></script>
    <script src="common.js"></script>
    <script src="i18n.js"></script>
    <script src="first-run.js"></script>
  </head>
  <body>
    <nav id="navbar">
      <div class="navbar-container">
        <a id="navbar-logo" data-doclink="adblock_plus">
          <img src="skin/icons/web/navbar-logo.svg" alt="">
          <span>Adblock <strong>Plus</strong></span>
        </a>
      </div>
    </nav>

    <main>
      <header id="installation-status">
        <img src="skin/icons/first-run/checkmark-header.svg" alt="">
46 47
        <h1 data-i18n="firstRun_title"></h1>
        <p data-i18n="firstRun_subtitle"></p>
48 49 50 51 52
      </header>

      <div id="content" class="container content">
        <div id="warnings" class="container two-thirds">
          <section data-warning="reinitialized">
53
            <p id="warning-reinitialized" data-i18n="firstRun_warning_reinitialized"></p>
54 55 56
          </section>

          <section data-warning="dataCorrupted">
57
            <p data-i18n="firstRun_warning_dataCorrupted_intro"></p>
58
            <ol>
59 60 61
              <li data-i18n="firstRun_warning_dataCorrupted_step1"></li>
              <li data-i18n="firstRun_warning_dataCorrupted_step2"></li>
              <li id="dataCorrupted-reinstall" data-i18n="firstRun_warning_dataCorrupted_step3"></li>
62
            </ol>
63
            <small id="dataCorrupted-support" data-i18n="firstRun_warning_dataCorrupted_note"></small>
64 65 66 67 68 69
          </section>
        </div>

        <section class="column one-third">
          <header class="section-header">
            <img src="skin/icons/first-run/checkmark.svg" alt="">
70
            <h2 data-i18n="firstRun_control_title"></h2>
71
          </header>
72
          <p id="control-description" class="column-description" data-i18n="firstRun_control_description"></p>
73 74
        </section>

75
        <section id="abb-promotion" class="column one-third">
76 77
          <header class="section-header">
            <img src="skin/icons/first-run/rocket.svg" alt="">
78
            <h2 data-i18n="firstRun_browser_title"></h2>
79
          </header>
80
          <p class="column-description" data-i18n="firstRun_browser_description"></p>
81 82 83 84 85 86 87 88 89 90 91 92 93
          <div class="store-buttons">
            <a class="store-button applestore-button" data-doclink="adblock_browser_ios_store" target="_blank">
              <img src="skin/backgrounds/appstore.svg" data-i18n-alt="firstRun_browser_store_ios">
            </a>
            <a class="store-button googleplay-button" data-doclink="adblock_browser_android_store" target="_blank">
              <img src="skin/backgrounds/googleplay.svg" data-i18n-alt="firstRun_browser_store_android">
            </a>
          </div>
        </section>

        <section class="column one-third">
          <header class="section-header">
            <img src="skin/icons/first-run/lock.svg" alt="">
94
            <h2 data-i18n="firstRun_fair_title"></h2>
95
          </header>
96
          <p id="fair-description" class="column-description" data-i18n="firstRun_fair_description"></p>
97 98 99 100 101 102 103 104 105 106 107
        </section>
      </div>
    </main>

    <footer id="footer" class="content">
      <div class="container">
        <p id="copyright-notice"></p>
      </div>
    </footer>
  </body>
</html>