From c9b05461caf7b60dfafff8629386964d8a1b4525 Mon Sep 17 00:00:00 2001
From: Vincevrp <vince@vince.sh>
Date: Sun, 20 Jan 2019 13:48:59 +0100
Subject: [PATCH] Move browser recommendation to separate file

---
 .../sections/browser-recommendation.html      | 32 ++++++++++++
 index.html                                    | 50 +------------------
 2 files changed, 33 insertions(+), 49 deletions(-)
 create mode 100644 _includes/sections/browser-recommendation.html

diff --git a/_includes/sections/browser-recommendation.html b/_includes/sections/browser-recommendation.html
new file mode 100644
index 00000000..1a5fbea4
--- /dev/null
+++ b/_includes/sections/browser-recommendation.html
@@ -0,0 +1,32 @@
+<h1 id="browser" class="anchor"><a href="#browser"><i class="fas fa-link anchor-icon"></i></a> Browser Recommendation</h1>
+
+<div class="row mb-2">
+
+  {% include card.html color="success"
+  title="Tor Browser"
+  image="assets/img/tools/Tor-Project.png"
+  url="https://www.torproject.org/"
+  tor="http://expyuzz4wqqyqhjn.onion"
+  footer='OS: Windows, macOS, Linux, <a href="https://mike.tig.as/onionbrowser/">iOS</a>, <a href="https://www.torproject.org/docs/android.html.en">Android</a>, <a href="https://github.com/torbsd/openbsd-ports">OpenBSD.</a>'
+  description="Tor Browser is your choice if you need an extra layer of anonymity. It's a modified version of Firefox, it comes with pre-installed privacy add-ons, encryption and an advanced proxy."
+  %}
+
+  {% include card.html color="primary"
+  title="Mozilla Firefox"
+  image="assets/img/tools/Firefox.png"
+  url="https://www.firefox.com/"
+  footer="OS: Windows, macOS, Linux, Android, iOS, BSD."
+  description='Firefox is fast, reliable, open source and respects your privacy. Don\'t forget to adjust the settings according to our
+  recommendations: <a href="#webrtc"><i class="fas fa-link"></i> WebRTC</a> and <a href="#about_config"><i class="fas fa-link"></i> about:config</a> and get the <a href="#addons"><i class="fas fa-link"></i> privacy add-ons</a>.'
+  %}
+
+  {% include card.html color="warning"
+  title="Brave"
+  labels="warning:experimental:Brave is a good choice if you want to use a Chromium-based browser. But at this point in Brave's development&comma; it's not as good as Firefox with privacy addons."
+  image="assets/img/tools/Brave.png"
+  url="https://www.brave.com/"
+  footer="OS: Windows, macOS, Linux, Android, iOS."
+  description="The new open source browser \"Brave\" automatically blocks ads and trackers, making it faster and safer than your current browser. Brave is based on Chromium."
+  %}
+
+</div>
diff --git a/index.html b/index.html
index 3263b4da..85f46442 100644
--- a/index.html
+++ b/index.html
@@ -13,55 +13,7 @@ layout: default
 
   {% include sections/warrant-canary.html %}
 
-
-  <!-- browsers -->
-  <h1 id="browser" class="anchor"><a href="#browser"><i class="fas fa-link anchor-icon"></i></a> Browser Recommendation</h1>
-
-  <div class="row mb-2">
-
-    {% include card.html color="success"
-    title="Tor Browser"
-    image="assets/img/tools/Tor-Project.png"
-    url="https://www.torproject.org/"
-    tor="http://expyuzz4wqqyqhjn.onion"
-    footer='OS: Windows, macOS, Linux, <a href="https://mike.tig.as/onionbrowser/">iOS</a>, <a href="https://www.torproject.org/docs/android.html.en">Android</a>, <a href="https://github.com/torbsd/openbsd-ports">OpenBSD.</a>'
-    description="Tor Browser is your choice if you need an extra layer of anonymity. It's a modified version of Firefox, it comes with pre-installed privacy add-ons, encryption and an advanced proxy."
-    %}
-
-    {% include card.html color="primary"
-    title="Mozilla Firefox"
-    image="assets/img/tools/Firefox.png"
-    url="https://www.firefox.com/"
-    footer="OS: Windows, macOS, Linux, Android, iOS, BSD."
-    description='Firefox is fast, reliable, open source and respects your privacy. Don\'t forget to adjust the settings according to our
-    recommendations: <a href="#webrtc"><i class="fas fa-link"></i> WebRTC</a> and <a href="#about_config"><i class="fas fa-link"></i> about:config</a> and get the <a href="#addons"><i class="fas fa-link"></i> privacy add-ons</a>.'
-    %}
-
-    {% include card.html color="warning"
-    title="Brave"
-    labels="warning:experimental:Brave is a good choice if you want to use a Chromium-based browser. But at this point in Brave's development&comma; it's not as good as Firefox with privacy addons."
-    image="assets/img/tools/Brave.png"
-    url="https://www.brave.com/"
-    footer="OS: Windows, macOS, Linux, Android, iOS."
-    description="The new open source browser \"Brave\" automatically blocks ads and trackers, making it faster and safer than your current browser. Brave is based on Chromium."
-    %}
-
-    <!-- IceCat removed
-      <div class="col-sm-4">
-      <div class="panel panel-info">
-      <div class="panel-heading">
-      <h3 class="panel-title">GNU IceCat</h3>
-      </div>
-      <div class="panel-body">
-      <p><img src="assets/img/tools/IceCat.png" align="right" style="margin-left:5px;">GNU IceCat is a good choice for privacy related matters. It is a free software rebranding of the Mozilla Firefox web browser distributed by the GNU Project. IceCat comes with pre-installed privacy add-ons.</p>
-      <p><a href="https://www.gnu.org/software/gnuzilla/"><button type="button" class="btn btn-info">Download: www.gnu.org</button></a></p>
-      <p>OS: Windows, macOS, Linux, Android.</p>
-      </div>
-      </div>
-      </div>
-    -->
-
-  </div>
+  {% include sections/browser-recommendation.html %}
 
   <!-- Browser Fingerprint -->
   <h1 id="fingerprint" class="anchor"><a href="#fingerprint"><i class="fas fa-link anchor-icon"></i></a> Browser Fingerprint - Is your browser configuration unique?</h1>