browser/components/privatebrowsing/content/aboutPrivateBrowsing.xhtml
author Ricky Rosario <rickyrosario@gmail.com>
Mon, 21 Jan 2019 17:05:08 +0000
changeset 514733 13f379946829814f44e8e7b192ac4dd4e93d6959
parent 505095 46dabf9308d8b7ae555f7f416fd744ff0d22d240
child 514745 32541f2f057571ac075a6893689e30e676ac7d23
permissions -rw-r--r--
Bug 1508364 - New UI for Private Browsing with Search r=andreio MozReview-Commit-ID: 4WSGpL5Gvde Differential Revision: https://phabricator.services.mozilla.com/D16854

<?xml version="1.0" encoding="UTF-8"?>
<!--
# 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 [
  <!ENTITY % htmlDTD PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
  %htmlDTD;
  <!ENTITY % globalDTD SYSTEM "chrome://global/locale/global.dtd">
  %globalDTD;
  <!ENTITY % brandDTD SYSTEM "chrome://branding/locale/brand.dtd">
  %brandDTD;
  <!ENTITY % browserDTD SYSTEM "chrome://browser/locale/browser.dtd">
  %browserDTD;
  <!ENTITY % aboutPrivateBrowsingDTD SYSTEM "chrome://browser/locale/aboutPrivateBrowsing.dtd">
  %aboutPrivateBrowsingDTD;
]>

<html xmlns="http://www.w3.org/1999/xhtml" class="private no-search-ui">
  <head>
    <meta http-equiv="Content-Security-Policy" content="default-src chrome: blob:"/>
    <link rel="icon" type="image/png" href="chrome://browser/skin/privatebrowsing/favicon.svg"/>
    <link rel="stylesheet" href="chrome://browser/content/aboutPrivateBrowsing.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="chrome://browser/skin/privatebrowsing/aboutPrivateBrowsing.css" type="text/css" media="all"/>
    <script type="application/javascript" src="chrome://browser/content/aboutPrivateBrowsing.js"></script>
    <script type="application/javascript" src="chrome://browser/content/contentSearchUI.js"></script>
  </head>

  <body dir="&locale.dir;">
    <p class="showNormal">&aboutPrivateBrowsing.notPrivate;</p>
    <button id="startPrivateBrowsing"
            class="showNormal"
            accesskey="&privatebrowsingpage.openPrivateWindow.accesskey;">&privatebrowsingpage.openPrivateWindow.label;</button>
    <div class="showPrivate dontShowSearch container">
      <h1 class="title">
        <span id="title">&privateBrowsing.title;</span>
      </h1>
      <section class="section-main">
        <p>&aboutPrivateBrowsing.info.notsaved.before;<strong>&aboutPrivateBrowsing.info.notsaved.emphasize;</strong>&aboutPrivateBrowsing.info.notsaved.after;</p>
        <ul class="list-row">
          <li>&aboutPrivateBrowsing.info.visited;</li>
          <li>&aboutPrivateBrowsing.info.cookies;</li>
          <li>&aboutPrivateBrowsing.info.searches;</li>
          <li>&aboutPrivateBrowsing.info.temporaryFiles;</li>
        </ul>
        <p>&aboutPrivateBrowsing.info.saved.before;<strong>&aboutPrivateBrowsing.info.saved.emphasize;</strong>&aboutPrivateBrowsing.info.saved.after2;</p>
        <ul class="list-row">
          <li>&aboutPrivateBrowsing.info.bookmarks;</li>
          <li>&aboutPrivateBrowsing.info.downloads;</li>
          <li>&aboutPrivateBrowsing.info.clipboard;</li>
        </ul>
        <p>&aboutPrivateBrowsing.note.before;<strong>&aboutPrivateBrowsing.note.emphasize;</strong>&aboutPrivateBrowsing.note.after;</p>
      </section>

      <h2 id="tpSubHeader" class="about-subheader">
        <span id="cbTitle">&contentBlocking.title;</span>
      </h2>

      <section id="tpSection" class="section-main">
        <p id="cbDescription">&contentBlocking.description;</p>
        <p>
          <a id="startTour" class="button">&trackingProtection.startTour1;</a>
        </p>
      </section>

      <section class="section-main">
        <p class="about-info">&aboutPrivateBrowsing.learnMore3.before;<a id="learnMore" target="_blank">&aboutPrivateBrowsing.learnMore3.title;</a>&aboutPrivateBrowsing.learnMore3.after;</p>
      </section>
    </div>
    <div class="showPrivate showSearch container">
      <div class="logo-and-wordmark">
        <div class="logo" />
        <div class="wordmark" />
      </div>
      <div class="search-inner-wrapper">
        <button id="search-handoff-button" class="search-handoff-button" title="&aboutPrivateBrowsing.search.placeholder;" tabindex="-1">
          <div class="fake-textbox">&aboutPrivateBrowsing.search.placeholder;</div>
          <div id="fake-editable" class="fake-editable" tabindex="-1" aria-hidden="true" contenteditable="" />
          <div class="fake-caret" />
        </button>
        <input id="dummy-input" class="dummy-input" type="search" />
      </div>
      <div class="info">
        <h1>&aboutPrivateBrowsing.info.title;</h1>
        <p>
          &aboutPrivateBrowsing.info.description;
          <br/>
          <a id="private-browsing-myths">&aboutPrivateBrowsing.info.myths;</a>
        </p>
      </div>
    </div>
  </body>
</html>