make images responsive

index.html

@@ -6,7 +6,7 @@ layout: default
 
 <div class="jumbotron mt-5 p-5">
     <!-- header just below the navigation bar -->
-    <h1 class="display-4"><a href="https://www.privacytools.io/" title="privacytools.io"><img src="img/layout/logo.png" class="img-responsive" alt="privacytools.io"></a></h1>
+    <h1 class="display-4"><a href="https://www.privacytools.io/" title="privacytools.io"><img src="img/layout/logo.png" class="img-fluid" alt="privacytools.io"></a></h1>
     <p class="lead">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>
@@ -34,7 +34,7 @@ layout: default
 </div>
 <blockquote class="blockquote">
     <p>
-        <a href="http://www.ted.com/talks/glenn_greenwald_why_privacy_matters" title="Glenn Greenwald - Why privacy matters - TED Talk"><img src="img/layout/Glenn-Greenwald-Why-privacy-matters.jpg" class="img-responsive float-right ml-2" alt="Glenn Greenwald: Why privacy matters"></a>
+        <a href="http://www.ted.com/talks/glenn_greenwald_why_privacy_matters" title="Glenn Greenwald - Why privacy matters - TED Talk"><img src="img/layout/Glenn-Greenwald-Why-privacy-matters.jpg" class="img-fluid float-right ml-2" alt="Glenn Greenwald: Why privacy matters"></a>
         Over the last 16 months, as I've debated this issue around the world, every single time somebody has said to me, "I don't really worry about invasions of privacy because I don't have anything to hide." I always say the same thing to them. I get out a
         pen, I write down my email address. I say, "Here's my email address. What I want you to do when you get home is email me the passwords to all of your email accounts, not just the nice, respectable work one in your name, but all of them, because I
         want to be able to just troll through what it is you're doing online, read what I want to read and publish whatever I find interesting. After all, if you're not a bad person, if you're doing nothing wrong, you should have nothing to hide." <strong>Not a single person has taken me up on that offer.</strong></p>
@@ -54,7 +54,7 @@ layout: default
 
 <h1 id="ukusa" class="anchor"><a href="#ukusa"><i class="fas fa-link anchor-icon"></i></a> Global Mass Surveillance - The Fourteen Eyes</h1>
 
-<img src="img/layout/UKUSA.png" class="img-responsive float-right" alt="UKUSA Agreement" style="margin-left:10px;">
+<img src="img/layout/UKUSA.png" class="img-fluid float-right" alt="UKUSA Agreement" style="margin-left:10px;">
 
 <p>The UKUSA Agreement is an agreement between the United Kingdom, United States, Australia, Canada, and New Zealand to cooperatively collect, analyze, and share intelligence. Members of this group, known as the <a href="http://www.giswatch.org/en/communications-surveillance/unmasking-five-eyes-global-surveillance-practices">Five Eyes</a>,
     focus on gathering and analyzing intelligence from different parts of the world. While Five Eyes countries have agreed to <a href="http://www.pbs.org/newshour/rundown/an-exclusive-club-the-five-countries-that-dont-spy-on-each-other/">not spy on each other</a>			as adversaries, leaks by Snowden have revealed that some Five Eyes members monitor each other’s citizens and <a href="http://www.theguardian.com/uk/2013/jun/21/gchq-cables-secret-world-communications-nsa">share intelligence</a> to <a href="http://www.theguardian.com/politics/2013/jun/10/nsa-offers-intelligence-british-counterparts-blunkett">avoid breaking domestic laws</a>			that prohibit them from spying on their own citizens. The Five Eyes alliance also cooperates with groups of third party countries to share intelligence (forming the Nine Eyes and Fourteen Eyes), however Five Eyes and third party countries can and do
@@ -99,7 +99,7 @@ layout: default
 
 <h3 id="usa" class="anchor">Why is it not recommended to choose a US based service?</h3>
 
-<img src="img/layout/USA.png" class="img-responsive float-right" alt="USA" style="margin-left:10px;">
+<img src="img/layout/USA.png" class="img-fluid float-right" alt="USA" style="margin-left:10px;">
 
 <p>Services based in the United States are not recommended because of the country’s surveillance programs, use of <a href="https://www.eff.org/issues/national-security-letters/faq">National Security Letters</a> (NSLs) and accompanying gag orders, which
     forbid the recipient from talking about the request. This combination allows the government to <a href="https://www.schneier.com/blog/archives/2013/08/more_on_the_nsa.html">secretly force</a> companies to grant complete access to customer data and
@@ -422,7 +422,7 @@ layout: default
 
 <!-- warrant canary -->
 <h1 id="wc" class="anchor"><a href="#wc"><i class="fas fa-link anchor-icon"></i></a> What is a warrant canary?</h1>
-<img src="img/layout/warrant-canary.jpg" class="img-responsive float-right" alt="Warrant Canary Example" style="margin-left:20px;">
+<img src="img/layout/warrant-canary.jpg" class="img-fluid float-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>
 <h4>Warrant Canary Examples:</h4>
@@ -498,7 +498,7 @@ layout: default
 </div>
 
 <!-- fingerprint image to the right of the paragraphs -->
-<img src="img/layout/browser-fingerprint.jpg" class="img-responsive float-right" alt="Fingerprint image" style="margin-left:20px;">
+<img src="img/layout/browser-fingerprint.jpg" class="img-fluid float-right" alt="Fingerprint image" 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
@@ -595,13 +595,13 @@ layout: default
 
 
 <h3>Stop Tracking with "Privacy Badger"</h3>
-<img src="img/addons/Privacy-Badger.gif" class="img-responsive float-left" alt="Privacy Badger" style="margin-right:30px;">
+<img src="img/addons/Privacy-Badger.gif" class="img-fluid float-left" alt="Privacy Badger" style="margin-right:30px;">
 <p><strong>Privacy Badger</strong> is a browser add-on that stops advertisers and other third-party trackers from secretly tracking where you go and what pages you look at on the web. Privacy Badger learns about trackers as you browse by inspecting external resources websites request. Please be aware that Google Analytics is considered first-party by Privacy Badger, which means that Google Analytics will not be blocked if you do not use another blocker, such as uBlock Origin.
 
 <a href="https://www.eff.org/privacybadger">https://www.eff.org/privacybadger/</a></p>
 
 <h3>Block Ads and Trackers with "uBlock Origin"</h3>
-<img src="img/addons/uBlock.gif" class="img-responsive float-left" alt="uBlock" style="margin-right:30px;">
+<img src="img/addons/uBlock.gif" class="img-fluid float-left" alt="uBlock" style="margin-right:30px;">
 <p>An efficient <a href="https://github.com/gorhill/uBlock/wiki/Blocking-mode">wide-spectrum-blocker</a> that's easy on memory, and yet can load and enforce thousands more filters than other popular blockers out there. It has no monetization strategy and
     is completely <a href="https://github.com/gorhill/uBlock/">open source</a>. We recommend Firefox but uBlock Origin also works in other browsers such as Safari, Opera, and Chromium. Unlike AdBlock Plus, uBlock does not allow so-called <a href="https://adblockplus.org/acceptable-ads">"acceptable ads"</a>.
     <br />
@@ -609,33 +609,33 @@ layout: default
 </p>
 
 <!--
-<img src="img/addons/Disconnect.gif" class="img-responsive float-left" alt="Disconnect" style="margin-right:30px;">
+<img src="img/addons/Disconnect.gif" class="img-fluid float-left" alt="Disconnect" style="margin-right:30px;">
 <p>Founded in 2011 by former Google engineers and a consumer-and privacy-rights attorney. The addon is open source and loads the pages you go to 27% faster and stops tracking by 2,000+ third-party sites. It also keeps your searches private. If you are planning to install "uBlock Origin" make sure to install "Disconnect" first. <strong>Alternative to Disconnect:</strong> <a href="https://addons.mozilla.org/firefox/addon/privacy-badger-firefox/">Privacy Badger by EFF</a>
     <br />
     <a href="https://addons.mozilla.org/firefox/addon/disconnect/">https://addons.mozilla.org/firefox/addon/disconnect/</a>
     </p>
 <h3>Hinder Browser Fingerprinting with "Random Agent Spoofer"</h3>
-<img src="img/addons/Random-Agent-Spoofer.gif" class="img-responsive float-left" alt="Random Agent Spoofer" style="margin-right:30px;">
+<img src="img/addons/Random-Agent-Spoofer.gif" class="img-fluid float-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">GitHub.</a>
     <br />
     <a href="https://addons.mozilla.org/firefox/addon/random-agent-spoofer/">https://addons.mozilla.org/firefox/addon/random-agent-spoofer/</a></p>
 -->
 
 <h3>Automatically Delete Cookies with "Cookie AutoDelete"</h3>
-<img src="img/addons/Cookie-AutoDelete.gif" class="img-responsive float-left" alt="Cookie AutoDelete" style="margin-right:30px;">
+<img src="img/addons/Cookie-AutoDelete.gif" class="img-fluid float-left" alt="Cookie AutoDelete" style="margin-right:30px;">
 <p>Automatically removes cookies when they are no longer used by open browser tabs. With the cookies, lingering sessions, as well as information used to spy on you, will be expunged.
     <br />
     <a href="https://addons.mozilla.org/firefox/addon/cookie-autodelete">https://addons.mozilla.org/firefox/addon/cookie-autodelete/</a></p>
 
 
 <h3>Encryption with "HTTPS Everywhere"</h3>
-<img src="img/addons/HTTPS-Everywhere.gif" class="img-responsive float-left" alt="HTTPS Everywhere" style="margin-right:30px;">
+<img src="img/addons/HTTPS-Everywhere.gif" class="img-fluid float-left" alt="HTTPS Everywhere" style="margin-right:30px;">
 <p>A Firefox, Chrome, and Opera extension that encrypts your communications with many major websites, making your browsing more secure. A collaboration between The Tor Project and the Electronic Frontier Foundation.
     <br />
     <a href="https://www.eff.org/https-everywhere">https://www.eff.org/https-everywhere</a></p>
 
 <h3>Block Content Delivery Networks with "Decentraleyes"</h3>
-<img src="img/addons/Decentraleyes.gif" class="img-responsive float-left" alt="Decentraleyes" style="margin-right:30px;">
+<img src="img/addons/Decentraleyes.gif" class="img-fluid float-left" alt="Decentraleyes" style="margin-right:30px;">
 <p>Emulates Content Delivery Networks locally by intercepting requests, finding the required resource and injecting it into the environment. This all happens instantaneously, automatically, and no prior configuration is required. <i>Source code: <a href="https://git.synz.io/Synzvato/decentraleyes">GitLab (self-hosted)</a>.</i>
     <br />
     <a href="https://addons.mozilla.org/firefox/addon/decentraleyes/">https://addons.mozilla.org/firefox/addon/decentraleyes/</a></p>
@@ -647,14 +647,14 @@ layout: default
 </div>
 <!--
 <h3>Stop cross-site requests with "Request Policy"</h3>
-<img src="img/addons/Request-Policy.gif" class="img-responsive float-left" alt="Request Policy" style="margin-right:30px;">
+<img src="img/addons/Request-Policy.gif" class="img-fluid float-left" alt="Request Policy" style="margin-right:30px;">
 <p>Many websites integrate features which let other websites track you, such as Facebook Like Buttons or Google Analytics. Request Policy gives you control over the requests that websites make to other websites. This gives you greater and more fine grained control over the information that you leak online.
 <br />
 <a href="https://requestpolicycontinued.github.io/">https://requestpolicycontinued.github.io/</a>
 </p>
 -->
 <h3>Stop cross-site requests with "uMatrix"</h3>
-<img src="img/addons/uMatrix.gif" class="img-responsive float-left" alt="uMatrix" style="margin-right:30px;">
+<img src="img/addons/uMatrix.gif" class="img-fluid float-left" alt="uMatrix" style="margin-right:30px;">
 <p>Many websites integrate features which let other websites track you, such as Facebook Like Buttons or Google Analytics. uMatrix gives you control over the requests that websites make to other websites. This gives you greater and more fine grained control
     over the information that you leak online.
     <br />
@@ -662,7 +662,7 @@ layout: default
 </p>
 
 <h3>Be in total control with "NoScript Security Suite"</h3>
-<img src="img/addons/NoScript.gif" class="img-responsive float-left" alt="NoScript" style="margin-right:30px;">
+<img src="img/addons/NoScript.gif" class="img-fluid float-left" alt="NoScript" style="margin-right:30px;">
 <p>
     Highly customizable plugin to selectively allow Javascript, Java, and Flash to run only on websites you trust. Not for casual users, it requires technical knowledge to configure.
     <br />
@@ -1056,7 +1056,7 @@ layout: default
 
 
 <h3>Become Your Own Email Provider with Mail-in-a-Box</h3>
-<a href="https://mailinabox.email/"><img src="img/provider/Mail-in-a-Box.gif" class="img-responsive float-left" alt="Mail-in-a-Box" style="margin-right:10px;"></a>
+<a href="https://mailinabox.email/"><img src="img/provider/Mail-in-a-Box.gif" class="img-fluid float-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/">https://mailinabox.email/</a></strong></p>
 
@@ -2027,7 +2027,7 @@ layout: default
 </div>
 
 <h3>Control your traffic with "NetGuard"</h3>
-<img src="img/addons/netguard.gif" class="img-responsive float-left" alt="NetGuard" style="margin-right:30px;">
+<img src="img/addons/netguard.gif" class="img-fluid float-left" alt="NetGuard" style="margin-right:30px;">
 <p><strong>NetGuard</strong> provides simple and advanced ways to block certain apps' access to the internet without the help of root privileges. Applications and addresses can individually be allowed or denied access to your Wi-Fi and/or mobile connection, allowing you to control which apps are able to call home or not.
 <a href="https://www.netguard.me/">https://www.netguard.me/</a></p>
 <br>
@@ -2036,7 +2036,7 @@ layout: default
 </div>
 
 <h3>Manage your apps' permissions with XPrivacyLua</h3>
-<img src="img/addons/xprivacylua.gif" class="img-responsive float-left" alt="XPrivacyLua" style="margin-right:30px;">
+<img src="img/addons/xprivacylua.gif" class="img-fluid float-left" alt="XPrivacyLua" style="margin-right:30px;">
 <p>Revoking Android permissions from apps often let apps crash or malfunction. <strong>XPrivacyLua</strong> solves this by feeding apps fake data instead of real data.
 
 <a href="https://lua.xprivacy.eu/">https://lua.xprivacy.eu/</a></p>
@@ -2084,7 +2084,7 @@ layout: default
     <strong>Microsoft introduced a lot of new features in Windows 10 such as Cortana. However, most of them are violating your privacy.</strong>
 </div>
 
-<img src="img/layout/Windows-10-Privacy.jpg" class="img-responsive float-right" alt="Windows 10 Privacy" style="margin-left:10px;">
+<img src="img/layout/Windows-10-Privacy.jpg" class="img-fluid float-right" alt="Windows 10 Privacy" style="margin-left:10px;">
 
         <ol>
             <li><strong>Data syncing is by default enabled.</strong>