Commenting out index.html

I added useful comments, arranged the code to be neater (block code), and removed two extra paragraph tags which were open and closing right next to one another with no content between the two tags.
2024-12-24 06:59:38 -05:00 · 2016-03-09 17:52:41 -05:00 · 2016-03-09 17:52:41 -05:00 · b34ffe4818
commit b34ffe4818
parent 0237ec9f16
1 changed files with 436 additions and 351 deletions
--- a/index.html
+++ b/index.html
@ -1,15 +1,22 @@
+ <!-- force browser to interpret this as an html5 page -->
 <!DOCTYPE html>
+
+<!-- set the default language as English -->
 <html lang="en">
+
 <head>
+
+<!-- tags for Search Engine Optimization --> 
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=1024">
-
 <meta name="keywords" content="privacy tools, surveillance, encryption, edward snowden, nsa, tor, bitcoin">
 <meta name="description" content="You are being watched. Private and state-sponsored organizations are monitoring and recording your online activities. privacytools.io provides knowledge and tools to protect your privacy against global mass surveillance.">

+<!-- title -->
 <title>privacy tools - encryption against global mass surveillance 🔒</title>

+<!-- icons -->
 <link rel="apple-touch-icon" sizes="57x57" href="https://www.privacytools.io/img/favicons/apple-touch-icon-57x57.png">
 <link rel="apple-touch-icon" sizes="60x60" href="https://www.privacytools.io/img/favicons/apple-touch-icon-60x60.png">
 <link rel="apple-touch-icon" sizes="72x72" href="https://www.privacytools.io/img/favicons/apple-touch-icon-72x72.png">
@ -30,6 +37,7 @@
 <meta name="msapplication-config" content="https://www.privacytools.io/img/favicons/browserconfig.xml">
 <meta name="theme-color" content="#ffffff">

+<!-- css stylesheets -->
 <link href="css/bootstrap.min.css" rel="stylesheet">
 <link href="css/bootstrap-theme.min.css" rel="stylesheet">
 <link href="css/font-awesome.min.css" rel="stylesheet">
@ -41,6 +49,7 @@
      <script src="js/respond.min.js"></script>
 <![endif]-->

+<!-- Open Graph Protocol tags for SEO -->
 <meta property="og:title" content="privacy tools - encryption against surveillance"/>
 <meta property="og:type" content="website"/>
 <meta property="og:url" content="https://www.privacytools.io/"/>
@ -53,7 +62,7 @@

 <body>

-<!-- navigation starts here -->
+<!-- navigation starts -->
 <nav class="navbar navbar-inverse navbar-fixed-top">
 <div class="container">
 <div class="navbar-header">
@ -69,8 +78,10 @@

 <ul class="nav navbar-nav">

+<!-- home icon in the navigation bar -->
 <li><a href="https://www.privacytools.io/"><span class="glyphicon glyphicon-home"></span></a></li>

+<!-- drop down menu - Provider -->
 <li class="dropdown">
 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Provider<span class="caret"></span></a>
 	<ul class="dropdown-menu" role="menu">
@ -85,6 +96,7 @@
 	</ul>
 </li>

+<!-- drop down menu - Browser -->
 <li class="dropdown">
 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Browser<span class="caret"></span></a>
 	<ul class="dropdown-menu" role="menu">
@ -96,6 +108,7 @@
 	</ul>
 </li>

+<!-- drop down menu - Software -->
 <li class="dropdown">
 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Software<span class="caret"></span></a>
 	<ul class="dropdown-menu" role="menu">
@ -114,6 +127,7 @@
 	</ul>
 </li>

+<!-- drop down menu - OS -->
 <li class="dropdown">
 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">OS<span class="caret"></span></a>
 <ul class="dropdown-menu" role="menu">
@ -124,6 +138,7 @@
 </ul>
 </li>

+<!-- drop down menu - Participate -->
 <li><a href="#participate">Participate</a></li>
 <li class="dropdown">
 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Share<span class="caret"></span></a>
@ -148,10 +163,14 @@

 <div class="container theme-showcase" role="main">
 <div class="jumbotron">
+
+<!-- header just below the navigation bar -->
 <h1><a href="https://www.privacytools.io/" title="privacy tools"><img src="img/layout/logo.png" class="img-responsive" alt="privacytools.io"></a></h1>
 <p>You are being watched. Private and state-sponsored organizations are monitoring and recording your online activities. privacytools.io provides knowledge and tools to protect your privacy against global mass surveillance.</p>
+<!-- end header just below the navigation bar -->
 </div>

+<!-- quote by Glenn Greenwald located below the header -->
 <div class="page-header">
 <h1>Privacy? I don't have anything to hide.</h1>
 </div>
@ -164,7 +183,7 @@ Over the last 16 months, as I've debated this issue around the world, every sing
 </p>

 <strong>Related:</strong> <a href="https://www.reddit.com/r/privacy/comments/3hynvp/how_do_you_counter_the_i_have_nothing_to_hide/" target="_blank">How do you counter the "I have nothing to hide?" argument?</a>
-
+<!-- end quote by Glenn Greenwald located below the header -->

 <!--
 <div class="page-header text-center">
@ -193,6 +212,8 @@ Over the last 16 months, as I've debated this issue around the world, every sing
 <br />
 -->

+<!-- Global Mass Surveillance - The Fourteen Eyes -->
+
 <a class="anchor" name="ukusa"></a>
 <div class="page-header">
 <h1><a href="#ukusa" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Global Mass Surveillance - The Fourteen Eyes</h1>
@ -204,6 +225,7 @@ Over the last 16 months, as I've debated this issue around the world, every sing

 <br>

+<!-- Chart of Five Eyes, Nine Eyes, and Fourteen Eyes -->
 <div class="row">
 <div class="col-sm-4">
 <div class="panel panel-danger">
@ -247,6 +269,7 @@ Over the last 16 months, as I've debated this issue around the world, every sing
 </div>
 </div>
 </div>
+<!-- end Chart of Five Eyes, Nine Eyes, and Fourteen Eyes -->

 <a class="anchor" name="usa"></a>
 <h3>Why is it not recommended to choose a US based service?</h3>
@ -415,6 +438,7 @@ Over the last 16 months, as I've debated this issue around the world, every sing

 <br>

+<!-- yellow warning box about vpns and "no log" policies. -->
 <div class="alert alert-warning" role="alert">
 <strong>Note: Using a VPN provider will not make you anonymous. But it will give you a better privacy. A VPN is not a tool for illegal activities. Don't rely on a "no log" policy.</strong>
 </div>
@ -424,7 +448,8 @@ Over the last 16 months, as I've debated this issue around the world, every sing
 <div class="row">
 <div class="col-md-6">

-<h3>Our VPN Provider Criteria</h3>
+<!-- bullet list of VPN Provider Criteria
+ --><h3>Our VPN Provider Criteria</h3>
 <ul>
 	<li>Operating outside the USA or other Five Eyes countries. <a href="https://www.bestvpn.com/the-ultimate-privacy-guide/#avoidus" target="_blank">Avoid all US and UK based services.</a></li>
 	<li>OpenVPN software support.</li>
@ -440,6 +465,7 @@ Over the last 16 months, as I've debated this issue around the world, every sing

 </div>

+<!-- bullet list of VPN articles -->
 <div class="col-md-6"><span class="pull-right">
 <h3>Related VPN information</h3>
 <ul>
@ -457,6 +483,7 @@ Over the last 16 months, as I've debated this issue around the world, every sing
 </div>
 </div>

+<!-- warrant canary -->
 <a class="anchor" name="wc"></a>
 <div class="page-header">
 <h1><a href="#wc" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> What is a warrant canary?</h1>
@ -479,6 +506,7 @@ Over the last 16 months, as I've debated this issue around the world, every sing
 		<li><a href="http://en.wikipedia.org/wiki/Warrant_canary#Companies_and_organizations_with_warrant_canaries" target="_blank">Companies and organizations with warrant canaries</a></li>
 	</ul>

+<!-- browsers -->
 <a class="anchor" name="browser"></a>
 <div class="page-header">
 <h1><a href="#browser" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Browser Recommendation</h1>
@ -486,6 +514,7 @@ Over the last 16 months, as I've debated this issue around the world, every sing

 <div class="row">

+<!-- browsers - firefox -->
 <div class="col-sm-4">
 <div class="panel panel-success">
 <div class="panel-heading">
@ -499,7 +528,7 @@ Over the last 16 months, as I've debated this issue around the world, every sing
 </div>
 </div>

-<!-- IceCate removed
+<!-- IceCat removed
 <div class="col-sm-4">
 <div class="panel panel-info">
 <div class="panel-heading">
@ -514,6 +543,7 @@ Over the last 16 months, as I've debated this issue around the world, every sing
 </div>
 -->

+<!-- browsers - tor browser bundle -->
 <div class="col-sm-4">
 <div class="panel panel-warning">
 <div class="panel-heading">
@ -529,30 +559,43 @@ Over the last 16 months, as I've debated this issue around the world, every sing

 </div>

+<!-- browsers - worth mentioning -->
 <h3>Worth Mentioning</h3>
+
+<!-- browsers - JonDoFox -->
 <ul>
 	<li><a href="https://anonymous-proxy-servers.net/en/jondofox.html" target="_blank">JonDoFox</a> - A profile for the Firefox web browser, particularly optimized for anonymous and secure web surfing.</li>
 </ul>

-
+<!-- Browser Fingerprint -->
 <a class="anchor" name="fingerprint"></a>
+
+<!-- heading -->
 <div class="page-header">
 	<h1><a href="#fingerprint" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Browser Fingerprint - Is your browser configuration unique?</h1>
 </div>
+
+<!-- yellow warning message about the browser sending unique information -->
 <div class="alert alert-warning" role="alert">
 <strong>Your Browser sends information that makes you unique amongst millions of users and therefore easy to identify.</strong>
 </div>

+<!-- fingerprint image to the right of the paragraphs -->
 <img src="img/layout/browser-fingerprint.jpg" class="img-responsive pull-right" alt="Warrant Canary Example" style="margin-left:20px;">

+<!-- first paragraph -->
 <p>When you visit a web page, your browser voluntarily sends information about its configuration, such as available fonts, browser type, and add-ons. If this combination of information is unique, it may be possible to identify and track you without using cookies. EFF created a Tool called <a href="https://panopticlick.eff.org/" target="_blank">Panopticlick</a> to test your browser to see how unique it is.</p>

+<!-- First orange "test your browser now" button -->
 <p><a href="https://panopticlick.eff.org/" target="_blank"><button type="button" class="btn btn-warning">Test your Browser now</button></a></p>

+<!-- second paragraph -->
 <p>You need to find what <strong>most browsers</strong> are reporting, and then use those variables to bring your browser in the same population. This means having the same fonts, plugins, and extensions installed as the large installed base. You should have a <a href="https://addons.mozilla.org/firefox/addon/random-agent-spoofer/" target="_blank">spoofed user agent string</a> to match what the large userbase has. You need have the same settings enabled and disabled, such as DNT and WebGL. You need your browser to look as common as everyone else. Disabling JavaScript, using Linux, or even the TBB, will make your browser stick out from the masses.</p>

+<!-- third paragraph -->
 <p>Modern web browsers have not been architected to assure personal web privacy. Rather than worrying about being fingerprinted, it seems more practical to use <a href="#addons">free software plugins</a> like Privacy Badger, uBlock Origin and Disconnect. They not only respect your freedom, but your privacy also. You can get much further with these than trying to manipulate your browser's fingerprint.</p>

+<!-- related information links -->
 <h3>Related Information</h3>
 <ul>
 	<li><a href="https://panopticlick.eff.org/browser-uniqueness.pdf" target="_blank">How Unique Is Your Web Browser? Peter Eckersley, EFF.</a></li>
@ -561,17 +604,27 @@ Over the last 16 months, as I've debated this issue around the world, every sing
 	<li><a href="https://www.browserleaks.com/" target="_blank">BrowserLeaks.com</a> - Web browser security testing tools, that tell you what exactly personal identity data may be leaked without any permissions when you surf the Internet.</li>
 </ul>

-
+<!-- WebRTC IP Leak Test -->
 <a class="anchor" name="webrtc"></a>
 <div class="page-header">
 	<h1><a href="#webrtc" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> WebRTC IP Leak Test - Is your IP address leaking?</h1>
 </div>
+
+<!-- red alert message about WebRTC being a new communication protocol... -->
 <div class="alert alert-danger" role="alert">
 <strong>WebRTC is a new communication protocol that relies on JavaScript that can leak your actual IP address from behind your VPN.</strong>
 </div>
+
+<!-- first sentence -->
 <p>While software like NoScript prevents this, it's probably a good idea to block this protocol directly as well, just to be safe.</p>
+
+<!-- orange "Test your Browser now" button -->
 <p><a href="webrtc.html" target="_blank"><button type="button" class="btn btn-warning">Test your Browser now</button></a></p>
+
+<!-- heading: How to disable WRTC in Firefox? -->
 <h3>How to disable WebRTC in Firefox?</h3>
+
+<!-- steps on manually disabling WRTC in Firefox -->
 <p>In short: Set "media.peerconnection.enabled" to "false" in "about:config".</p>
 <p><strong>Explained:</strong></p>
 	<ol>
@ -581,6 +634,7 @@ Over the last 16 months, as I've debated this issue around the world, every sing
 		<li>Double click the entry, the column "Value" should now be "false"</li>
 		<li>Done. Do the WebRTC leak test again.</li>
 	</ol>
+
 <p>If you want to make sure every single WebRTC related setting is really disabled change these settings:</p>
 	<ol>
 		<li>media.peerconnection.turn.disable = true</li>
@ -589,19 +643,25 @@ Over the last 16 months, as I've debated this issue around the world, every sing
 		<li>media.peerconnection.identity.timeout = 1</li>
 	</ol>
 <p>Now you can be 100% sure WebRTC is disabled.</p>
+
+<!-- the "Test your Browser again" button -->
 <p><a href="webrtc.html" target="_blank"><button type="button" class="btn btn-primary">Test your Browser again</button></a></p>
+
+<!-- steps to manually disable WebRTC in Chrome -->
 <h3>How to fix the WebRTC Leak in Google Chrome?</h3>
 <p>There is no known working solution, only a plugin that is easily circumvented. Please use Firefox instead. </p>
+
 <h3>What about other browsers?</h3>
-<p>
-Chrome on iOS, Internet Explorer and Safari does not implement WebRTC yet. <a href="#browser">But we recommend using Firefox on all devices.</a>
-</p>
+<p>Chrome on iOS, Internet Explorer and Safari does not implement WebRTC yet. <a href="#browser">But we recommend using Firefox on all devices.</a></p>


+<!-- Firefox add-ons -->
 <a class="anchor" name="addons"></a>
+
 <div class="page-header">
 	<h1><a href="#addons" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Excellent Firefox Privacy Addons</h1>
 </div>
+
 <div class="alert alert-success" role="alert">
 	<strong>Improve your privacy with these excellent Firefox addons.</strong>
 </div>
@ -628,7 +688,6 @@ Chrome on iOS, Internet Explorer and Safari does not implement WebRTC yet. <a hr
 <a href="https://addons.mozilla.org/firefox/addon/ublock-origin/" target="_blank">https://addons.mozilla.org/firefox/addon/ublock-origin/</a>
 </p>

-
 <h3>Hinder Browser Fingerprinting with "Random Agent Spoofer"</h3>
 <img src="img/addons/Random-Agent-Spoofer.gif" class="img-responsive pull-left" alt="Random Agent Spoofer" style="margin-right:30px;">
 <p>A privacy enhancing firefox addon which aims to hinder browser fingerprinting. It does this by changing the browser/device profile on a timer. Source code: <a href="https://github.com/dillbyrne/random-agent-spoofer" target="_blank">GitHub.</a>
@ -672,6 +731,7 @@ Chrome on iOS, Internet Explorer and Safari does not implement WebRTC yet. <a hr
 <br />
 <a href="https://addons.mozilla.org/firefox/addon/umatrix/" target="_blank">https://addons.mozilla.org/firefox/addon/umatrix/</a>
 </p>
+
 <h3>Be in total control with "NoScript Security Suite"</h3>
 <img src="img/addons/NoScript.gif" class="img-responsive pull-left" alt="NoScript" style="margin-right:30px;">
 <p>
@ -679,6 +739,7 @@ Highly customizable plugin to selectively allow Javascript, Java, and Flash to r
 <br />
 <a href="https://addons.mozilla.org/firefox/addon/noscript/" target="_blank">https://addons.mozilla.org/firefox/addon/noscript/</a>
 </p>
+
 <h3>Content control with "Policeman"</h3>
 <img src="img/addons/Policeman.gif" class="img-responsive pull-left" alt="Policeman" style="margin-right:30px;">
 <p>This addon has purpose similar to RequestPolicy and NoScript. It's different from the former in that it supports rules based on content type. For example, you can allow images and styles, but not scripts and frames for some sites. It can also be set up to act as a blacklist.
@ -686,24 +747,25 @@ Highly customizable plugin to selectively allow Javascript, Java, and Flash to r
 <a href="https://addons.mozilla.org/firefox/addon/policeman/" target="_blank">https://addons.mozilla.org/firefox/addon/policeman/</a>
 </p>

-
+<!-- about:config tweaks for Firefox -->
 <a class="anchor" name="about_config"></a>
+
 <div class="page-header">
 <h1><a href="#about_config" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Firefox: Privacy Related "about:config" Tweaks</h1>
 </div>
-<div class="alert alert-success" role="alert">
-This is a collection of privacy related <strong>about:config</strong> tweaks. We'll show you how to enhance the privacy of your Firefox browser.
-</div>

-<p></p><h3>Preparation:</h3><p></p>
+<div class="alert alert-success" role="alert">This is a collection of privacy related <strong>about:config</strong> tweaks. We'll show you how to enhance the privacy of your Firefox browser.</div>

+<!-- preparation list -->
+<h3>Preparation:</h3>
 	<ol>
 		<li>Enter "about:config" in the firefox address bar and press enter.</li>
 		<li>Press the button "I'll be careful, I promise!"</li>
 		<li>Follow the instructions below...</li>
 	</ol>

-<p></p><h3>Getting started:</h3><p></p>
+<!-- Getting started list -->
+<h3>Getting started:</h3>

 <ol>
 <li>privacy.trackingprotection.enabled = true</li>
@ -754,6 +816,7 @@ This is a collection of privacy related <strong>about:config</strong> tweaks. We
 <ul><li>Even with Firefox set to not remember history, your closed tabs are stored temporarily at Menu -> History -> Recently Closed Tabs.</li></ul>
 </ol>

+<!-- related information -->
 <h3>Related Information</h3>
 <ul>
 	<li><a href="https://ffprofile.com/" target="_blank">ffprofile.com</a> -  Helps you to create a Firefox profile with the defaults you like.</li>	
@ -766,6 +829,7 @@ This is a collection of privacy related <strong>about:config</strong> tweaks. We
 <div class="page-header">
 <h1><a href="#email" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Privacy-Conscious Email Providers - No Affiliates</h1>
 </div>
+
 <div class="alert alert-success" role="alert">
 <strong>All providers listed here are operating outside the US and support <a data-toggle="tooltip" data-placement="bottom" data-original-title="When sending or receiving emails, if both the sending and receiving servers support TLS encryption, the email is sent between servers using an encrypted connection.">SMTP TLS.</a> The table is sortable. Never trust any company with your privacy, always encrypt.</strong>
 </div>
@ -948,9 +1012,7 @@ This is a collection of privacy related <strong>about:config</strong> tweaks. We

 <h3>Become Your Own Email Provider with Mail-in-a-Box</h3>
 <a href="https://mailinabox.email/" target="_blank"><img src="img/provider/Mail-in-a-Box.gif" class="img-responsive pull-left" alt="Mail-in-a-Box" style="margin-right:10px;"></a>
-<p>
-Take it a step further and get control of your email with this easy-to-deploy mail server in a box. Mail-in-a-Box lets you become your own mail service provider in a few easy steps. It’s sort of like making your own gmail, but one you control from top to bottom. Technically, Mail-in-a-Box turns a fresh cloud computer into a working mail server. But you don’t need to be a technology expert to set it up. <strong>More: <a href="https://mailinabox.email/" target="_blank">https://mailinabox.email/</a></strong>
-</p>
+<p>Take it a step further and get control of your email with this easy-to-deploy mail server in a box. Mail-in-a-Box lets you become your own mail service provider in a few easy steps. It’s sort of like making your own gmail, but one you control from top to bottom. Technically, Mail-in-a-Box turns a fresh cloud computer into a working mail server. But you don’t need to be a technology expert to set it up. <strong>More: <a href="https://mailinabox.email/" target="_blank">https://mailinabox.email/</a></strong></p>

 <h3>Privacy Email Tools</h3>
 <ul>
@ -1043,6 +1105,7 @@ Take it a step further and get control of your email with this easy-to-deploy ma
 </div>
 </div>
 </div>
+
 <div class="col-sm-4">
 <div class="panel panel-info">
 <div class="panel-heading">
@ -1057,6 +1120,7 @@ Take it a step further and get control of your email with this easy-to-deploy ma
 </div>
 </div>
 </div>
+
 <div class="col-sm-4">
 <div class="panel panel-warning">
 <div class="panel-heading">
@ -1133,9 +1197,17 @@ Take it a step further and get control of your email with this easy-to-deploy ma

 <h3>Worth Mentioning</h3>
 <ul>
-	<li><a href="https://metager.de/en/" target="_blank">MetaGer</a> - A metasearch engine, which is based in Germany. It focuses on protecting the user's privacy. Supported by 24 own crawlers of small scale web search engines.</li>      
-	<li><a href="https://ixquick.com/" target="_blank">ixquick.com</a> - Returns the top ten results from multiple search engines. It uses a "Star System" to rank its results by awarding one star for every result that has been returned from a search engine. Based in the USA and the Netherlands.</li>
-	<li><a href="https://addons.mozilla.org/firefox/addon/google-search-link-fix/" target="_blank">Google search link fix</a> - Firefox extension that prevents Google, Yahoo and Yandex search pages from modifying search result links when you click them. This is useful when copying links but it also helps privacy by preventing the search engines from recording your clicks. (<a href="https://github.com/palant/searchlinkfix" target="_blank">Open Source</a>)</li>         
+	<li>
+		<a href="https://metager.de/en/" target="_blank">MetaGer</a> - A metasearch engine, which is based in Germany. It focuses on protecting the user's privacy. Supported by 24 own crawlers of small scale web search engines.
+	</li>
+
+	<li>
+		<a href="https://ixquick.com/" target="_blank">ixquick.com</a> - Returns the top ten results from multiple search engines. It uses a "Star System" to rank its results by awarding one star for every result that has been returned from a search engine. Based in the USA and the Netherlands.
+	</li>
+
+	<li>
+		<a href="https://addons.mozilla.org/firefox/addon/google-search-link-fix/" target="_blank">Google search link fix</a> - Firefox extension that prevents Google, Yahoo and Yandex search pages from modifying search result links when you click them. This is useful when copying links but it also helps privacy by preventing the search engines from recording your clicks. (<a href="https://github.com/palant/searchlinkfix" target="_blank">Open Source</a>)
+	</li>
 </ul>


@ -1143,6 +1215,7 @@ Take it a step further and get control of your email with this easy-to-deploy ma
 <div class="page-header">
 <h1><a href="#im" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Encrypted Instant Messenger</h1>
 </div>
+
 <div class="alert alert-warning" role="alert">
 <strong>If you are currently using an Instant Messenger like WhatsApp, Viber, LINE or Threema you should pick an alternative here.</strong>
 </div>
@ -1189,6 +1262,7 @@ Take it a step further and get control of your email with this easy-to-deploy ma
 </div>
 </div>
 </div>
+
 </div>
 <h3>Worth Mentioning</h3>
 <ul>
@ -1218,6 +1292,7 @@ Take it a step further and get control of your email with this easy-to-deploy ma
 <div class="panel-heading">
 <h3 class="panel-title">Signal for Mobile</h3>
 </div>
+
 <div class="panel-body">
 <p><img src="img/tools/Open-Whisper-Systems.png" alt="Open Whisper Systems" align="right" style="margin-left:5px;">Signal is a mobile app developed by <a href="https://whispersystems.org/" target="_blank">Open Whisper Systems</a>. The app provides end-to-end encryption for your calls. Signal is free and open source, enabling anyone to verify its security by auditing the code.</p>
 <p>
@ -1228,6 +1303,7 @@ Take it a step further and get control of your email with this easy-to-deploy ma
 </div>
 </div>
 </div>
+
 <div class="col-sm-4">
 <div class="panel panel-info">
 <div class="panel-heading">
@ -1368,7 +1444,9 @@ Take it a step further and get control of your email with this easy-to-deploy ma
 </div>
 <h3>Worth Mentioning</h3>
 <ul>
-<li><a href="https://owncloud.org/" target="_blank">ownCloud</a> - Free and open-source, allows anyone to install and operate it for free on a private server, with no limits on storage space or the number of connected clients.</li>
+	<li>
+	<a href="https://owncloud.org/" target="_blank">ownCloud</a> - Free and open-source, allows anyone to install and operate it for free on a private server, with no limits on storage space or the number of connected clients.
+	</li>
 </ul>
 <a class="anchor" name="sync"></a>
 <div class="page-header">
@ -1414,7 +1492,9 @@ Take it a step further and get control of your email with this easy-to-deploy ma
 </div>
 <h3>Worth Mentioning</h3>
 	<ul>
-<li><a href="https://git-annex.branchable.com/" target="_blank">git-annex</a> - Allows managing files with git, without checking the file contents into git. While that may seem paradoxical, it is useful when dealing with files larger than git can currently easily handle, whether due to limitations in memory, time, or disk space..</li>
+		<li>
+		<a href="https://git-annex.branchable.com/" target="_blank">git-annex</a> - Allows managing files with git, without checking the file contents into git. While that may seem paradoxical, it is useful when dealing with files larger than git can currently easily handle, whether due to limitations in memory, time, or disk space..
+		</li>
 	</ul>
 <a class="anchor" name="pw"></a>
 <div class="page-header">
@ -1474,9 +1554,17 @@ Take it a step further and get control of your email with this easy-to-deploy ma

 <h3>Worth Mentioning</h3>
 	<ul>
-<li><a href="https://www.privacytools.io/password.html	" target="_blank">Secure Password Generator</a> - generates a unique set of custom, high quality, cryptographic-strength password strings which are safe for you to use.</li>
-<li><a href="http://www.supergenpass.com/" target="_blank">SuperGenPass</a> - A master password and the domain name of the Web site you are visiting is used as the “seed” for a one-way hash algorithm (base-64 MD5). The output of this algorithm is your generated password. You remember one password (your “master password”), and SGP uses it to generate unique, complex passwords for the Web sites you visit. Your generated passwords are never stored or transmitted, so you can use SGP on as many computers as you like without having to “sync” anything.</li>
-<li><a href="http://pwsafe.org/" target="_blank">Password Safe</a> - Whether the answer is one or hundreds, Password Safe allows you to safely and easily create a secured and encrypted user name/password list. With Password Safe all you have to do is create and remember a single "Master Password" of your choice in order to unlock and access your entire user name/password list.</li>
+		<li>
+		<a href="https://www.privacytools.io/password.html	" target="_blank">Secure Password Generator</a> - generates a unique set of custom, high quality, cryptographic-strength password strings which are safe for you to use.
+		</li>
+
+		<li>
+		<a href="http://www.supergenpass.com/" target="_blank">SuperGenPass</a> - A master password and the domain name of the Web site you are visiting is used as the “seed” for a one-way hash algorithm (base-64 MD5). The output of this algorithm is your generated password. You remember one password (your “master password”), and SGP uses it to generate unique, complex passwords for the Web sites you visit. Your generated passwords are never stored or transmitted, so you can use SGP on as many computers as you like without having to “sync” anything.
+		</li>
+
+		<li>
+		<a href="http://pwsafe.org/" target="_blank">Password Safe</a> - Whether the answer is one or hundreds, Password Safe allows you to safely and easily create a secured and encrypted user name/password list. With Password Safe all you have to do is create and remember a single "Master Password" of your choice in order to unlock and access your entire user name/password list.
+		</li>
 	</ul>

 <h3>Related Information</h3>
@ -2137,12 +2225,8 @@ It's important for a website like privacytools.io to be up-to-date. Keep an eye

 <h3>Here is what you can do:</h3>
 <p>Make suggestions on reddit: <a href="https://www.reddit.com/r/privacytoolsIO/" target="_blank">https://www.reddit.com/r/privacytoolsIO/</a></p>
-
 <p>Follow on Twitter: <a href="https://twitter.com/privacytoolsIO" target="_blank">https://twitter.com/privacytoolsIO</a></p>
-
 <p>View and edit our website source code on GitHub: <a href="https://github.com/privacytoolsIO/privacytools.io" target="_blank">https://github.com/privacytoolsIO/privacytools.io</a></p>
-
-
 <p>Thank you for participating. This projects needs you.</p>


@ -2164,7 +2248,7 @@ It's important for a website like privacytools.io to be up-to-date. Keep an eye
 <p><em>privacytools.io is a socially motivated website that provides information for protecting your data security and privacy. never trust any company with your privacy, always encrypt.</em></p>
 </div>

-<!-- Start Piwik -->
+<!-- Start Piwik: This is an open-source analytics platform -->
 <script type="text/javascript">
  var _paq = _paq || [];
  _paq.push(['trackPageView']);
@ -2180,6 +2264,7 @@ It's important for a website like privacytools.io to be up-to-date. Keep an eye
 <noscript><p><img src="//www.privacytools.io/stats/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>
 <!-- End Piwik Code -->

+<!-- add jQuery, Bootstrap, Sortable, and tooltip libraries  -->
 <script src="js/jquery-1.11.2.min.js"></script>
 <script src="js/bootstrap.min.js"></script>
 <script src="js/sortable.min.js"></script>