[WIP] Browser overhaul. Browser section. (#1256)

* Browser overhaul, recommended browsers section

* Update _includes/sections/browser-recommendation.html

Co-Authored-By: Mikaela Suomalainen <mikaela+git@mikaela.info>

* Update _includes/sections/browser-recommendation.html

Co-Authored-By: Mikaela Suomalainen <mikaela+git@mikaela.info>

* Update _includes/sections/browser-recommendation.html

Co-Authored-By: Mikaela Suomalainen <mikaela+git@mikaela.info>

* Update _includes/sections/browser-recommendation.html

Co-Authored-By: Jonah Aragon <jonah@triplebit.net>

* Update browser-recommendation.html

Change Firefox browser to Firefox.
add warning to update system webview with Privacy Browser.

* Update browser-recommendation.html

changed Tor browser description in the android section to make it less redundent.

* Update browser-recommendation.html

removed some platforms to make it less cluttered.

* Update browser-recommendation.html

More cleaning up.

* Update _includes/sections/browser-recommendation.html

Co-Authored-By: Mikaela Suomalainen <mikaela+git@mikaela.info>

* Update _includes/sections/browser-recommendation.html

Co-Authored-By: Mikaela Suomalainen <mikaela+git@mikaela.info>

* Fix Privacy Browser's warning badge and format code nicely (#1275)

* Update browser-recommendation.html

expanded bromite description

* Update browser-recommendation.html

* Update browser-recommendation.html

* Update browser-recommendation.html

* Update browser-recommendation.html

* Update browser-recommendation.html

* Update browser-recommendation.html

* Update browser-recommendation.html

* Update browser-recommendation.html

* Update browser-recommendation.html

removed android 5 warning

* Update _includes/sections/browser-recommendation.html

Co-Authored-By: Dawid Potocki <dpot@disroot.org>

* Update _includes/sections/browser-recommendation.html

Co-Authored-By: Dawid Potocki <dpot@disroot.org>

* Update _includes/sections/browser-recommendation.html

Co-Authored-By: Dawid Potocki <dpot@disroot.org>

* Update _includes/sections/browser-recommendation.html

Co-Authored-By: Dawid Potocki <dpot@disroot.org>

* Update _includes/sections/browser-recommendation.html

Co-Authored-By: Dawid Potocki <dpot@disroot.org>

* Update _includes/sections/browser-recommendation.html

Co-Authored-By: nitrohorse <1514352+nitrohorse@users.noreply.github.com>

* Update _includes/sections/browser-recommendation.html

Co-Authored-By: nitrohorse <1514352+nitrohorse@users.noreply.github.com>

* Update _includes/sections/browser-recommendation.html

Co-Authored-By: nitrohorse <1514352+nitrohorse@users.noreply.github.com>

* Update browser-recommendation.html

* Update _includes/sections/browser-recommendation.html

Co-Authored-By: Dawid Potocki <dpot@disroot.org>

* Update _includes/sections/browser-recommendation.html

Co-Authored-By: Dawid Potocki <dpot@disroot.org>

* Update _includes/sections/browser-recommendation.html

Co-Authored-By: Dawid Potocki <dpot@disroot.org>

* Update _includes/sections/browser-recommendation.html

Co-Authored-By: Dawid Potocki <dpot@disroot.org>

* Update browser-recommendation.html

* Update browser-recommendation.html

* Update _includes/sections/browser-recommendation.html

Co-Authored-By: Dawid Potocki <dpot@disroot.org>

* Update browser-recommendation.html

* Update _includes/sections/browser-recommendation.html

Co-Authored-By: Dawid Potocki <dpot@disroot.org>

* Update _includes/sections/browser-recommendation.html

Co-Authored-By: Dawid Potocki <dpot@disroot.org>

* Update browser-recommendation.html

* Update _includes/sections/browser-recommendation.html

fine.

Co-Authored-By: Dawid Potocki <dpot@disroot.org>

* Update _includes/sections/browser-recommendation.html

_includes/sections/browser-recommendation.html

@@ -1,19 +1,19 @@
-<h1 id="browser" class="anchor"><a href="#browser"><i class="fas fa-link anchor-icon"></i></a> Browser Recommendations</h1>
+<h1 id="browser" class="anchor">
+  <a href="#browser"><span class="fas fa-link anchor-icon"></span></a>
+  Browser Recommendations For Desktop
+</h1>
 
 {% include cardv2.html
-title="Mozilla Firefox"
+title="Firefox"
 image="/assets/img/tools/Firefox.png"
 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>.'
-website="https://www.firefox.com/"
+website="https://firefox.com"
 forum="https://forum.privacytools.io/t/discussion-firefox/279"
-github="https://github.com/mozilla"
-windows="https://www.mozilla.org/en-US/firefox/new/"
-mac="https://www.mozilla.org/en-US/firefox/new/"
-linux="https://www.mozilla.org/en-US/firefox/new/"
-fdroid="https://f-droid.org/en/packages/org.mozilla.fennec_fdroid/"
-googleplay="https://play.google.com/store/apps/details?id=org.mozilla.firefox"
-ios="https://apps.apple.com/us/app/firefox-private-safe-browser/id989804926"
+source="https://hg.mozilla.org/mozilla-central/"
+windows="https://www.mozilla.org/firefox/windows/"
+mac="https://www.mozilla.org/firefox/mac/"
+linux="https://www.mozilla.org/firefox/linux/"
 freebsd="https://www.freshports.org/www/firefox"
 openbsd="http://openports.se/www/mozilla-firefox"
 netbsd="http://pkgsrc.se/www/firefox"
@@ -29,7 +29,104 @@ git="https://trac.torproject.org/projects/tor"
 windows="https://www.torproject.org/download/"
 mac="https://www.torproject.org/download/"
 linux="https://www.torproject.org/download/"
+%}
+
+<h1 id="browser-android" class="anchor">
+  <a href="#browser-android"><span class="fas fa-link anchor-icon"></span></a>
+  Browser Recommendations For Android
+</h1>
+
+{% include cardv2.html
+title="Firefox"
+image="/assets/img/tools/Firefox.png"
+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>.'
+website="https://www.mozilla.org/en-US/firefox/mobile/"
+forum="https://forum.privacytools.io/t/discussion-firefox/279"
+source="https://github.com/mozilla-mobile"
+fdroid="https://f-droid.org/en/packages/org.mozilla.fennec_fdroid/"
+googleplay="https://play.google.com/store/apps/details?id=org.mozilla.firefox"
+android="https://www.mozilla.org/firefox/all/#product-android-release"
+%}
+
+{% include cardv2.html
+title="Tor Browser - Provides Anonymity"
+image="/assets/img/tools/Tor-Browser.png"
+description='Tor Browser is your choice if you need an extra layer of anonymity. It\'s a modified version of Firefox ESR, which comes with pre-installed privacy add-ons, encryption and an advanced proxy. <a href="https://write.privacytools.io/my-thoughts-on-security/slicing-onions-part-1-myth-busting-tor">How does Tor work?</a>'
+Website="https://torproject.org"
+forum="https://forum.privacytools.io/t/discussion-tor-browser-for-android-browsers/1522"
+git="https://gitweb.torproject.org/tor-browser.git/"
 android="https://www.torproject.org/download/#android"
 fdroid="https://guardianproject.info/fdroid/"
 googleplay="https://play.google.com/store/apps/details?id=org.torproject.torbrowser"
 %}
+
+{% include cardv2.html
+title="Bromite"
+image="/assets/img/tools/bromite.png"
+description='Bromite is a Chromium-based browser with security enhancement patches from GrapheneOS and built-in adblocking and DNS over HTTPS support. More info can be found <a href="https://www.bromite.org/#main-features">here</a>.'
+website="https://www.bromite.org/"
+forum="https://forum.privacytools.io/t/discussion-bromite-browsers/1521"
+github="https://github.com/bromite/bromite"
+fdroid="https://www.bromite.org/fdroid"
+android="https://www.bromite.org/#download-bromite"
+%}
+
+<h3>Worth Mentioning for Android</h3>
+
+<ul>
+  <li>
+    <a href="https://www.stoutner.com/privacy-browser/">Privacy Browser</a>
+   - An open source web browser focused on user privacy. Features include integrated ad blocking with <a href="https://easylist.to/">EasyList</a>, <a href="https://www.stoutner.com/privacy-browser-2-5/">SSL certificate pinning</a>, and <a href='https://guardianproject.info/apps/orbot/'>Tor Orbot proxy support.</a>
+    <a href="https://play.google.com/store/apps/details?id=com.google.android.webview&hl=en_US">
+      <span class="badge badge-warning" data-toggle="tooltip" title="Privacy Browser relies on the Android System WebView which needs to be kept up to date to fix security issues. One can update WebView by either installing it from Google Play or Aurora Store which you can get from F-Droid.">
+        <span class="fas fa-exclamation-triangle"></span>
+        Keep Android WebView up-to-date
+      </span>
+    </a>
+  </li>
+</ul>
+
+
+<h1 id="browser-ios" class="anchor"><a href="#browser-ios"><i class="fas fa-link anchor-icon"></i></a> Browser Recommendations For iOS</h1>
+
+{% include cardv2.html
+title="Firefox"
+image="/assets/img/tools/Firefox.png"
+description='Firefox is fast, reliable, open source and respects your privacy. Note: because of limitations set by Apple in iOS, our recommended tweaks cannot be applied. However Firefox for iOS has an <a href="https://support.mozilla.org/en-US/kb/enhanced-tracking-protection-firefox-ios">Enhanced Tracking Protection</a> feature that uses a list provided by <a href="https://disconnect.me/trackerprotection">Disconnect</a> to identify and block ad, social and analytics trackers, as well as cryptominers and fingerprinters.'
+website="https://www.mozilla.org/en-US/firefox/mobile/"
+forum="https://forum.privacytools.io/t/discussion-firefox/279"
+source="https://github.com/mozilla-mobile/firefox-ios"
+ios="https://apps.apple.com/us/app/firefox-private-safe-browser/id989804926"
+%}
+
+
+{% include cardv2.html
+title="Onion Browser"
+image="/assets/img/tools/onionbrowser.png"
+description='Onion Browser is an open source browser that lets you browse the web anonymously over the Tor network on iOS devices, and is endorsed by the Tor Project. Warning: there are certain anonymity related <a href="https://onionbrowser.com/#security-advisories">issues</a> with Onion browser due to iOS limitations.'
+website="https://onionbrowser.com/"
+forum="https://forum.privacytools.io/t/discussion-onion-browser-browsers/1523"
+github="https://github.com/OnionBrowser/OnionBrowser"
+ios="https://apps.apple.com/us/app/onion-browser/id519296448"
+%}
+
+
+{% include cardv2.html
+title="DuckDuckGo Privacy Browser"
+image="/assets/img/provider/DuckDuckGo.png"
+description='DuckDuckGo Privacy Browser is an open source web browser that has built-in ad and tracker blocking and utilizes <a href="https://tosdr.org/">ToS;DR</a> to rate the privacy policies of the sites you visit.'
+website="https://apps.apple.com/us/app/duckduckgo-privacy-browser/id663592361"
+forum="https://forum.privacytools.io/t/discussion-duckduckgo-privacy-browser-browsers/1524"
+github="https://github.com/duckduckgo/iOS"
+ios="https://apps.apple.com/us/app/duckduckgo-privacy-browser/id663592361"
+%}
+
+<h3>Worth Mentioning for iOS</h3>
+
+<ul>
+  <li>
+    <a href="https://snowhaze.com/en/index.html">SnowHaze</a>
+        - An open source web browser with built-in ad, tracker, cookie, and fingerprint blocking, all customizable on a per-site basis.
+  </li>
+</ul>