aboutTor.xhtml 4.17 KB
Newer Older
1
2
<?xml version="1.0" encoding="UTF-8"?>
<!--
3
   - Copyright (c) 2017, The Tor Project, Inc.
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
   - 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"
23
        href="resource://torbutton/chrome/skin/aboutTor.css"/>
24
25
  <link rel="stylesheet" type="text/css" media="all"
        href="resource://torbutton/chrome/skin/donation_banner.css"/>
26
<script type="text/javascript;version=1.7">
27
 <![CDATA[
28
29
30
31
window.addEventListener("pageshow", function() {
  let evt = new CustomEvent("AboutTorLoad", { bubbles: true });
  document.dispatchEvent(evt);
});
32
33
34
]]>
</script>
</head>
35
<body dir="&locale.dir;">
36
37
38
39
40
  <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"
41
         href="https://www.torproject.org/donate/donate-pdr-tbb">
42
43
44
45
46
47
48
49
50
        <div id="banner-donate-button">
          <div id="banner-donate-button-inner">
            <span></span>
          </div>
        </div>
      </a>
    </div>
  </div>
  <div id="banner-spacer"></div>
51
<div id="torstatus" class="top">
52
  <div id="torstatus-version"/>
53
  <div id="torstatus-image"/>
54
  <div id="torstatus-on-container" class="hideIfTorOff torstatus-container">
55
    <h1>&aboutTor.success.label;</h1>
56
    <br/>
57
    <h3 class="hideIfTBBNeedsUpdate">&aboutTor.success3.label;</h3>
58
    <br/>
59
60
61
    <div style="margin-top: 20px;">
      <a id="testTorSettings" href="about:blank">&aboutTor.check.label;</a>
    </div>
62
  </div>
63
  <div id="torstatus-off-container" class="hideIfTorOn torstatus-container">
64
    <h1>&aboutTor.failure.label;</h1>
65
    <br/>
66
67
68
69
70
71
72
73
    <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>
74
75
76
77
78

    <div id="toolbarIconArrowHead" class="arrow"/>
    <div id="toolbarIconArrowVertExtension" class="arrow"/>
    <div id="toolbarIconArrowBend" class="arrow"/>
    <div id="toolbarIconArrowHorzExtension" class="arrow"/>
79
80
81
82
  </div>
</div>

<div class="searchbox hideIfTorOff"> <!-- begin form based search -->
83
  <form action="&aboutTor.searchDDGPost.link;" method="post">
84
85
86
87
88
89
90
  <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>
91
  <h4 id="searchProviderInfo" />
92
93
94
95
96
97
  </form>
</div>

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

<div id="middle" class="hideIfTorOff">
98
99
100
101
  <div class="bubbleRow">
    <div class="bubble">
      <h1>&aboutTor.whatnextQuestion.label;</h1>
      <p>&aboutTor.whatnextAnswer.label;</p>
102
103
104
105
106
107
108
      <ul>
        <li>
          <a href="&aboutTor.whatnext.link;">
            &aboutTor.whatnext.label;
          </a>
        </li>
        <li class="showForManual">
109
          <a id="manualLink">
110
            &aboutTor.torbrowser_user_manual.label; &raquo;
111
112
113
          </a>
        </li>
      </ul>
114
    </div>
115

116
117
118
119
120
121
122
123
124
    <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>
125
126
127
128
129
130
131
  </div>
</div> <!-- middle -->

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