Format recommendation pages

collections/_browsers/firefox.html

@@ -0,0 +1,42 @@
+---
+name: Firefox
+logo: /assets/img/browsers/firefox-logo.svg
+short: "**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."
+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'
+platform_android: 'https://play.google.com/store/apps/details?id=org.mozilla.firefox'
+platform_fdroid: 'https://f-droid.org/en/packages/org.mozilla.fennec_fdroid/'
+platform_ios: 'https://apps.apple.com/us/app/firefox-private-safe-browser/id989804926'
+source: 'https://hg.mozilla.org/mozilla-central/'
+order: 1
+---
+
+<div class="row my-5">
+  <div class="col-2 d-none d-lg-block">
+    <img src="{{ page.logo }}" alt="{{ page.name }} logo" class="w-100">
+  </div>
+  <div class="col-lg-10 col-12">
+    <p class="mt-2"><strong>Firefox</strong> is a fast, reliable, open-source, privacy-respecting browser developed by Mozilla.</p>
+    <p>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.</p>
+    <a href="{{ page.website }}" class="btn btn-primary mt-2">Visit {{ page.website | remove:'https://' | split:'/' | first }}</a>
+  </div>
+</div>
+
+{% include downloads.html %}
+
+<h2 class="pt-3">Source Code</h2>
+
+<p>Mozilla publishes the source code for the Firefox browser at <a href="{{ page.source }}">{{ page.source }}</a>.</p>
+
+<h2 class="pt-3">Related Content</h2>
+
+{% assign blog1 = site.posts | where:"title","Firefox Privacy: Tips and Tricks for Better Browsing" %}
+{% for post in blog1 %}
+<div class="row">
+  {% include blog-card.html %}
+</div>
+{% endfor %}

collections/_browsers/firefox.md

@@ -1,16 +0,0 @@
----
-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

@@ -2,14 +2,18 @@
 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.
+short: "**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)"
 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/'
+platform_android: 'https://play.google.com/store/apps/details?id=org.torproject.torbrowser'
+platform_fdroid: 'https://guardianproject.info/fdroid/'
 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)
+
+{% include downloads.html %}

collections/_evergreen/browsers.html

@@ -4,7 +4,7 @@ title: Browser Recommendations
 ---
 
 <p class="lead">
-  These are our current web browser recommendations and some tweaks you can use to preserve your privacy.
+  These are our current web browser recommendations, settings, and add-ons you can use to preserve your privacy.
 </p>
 
 {% assign firefox = site.browsers | where:"name","Firefox" %}