Add browser recommendations

_config.yml

@@ -27,6 +27,7 @@ colors:
   link: "#C98806"
   primary: "#FFD06F"
   secondary: "#28323F"
+excerpt_separator: <!--more-->
 collections_dir: collections
 collections:
   posts:
@@ -36,6 +37,26 @@ collections:
     permalink: /:name
   authors:
     permalink: /blog/authors/:name
+  devices:
+    output: true
+    permalink: /devices/:name
+    sort_by: order
+  browsers:
+    output: true
+    permalink: /browsers/:name
+    sort_by: order
+  software:
+    output: true
+    permalink: /software/:name
+    sort_by: order
+  os:
+    output: true
+    permalink: /os/:name
+    sort_by: order
+  providers:
+    output: true
+    permalink: /providers/:name
+    sort_by: order
 
 # Build settings
 markdown: kramdown

_includes/recommendation-1.html

@@ -0,0 +1,22 @@
+<div class="card my-5">
+  <div class="card-body">
+    <div class="row m-3">
+      <div class="col-12 col-sm-4 col-md-3 text-center">
+        <img src="{{ post.logo }}" alt="{{ post.name }} logo" class="pb-5 w-75">
+      </div>
+      <div class="col-12 col-sm-8 col-md-9 text-center text-md-left">
+        <h2>{{ post.name }}</h2>
+        {% if post.info %} <p class="badge badge-info"><i class="fad fa-info-circle"></i> {{ post.info }}</p>{% endif %}
+        {% if post.warning %} <p class="badge badge-warning"><i class="fad fa-exclamation-triangle"></i> {{ post.warning }}</p>{% endif %}
+        {{ post.excerpt | markdownify }}
+        <p>
+        {% if post.platform_win %}<a href="{{ post.platform_win }}" class="text-secondary"><i class="fab fa-windows fa-fw h2"></i></a>{% endif %}
+        {% if post.platform_mac %}<a href="{{ post.platform_mac }}" class="text-secondary"><i class="fab fa-apple fa-fw h2"></i></a>{% endif %}
+        {% if post.platform_linux %}<a href="{{ post.platform_linux }}" class="text-secondary"><i class="fab fa-linux fa-fw h2"></i></a>{% endif %}
+        {% if post.platform_bsd %}<a href="{{ post.platform_bsd }}" class="text-secondary"><i class="fab fa-freebsd fa-fw h2"></i></a>{% endif %}
+        </p>
+        <p><a href="{{ post.url }}" class="btn btn-primary mt-2">More Information</a></p>
+      </div>
+    </div>
+  </div>
+</div>

assets/img/browsers/tor-logo.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="linearGradient-1" x1=".5" x2=".5" y1="1"><stop stop-color="#420C5D" offset="0"/><stop stop-color="#951AD1" offset="1"/></linearGradient><path id="path-2" d="m25 29c127.58 0 231 102.97 231 230s-103.42 230-231 230z"/><filter id="filter-3" x="-.182" y="-.074" width="1.294" height="1.148"><feOffset dx="-8" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="10"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.250980392   0 0 0 0 0.250980392   0 0 0 0 0.250980392  0 0 0 0.2 0"/></filter><linearGradient id="linearGradient9148" x1="256" x2="256" y1="512" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient-1"/><linearGradient id="linearGradient9150" x1="198.27" x2="198.27" y1="346.53" y2="20.551" gradientTransform="scale(.70864 1.4111)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient-1"/></defs><g id="Assets" transform="matrix(.24957 0 0 .24957 .21762 .22232)" fill="none" fill-rule="evenodd"><g id="Group"><g id="tb_icon/Stable"><g id="Stable"><circle id="background" cx="256" cy="256" r="246" fill="#f2e4ff" fill-rule="nonzero"/><path id="center" d="m256.53 465.44v-31.033c98.301-0.28386 177.9-80.042 177.9-178.41 0-98.365-79.595-178.12-177.9-178.41v-31.033c115.44 0.29096 208.92 93.937 208.92 209.44 0 115.51-93.482 209.16-208.92 209.45zm0-108.62c55.445-0.29095 100.32-45.304 100.32-100.83 0-55.516-44.878-100.53-100.32-100.82v-31.026c72.59 0.28386 131.36 59.192 131.36 131.85 0 72.661-58.766 131.57-131.36 131.85zm0-155.1c29.742 0.28386 53.777 24.462 53.777 54.274 0 29.82-24.036 53.997-53.777 54.281zm-256.53 54.274c0 141.39 114.61 256.01 256 256.01 141.38 0 256-114.62 256-256.01 0-141.38-114.62-255.99-256-255.99-141.39 0-256 114.61-256 255.99z" fill="url(#linearGradient9148)"/><g id="half" transform="matrix(-1,0,0,1,281,0)"><use width="100%" height="100%" fill="#000000" filter="url(#filter-3)" xlink:href="#path-2"/><use width="100%" height="100%" fill="url(#linearGradient9150)" fill-rule="evenodd" xlink:href="#path-2"/></g></g></g></g></g></svg>

collections/_browsers/firefox.md

@@ -0,0 +1,16 @@
+---
+name: Firefox
+logo: /assets/img/browsers/firefox-logo.svg
+short: Firefox is fast, reliable, open-source, and respects your privacy.
+website: 'https://firefox.com/'
+privacy_policy: 'https://www.mozilla.org/en-US/privacy/firefox/'
+platform_win: 'https://www.mozilla.org/firefox/windows/'
+platform_mac: 'https://www.mozilla.org/firefox/mac/'
+platform_linux: 'https://www.mozilla.org/firefox/linux/'
+platform_bsd: 'https://www.freshports.org/www/firefox'
+source: 'https://hg.mozilla.org/mozilla-central/'
+order: 1
+---
+**Firefox** is a fast, reliable, open-source, privacy-respecting browser developed by Mozilla.
+
+Unlike Google Chrome, Firefox won’t track your data and send it to various companies. Firefox also allows you to simply install a number of add-ons that will improve your privacy online.<!--MORE-->

collections/_browsers/tor-browser.md

@@ -0,0 +1,15 @@
+---
+name: Tor Browser
+info: Provides Anonymity
+logo: /assets/img/browsers/tor-logo.svg
+short: Tor Browser is your choice if you need an extra layer of anonymity.
+website: 'https://www.torproject.org/'
+website_tor: 'http://expyuzz4wqqyqhjn.onion/'
+privacy_policy: 'https://support.torproject.org/tbb/tbb-3/'
+platform_win: 'https://www.torproject.org/download/'
+platform_mac: 'https://www.torproject.org/download/'
+platform_linux: 'https://www.torproject.org/download/'
+source: 'https://trac.torproject.org/projects/tor'
+order: 2
+---
+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. [How does Tor work?](https://write.privacytools.io/my-thoughts-on-security/slicing-onions-part-1-myth-busting-tor)

collections/_evergreen/browsers.html

@@ -0,0 +1,18 @@
+---
+layout: evergreen
+title: Browser Recommendations
+---
+
+<p class="lead">
+  These are our current web browser recommendations and some tweaks you can use to preserve your privacy.
+</p>
+
+{% assign firefox = site.browsers | where:"name","Firefox" %}
+{% for post in firefox %}
+{% include recommendation-1.html %}
+{% endfor %}
+
+{% assign tor = site.browsers | where:"name","Tor Browser" %}
+{% for post in tor %}
+{% include recommendation-1.html %}
+{% endfor %}