aboutTor.xhtml

<?xml version="1.0" encoding="UTF-8"?>
<!--
   - Copyright (c) 2017, The Tor Project, Inc.
   - See LICENSE for licensing information.
   - vim: set sw=2 sts=2 ts=8 et syntax=xml:
  -->

<!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 % aboutTorDTD SYSTEM "chrome://torbutton/locale/aboutTor.dtd">
  %aboutTorDTD;
]>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>&aboutTor.title;</title>
  <link rel="stylesheet" type="text/css" media="all"
        href="resource://torbutton/chrome/skin/aboutTor.css"/>
  <link rel="stylesheet" type="text/css" media="all"
        href="resource://torbutton/chrome/skin/donation_banner.css"/>
<script type="text/javascript;version=1.7">
 <![CDATA[
window.addEventListener("pageshow", function() {
  let evt = new CustomEvent("AboutTorLoad", { bubbles: true });
  document.dispatchEvent(evt);
});
]]>
</script>
</head>
<body dir="&locale.dir;">
  <div id="banner">
    <div id="banner-contents-container">
      <div id="banner-tagline"><span></span></div>
      <div id="banner-slogan"><span></span></div>
      <a id="banner-donate-button-link"
         href="https://www.torproject.org/donate/donate-tbb">
        <div id="banner-donate-button">
          <div id="banner-donate-button-inner">
            <span></span>
          </div>
        </div>
      </a>
    </div>
  </div>
  <div id="banner-spacer"></div>
<div id="torstatus" class="top">
  <div id="torstatus-version"/>
  <div id="torstatus-image"/>
  <div id="torstatus-on-container" class="hideIfTorOff torstatus-container">
    <h1>&aboutTor.success.label;</h1>
    <br/>
    <h3 class="hideIfTBBNeedsUpdate">&aboutTor.success3.label;</h3>
    <br/>
    <div style="margin-top: 20px;">
      <a id="testTorSettings" href="about:blank">&aboutTor.check.label;</a>
    </div>
  </div>
  <div id="torstatus-off-container" class="hideIfTorOn torstatus-container">
    <h1>&aboutTor.failure.label;</h1>
    <br/>
    <h2>&aboutTor.failure2.label;</h2>
  </div>
</div>
<div class="top">
  <div class="hideIfTorIsUpToDate">
    <h1 class="hideIfTorOff">&aboutTor.outOfDateTorOn.label;</h1>
    <h1 class="hideIfTorOn">&aboutTor.outOfDateTorOff.label;</h1>
    <h3 id="updatePrompt">&aboutTor.outOfDate2.label;</h3>

    <div id="toolbarIconArrowHead" class="arrow"/>
    <div id="toolbarIconArrowVertExtension" class="arrow"/>
    <div id="toolbarIconArrowBend" class="arrow"/>
    <div id="toolbarIconArrowHorzExtension" class="arrow"/>
  </div>
</div>

<div class="searchbox hideIfTorOff"> <!-- begin form based search -->
  <form action="&aboutTor.searchDDGPost.link;" method="post">
  <div id="sxw">
    <div id="sbutton">
      <input name="b" id="sb" value="" title="&aboutTor.search.label;"
             alt="&aboutTor.search.label;" type="submit"/>
    </div>
    <input name="q" autocomplete="off" id="sx" type="text"/>
  </div>
  <h4 id="searchProviderInfo" />
  </form>
</div>

<div class="hideIfTorOn" style="height:100px"/>

<div id="middle" class="hideIfTorOff">
  <div class="bubbleRow">
    <div class="bubble">
      <h1>&aboutTor.whatnextQuestion.label;</h1>
      <p>&aboutTor.whatnextAnswer.label;</p>
      <ul>
        <li>
          <a href="&aboutTor.whatnext.link;">
            &aboutTor.whatnext.label;
          </a>
        </li>
        <li class="showForManual">
          <a id="manualLink">
            &aboutTor.torbrowser_user_manual.label; &raquo;
          </a>
        </li>
      </ul>
    </div>

    <div class="bubble">
      <h1>&aboutTor.helpInfo1.label;</h1>
      <p>&aboutTor.helpInfo2.label;</p>
      <ul>
        <li><a href="&aboutTor.helpInfo3.link;">&aboutTor.helpInfo3.label;</a></li>
        <li><a href="&aboutTor.helpInfo4.link;">&aboutTor.helpInfo4.label;</a></li>
        <li><a href="&aboutTor.helpInfo5.link;">&aboutTor.helpInfo5.label;</a></li>
      </ul>
    </div>
  </div>
</div> <!-- middle -->

<div id="bottom">
  <p>&aboutTor.footer.label;
<a href="&aboutTor.learnMore.link;">&aboutTor.learnMore.label;</a></p>
</div>
  <script src="resource://torbutton/chrome/content/aboutTor/donation_banner.js"></script>
</body>
</html>