Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
aboutTor.xhtml 9.12 KB
Newer Older
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
1
2 
<?xml version="1.0" encoding="UTF-8"?>
<!--
Kathleen Brade's avatar
Bug 18144: about:tor update arrow position is wrong (Retina and zoom)    
Kathleen Brade committed
3 
   - Copyright (c) 2016, The Tor Project, Inc.
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23 
   - 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="chrome://torbutton/skin/aboutTor.css"/>
Arthur Edelstein's avatar
Bug 20414.2: Tor Donation Banner 2016    
Arthur Edelstein committed
24
25 
  <link rel="stylesheet" type="text/css" media="all"
        href="chrome://torbutton/skin/donation_banner.css"/>
Kathleen Brade's avatar
Bug 13138: ESR31-about:tor shows "Tor is not working"    
Kathleen Brade committed
26 
<script type="text/javascript;version=1.7">
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
27
28
29 
 <![CDATA[
function onLoad()
{
Kathleen Brade's avatar
Bug #10398: Do not create untranslatable strings.    
Kathleen Brade committed
30
31 
  insertPropertyStrings();
Kathleen Brade's avatar
Bug #10640: Fix about:tor's pointer position for RTL languages.    
Kathleen Brade committed
32
33 
  document.addEventListener("AboutTorAdjustArrow", function() {
    adjustToolbarIconArrow();
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
34
35
36 
  }, false);

  window.setTimeout( function() {
Kathleen Brade's avatar
Bug #10640: Fix about:tor's pointer position for RTL languages.    
Kathleen Brade committed
37 
    adjustToolbarIconArrow();
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
38
39
40 
  }, 0);
}
Kathleen Brade's avatar
Bug #10640: Fix about:tor's pointer position for RTL languages.    
Kathleen Brade committed
41 
function adjustToolbarIconArrow()
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
42 
{
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
43
44
45
46
47
48
49
50
51
52
53
54
55
56 
  let textElem = document.getElementById("updatePrompt");
  let arrowHeadDiv = document.getElementById("toolbarIconArrowHead");
  let vertExtDiv = document.getElementById("toolbarIconArrowVertExtension");
  let bendDiv = document.getElementById("toolbarIconArrowBend");
  let horzExtDiv = document.getElementById("toolbarIconArrowHorzExtension");
  if (!textElem || !arrowHeadDiv || !vertExtDiv || !bendDiv || !horzExtDiv)
    return;

  let arrowTailElems = [ vertExtDiv, bendDiv, horzExtDiv ];
  let tbXpos;
  if (document.body.hasAttribute("torbutton-xpos"))
    tbXpos = parseInt(document.body.getAttribute("torbutton-xpos"), 10);

  if (!tbXpos || isNaN(tbXpos) || (tbXpos < 0))
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
57 
  {
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
58
59
60
61
62 
    arrowHeadDiv.style.display = "none";
    for (let elem of arrowTailElems)
      elem.style.display = "none";
    return;
  }
Kathleen Brade's avatar
Bug #10640: Fix about:tor's pointer position for RTL languages.    
Kathleen Brade committed
63
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87 
  const kArrowMargin = 6;          // Horizontal margin between line and text.
  const kArrowHeadExtraWidth = 9;  // Horizontal margin to the line.
  const kArrowLineThickness = 11;
  const kBendWidth = 22;
  const kBendHeight = 22;

  arrowHeadDiv.style.display = "block";  // Must be visible to get offsetWidth.
  let arrowHalfWidth = Math.round(arrowHeadDiv.offsetWidth / 2);
  let leftAnchor = textElem.offsetLeft - kArrowMargin
                    - kBendWidth + Math.round(kArrowLineThickness / 2);
  let rightAnchor = textElem.offsetLeft + textElem.offsetWidth
                    + kArrowMargin + arrowHalfWidth;

  let isArrowOnLeft = (tbXpos < leftAnchor);
  let isArrowOnRight = (tbXpos > rightAnchor) &&
                       (tbXpos < (window.innerWidth - arrowHalfWidth));
  let isArrowInMiddle = (tbXpos >= leftAnchor) && (tbXpos <= rightAnchor);

  if (isArrowOnLeft || isArrowOnRight || isArrowInMiddle)
  {
    // Position the arrow head.
    let arrowHeadLeft = tbXpos - arrowHalfWidth;
    arrowHeadDiv.style.left = arrowHeadLeft + "px";
    if (isArrowOnLeft || isArrowOnRight)
Kathleen Brade's avatar
Bug #10640: Fix about:tor's pointer position for RTL languages.    
Kathleen Brade committed
88 
    {
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
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
124
125
126
127
128
129 
      let horzExtBottom = textElem.offsetTop +
               Math.round((textElem.offsetHeight + kArrowLineThickness) / 2);

      // Position the vertical (extended) line.
      let arrowHeadBottom = arrowHeadDiv.offsetTop + arrowHeadDiv.offsetHeight;
      vertExtDiv.style.top = arrowHeadBottom + "px";
      vertExtDiv.style.left = (arrowHeadLeft + kArrowHeadExtraWidth) + "px";
      let ht = horzExtBottom - kBendHeight - arrowHeadBottom;
      vertExtDiv.style.height = ht + "px";

      // Position the bend (elbow).
      bendDiv.style.top = (horzExtBottom - kBendHeight) + "px";
      let bendDivLeft;
      if (isArrowOnLeft)
      {
        bendDiv.setAttribute("pos", "left");
        bendDivLeft = arrowHeadLeft + kArrowHeadExtraWidth;
      }
      else if (isArrowOnRight)
      {
        bendDiv.setAttribute("pos", "right");
        bendDivLeft = arrowHeadLeft + kArrowHeadExtraWidth
                      + kArrowLineThickness - kBendWidth;
      }
      bendDiv.style.left = bendDivLeft + "px";

      // Position the horizontal (extended) line.
      horzExtDiv.style.top = (horzExtBottom - kArrowLineThickness) + "px";
      let horzExtLeft, w;
      if (isArrowOnLeft)
      {
        horzExtLeft = bendDivLeft + kBendWidth;
        w = (textElem.offsetLeft - horzExtLeft - kArrowMargin);
      }
      else
      {
        horzExtLeft = rightAnchor - arrowHalfWidth;
        w = tbXpos - arrowHalfWidth - horzExtLeft;
      }
      horzExtDiv.style.left = horzExtLeft + "px";
      horzExtDiv.style.width = w + "px";
Kathleen Brade's avatar
Bug #10640: Fix about:tor's pointer position for RTL languages.    
Kathleen Brade committed
130 
    }
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
131 
  }
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
132
133
134
135
136
137
138 

  let headDisplay = (isArrowOnLeft || isArrowInMiddle || isArrowOnRight)
                      ? "block" : "none";
  arrowHeadDiv.style.display = headDisplay;
  let tailDisplay = (isArrowOnLeft || isArrowOnRight) ? "block" : "none";
  for (let elem of arrowTailElems)
    elem.style.display = tailDisplay;
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
139 
}
Kathleen Brade's avatar
Bug #10398: Do not create untranslatable strings.    
Kathleen Brade committed
140
141
142
143 

function insertPropertyStrings()
{
  try {
Arthur Edelstein's avatar
Bug 18004: Remove Tor fundraising donation banner    
Arthur Edelstein committed
144
145
146
147 
    let kPropertiesURL = "chrome://torbutton/locale/aboutTor.properties";

    Components.utils.import("resource://gre/modules/Services.jsm");
    let gStringBundle = Services.strings.createBundle(kPropertiesURL);
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
148
149
150 
    let s1 = gStringBundle.GetStringFromName("aboutTor.searchDC.privacy.link");
    let s2 = gStringBundle.GetStringFromName("aboutTor.searchDC.search.link");
    let result = gStringBundle.formatStringFromName("aboutTor.searchDC.privacy",
Kathleen Brade's avatar
Bug #10398: Do not create untranslatable strings.    
Kathleen Brade committed
151
152 
                  [s1, s2], 2);
    if (result) {
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
153 
      let elem = document.getElementById("searchProviderInfo");
Kathleen Brade's avatar
Bug #10398: Do not create untranslatable strings.    
Kathleen Brade committed
154
155
156
157
158
159 
      if (elem)
        elem.innerHTML = result;
    }
  } catch(e) {};
}
Kathleen Brade's avatar
Bug 13138: ESR31-about:tor shows "Tor is not working"    
Kathleen Brade committed
160
161
162
163
164 
window.addEventListener("pageshow", function() {
  let evt = new CustomEvent("AboutTorLoad", { bubbles: true });
  document.dispatchEvent(evt);
});
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
165
166
167
168 
]]>
</script>
</head>
<body dir="&locale.dir;" onload="onLoad();">
Arthur Edelstein's avatar
Bug 20414.2: Tor Donation Banner 2016    
Arthur Edelstein committed
169
170
171
172
173
174
175
176
177
178
179
180
181
182 
  <div id="banner" class="onions-bg">
    <div id="banner-contents-container">
      <div id="banner-logo-container">
        <img id="banner-logo" alt="Tor Onion-Heart Logo"
             src="chrome://torbutton/content/aboutTor/onion-heart.svg"/>
      </div>
      <div id="banner-text">
        <div id="banner-tagline"><span></span></div>
        <div id="banner-heart"><span></span></div>
      </div>
      <a id="banner-donate-button-link"
         href="https://www.torproject.org/donate/donate-tbb">
        <div id="banner-donate-button-container">
          <div id="banner-donate-button">
Arthur Edelstein's avatar
Bug 20414.3: Delay banner 1 week & add pt locale    
Arthur Edelstein committed
183
184
185 
            <div id="banner-donate-button-text">
              <span></span>
            </div>
Arthur Edelstein's avatar
Bug 20414.2: Tor Donation Banner 2016    
Arthur Edelstein committed
186
187
188
189
190
191 
          </div>
        </div>
      </a>
    </div>
  </div>
  <div id="banner-spacer"></div>
Arthur Edelstein's avatar
Bug 18004: Remove Tor fundraising donation banner    
Arthur Edelstein committed
192 
<div id="torstatus" class="top">
Kathleen Brade's avatar
Bug #9587: about:tor lacks the TBB 3.X version number.    
Kathleen Brade committed
193 
  <div id="torstatus-version"/>
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
194 
  <div id="torstatus-image"/>
Kathleen Brade's avatar
Bug 11472: about:tor logo and text may overlap.    
Kathleen Brade committed
195 
  <div id="torstatus-on-container" class="hideIfTorOff torstatus-container">
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
196 
    <h1>&aboutTor.success.label;</h1>
Kathleen Brade's avatar
Bug 11472: about:tor logo and text may overlap.    
Kathleen Brade committed
197 
    <br/>
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
198 
    <h3 class="hideIfTBBNeedsUpdate">&aboutTor.success3.label;</h3>
Kathleen Brade's avatar
Bug 11472: about:tor logo and text may overlap.    
Kathleen Brade committed
199 
    <br/>
Arthur Edelstein's avatar
Bug 17108: Polish about:tor appearance    
Arthur Edelstein committed
200
201
202 
    <div style="margin-top: 20px;">
      <a id="testTorSettings" href="about:blank">&aboutTor.check.label;</a>
    </div>
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
203 
  </div>
Kathleen Brade's avatar
Bug 11472: about:tor logo and text may overlap.    
Kathleen Brade committed
204 
  <div id="torstatus-off-container" class="hideIfTorOn torstatus-container">
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
205 
    <h1>&aboutTor.failure.label;</h1>
Kathleen Brade's avatar
Bug 11472: about:tor logo and text may overlap.    
Kathleen Brade committed
206 
    <br/>
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
207
208
209
210
211
212
213
214 
    <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>
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
215
216
217
218
219 

    <div id="toolbarIconArrowHead" class="arrow"/>
    <div id="toolbarIconArrowVertExtension" class="arrow"/>
    <div id="toolbarIconArrowBend" class="arrow"/>
    <div id="toolbarIconArrowHorzExtension" class="arrow"/>
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
220
221
222
223 
  </div>
</div>

<div class="searchbox hideIfTorOff"> <!-- begin form based search -->
Mike Perry's avatar
Bug 14490: Make disconnect search the default search engine.    
Mike Perry committed
224 
  <form action="&aboutTor.searchDCPost.link;" method="post">
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
225
226
227
228
229
230
231 
  <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>
Kathleen Brade's avatar
Bug #10398: Do not create untranslatable strings.    
Kathleen Brade committed
232 
  <h4 id="searchProviderInfo" />
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
233
234
235
236
237
238 
  </form>
</div>

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

<div id="middle" class="hideIfTorOff">
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
239
240
241
242 
  <div class="bubbleRow">
    <div class="bubble">
      <h1>&aboutTor.whatnextQuestion.label;</h1>
      <p>&aboutTor.whatnextAnswer.label;</p>
Arthur Edelstein's avatar
Bug 20614: Add links to Tor Browser User Manual    
Arthur Edelstein committed
243
244
245
246
247
248
249
250
251
252
253
254 
      <ul>
        <li>
          <a href="&aboutTor.whatnext.link;">
            &aboutTor.whatnext.label;
          </a>
        </li>
        <li class="showForManual">
          <a href="&aboutTor.torbrowser_user_manual.link;">
            &aboutTor.torbrowser_user_manual.label;
          </a>
        </li>
      </ul>
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
255 
    </div>
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
256
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
257
258
259
260
261
262
263
264
265 
    <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>
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
266
267
268
269
270
271
272 
  </div>
</div> <!-- middle -->

<div id="bottom">
  <p>&aboutTor.footer.label;
<a href="&aboutTor.learnMore.link;">&aboutTor.learnMore.label;</a></p>
</div>
Arthur Edelstein's avatar
Bug 20414.2: Tor Donation Banner 2016    
Arthur Edelstein committed
273 
  <script src="chrome://torbutton/content/aboutTor/donation_banner.js"></script>
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
274
275 
</body>
</html>