summaryrefslogtreecommitdiffstats
path: root/browser/components/privatebrowsing/content/aboutPrivateBrowsing.html
blob: 0ca837d74b043a4e7d98ef268e3b684b157bc32b (plain)
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
<!--
# 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/.
-->
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" class="private">
  <head>
    <meta charset="utf-8"/>
    <meta http-equiv="Content-Security-Policy" content="default-src chrome: blob:; object-src 'none'"/>
    <meta name="color-scheme" content="light dark"/>
    <link rel="icon" href="chrome://browser/skin/privatebrowsing/favicon.svg"/>
    <link rel="stylesheet" href="chrome://browser/content/aboutPrivateBrowsing.css" media="all"/>
    <link rel="stylesheet" href="chrome://browser/skin/privatebrowsing/aboutPrivateBrowsing.css" media="all"/>
    <link rel="localization" href="branding/brand.ftl"/>
    <link rel="localization" href="browser/branding/brandings.ftl"/>
    <link rel="localization" href="browser/aboutPrivateBrowsing.ftl"/>
    <script src="chrome://browser/content/aboutPrivateBrowsing.js"></script>
    <script src="chrome://browser/content/contentSearchHandoffUI.js"></script>
  </head>

  <body>
    <p class="showNormal" data-l10n-id="about-private-browsing-not-private"></p>
    <button id="startPrivateBrowsing"
            class="showNormal" data-l10n-id="privatebrowsingpage-open-private-window-label"></button>
    <div id="search-banner" class="search-banner"
         hidden="true">
      <button id="search-banner-close-button"
              class="search-banner-close-button"
              data-l10n-id="about-private-browsing-search-banner-close-button">
        <img class="search-banner-close-image" src="chrome://global/skin/icons/close.svg"/>
      </button>
      <div class="banner-body">
        <h1 id="about-private-browsing-search-banner-title"
            data-l10n-id="about-private-browsing-search-banner-title"
            data-l10n-args='{"engineName": ""}'></h1>
        <p id="about-private-browsing-search-banner-description"
           data-l10n-id="about-private-browsing-search-banner-description">
          <a href="" id="open-search-options-link" data-l10n-name="link-options"></a>
        </p>
      </div>
    </div>
    <div class="showPrivate showSearch container">
      <div class="logo-and-wordmark">
        <div id="about-private-browsing-logo" class="logo"></div>
        <div class="wordmark"></div>
      </div>
      <div class="search-inner-wrapper">
        <button id="search-handoff-button" class="search-handoff-button" tabindex="-1" aria-hidden="true">
          <div class="fake-textbox"></div>
          <input id="fake-editable" class="fake-editable" tabindex="-1" aria-hidden="true" />
          <div class="fake-caret"></div>
        </button>
      </div>
      <div class="info">
        <h1 id="info-title"></h1>
        <p id="info-body"></p>
        <a id="private-browsing-myths"></a>
      </div>
    </div>

    <div class="promo" hidden>
      <div class="promo-image-large">
        <img src="" alt="" role="presentation" />
      </div>
      <div class="promo-content">
        <h1 id="promo-header"></h1>
        <p id="private-browsing-promo-text" class="vpn-promo"></p>
        <div class="promo-cta">
          <button id="private-browsing-promo-link" class="vpn-promo primary"></button>
          <div class="promo-image-small">
            <img src="" alt="" />
          </div>
        </div>
      </div>
      <button data-l10n-id="about-private-browsing-promo-close-button" id="dismiss-btn" class="promo-dismiss"></button>
    </div>
  </body>
</html>