summaryrefslogtreecommitdiffstats
path: root/browser/components/privatebrowsing/content/aboutPrivateBrowsing.html
blob: c9be4a90900f4049ae7c7730f5dff1f1ddf9bfb8 (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
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
<!--
# 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="toolkit/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>