lego/templates/secure-connections.html
2019-09-13 22:29:47 +02:00

72 lines
1.8 KiB
HTML

<p>The following visualization shows what information is visible to eavesdroppers with and without Tor Browser and HTTPS encryption:</p>
<ul>
<li>Click the “Tor” button to see what data is visible to observers when you're using Tor. The button will turn green to indicate that Tor is on.</li>
<li>Click the “HTTPS” button to see what data is visible to observers when you're using HTTPS. The button will turn green to indicate that HTTPS is on.</li>
<li>When both buttons are green, you see the data that is visible to observers when you are using both tools.</li>
<li>When both buttons are grey, you see the data that is visible to observers when you don't use either tool.</li>
</ul>
<br />
<label>HTTPS</label>
<input class="toggle" type="checkbox" id="https-switch"/>
<br />
<label>TOR</label>
<input class="toggle" type="checkbox" id="tor-switch"/>
<br />
<div id="http-content" class="switch-off">
<img src="{{ '/static/images/tor-https-0.png'|asseturl }}" />
</div>
<div id="https-content" class="switch-off">
<img src="{{ '/static/images/tor-https-1.png'|asseturl }}" />
</div>
<div id="tor-content" class="switch-off">
<img src="{{ '/static/images/tor-https-2.png'|asseturl }}" />
</div>
<div id="https-tor-content" class="switch-on">
<img src="{{ '/static/images/tor-https-3.png'|asseturl }}" />
</div>
<h5>POTENTIALLY VISIBLE DATA</h5>
<dl>
<dt>
Site.com
</dt>
<dd>
The site being visited.
</dd>
<dt>
user / pw
</dt>
<dd>
Username and password used for authentication.
</dd>
<dt>
data
</dt>
<dd>
Data being transmitted.
</dd>
<dt>
location
</dt>
<dd>
Network location of the computer used to visit the website (the public IP address).
</dd>
<dt>
Tor
</dt>
<dd>
Whether or not Tor is being used.
</dd>
</dl>