commit a7ebf898b4491179adf1c139e34338090228d378 Author: hiro hiro@torproject.org Date: Fri Sep 13 22:17:18 2019 +0200

Add secure connections to lego --- templates/secure-connections.html | 71 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 71 insertions(+)

diff --git a/templates/secure-connections.html b/templates/secure-connections.html new file mode 100644 index 0000000..c0d88db --- /dev/null +++ b/templates/secure-connections.html @@ -0,0 +1,71 @@ +<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" class="switch-off"> + <img src="{{ '/static/images/tor-https-0.png'|asseturl }}" /> +</div> +<div id="https" class="switch-off"> + <img src="{{ '/static/images/tor-https-1.png'|asseturl }}" /> +</div> +<div id="tor" class="switch-off"> + <img src="{{ '/static/images/tor-https-2.png'|asseturl }}" /> +</div> +<div id="https-tor" 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>