From 62b7b931b872e78a01fbbff5fe2af121900741c8 Mon Sep 17 00:00:00 2001
From: privacytoolsIO <privacy@tuta.io>
Date: Wed, 23 Sep 2015 07:51:34 +0800
Subject: [PATCH] Added links in titles for easier navigation

---
 css/custom.css |  3 +++
 index.html     | 64 +++++++++++++++++++++++++-------------------------
 2 files changed, 35 insertions(+), 32 deletions(-)

diff --git a/css/custom.css b/css/custom.css
index 0bcd7e42..6a044ce8 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -20,6 +20,9 @@ body {
 a.anchor {
   display: block; position: relative; top: -50px; visibility: hidden;
 }
+a.titleanchor {
+  font-size:0.7em;
+}
 
 .jumbotron {
     padding: 10px 0px;
diff --git a/index.html b/index.html
index 855a8b74..8d922f2f 100644
--- a/index.html
+++ b/index.html
@@ -152,7 +152,7 @@
 </div>
 
 <div class="page-header">
-<h1>"Privacy? I don't have anything to hide."</h1>
+<h1>Privacy? I don't have anything to hide.</h1>
 </div>
 <blockquote>
 <p>
@@ -192,7 +192,7 @@ Over the last 16 months, as I've debated this issue around the world, every sing
 
 <a class="anchor" name="win10"></a>
 <div class="page-header">
-<h1>Don't use Windows 10 - It's a privacy nightmare</h1>
+<h1><a href="#win10" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Don't use Windows 10 - It's a privacy nightmare</h1>
 </div>
 
 <div class="alert alert-warning" role="alert">
@@ -274,7 +274,7 @@ This open source tool uses some known methods that attempt to disable major trac
 
 <a class="anchor" name="ukusa"></a>
 <div class="page-header">
-<h1>Global Mass Surveillance - The Fourteen Eyes</h1>
+<h1><a href="#ukusa" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Global Mass Surveillance - The Fourteen Eyes</h1>
 </div>
 
 <img src="img/layout/UKUSA.png" class="img-responsive pull-right" alt="UKUSA Agreement" style="margin-left:10px;">
@@ -358,7 +358,7 @@ This open source tool uses some known methods that attempt to disable major trac
 
 <a class="anchor" name="vpn"></a>
 <div class="page-header">
-<h1>VPN providers with extra layers of privacy - No Affiliates</h1>
+<h1><a href="#vpn" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> VPN providers with extra layers of privacy - No Affiliates</h1>
 </div>
 <div class="alert alert-success" role="alert">
 <strong>All providers listed here are outside the US, use encryption, accept Bitcoin, support OpenVPN and have a no logging policy. Prices are yearly. The table is sortable.</strong>
@@ -534,7 +534,7 @@ This open source tool uses some known methods that attempt to disable major trac
 
 <a class="anchor" name="wc"></a>
 <div class="page-header">
-<h1>What is a warrant canary?</h1>
+<h1><a href="#wc" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> What is a warrant canary?</h1>
 </div>
 <img src="img/layout/warrant-canary.jpg" class="img-responsive pull-right" alt="Warrant Canary Example" style="margin-left:20px;">
 <p>A warrant canary is a posted document stating that an organization has not received any secret subpoenas during a specific period of time. If this document fails to be updated during the specified time then the user is to assume that the service has received such a subpoena and should stop using the service.</p>
@@ -556,7 +556,7 @@ This open source tool uses some known methods that attempt to disable major trac
 
 <a class="anchor" name="browser"></a>
 <div class="page-header">
-<h1>Browser Recommendation</h1>
+<h1><a href="#browser" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Browser Recommendation</h1>
 </div>
 
 <div class="row">
@@ -612,7 +612,7 @@ This open source tool uses some known methods that attempt to disable major trac
 
 <a class="anchor" name="fingerprint"></a>
 <div class="page-header">
-<h1>Browser Fingerprint - Is your browser configuration unique?</h1>
+<h1><a href="#fingerprint" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Browser Fingerprint - Is your browser configuration unique?</h1>
 </div>
 <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>
@@ -639,7 +639,7 @@ This open source tool uses some known methods that attempt to disable major trac
 
 <a class="anchor" name="webrtc"></a>
 <div class="page-header">
-<h1>WebRTC IP Leak Test - Is your IP address leaking?</h1>
+<h1><a href="#webrtc" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> WebRTC IP Leak Test - Is your IP address leaking?</h1>
 </div>
 <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>
@@ -675,7 +675,7 @@ Chrome on iOS, Internet Explorer and Safari does not implement WebRTC yet. <a hr
 
 <a class="anchor" name="addons"></a>
 <div class="page-header">
-<h1>Excellent Firefox Privacy Addons</h1>
+<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>
@@ -752,7 +752,7 @@ Highly customizable plugin to selectively allow Javascript, Java, and Flash to r
 
 <a class="anchor" name="about_config"></a>
 <div class="page-header">
-<h1>Firefox: Privacy Related "about:config" Tweaks</h1>
+<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.
@@ -825,7 +825,7 @@ This is a collection of privacy related <strong>about:config</strong> tweaks. We
 
 <a class="anchor" name="email"></a>
 <div class="page-header">
-<h1>Privacy-Conscious Email Providers - No Affiliates</h1>
+<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>
@@ -1043,7 +1043,7 @@ Take it a step further and get control of your email with this easy-to-deploy ma
 
 <a class="anchor" name="clients"></a>
 <div class="page-header">
-<h1>Email Clients</h1>
+<h1><a href="#clients" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Email Clients</h1>
 </div>
 <div class="row">
 
@@ -1098,7 +1098,7 @@ Take it a step further and get control of your email with this easy-to-deploy ma
 
 <a class="anchor" name="messaging"></a>
 <div class="page-header">
-<h1>Email Alternatives</h1>
+<h1><a href="#messaging" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Email Alternatives</h1>
 </div>
 <div class="row">
 <div class="col-sm-4">
@@ -1149,7 +1149,7 @@ Take it a step further and get control of your email with this easy-to-deploy ma
 
 <a class="anchor" name="search"></a>    
       <div class="page-header">
-        <h1>Privacy Respecting Search Engines</h1> 
+        <h1><a href="#search" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Privacy Respecting Search Engines</h1> 
       </div>
 
       <div class="alert alert-warning" role="alert">
@@ -1207,7 +1207,7 @@ Take it a step further and get control of your email with this easy-to-deploy ma
 
 <a class="anchor" name="im"></a>
 <div class="page-header">
-<h1>Encrypted Instant Messenger</h1>
+<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>
@@ -1270,7 +1270,7 @@ Take it a step further and get control of your email with this easy-to-deploy ma
 
 <a class="anchor" name="voip"></a>
 <div class="page-header">
-<h1>Encrypted Video & Voice Messenger</h1>
+<h1><a href="#voip" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Encrypted Video & Voice Messenger</h1>
 </div>
 <div class="alert alert-warning" role="alert">
 <strong>If you are currently using an Video & Voice Messenger like Skype, Viber or Google Hangouts you should pick an alternative here.</strong>
@@ -1327,7 +1327,7 @@ Take it a step further and get control of your email with this easy-to-deploy ma
 
 <a class="anchor" name="cloud"></a>
 <div class="page-header">
-<h1>Encrypted Cloud Storage Services</h1>
+<h1><a href="#cloud" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Encrypted Cloud Storage Services</h1>
 </div>
 
 <div class="alert alert-warning" role="alert">
@@ -1387,7 +1387,7 @@ Take it a step further and get control of your email with this easy-to-deploy ma
 
 <a class="anchor" name="mycloud"></a>
 <div class="page-header">
-<h1>Self-Hosted Cloud Server Software</h1>
+<h1><a href="#mycloud" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Self-Hosted Cloud Server Software</h1>
 </div>
 <div class="alert alert-warning" role="alert">
 <strong>If you are currently using a Cloud Storage Services like Dropbox, Google Drive, Microsoft OneDrive or Apple iCloud you should think about hosting it on your own.</strong>
@@ -1436,7 +1436,7 @@ Take it a step further and get control of your email with this easy-to-deploy ma
 </ul>
 <a class="anchor" name="sync"></a>
 <div class="page-header">
-<h1>Secure File Sync Software</h1>
+<h1><a href="#sync" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Secure File Sync Software</h1>
 </div>
 <div class="row">
 <div class="col-sm-4">
@@ -1482,7 +1482,7 @@ Take it a step further and get control of your email with this easy-to-deploy ma
 </ul>
 <a class="anchor" name="pw"></a>
 <div class="page-header">
-<h1>Password Manager Software</h1>
+<h1><a href="#pw" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Password Manager Software</h1>
 </div>
 <div class="alert alert-warning" role="alert">
 <strong>If you are currently using a password manager software like 1Password, LastPass, Roboform or iCloud Keychain you should pick an alternative here.</strong>
@@ -1549,7 +1549,7 @@ Take it a step further and get control of your email with this easy-to-deploy ma
 </ul>
 <a class="anchor" name="encrypt"></a>
 <div class="page-header">
-<h1>File Encryption Software</h1>
+<h1><a href="#encrypt" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> File Encryption Software</h1>
 </div>
 <div class="alert alert-warning" role="alert">
 <strong>If you are currently not using encryption software for your hard disk, emails or file archives you should pick an encryption software here.</strong>
@@ -1606,7 +1606,7 @@ Take it a step further and get control of your email with this easy-to-deploy ma
 
 <a class="anchor" name="network"></a>
 <div class="page-header">
-<h1>Self-contained Networks</h1>
+<h1><a href="#network" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Self-contained Networks</h1>
 </div>
 <div class="alert alert-warning" role="alert">
 <strong>If you are currently browsing the <a href="https://en.wikipedia.org/wiki/Surface_Web" target="_blank">Clearnet</a> and you want to access the <a href="https://en.wikipedia.org/wiki/Deep_Web" target="_blank">Deep Web</a> this section is for you.</strong>
@@ -1659,7 +1659,7 @@ Take it a step further and get control of your email with this easy-to-deploy ma
 </ul>
 <a class="anchor" name="social"></a>
 <div class="page-header">
-<h1>Decentralized Social Networks</h1>
+<h1><a href="#social" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Decentralized Social Networks</h1>
 </div>
 <div class="alert alert-warning" role="alert">
 <strong> If you are currently using Social Networks like Facebook, Twitter or Google+ you should pick an alternative here. </strong>
@@ -1716,7 +1716,7 @@ diaspora* is based on three key philosophies: Decentralization, freedom and priv
 
 <a class="anchor" name="dns"></a>
 <div class="page-header">
-<h1>Domain Name System (DNS)</h1>
+<h1><a href="#dns" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Domain Name System (DNS)</h1>
 </div>
 <div class="row">
 <div class="col-sm-4">
@@ -1762,7 +1762,7 @@ diaspora* is based on three key philosophies: Decentralization, freedom and priv
 </ul>
 <a class="anchor" name="productivity"></a>
 <div class="page-header">
-<h1>Productivity Tools</h1>
+<h1><a href="#productivity" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Productivity Tools</h1>
 </div>
 <div class="row">
 <div class="col-sm-4">
@@ -1813,7 +1813,7 @@ diaspora* is based on three key philosophies: Decentralization, freedom and priv
 
 <a class="anchor" name="os"></a>
 <div class="page-header">
-<h1>PC Operating Systems</h1>
+<h1><a href="#os" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> PC Operating Systems</h1>
 </div>
 <div class="alert alert-warning" role="alert">
 <strong>If you are currently using a operating system like Microsoft Windows or Apple Mac OS X you should pick an alternative here.</strong>
@@ -1868,7 +1868,7 @@ diaspora* is based on three key philosophies: Decentralization, freedom and priv
 
 <a class="anchor" name="live_os"></a>
 <div class="page-header">
-<h1>Live CD Operating Systems</h1>
+<h1><a href="#live_os" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Live CD Operating Systems</h1>
 </div>
 <div class="row">
 <div class="col-sm-4">
@@ -1914,7 +1914,7 @@ diaspora* is based on three key philosophies: Decentralization, freedom and priv
 </ul>
 <a class="anchor" name="mobile_os"></a>
 <div class="page-header">
-<h1>Mobile Operating Systems</h1>
+<h1><a href="#mobile_os" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Mobile Operating Systems</h1>
 </div>
 <div class="row">
 <div class="col-sm-4">
@@ -1957,7 +1957,7 @@ diaspora* is based on three key philosophies: Decentralization, freedom and priv
 </ul>
 <a class="anchor" name="firmware"></a>
 <div class="page-header">
-<h1>Open Source Router Firmware</h1>
+<h1><a href="#firmware" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Open Source Router Firmware</h1>
 </div>
 <div class="row">
 <div class="col-sm-4">
@@ -2001,7 +2001,7 @@ diaspora* is based on three key philosophies: Decentralization, freedom and priv
 </ul>
 <a class="anchor" name="quotes"></a>
 <div class="page-header">
-<h1>Quotes</h1>
+<h1><a href="#quotes" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Quotes</h1>
 </div>
 
 <blockquote>
@@ -2022,7 +2022,7 @@ I don't want to live in a society that does these sort of things... I do not wan
 
 <a class="anchor" name="resources"></a>
 <div class="page-header">
-<h1>Recommended Privacy Resources</h1>
+<h1><a href="#resources" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Recommended Privacy Resources</h1>
 </div>
 
 <ul>
@@ -2041,7 +2041,7 @@ I don't want to live in a society that does these sort of things... I do not wan
 
 <a class="anchor" name="participate"></a>
 <div class="page-header">
-<h1>Spread the word and help your friends</h1>
+<h1><a href="#participate" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Spread the word and help your friends</h1>
 </div>
 
 <a href="mailto:?subject=privacytools.io%20-%20encryption%20against%20global%20mass%20surveillance&body=https://www.privacytools.io/" target="_blank" class="share-btn email" title="Email">