Surround href in quotations (#1526)

Currently translated at 0.8% (15 of 1876 strings)

Translation: PrivacyTools/Website
Translate-URL: https://weblate.nablahost.com/projects/privacytoolsio/website/ca/

.github/CODEOWNERS

@@ -8,11 +8,6 @@
 
 # Administration Related Files
 /pages/donate.html @JonahAragon @BurungHantu1605
-/pages/notices.md @JonahAragon
-/pages/sponsors.html @JonahAragon
-/_includes/sponsors/ @JonahAragon
-/assets/img/svg/3rd-party/sponsors/ @JonahAragon
-/README.md @JonahAragon @BurungHantu1605
 /assets/js/redirects.js @JonahAragon
 /.well-known/ @JonahAragon
 /404.html @JonahAragon

.github/ISSUE_TEMPLATE/4_Feature.md

@@ -5,5 +5,5 @@ title: "✨ Feature Suggestion | "
 labels: ✨ enhancement
 ---
 
-## Description
+## Description:
 

.gitignore

@@ -6,3 +6,4 @@ font/assets/
 font/_sass/
 font/.fontcustom-manifest.json
 assets/webfonts/ptio-font-preview.html
+# weblate-source-file.yml

.travis.yml

@@ -0,0 +1,11 @@
+language: ruby
+rvm:
+  - 2.4.1
+
+# Assume bundler is being used, therefore
+# the `install` step will run `bundle install` by default.
+script: ./build.sh
+
+sudo: false # route your build to the container-based infrastructure for a faster build
+
+cache: bundler # caching bundler gem packages will speed up build

Gemfile

@@ -1,11 +1,12 @@
 source "https://rubygems.org"
 
 # Install github-pages gem (https://jekyllrb.com/docs/github-pages/)
-gem "github-pages", group: :jekyll_plugins
+gem "jekyll", group: :jekyll_plugins
 
 # Plugins
 group :jekyll_plugins do
   # example: gem "jekyll-feed", "~> 0.6"
+  gem "jekyll-sitemap"
 end
 
 # Windows does not include zoneinfo files, so bundle the tzinfo-data gem

Gemfile.lock

@@ -1,89 +1,16 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    activesupport (4.2.11.1)
+    addressable (2.7.0)
-      i18n (~> 0.7)
+      public_suffix (>= 2.0.2, < 5.0)
-      minitest (~> 5.1)
-      thread_safe (~> 0.3, >= 0.3.4)
-      tzinfo (~> 1.1)
-    addressable (2.6.0)
-      public_suffix (>= 2.0.2, < 4.0)
-    coffee-script (2.4.1)
-      coffee-script-source
-      execjs
-    coffee-script-source (1.11.1)
     colorator (1.1.0)
-    commonmarker (0.17.13)
-      ruby-enum (~> 0.5)
     concurrent-ruby (1.1.5)
-    dnsruby (1.61.3)
-      addressable (~> 2.5)
     em-websocket (0.5.1)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0.6.0)
-    ethon (0.12.0)
-      ffi (>= 1.3.0)
     eventmachine (1.2.7)
-    execjs (2.7.0)
+    ffi (1.11.2)
-    faraday (0.15.4)
-      multipart-post (>= 1.2, < 3)
-    ffi (1.11.1)
     forwardable-extended (2.6.0)
-    gemoji (3.0.1)
-    github-pages (198)
-      activesupport (= 4.2.11.1)
-      github-pages-health-check (= 1.16.1)
-      jekyll (= 3.8.5)
-      jekyll-avatar (= 0.6.0)
-      jekyll-coffeescript (= 1.1.1)
-      jekyll-commonmark-ghpages (= 0.1.5)
-      jekyll-default-layout (= 0.1.4)
-      jekyll-feed (= 0.11.0)
-      jekyll-gist (= 1.5.0)
-      jekyll-github-metadata (= 2.12.1)
-      jekyll-mentions (= 1.4.1)
-      jekyll-optional-front-matter (= 0.3.0)
-      jekyll-paginate (= 1.1.0)
-      jekyll-readme-index (= 0.2.0)
-      jekyll-redirect-from (= 0.14.0)
-      jekyll-relative-links (= 0.6.0)
-      jekyll-remote-theme (= 0.3.1)
-      jekyll-sass-converter (= 1.5.2)
-      jekyll-seo-tag (= 2.5.0)
-      jekyll-sitemap (= 1.2.0)
-      jekyll-swiss (= 0.4.0)
-      jekyll-theme-architect (= 0.1.1)
-      jekyll-theme-cayman (= 0.1.1)
-      jekyll-theme-dinky (= 0.1.1)
-      jekyll-theme-hacker (= 0.1.1)
-      jekyll-theme-leap-day (= 0.1.1)
-      jekyll-theme-merlot (= 0.1.1)
-      jekyll-theme-midnight (= 0.1.1)
-      jekyll-theme-minimal (= 0.1.1)
-      jekyll-theme-modernist (= 0.1.1)
-      jekyll-theme-primer (= 0.5.3)
-      jekyll-theme-slate (= 0.1.1)
-      jekyll-theme-tactile (= 0.1.1)
-      jekyll-theme-time-machine (= 0.1.1)
-      jekyll-titles-from-headings (= 0.5.1)
-      jemoji (= 0.10.2)
-      kramdown (= 1.17.0)
-      liquid (= 4.0.0)
-      listen (= 3.1.5)
-      mercenary (~> 0.3)
-      minima (= 2.5.0)
-      nokogiri (>= 1.8.5, < 2.0)
-      rouge (= 2.2.1)
-      terminal-table (~> 1.4)
-    github-pages-health-check (1.16.1)
-      addressable (~> 2.3)
-      dnsruby (~> 1.60)
-      octokit (~> 4.0)
-      public_suffix (~> 3.0)
-      typhoeus (~> 1.3)
-    html-pipeline (2.12.0)
-      activesupport (>= 2)
-      nokogiri (>= 1.4)
     http_parser.rb (0.6.0)
     i18n (0.9.5)
       concurrent-ruby (~> 1.0)
@@ -100,97 +27,12 @@ GEM
       pathutil (~> 0.9)
       rouge (>= 1.7, < 4)
       safe_yaml (~> 1.0)
-    jekyll-avatar (0.6.0)
-      jekyll (~> 3.0)
-    jekyll-coffeescript (1.1.1)
-      coffee-script (~> 2.2)
-      coffee-script-source (~> 1.11.1)
-    jekyll-commonmark (1.3.1)
-      commonmarker (~> 0.14)
-      jekyll (>= 3.7, < 5.0)
-    jekyll-commonmark-ghpages (0.1.5)
-      commonmarker (~> 0.17.6)
-      jekyll-commonmark (~> 1)
-      rouge (~> 2)
-    jekyll-default-layout (0.1.4)
-      jekyll (~> 3.0)
-    jekyll-feed (0.11.0)
-      jekyll (~> 3.3)
-    jekyll-gist (1.5.0)
-      octokit (~> 4.2)
-    jekyll-github-metadata (2.12.1)
-      jekyll (~> 3.4)
-      octokit (~> 4.0, != 4.4.0)
-    jekyll-mentions (1.4.1)
-      html-pipeline (~> 2.3)
-      jekyll (~> 3.0)
-    jekyll-optional-front-matter (0.3.0)
-      jekyll (~> 3.0)
-    jekyll-paginate (1.1.0)
-    jekyll-readme-index (0.2.0)
-      jekyll (~> 3.0)
-    jekyll-redirect-from (0.14.0)
-      jekyll (~> 3.3)
-    jekyll-relative-links (0.6.0)
-      jekyll (~> 3.3)
-    jekyll-remote-theme (0.3.1)
-      jekyll (~> 3.5)
-      rubyzip (>= 1.2.1, < 3.0)
     jekyll-sass-converter (1.5.2)
       sass (~> 3.4)
-    jekyll-seo-tag (2.5.0)
-      jekyll (~> 3.3)
     jekyll-sitemap (1.2.0)
       jekyll (~> 3.3)
-    jekyll-swiss (0.4.0)
-    jekyll-theme-architect (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-cayman (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-dinky (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-hacker (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-leap-day (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-merlot (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-midnight (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-minimal (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-modernist (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-primer (0.5.3)
-      jekyll (~> 3.5)
-      jekyll-github-metadata (~> 2.9)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-slate (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-tactile (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-time-machine (0.1.1)
-      jekyll (~> 3.5)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-titles-from-headings (0.5.1)
-      jekyll (~> 3.3)
     jekyll-watch (2.2.1)
       listen (~> 3.0)
-    jemoji (0.10.2)
-      gemoji (~> 3.0)
-      html-pipeline (~> 2.2)
-      jekyll (~> 3.0)
     kramdown (1.17.0)
     liquid (4.0.0)
     listen (3.1.5)
@@ -198,51 +40,27 @@ GEM
       rb-inotify (~> 0.9, >= 0.9.7)
       ruby_dep (~> 1.2)
     mercenary (0.3.6)
-    mini_portile2 (2.4.0)
-    minima (2.5.0)
-      jekyll (~> 3.5)
-      jekyll-feed (~> 0.9)
-      jekyll-seo-tag (~> 2.1)
-    minitest (5.11.3)
-    multipart-post (2.1.1)
-    nokogiri (1.10.4)
-      mini_portile2 (~> 2.4.0)
-    octokit (4.14.0)
-      sawyer (~> 0.8.0, >= 0.5.3)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
     public_suffix (3.1.1)
     rb-fsevent (0.10.3)
     rb-inotify (0.10.0)
       ffi (~> 1.0)
-    rouge (2.2.1)
+    rouge (3.11.0)
-    ruby-enum (0.7.2)
-      i18n
     ruby_dep (1.5.0)
-    rubyzip (2.0.0)
     safe_yaml (1.0.5)
     sass (3.7.4)
       sass-listen (~> 4.0.0)
     sass-listen (4.0.0)
       rb-fsevent (~> 0.9, >= 0.9.4)
       rb-inotify (~> 0.9, >= 0.9.7)
-    sawyer (0.8.2)
-      addressable (>= 2.3.5)
-      faraday (> 0.8, < 2.0)
-    terminal-table (1.8.0)
-      unicode-display_width (~> 1.1, >= 1.1.1)
-    thread_safe (0.3.6)
-    typhoeus (1.3.1)
-      ethon (>= 0.9.0)
-    tzinfo (1.2.5)
-      thread_safe (~> 0.1)
-    unicode-display_width (1.6.0)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
-  github-pages
+  jekyll
+  jekyll-sitemap
   tzinfo-data
 
 BUNDLED WITH

README.md

@@ -1,10 +1,9 @@
-<a href="https://www.privacytools.io">
+[![privacytools](./assets/img/layout/logo.png)](https://www.privacytools.io/)
-	<img src="assets/img/svg/layout/brand/horizontal.svg" width="500px" alt="PrivacyTools" />
-</a>
 
 _Encryption Against Global Mass Surveillance._
 
-[![Netlify Status](https://api.netlify.com/api/v1/badges/afd98777-c205-4928-a301-f57a1448113f/deploy-status)](https://app.netlify.com/sites/privacytools-io/deploys)
+[![Build Status](https://travis-ci.com/privacytoolsIO/privacytools.io.svg?branch=master)](https://travis-ci.com/privacytoolsIO/privacytools.io)
+[![Translation status](https://weblate.nablahost.com/widgets/privacytoolsio/-/website/svg-badge.svg)](https://weblate.nablahost.com/engage/privacytoolsio/?utm_source=widget)
 
 # Contributing
 
@@ -30,10 +29,6 @@ You can submit your suggestions here on GitHub [(Issues)](https://github.com/pri
 - [Make suggestions on reddit.](https://www.reddit.com/r/privacytoolsIO/)
 - View and edit our website source code here on GitHub.
 
-# Sponsors
-
-- [Safing](https://safing.io/)
-
 # Community Translations
 - [繁体中文 / Chinese](https://privacytools.twngo.xyz/) - [GitHub](https://github.com/twngo/privacytools-zh)
 - [Español / Spanish](https://victorhck.gitlab.io/privacytools-es/) - [GitLab](https://gitlab.com/victorhck/privacytools-es)
@@ -44,6 +39,6 @@ You can submit your suggestions here on GitHub [(Issues)](https://github.com/pri
 - [Русский / Russian](https://privacytools.ru) - [GitHub](https://github.com/c0rdis/privacytools.ru)
 - [Português / Portuguese](https://www.privacidade.digital/) - [GitHub](https://github.com/PrivacidadeDigital/privacidade.digital)
 
-# License & Notices
+# License
 
-Please visit [https://www.privacytools.io/notices/](https://www.privacytools.io/notices/) for license information and other disclaimers. PrivacyTools is provided on an "as-is" basis, without warranty, and disclaiming liability for damages. By contributing to this repository you agree to license your work under the terms of the [license](https://github.com/privacytoolsIO/privacytools.io/blob/master/LICENSE.txt) in this repository.
+The content and original technology of this website is made available under the [Creative Commons Zero v1.0 Universal](https://www.privacytools.io/LICENSE.txt) license text. Some files or folders may include works from other projects with separate licenses, and will be marked as such. By contributing to this repository, contributors do not necessarily agree to sign a CLA or legally transfer their copyright to the project, but they do at a minimum agree to license their work under the current license of this repository: In this case, the Creative Commons Zero v1.0 Universal.

_config.yml

@@ -7,7 +7,8 @@ sass:
   style: compressed
 plugins:
   - jekyll-sitemap
+plugins_dir: "./_plugins"
 sitemap:
 file: "/sitemap.xml"
 include: [".well-known"]
-exclude: ["font", "vendor"]
+exclude: ["font", "vendor","weblate-source-file.yml"]

_data/language_map.yml

@@ -0,0 +1,47 @@
+---
+af: "Afrikaans"
+az: "Azərbaycanca"
+bg: "Български"
+ca: "Català"
+cs: "Česky"
+da: "Dansk"
+de: "Deutsch"
+el: "Ελληνικά"
+en: "English"
+es: "Español"
+et: "esti"
+fa: "فارسی"
+fi: "suomi"
+fil: "Pilipino"
+fr: "Français"
+ga: "Gaeilge"
+hr: "Hrvatski"
+hu: "Magyar"
+id: "Bahasa Indonesia"
+it: "Italiano"
+ja: "日本語"
+kk: "Қазақ"
+ko: "한국어"
+lt: "Lietuviškai"
+lv: "Latviešu"
+mk: "Македонски"
+ms: "Bahasa Melayu"
+nb: "Norsk"
+nl: "Nederlands"
+pl: "Polski"
+pt_BR: "Português (br)"
+pt_PT: "Português (pt)"
+ro: "Română"
+ru: "Pусский"
+sk: "Slovenčina"
+sl: "Slovenščina"
+sr: "српски"
+sv: "svensk"
+sw: "Kiswahili"
+th: "ภาษาไทย"
+tr: "Türkçe"
+uk: "Українська"
+uz: "O'zbekcha"
+vi: "Tiếng Việt"
+zh_CN: "简体中文"
+zh_TW: "繁體中文"

_data/languages/ca.yml

@@ -0,0 +1,25 @@
+About_PrivacyTools_18_KEY: Quant a PrivacyTools
+Web_Browsers_12_KEY: Navegadors web
+About_the_PrivacyTools_organization_and_contributors_to_the_PrivacyTools_website_communities_and_servicesP_109_KEY: Quant
+  a l'organització PrivacyTools, i els col·laboradors del lloc web, comunitats i serveis
+  de PrivacyTools.
+Self_Hosted_Cloud_19_KEY: "«Núvol» autohostatjat\n"
+Notebooks_9_KEY: "Blocs de notes\n"
+File_Sync_9_KEY: "Sincronització de fitxers\n"
+File_Sharing_12_KEY: "Compartició de fitxers\n"
+Encryption_Tools_16_KEY: "Eines de xifratge\n"
+Email_Clients_13_KEY: "Clients de correu electrònic\n"
+Dont_let_Google_see_all_your_DNS_trafficP_Discover_privacycentric_alternatives_to_the_traditional_DNS_providersP_114_KEY: " No\
+  \ permeteu que Google vegi el vostre trànsit DNS. Descobriu alternatives als proveïdors\
+  \ de DNS tradicionals centrades en la privadesa.\n"
+Encrypted_DNS_Resolvers_23_KEY: " Sistemes xifrats de resolució de DNS\n"
+Discover_how_to_securely_and_privately_selfhost_your_cloud_with_opensource_softwareP_86_KEY: "Descobriu\
+  \ com hostatjar el vostre núvol de manera segura i privada amb programari de codi\
+  \ lliure.\n"
+Discover_free_opensource_and_secure_ways_to_sync_your_contacts_and_calendars_across_your_devicesP_100_KEY: " Descobriu\
+  \ maneres lliures, de codi obert i segures de sincronitzar els contactes i calendaris\
+  \ amb tots els dispositius.\n"
+CalendarContacts_Sync_Tools_28_KEY: " Eines de sincronització de calendari i contactes\n"
+These_are_our_current_web_browser_recommendations_and_some_tweaks_you_can_use_to_preserve_your_privacyP_103_KEY: "Aquestes\
+  \ són les nostres recomanacions actuals i alguns trucs que podeu utilitzar per a\
+  \ preservar la privadesa.\n"

_data/languages/de.yml

@@ -0,0 +1 @@
+{}

_data/languages/el.yml

@@ -0,0 +1 @@
+{}

_data/languages/es.yml

@@ -0,0 +1 @@
+{}

_data/languages/fi.yml

@@ -0,0 +1 @@
+{}

_data/languages/fr.yml

@@ -0,0 +1 @@
+{}

_data/languages/it.yml

@@ -0,0 +1 @@
+{}

_data/languages/pl.yml

@@ -0,0 +1 @@
+{}

_data/languages/sr.yml

@@ -0,0 +1 @@
+{}

_includes/breadcrumbs.html

@@ -8,8 +8,7 @@
     {% if forloop.last %}
     <li class="breadcrumb-item active" aria-current="page" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
       <link href="{% assign crumb_limit = forloop.index | plus: 1 %}{% for crumb in crumbs limit: crumb_limit %}{{ crumb | append: '/' | replace:'without-plugin/','without-plugins/' }}{% endfor %}" itemprop="item"  />
-      <span itemprop="name">{% if page.breadcrumb %}{{ page.breadcrumb }}{% else %}{% assign words = crumb | replace:'-',' ' | remove:'.html' | split: ' ' %}{% capture titlecase %}{% for word in words %}{{ word | capitalize }} {% endfor %}{% endcapture %}{{ titlecase }}{% endif %}
+      <span itemprop="name">{{ crumb | replace:'-',' ' | remove:'.html' | capitalize }}</span>
-      </span>
       <meta itemprop="position" content="{{ forloop.index }}" />
     </li>
     {% else %}

_includes/card.html

@@ -5,7 +5,7 @@
         {% else %}
         <div class="card-header text-white bg-{{include.color}}">
         {% endif %}
-        <h3 class="h5">{{include.title}}</h3>
+        <h3 class="h5">{{include.title | translate_text}}</h3>
         </div>
         <div class="card-body">
             {% if include.labels %}
@@ -17,10 +17,10 @@
                     {% assign text = label_data[1] %}
                     {% assign tooltip = label_data[2] | default: "" %}
                     {% assign help_icon = '<i class="far fa-question-circle"></i>' %}
-                    <span class="badge badge-{{color}}" {% if tooltip %} data-toggle="tooltip" title="{{ tooltip }}">{{text}} {{ help_icon
+                    <span class="badge badge-{{color}}" {% if tooltip %} data-toggle="tooltip" title="{{ tooltip | translate_text}}">{{text | translate_text}} {{ help_icon
                         }}
                         {% else %}
-                        >{{text}}
+                        >{{text | translate_text}}
                         {% endif %}
                     </span>
                 {% endfor %}
@@ -34,24 +34,24 @@
               {% elsif include.font %}
               <span class="{{ include.font }} panel-item panel-font" alt="{{ include.title }}"></span>
               {% endif %}
-              {{include.description}}
+              {{include.description | translate_text }}
             </p>
             <div>
             <p>
                 {% if include.url %}
-                <a class="btn btn-{{include.color}} mb-1" href="{{include.url}}">
+                <a class="btn btn-{{include.color}} mb-1" href="{{include.url | translate_text}}">
                     {% if include.website %}
-                        {{include.website}}
+                        {{include.website | translate_text }}
                     {% else %}
                         {{ include.url | remove: "https://" | remove: "http://" | remove: "www." | remove: "/" | remove: "github.com" }}
                     {% endif %}
                 </a>
                 {% elsif include.page %}
-                <a class="btn btn-{{include.color}} mb-1" href="{{include.page}}">
+                <a class="btn btn-{{include.color}} mb-1" href="{{include.page | translate_page}}">
                     {% if include.moretext %}
-                        {{include.moretext}}
+                        {{include.moretext | translate_text}}
                     {% else %}
-                        Learn More
+                        {% t Learn More %}
                     {% endif %}
                 </a>
                 {% endif %}

_includes/cardv2.html

@@ -2,7 +2,7 @@
   <div class="card-header text-white bg-secondary">
     <h3 class="h5">
       {% if include.badges %}
-      <span class="mr-2">{{ include.title }}</span>
+      <span class="mr-2">{{ include.title | translate_text }}</span>
       {% assign badges = include.badges | split:"|" %}
         {% for badge in badges %}
           {% assign badge_data = badge | split:":" %}
@@ -14,15 +14,15 @@
             class="badge badge-{{color}}"
             {% if tooltip %}
               data-toggle="tooltip"
-              title="{{ tooltip }}"
+              title="{{ tooltip | translate_text }}"
-              > {{text}} {{ help_icon }}
+              > {{text | translate_text}} {{ help_icon }}
             {% else %}
-              > {{text}}
+              > {{text | translate_text}}
             {% endif %}
           </span>
         {% endfor %}
       {% else %}
-        {{ include.title }}
+        {{ include.title | translate_text }}
       {% endif %}
     </h3>
   </div>
@@ -36,9 +36,9 @@
         height="120"
         width="120"
         class="panel-pic"
-        alt="{{include.title}} logo"
+        alt="{{include.title | translate_text }}"
       >
-      {{ include.description }}
+      {{ include.description | translate_text }}
       {% if include.labels %}
       {% assign labels = include.labels | split:"|" %}
         {% for label in labels %}
@@ -51,10 +51,10 @@
             class="badge badge-{{color}}"
             {% if tooltip %}
               data-toggle="tooltip"
-              title="{{ tooltip }}"
+              title="{{ tooltip | translate_text }}"
-              > {{text}} {{ help_icon }}
+              > {{text | translate_text}} {{ help_icon }}
             {% else %}
-              > {{text}}
+              > {{text | translate_text}}
             {% endif %}
           </span>
         {% endfor %}
@@ -63,11 +63,11 @@
     <div class="d-flex justify-content-between flex-column flex-md-row align-items-start align-items-md-center">
       <div class="d-flex flex-shrink-0 mr-1">
         <a
-          href="{{include.website}}"
+          href="{{include.website | translate_text}}"
           rel="noopener"
           class="btn btn-primary mt-1 mr-1">
           <i class="fas fa-external-link-alt fa-fw"></i>
-          Website
+          {% t Website %}
         </a>
         {% if include.forum %}
           <a
@@ -75,7 +75,7 @@
             rel="noopener"
             class="btn btn-success mt-1 mr-1">
             <i class="fab fa-discourse fa-fw"></i>
-            Forum
+            {% t Forum %}
           </a>
         {% endif %}
         {% if include.tor %}
@@ -85,7 +85,7 @@
             class="hover-text-decoration-none mt-1 mr-1"
             data-toggle="tooltip"
             data-placement="bottom"
-            data-original-title="Requires specific software to access: torproject.org">
+            data-original-title="{% t Requires specific software to access: torproject.org %}">
             <span class="ptio-tor btn-tor btn-icon"></span>
           </a>
         {% endif %}
@@ -96,7 +96,7 @@
             class="hover-text-decoration-none mt-1 mr-1"
             data-toggle="tooltip"
             data-placement="bottom"
-            data-original-title="Requires specific software to access: geti2p.net">
+            data-original-title="{% t Requires specific software to access: geti2p.net %}">
             <span class="ptio-i2p-garlic btn-secondary btn-icon"></span>
           </a>
         {% endif %}
@@ -105,7 +105,7 @@
       <div class="mt-2">
           {% if include.windows %}
             {% if include.windows != "" %}
-              <a href="{{ include.windows }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
+              <a href="{{ include.windows | translate_text}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
                 <i class="fab fa-windows fa-2x fa-fw d-inline pr-1"></i>
               </a>
             {% else %}
@@ -115,7 +115,7 @@
 
           {% if include.mac %}
             {% if include.mac != "" %}
-              <a href="{{ include.mac }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
+              <a href="{{ include.mac | translate_text}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
                 <i class="ptio-macos fa-2x fa-fw d-inline pr-1"></i>
               </a>
             {% else %}
@@ -125,7 +125,7 @@
 
           {% if include.linux %}
             {% if include.linux != "" %}
-              <a href="{{ include.linux }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
+              <a href="{{ include.linux | translate_text}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
                 <i class="ptio-linux fa-2x fa-fw d-inline pr-1"></i>
               </a>
             {% else %}
@@ -135,7 +135,7 @@
 
           {% if include.freebsd %}
             {% if include.freebsd != "" %}
-              <a href="{{ include.freebsd }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
+              <a href="{{ include.freebsd | translate_text}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
                 <i class="fab fa-freebsd fa-2x fa-fw d-inline pr-1"></i>
               </a>
             {% else %}
@@ -145,7 +145,7 @@
 
           {% if include.openbsd %}
             {% if include.openbsd != "" %}
-              <a href="{{ include.openbsd }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
+              <a href="{{ include.openbsd | translate_text}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
                 <i class="ptio-openbsd fa-2x fa-fw d-inline pr-1"></i>
               </a>
             {% else %}
@@ -155,7 +155,7 @@
 
           {% if include.netbsd %}
             {% if include.netbsd != "" %}
-              <a href="{{ include.netbsd }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
+              <a href="{{ include.netbsd | translate_text}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
                 <i class="ptio-netbsd fa-2x fa-fw d-inline pr-1"></i>
               </a>
             {% else %}
@@ -165,7 +165,7 @@
 
           {% if include.firefox %}
             {% if include.firefox != "" %}
-              <a href="{{ include.firefox }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
+              <a href="{{ include.firefox | translate_text}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
                 <i class="fab fa-firefox fa-2x fa-fw d-inline pr-1"></i>
               </a>
             {% else %}
@@ -175,7 +175,7 @@
 
           {% if include.chrome %}
             {% if include.chrome != "" %}
-              <a href="{{ include.chrome }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
+              <a href="{{ include.chrome | translate_text}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
                 <i class="fab fa-chrome fa-2x fa-fw d-inline pr-1"></i>
               </a>
             {% else %}
@@ -185,7 +185,7 @@
 
           {% if include.safari %}
             {% if include.safari != "" %}
-              <a href="{{ include.safari }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
+              <a href="{{ include.safari | translate_text}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
                 <i class="fab fa-safari fa-2x fa-fw d-inline pr-1"></i>
               </a>
             {% else %}
@@ -195,7 +195,7 @@
 
           {% if include.opera %}
             {% if include.opera != "" %}
-              <a href="{{ include.opera }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
+              <a href="{{ include.opera | translate_text}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
                 <i class="fab fa-opera fa-2x fa-fw d-inline pr-1"></i>
               </a>
             {% else %}
@@ -205,7 +205,7 @@
 
           {% if include.edge %}
             {% if include.edge != "" %}
-              <a href="{{ include.edge }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
+              <a href="{{ include.edge | translate_text}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
                 <i class="fab fa-edge fa-2x fa-fw d-inline pr-1"></i>
               </a>
             {% else %}
@@ -215,7 +215,7 @@
 
           {% if include.fdroid %}
             {% if include.fdroid != "" %}
-              <a href="{{ include.fdroid }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
+              <a href="{{ include.fdroid | translate_text}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
                 <i class="ptio-f-droid fa-2x fa-fw d-inline pr-1"></i>
               </a>
             {% else %}
@@ -225,7 +225,7 @@
 
           {% if include.googleplay %}
             {% if include.googleplay != "" %}
-              <a href="{{ include.googleplay }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
+              <a href="{{ include.googleplay | translate_text}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
                 <i class="fab fa-google-play fa-2x fa-fw d-inline pr-1"></i>
               </a>
             {% else %}
@@ -235,7 +235,7 @@
 
           {% if include.android %}
             {% if include.android != "" %}
-              <a href="{{ include.android }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
+              <a href="{{ include.android | translate_text}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
                 <i class="fab fa-android fa-2x fa-fw d-inline pr-1"></i>
               </a>
             {% else %}
@@ -245,7 +245,7 @@
 
           {% if include.ios %}
             {% if include.ios != "" %}
-              <a href="{{ include.ios }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
+              <a href="{{ include.ios | translate_text}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
                 <i class="ptio-ios fa-2x fa-fw d-inline pr-1"></i>
               </a>
             {% else %}
@@ -255,7 +255,7 @@
 
           {% if include.sailfish %}
             {% if include.sailfish != "" %}
-              <a href="{{ include.sailfish }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
+              <a href="{{ include.sailfish | translate_text}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
                 <i class="ptio-sailfish-os fa-2x fa-fw d-inline pr-1"></i>
               </a>
             {% else %}
@@ -265,7 +265,7 @@
 
           {% if include.web %}
             {% if include.web != "" %}
-              <a href="{{ include.web }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
+              <a href="{{ include.web | translate_text}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
                 <i class="fas fa-globe-americas fa-2x fa-fw d-inline pr-1"></i>
               </a>
             {% else %}
@@ -278,25 +278,25 @@
           {{include.icon3}}
 
           {% if include.github %}
-            <a href="{{include.github}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
+            <a href="{{include.github | translate_text}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
               <i class="fab fa-github fa-2x fa-fw d-inline"></i>
             </a>
           {% endif %}
 
           {% if include.gitlab %}
-            <a href="{{include.gitlab}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
+            <a href="{{include.gitlab | translate_text}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
               <i class="fab fa-gitlab fa-2x fa-fw d-inline"></i>
             </a>
           {% endif %}
 
           {% if include.git %}
-            <a href="{{include.git}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
+            <a href="{{include.git | translate_text}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
               <i class="fab fa-git-square fa-2x fa-fw d-inline"></i>
             </a>
           {% endif %}
 
           {% if include.source %}
-            <a href="{{include.source}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
+            <a href="{{include.source | translate_text}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
               <i class="fas fa-code-branch fa-2x fa-fw d-inline"></i>
             </a>
           {% endif %}

_includes/footer.html

@@ -2,95 +2,90 @@
 
   <hr class="footer-divider" />
 
-  <h3 id="participate">Spread the word and help your friends</h3>
+  <h3 id="participate">{% t Spread the word and help your friends %}</h3>
 
   <div class="row mb-4">
     <div class="col-12 col-md-6 d-flex justify-content-between">
-      <a href="mailto:?subject=privacytools.io%20-%20encryption%20against%20global%20mass%20surveillance&body={{ site.production_url }}/" class="share-btn email" title="Email">
+      <a href="mailto:?subject={{ "privacytools.io - encryption against global mass surveillance" | translate_text | uri_escape }}&body={{ site.production_url | append_lang | uri_escape }}/" class="share-btn email" title="{% t Email %}">
-        <i class="fas fa-envelope"></i>
+        <i class="fas fa-envelope pl-3"></i>
       </a>
 
-      <a href="https://www.facebook.com/sharer/sharer.php?u={{ site.production_url }}" class="share-btn facebook" title="Facebook">
+      <a href="https://www.facebook.com/sharer/sharer.php?u={{ site.production_url | append_lang | uri_escape }}" class="share-btn facebook" title="{% t Facebook %}">
-        <i class="fab fa-facebook-f"></i>
+        <i class="fab fa-facebook-f pl-3"></i>
+      </a>
+      <a href="https://twitter.com/share?text={{ "Knowledge and tools to protect your privacy against global mass surveillance" | translate_text | uri_escape }}%20&amp;url={{ site.production_url | append_lang}}/&amp;via=privacytoolsIO" class="share-btn twitter" title="{% t Twitter %}">
+        <i class="fab fa-twitter pl-3"></i>
       </a>
 
-      <a href="https://twitter.com/share?text=Knowledge%20and%20tools%20to%20protect%20your%20privacy%20against%20global%20mass%20surveillance%20&amp;url={{ site.production_url }}/&amp;via=privacytoolsIO" class="share-btn twitter" title="Twitter">
+      <a href="https://sharetomastodon.github.io/?title={{ "privacytools.io - encryption against global mass surveillance" | translate_text | uri_escape }}&url={{ site.production_url | append_lang | uri_escape }} " class="share-btn mastodon" title="{% t Mastodon %}">
-        <i class="fab fa-twitter"></i>
+        <i class="fab fa-mastodon pl-3"></i>
-      </a>
-
-      <a href="https://sharetomastodon.github.io/?title=privacytools.io%20-%20encryption%20against%20global%20mass%20surveillance&url={{ site.production_url }}" class="share-btn mastodon" title="Mastodon">
-        <i class="fab fa-mastodon"></i>
       </a>
     </div>
     <div class="col-12 col-md-6 d-flex justify-content-between">
-      <a href="https://reddit.com/submit?url={{ site.production_url }}&title=privacytools.io%20-%20encryption%20against%20global%20mass%20surveillance" class="share-btn reddit" title="reddit">
+      <a href="https://reddit.com/submit?url={{ site.production_url | append_lang | uri_escape }} &title={{ "privacytools.io - encryption against global mass surveillance" | translate_text | uri_escape }}" class="share-btn reddit" title="{% t reddit %}">
-        <i class="fab fa-reddit-alien"></i>
+        <i class="fab fa-reddit-alien pl-3"></i>
       </a>
 
-      <a href="https://www.linkedin.com/shareArticle?url={{ site.production_url }}&title=privacytools.io%20-%20encryption%20against%20global%20mass%20surveillance" class="share-btn linkedin" title="LinkedIn">
+      <a href="https://www.linkedin.com/shareArticle?url={{ site.production_url | append_lang | uri_escape }} &title={{ "privacytools.io - encryption against global mass surveillance" | translate_text | uri_escape }}" class="share-btn linkedin" title="{% t LinkedIn %}">
-        <i class="fab fa-linkedin-in"></i>
+        <i class="fab fa-linkedin-in pl-3"></i>
       </a>
 
-      <a href="https://mix.com/mixit?su=submit&url={{ site.production_url }}&title=privacytools.io%20-%20encryption%20against%20global%20mass%20surveillance" class="share-btn mix" title="Mix">
+      <a href="https://mix.com/mixit?su=submit&url={{ site.production_url | append_lang | uri_escape }} &title={{ "privacytools.io - encryption against global mass surveillance" | translate_text | uri_escape }}" class="share-btn mix" title="{% t Mix %}">
-        <i class="ptio-mix"></i>
+        <i class="ptio-mix pl-3"></i>
       </a>
 
-      <a href="https://sharetodiaspora.github.io/?title=privacytools.io%20-%20encryption%20against%20global%20mass%20surveillance&url={{ site.production_url }}" class="share-btn diaspora" title="Diaspora*">
+      <a href="https://sharetodiaspora.github.io/?title={{ "privacytools.io - encryption against global mass surveillance" | translate_text | uri_escape }}&url={{ site.production_url | append_lang | uri_escape }} " class="share-btn diaspora" title="{% t Diaspora* %}">
-        <i class="fas fa-asterisk"></i>
+        <i class="fas fa-asterisk pl-3"></i>
       </a>
     </div>
   </div>
 
-  <h3>Copy URL and Description</h3>
+  <h3>{% t Copy URL and Description %}</h3>
 
   <p>
-  <input type="text" value="{{ site.name }} - Encryption and tools to protect against global mass surveillance - {{ site.production_url }}" class="form-control input-lg onclick-select">
+  <input type="text" value="{% t {{ site.name }} - Encryption and tools to protect against global mass surveillance - {{ site.production_url | append_lang | uri_escape }} %}" class="form-control input-lg onclick-select">
-  <span class="help-block">For easy copy and paste. Share this text snippet.</span>
+  <span class="help-block">{% t For easy copy and paste. Share this text snippet. %}</span>
   </p>
 
   <hr class="footer-divider" />
 
   <div class="row mt-3">
-    <div class="col-sm-4 mb-3 d-flex justify-content-center align-items-center">
+    <div class="col-sm-4 mb-3 d-flex justify-content-center d-flex justify-content-center">
-      <span class="fab fa-creative-commons-zero fa-2x mr-2"></span>
+      <a href="/LICENSE.txt" data-toggle="tooltip" data-placement="top" data-original-title="{% t This work is free. You can redistribute it and/or modify it under the terms of the &quot;Creative Commons CC0 1.0 Universal Public Domain Dedication&quot;.%}"><img alt="CC0" src="/assets/img/layout/zero.png" width="32" height="32">CC0</a>
-      <a
-        href="/LICENSE.txt"
-        title="This work is free. You can redistribute it and/or modify it under the terms of the &quot;Creative Commons CC0 1.0 Universal Public Domain Dedication&quot;."
-        data-toggle="tooltip"
-        data-placement="top">
-        CC0
-      </a>
     </div>
 
-    <div class="col-sm-4 mb-3 d-flex justify-content-center align-items-center">
+    <div class="col-sm-4 mb-3 d-flex justify-content-center">
-      <span class="far fa-address-card fa-2x mr-2"></span>
+      <i class="far fa-address-card fa-2x"></i>
-      <a href="/about/">About Us &amp; Contact</a>
+      <a href="{{ "/about/" | translate_page }}">{% t About Us %} &amp; {% t Contact %}</a>
     </div>
 
-    <div class="col-sm-4 mb-3 d-flex justify-content-center align-items-center">
+    <div class="col-sm-4 mb-3 d-flex justify-content-center">
-      <span class="fas fa-donate fa-2x mr-2"></span>
+      <i class="fas fa-donate fa-2x"></i>
-      <a href="/donate/" data-toggle="tooltip" data-placement="top" data-original-title="Please support this project by donating. We are ad-free and not affiliated with any providers. Your donation will cover our costs for servers and domains.">Support Us!</a>
+      <a href="{{ "/donate/" | translate_page }}" data-toggle="tooltip" data-placement="top" data-original-title="{% t Please support this project by donating. We are ad-free and not affiliated with any providers. Your donation will cover our costs for servers and domains. %}">{% t Support Us! %}</a>
     </div>
   </div>
 
   <div class="copyright-text">
-    <a href="/about/javascript" data-jslicense="1">
+    <p><a href="/about/javascript" data-jslicense="1">
       <span class="fab fa-js fa-lg"></span>
-      JavaScript Licenses
+      {% t JavaScript Licenses %}
+    </a></p>
+    <p>
+      <a href="https://weblate.nablahost.com/engage/privacytoolsio/?utm_source=widget">
+        <img src="https://assets.privacytools.io/weblate/privacytoolsio/{{ page.language | replace: "_", "-" | default: "-" }}/website/svg-badge.svg" alt="{% t Translation status %}" />
+        {% t Help translate PrivacyTools on Weblate!%}
       </a>
-    <p class="mt-2">
+      {% t Non-English (translated) versions of PrivacyTools are crowdsourced and provided on an as-is basis, and we make no guarantees towards the accuracy of each translated site. %}
-      <strong>No Ads, No Google Analytics, No Affiliates, No Cross-Site Requests.</strong>
+    </p>
-      <em>{{ site.name }} is a socially motivated website that provides information for protecting your data security and privacy. Never trust any company with your privacy, always encrypt.</em>
+    <p>
+      <strong>{% t No Ads, No Google Analytics, No Affiliates, No Cross-Site Requests.%}</strong>
+      <em>{% t {{ site.name }} is a socially motivated website that provides information for protecting your data security and privacy. Never trust any company with your privacy, always encrypt. %}</em>
+      <a href="{{ "/privacy/" | translate_page }}">{% t View our privacy statement %}</a>.
     </p>
     <p class="text-left">
       Tor v3: <strong>privacy2zbidut4m4jyj3ksdqidzkw3uoip2vhvhbvwxbqux5xy5obyd.onion</strong>
-      (<a href="https://write.privacytools.io/jonah/tor-on-privacytools-io">Learn More</a>)
+      (<a href="https://write.privacytools.io/jonah/tor-on-privacytools-io">{% t Learn More %}</a>)
     </p>
-    <small>
-      <a href="/privacy/">Privacy Statement</a> |
-      <a href="/notices/">Notices &amp; Disclaimers</a> |
-      <a href="https://github.com/privacytoolsIO/brand">Brand Assets &amp; Guidelines</a>
-    </small>
 
   </div>
 </footer>

_includes/head.html

@@ -5,7 +5,13 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="keywords" content="privacy, anonymity, privacy tools, surveillance, encryption">
   <meta name="description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
-  <link rel="canonical" href="{{ site.production_url }}{{ page.url | replace:'index.html',''}}">
+  <meta name="msapplication-TileColor" content="#da532c">
+  <meta name="msapplication-TileImage" content="/assets/img/favicons/mstile-144x144.png">
+  <meta name="msapplication-config" content="/assets/img/favicons/browserconfig.xml">
+  <meta name="theme-color" content="#ffffff">
+  <link rel="canonical" href="{{ page.permalink | prepend: site.production_url }}">
+  <link rel="alternate" hreflang="en" href="https://www.privacytools.io/" />
+  <link rel="alternate" hreflang="x-default" href="https://www.privacytools.io/" />
 
   <!-- title -->
   {% if page.title %}
@@ -16,10 +22,10 @@
   <meta property="og:title" content="{{ site.title }}" />
   {% endif %}
   <meta property="og:type" content="website" />
-  <meta property="og:url" content="{{ page.permalink | prepend: site.url }}" />
+  <meta property="og:url" content="{{ page.permalink | prepend: site.production_url }}" />
-  <meta property="og:image" content="{{ site.production_url }}/assets/img/svg/layout/brand/square-transparent.svg" />
+  <meta property="og:image" content="{{ site.production_url }}/assets/img/layout/ogimage.jpg" />
   <meta property="og:description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}"/>
-  <meta property="og:locale" content="en_GB" />
+  <meta property="og:locale" content="{{ page.language | default: "en_GB" }}" />
   <meta property="og:site_name" content="{{ site.name }}" />
 
   {% if page.url == "/" or page.url == "/about/" %}
@@ -35,7 +41,7 @@
       "privacytoolsIO"
     ],
     "url": "{{ site.production_url }}",
-    "logo": "{{ site.production_url }}/assets/img/svg/layout/brand/square-transparent.svg",
+    "logo": "{{ site.production_url }}/assets/img/layout/shield.png",
     "sameAs": [
       "https://blog.privacytools.io",
       "https://twitter.com/privacytoolsIO",
@@ -48,16 +54,21 @@
   {% endif %}
 
   <!-- icons -->
-  <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/png/favicons/apple-touch-icon.png?v=2">
+  <link rel="apple-touch-icon" sizes="57x57" href="/assets/img/favicons/apple-touch-icon-57x57.png">
-  <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/png/favicons/favicon-32x32.png?v=2">
+  <link rel="apple-touch-icon" sizes="60x60" href="/assets/img/favicons/apple-touch-icon-60x60.png">
-  <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/png/favicons/favicon-16x16.png?v=2">
+  <link rel="apple-touch-icon" sizes="72x72" href="/assets/img/favicons/apple-touch-icon-72x72.png">
-  <link rel="manifest" href="/assets/img/png/favicons/site.webmanifest?v=2">
+  <link rel="apple-touch-icon" sizes="76x76" href="/assets/img/favicons/apple-touch-icon-76x76.png">
-  <link rel="mask-icon" href="/assets/img/png/favicons/safari-pinned-tab.svg?v=2" color="#3498db">
+  <link rel="apple-touch-icon" sizes="114x114" href="/assets/img/favicons/apple-touch-icon-114x114.png">
-  <link rel="shortcut icon" href="/assets/img/png/favicons/favicon.ico?v=2">
+  <link rel="apple-touch-icon" sizes="120x120" href="/assets/img/favicons/apple-touch-icon-120x120.png">
-  <meta name="msapplication-TileColor" content="#3498db">
+  <link rel="apple-touch-icon" sizes="144x144" href="/assets/img/favicons/apple-touch-icon-144x144.png">
-  <meta name="msapplication-config" content="/assets/img/png/favicons/browserconfig.xml?v=2">
+  <link rel="apple-touch-icon" sizes="152x152" href="/assets/img/favicons/apple-touch-icon-152x152.png">
-  <meta name="theme-color" content="#ffffff">
+  <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicons/apple-touch-icon-180x180.png">
-
+  <link rel="icon" type="image/png" href="/assets/img/favicons/favicon-32x32.png" sizes="32x32">
+  <link rel="icon" type="image/png" href="/assets/img/favicons/android-chrome-192x192.png" sizes="192x192">
+  <link rel="icon" type="image/png" href="/assets/img/favicons/favicon-96x96.png" sizes="96x96">
+  <link rel="icon" type="image/png" href="/assets/img/favicons/favicon-16x16.png" sizes="16x16">
+  <link rel="manifest" href="/assets/img/favicons/manifest.json">
+  <link rel="shortcut icon" href="/assets/img/favicons/favicon.ico">
 
   <!-- CSS stylesheets -->
   <link href="/assets/css/style.css?v=9" rel="stylesheet">

_includes/nav.html

@@ -1,8 +1,8 @@
 <nav class="fixed-top bg-dark">
   <div id="navbar" class="d-flex flex-wrap justify-content-between align-items-center">
     <div class="w-50">
-      <a id="nav-home-mobile" class="nav-anchor" href="/index.html">
+      <a id="nav-home-mobile" class="nav-anchor" href="{{ "/index.html" | translate_page }}">
-        <img src="/assets/img/svg/layout/brand/horizontal.svg" width="150px" />
+        <img src="/assets/img/layout/logo_smaller.png" width="150px" />
       </a>
     </div>
     <input type="checkbox" id="nav-toggle" checked />
@@ -10,7 +10,7 @@
 
     <div class="menu w-100">
       <div id="nav-left" class="position-relative flex-col">
-        <a class="nav-anchor" href="/index.html">
+        <a class="nav-anchor" href="{{ "/index.html" | translate_page }}">
           <span id="nav-home" class="fas fa-home fa-fw"></span>
         </a>
 
@@ -18,21 +18,21 @@
         <details class="nav-details">
           <summary>
             <span class="nav-summary">
-              Provider
+              {% t Provider %}
               <span class="dropdown-toggle"></span>
             </span>
           </summary>
           <span class="nav-dropdown">
-            <a class="dropdown-item" href="/providers/#ukusa"><span class="fas fa-user-secret fa-fw"></span> Avoid US & UK services</a>
+            <a class="dropdown-item" href="{{ "/providers/#ukusa" | translate_page }}"><span class="fas fa-user-secret fa-fw"></span> {% t Avoid US & UK services %}</a>
-            <a class="dropdown-item" href="/providers/cloud-storage/"><span class="fas fa-cloud fa-fw"></span> Cloud Storage</a>
+            <a class="dropdown-item" href="{{ "/providers/cloud-storage/" | translate_page }}"><span class="fas fa-cloud fa-fw"></span> {% t Cloud Storage %}</a>
-            <a class="dropdown-item" href="/providers/dns/"><span class="fa fa-tasks fa-fw"></span> DNS</a>
+            <a class="dropdown-item" href="{{ "/providers/dns/" | translate_page }}"><span class="fa fa-tasks fa-fw"></span> {% t DNS %}</a>
-            <a class="dropdown-item" href="/providers/email/"><span class="fas fa-mail-bulk fa-fw"></span> Email</a>
+            <a class="dropdown-item" href="{{ "/providers/email/" | translate_page }}"><span class="fas fa-mail-bulk fa-fw"></span> {% t Email %}</a>
-            <a class="dropdown-item" href="/providers/hosting/"><span class="fas fa-database fa-fw"></span> Hosting</a>
+            <a class="dropdown-item" href="{{ "/providers/hosting/" | translate_page }}"><span class="fas fa-database fa-fw"></span> {% t Hosting %}</a>
-            <a class="dropdown-item" href="/providers/paste/"><span class="fas fa-paste fa-fw"></span> Pastebins</a>
+            <a class="dropdown-item" href="{{ "/providers/paste/" | translate_page }}"><span class="fas fa-paste fa-fw"></span> {% t Pastebins %}</a>
-            <a class="dropdown-item" href="/providers/search-engines/"><span class="fas fa-search fa-fw"></span> Search Engines</a>
+            <a class="dropdown-item" href="{{ "/providers/search-engines/" | translate_page }}"><span class="fas fa-search fa-fw"></span> {% t Search Engines %}</a>
-            <a class="dropdown-item" href="/providers/social-networks/"><span class="fas fa-expand-arrows-alt fa-fw"></span> Social Networks</a>
+            <a class="dropdown-item" href="{{ "/providers/social-networks/" | translate_page }}"><span class="fas fa-expand-arrows-alt fa-fw"></span> {% t Social Networks %}</a>
-            <a class="dropdown-item" href="/providers/social-news-aggregator/"><span class="far fa-newspaper fa-fw"></span> Social News Aggregators</a>
+            <a class="dropdown-item" href="{{ "/providers/social-news-aggregator/" | translate_page }}"><span class="far fa-newspaper fa-fw"></span> {% t Social News Aggregators %}</a>
-            <a class="dropdown-item" href="/providers/vpn/"><span class="far fa-eye-slash fa-fw"></span> VPN</a>
+            <a class="dropdown-item" href="{{ "/providers/vpn/" | translate_page }}"><span class="far fa-eye-slash fa-fw"></span> {% t VPN %}</a>
           </span>
         </details>
 
@@ -40,16 +40,16 @@
         <details class="nav-details">
           <summary>
             <span class="nav-summary">
-              Browser
+              {% t Browser %}
               <span class="dropdown-toggle"></span>
             </span>
           </summary>
           <span class="nav-dropdown">
-            <a class="dropdown-item" href="/browsers/#browser"><span class="fas fa-check fa-fw"></span> Recommendation</a>
+            <a class="dropdown-item" href="{{ "/browsers/#browser" | translate_page }}"><span class="fas fa-check fa-fw"></span> {% t Recommendation %}</a>
-            <a class="dropdown-item" href="/browsers/#fingerprint"><span class="fas fa-fingerprint fa-fw"></span> Fingerprinting Info</a>
+            <a class="dropdown-item" href="{{ "/browsers/#fingerprint" | translate_page }}"><span class="fas fa-fingerprint fa-fw"></span> {% t Fingerprinting Info %}</a>
-            <a class="dropdown-item" href="/browsers/#webrtc"><span class="far fa-eye fa-fw"></span> WebRTC IP Leak</a>
+            <a class="dropdown-item" href="{{ "/browsers/#webrtc" | translate_page }}"><span class="far fa-eye fa-fw"></span> {% t WebRTC IP Leak %}</a>
-            <a class="dropdown-item" href="/browsers/#addons"><span class="far fa-list-alt fa-fw"></span> Browser Add-ons</a>
+            <a class="dropdown-item" href="{{ "/browsers/#addons" | translate_page }}"><span class="far fa-list-alt fa-fw"></span> {% t Browser Add-ons %}</a>
-            <a class="dropdown-item" href="/browsers/#about_config"><span class="fas fa-wrench fa-fw"></span> Firefox Tweaks</a>
+            <a class="dropdown-item" href="{{ "/browsers/#about_config" | translate_page }}"><span class="fas fa-wrench fa-fw"></span> {% t Firefox Tweaks %}</a>
           </span>
         </details>
 
@@ -57,23 +57,24 @@
         <details class="nav-details">
           <summary>
             <span class="nav-summary">
-              Software
+              {% t Software %}
               <span class="dropdown-toggle"></span>
             </span>
           </summary>
           <span class="nav-dropdown">
-            <a class="dropdown-item" href="/software/calendar-contacts/"><span class="fas fa-calendar fa-fw"></span> Calendar/Contacts Sync Tools</a>
+            <a class="dropdown-item" href="{{ "/software/calendar-contacts/" | translate_page }}"><span class="fas fa-calendar fa-fw"></span> {% t Calendar/Contacts Sync Tools %}</a>
-            <a class="dropdown-item" href="/software/notebooks/"><span class="far fa-sticky-note fa-fw"></span> Digital Notebook</a>
+            <a class="dropdown-item" href="{{ "/software/notebooks/" | translate_page }}"><span class="far fa-sticky-note fa-fw"></span> {% t Digital Notebook %}</a>
-            <a class="dropdown-item" href="/software/email/"><span class="fas fa-envelope fa-fw"></span> Email Clients</a>
+            <a class="dropdown-item" href="{{ "/software/email/#messaging" | translate_page }}"><span class="fas fa-random fa-fw"></span> {% t Email Alternatives %}</a>
-            <a class="dropdown-item" href="/software/encryption-tools/"><span class="fas fa-lock fa-fw"></span> File Encryption</a>
+            <a class="dropdown-item" href="{{ "/software/email/" | translate_page }}"><span class="fas fa-envelope fa-fw"></span> {% t Email Clients %}</a>
-            <a class="dropdown-item" href="/software/file-sharing/"><span class="fas fa-file-export fa-fw"></span> File Sharing</a>
+            <a class="dropdown-item" href="{{ "/software/encryption-tools/" | translate_page }}"><span class="fas fa-lock fa-fw"></span> {% t File Encryption %}</a>
-            <a class="dropdown-item" href="/software/file-sync/"><span class="fas fa-copy fa-fw"></span> File Sync</a>
+            <a class="dropdown-item" href="{{ "/software/file-sharing/" | translate_page }}"><span class="fas fa-file-export fa-fw"></span> {% t File Sharing %}</a>
-            <a class="dropdown-item" href="/software/productivity/#metadata-removal-tools"><span class="far fa-eye-slash fa-fw"></span> Metadata Removal Tools</a>
+            <a class="dropdown-item" href="{{ "/software/file-sync/" | translate_page }}"><span class="fas fa-copy fa-fw"></span> {% t File Sync %}</a>
-            <a class="dropdown-item" href="/software/passwords/"><span class="fas fa-user-lock fa-fw"></span> Password Manager</a>
+            <a class="dropdown-item" href="{{ "/software/productivity/#metadata-removal-tools" | translate_page }}"><span class="far fa-eye-slash fa-fw"></span> {% t Metadata Removal Tools %}</a>
-            <a class="dropdown-item" href="/software/productivity/"><span class="fas fa-briefcase fa-fw"></span> Productivity Tools</a>
+            <a class="dropdown-item" href="{{ "/software/passwords/" | translate_page }}"><span class="fas fa-user-lock fa-fw"></span> {% t Password Manager %}</a>
-            <a class="dropdown-item" href="/software/real-time-communication/"><span class="fas fa-comments fa-fw"></span> Real-Time Communication</a>
+            <a class="dropdown-item" href="{{ "/software/productivity/" | translate_page }}"><span class="fas fa-briefcase fa-fw"></span> {% t Productivity Tools %}</a>
-            <a class="dropdown-item" href="/software/networks/"><span class="fas fa-user-secret fa-fw"></span> Self-contained Networks</a>
+            <a class="dropdown-item" href="{{ "/software/real-time-communication/" | translate_page }}"><span class="fas fa-comments fa-fw"></span> {% t Real-Time Communication %}</a>
-            <a class="dropdown-item" href="/software/cloud/"><span class="fas fa-hdd fa-fw"></span> Self-Hosted Cloud Server</a>
+            <a class="dropdown-item" href="{{ "/software/networks/" | translate_page }}"><span class="fas fa-user-secret fa-fw"></span> {% t Self-contained Networks %}</a>
+            <a class="dropdown-item" href="{{ "/software/cloud/" | translate_page }}"><span class="fas fa-hdd fa-fw"></span> {% t Self-Hosted Cloud Server %}</a>
           </span>
         </details>
 
@@ -81,48 +82,48 @@
         <details class="nav-details">
           <summary>
             <span class="nav-summary">
-              OS
+              {% t OS %}
               <span class="dropdown-toggle"></span>
             </span>
           </summary>
           <span class="nav-dropdown">
-            <a class="dropdown-item" href="/operating-systems/#os"><span class="fas fa-th-large fa-fw"></span> PC OS</a>
+            <a class="dropdown-item" href="{{ "/operating-systems/#os" | translate_page }}"><span class="fas fa-th-large fa-fw"></span> {% t PC OS %}</a>
-            <a class="dropdown-item" href="/operating-systems/#live_os"><span class="fas fa-compact-disc fa-fw"></span> PC Live OS</a>
+            <a class="dropdown-item" href="{{ "/operating-systems/#live_os" | translate_page }}"><span class="fas fa-compact-disc fa-fw"></span> {% t Live CD OS %}</a>
-            <a class="dropdown-item" href="/operating-systems/#mobile_os"><span class="fas fa-mobile-alt fa-fw"></span> Mobile OS</a>
+            <a class="dropdown-item" href="{{ "/operating-systems/#mobile_os" | translate_page }}"><span class="fas fa-mobile-alt fa-fw"></span> {% t Mobile OS %}</a>
-            <a class="dropdown-item" href="/operating-systems/#aaddons"><span class="fas fa-th fa-fw"></span> Android Privacy Add-ons</a>
+            <a class="dropdown-item" href="{{ "/operating-systems/#aaddons" | translate_page }}"><span class="fas fa-th fa-fw"></span> {% t Android Privacy Add-ons %}</a>
-            <a class="dropdown-item" href="/operating-systems/#firmware"><span class="fas fa-signal fa-fw"></span> Router Firmware</a>
+            <a class="dropdown-item" href="{{ "/operating-systems/#firmware" | translate_page }}"><span class="fas fa-signal fa-fw"></span> {% t Router Firmware %}</a>
-            <a class="dropdown-item" href="/operating-systems/#win10"><span class="far fa-thumbs-down fa-fw"></span> Don't use Windows 10</a>
+            <a class="dropdown-item" href="{{ "/operating-systems/#win10" | translate_page }}"><span class="far fa-thumbs-down fa-fw"></span> {% t Don't use Windows 10 %}</a>
           </span>
         </details>
 
-        <a class="nav-anchor" href="/index.html#participate">Participate</a>
+        <a class="nav-anchor" href="{{ "/index.html#participate" | translate_page }}">{% t Participate %}</a>
       </div>
 
       <!-- Language -->
       <div id="nav-right">
 
-        <a href="/services/" class="nav-anchor">
+        <a href="{{ "/services/" | translate_page }}" class="nav-anchor">
-          Services
+          {% t Services %}
         </a>
         <a href="https://blog.privacytools.io/" class="nav-anchor">
-          Blog
+          {% t Blog %}
         </a>
-        <a href="/sponsors/" class="nav-anchor">
+        <a href="{{ "/sponsors/" | translate_page }}" class="nav-anchor">
-          Sponsors
+          {% t Sponsors %}
         </a>
-        <a href="/about/" class="nav-anchor">
+        <a href="{{ "/about/" | translate_page }}" class="nav-anchor">
-          About Us
+          {% t About Us %}
         </a>
         <span id="nav-switch-theme" class="nav-anchor">
-          <span class="nav-theme-icon fas fa-fw" aria-hidden="true" title="Theme"></span>
+          <span class="nav-theme-icon fas fa-fw" aria-hidden="true" title="{% t Theme %}"></span>
-          <span class="sr-only">Toggle Theme</span>
+          <span class="sr-only">{% t Toggle Theme %}</span>
         </span>
 
         <details class="nav-details">
           <summary>
             <span class="nav-summary">
-              <span class="fas fa-language text-danger fa-fw" aria-hidden="true" title="Language"></span>
+              <span class="fas fa-language text-danger fa-fw" aria-hidden="true" title="{% t Language %}"></span>
-              <span class="sr-only">Language Selection</span>
+              <span class="sr-only">{% t Language Selection %}</span>
               <span class="dropdown-toggle"></span>
             </span>
           </summary>
@@ -138,6 +139,7 @@
             <a href="https://privacytools.dreads-unlock.fr" rel="nofollow noopener" class="dropdown-item">Français</a>
           </span>
         </details>
+
       </div>
     </div>
   </div>

_includes/panel.html

@@ -5,7 +5,7 @@
         {% else %}
         <div class="card-header text-white bg-{{include.color}}">
         {% endif %}
-        <h3 class="h5">{{include.title}}</h3>
+        <h3 class="h5">{{include.title | translate_text}}</h3>
         </div>
         <div class="card-body">
             {{include.body}}

_includes/sections/android-addons.html

@@ -1,33 +1,37 @@
-<h1 id="aaddons" class="anchor"><a href="#aaddons"><i class="fas fa-link anchor-icon"></i></a> Android Privacy Add-ons</h1>
+<h1 id="aaddons" class="anchor"><a href="#aaddons"><i class="fas fa-link anchor-icon"></i></a> {% t Android Privacy Add-ons %}</h1>
+
+<div class="alert alert-success" role="alert">
+  <strong>{% t Improve your privacy with these add-ons for Android. %}</strong>
+</div>
 
 <div class="container-fluid">
 
   <div class="row mb-2">
     <div class="col-lg-3 col-sm-12 pt-lg-5">
-      <img src="/assets/img/png/3rd-party/netguard.png" height="70" width="70" class="img-fluid d-block mr-auto ml-auto align-middle" alt="NetGuard">
+      <img src="/assets/img/addons/netguard.png" height="70" width="200" class="img-fluid d-block mr-auto ml-auto align-middle" alt="{% t NetGuard %}">
     </div>
     <div class="col">
-    <h3>Control your traffic with <a href="https://www.netguard.me/">NetGuard</a></h3>
+    <h3>{% t Control your traffic with <a href="https://www.netguard.me/">NetGuard</a> %}</h3>
-    <p><strong>NetGuard</strong> provides simple and advanced methods to block certain apps from accessing the internet, without requiring root privileges. Applications and addresses can be individually allowed or denied access to your Wi-Fi and/or mobile connections, allowing you to control exactly which apps are able to phone home or not.</p>
+    <p>{% t <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. %}
     </div>
   </div>
 
   <div class="row mb-2">
     <div class="col-lg-3 col-sm-12 pt-lg-5">
-      <img src="/assets/img/svg/3rd-party/orbot.svg" height="70" width="70" class="img-fluid d-block mr-auto ml-auto align-middle" alt="Orbot">
+      <img src="/assets/img/addons/Orbot.png" height="70" width="200" class="img-fluid d-block mr-auto ml-auto align-middle" alt="{% t Orbot %}">
     </div>
     <div class="col">
-    <h3>Tor for Android with <a href="https://guardianproject.info/apps/orbot/">Orbot</a></h3>
+    <h3>{% t Tor for Android with <a href="https://guardianproject.info/apps/orbot/">Orbot</a> %}</h3>
-    <p><strong>Orbot</strong> is a free proxy app that empowers other apps to use the internet more securely. Orbot uses Tor to encrypt your Internet traffic and then hides it by bouncing through a series of computers around the world. <strong>Root Mode:</strong> Orbot can be configured to transparently proxy all of your Internet traffic through Tor. You can also choose which specific apps you wish to use through Tor.</p>
+    <p>{% t <strong>Orbot</strong> is a free proxy app that empowers other apps to use the internet more securely. Orbot uses Tor to encrypt your Internet traffic and then hides it by bouncing through a series of computers around the world.%} {% t <strong>Root Mode:</strong> Orbot can be configured to transparently proxy all of your Internet traffic through Tor. You can also choose which specific apps you want to use through Tor.%}
     </div>
   </div>
 
 </div>
 
-<h2>See also</h2>
+<h2>{% t See also %}</h2>
 
 <ul>
   <li>
-    <a href="/providers/dns#clients">Our DNS client recommendations</a>, which have information on enabling encrypted DNS on Android.
+    <a href="{{ '/providers/dns#clients' | translate_page }}">{% t Our DNS page</a> which also has information on encrypting DNS on Android.%}
   </li>
 </ul>

_includes/sections/browser-addons.html

@@ -1,13 +1,13 @@
-<h1 id="addons" class="anchor"><a href="#addons"><i class="fas fa-link anchor-icon"></i></a> Recommended Browser Add-ons</h1>
+<h1 id="addons" class="anchor"><a href="#addons"><i class="fas fa-link anchor-icon"></i></a> {% t Recommended Browser Add-ons %}</h1>
 
-<div class="alert alert-secondary" role="alert">
+<div class="alert alert-primary" role="alert">
-  Not all of these add-ons are necessary, and many provide redundant functionality. Choose the ones you need, and <a class="alert-link" href="https://blog.privacytools.io/firefox-privacy-an-introduction-to-safe/">learn more with our guide to Firefox Privacy</a>.
+  <strong>{% t Improve your privacy with these browser add-ons. %}</strong>
 </div>
 
 {% include cardv2.html
 title="uBlock Origin: Block Ads and Trackers"
-image="/assets/img/svg/3rd-party/ublock_origin.svg"
+image="/assets/img/addons/ublock-origin.png"
-description="<strong>uBlock Origin</strong> is an efficient <a href=https://github.com/gorhill/uBlock/wiki/Blocking-mode>wide-spectrum blocker</a> that is 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 open source."
+description="<strong>uBlock Origin</strong> is 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 open source."
 website="https://addons.mozilla.org/firefox/addon/ublock-origin/"
 forum="https://forum.privacytools.io/t/discussion-ublock-origin/266"
 github="https://github.com/gorhill/uBlock/"
@@ -17,10 +17,21 @@ opera="https://addons.opera.com/en/extensions/details/ublock/"
 edge="https://www.microsoft.com/en-us/p/ublock-origin/9nblggh444l4"
 %}
 
+{% include cardv2.html
+title="Cookie AutoDelete: Automatically Delete Cookies"
+image="/assets/img/addons/cookie-autodelete.png"
+description="<strong>Cookie AutoDelete</strong> 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."
+website="https://addons.mozilla.org/firefox/addon/cookie-autodelete/"
+forum="https://forum.privacytools.io/t/discussion-cookie-autodelete/267"
+github="https://github.com/Cookie-AutoDelete/Cookie-AutoDelete"
+firefox="https://addons.mozilla.org/en-US/firefox/addon/cookie-autodelete"
+chrome="https://chrome.google.com/webstore/detail/cookie-autodelete/fhcgjolkccmbidfldomjliifgaodjagh"
+%}
+
 {% include cardv2.html
 title="HTTPS Everywhere: Secure Connections"
-image="/assets/img/svg/3rd-party/https_everywhere.svg"
+image="/assets/img/addons/https-everywhere.png"
-description="<strong>HTTPS Everywhere</strong> enables encryption of your connections to many major websites, making your browsing more secure. It is a collaboration between The Tor Project and the Electronic Frontier Foundation."
+description="<strong>HTTPS Everywhere</strong> encrypts your communications with many major websites, making your browsing more secure. A collaboration between The Tor Project and the Electronic Frontier Foundation."
 website="https://www.eff.org/https-everywhere"
 forum="https://forum.privacytools.io/t/discussion-https-everywhere/268"
 github="https://github.com/EFForg/https-everywhere"
@@ -31,7 +42,7 @@ opera="https://addons.opera.com/en/extensions/details/https-everywhere"
 
 {% include cardv2.html
 title="Decentraleyes: Block Content Delivery Networks"
-image="/assets/img/svg/3rd-party/decentraleyes.svg"
+image="/assets/img/addons/decentraleyes.png"
 description="<strong>Decentraleyes</strong> 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."
 website="https://decentraleyes.org/"
 forum="https://forum.privacytools.io/t/discussion-decentraleyes/269"
@@ -41,21 +52,10 @@ chrome="https://chrome.google.com/webstore/detail/decentraleyes/ldpochfccmkkmhdb
 opera="https://addons.opera.com/en/extensions/details/decentraleyes"
 %}
 
-{% include cardv2.html
-title="Cookie AutoDelete: Automatically Delete Cookies"
-image="/assets/img/png/3rd-party/cookie_autodelete.png"
-description="<strong>Cookie AutoDelete</strong> automatically removes cookies, lingering sessions, and other information that can be used to spy on you when they are no longer used by open browser tabs."
-website="https://addons.mozilla.org/firefox/addon/cookie-autodelete/"
-forum="https://forum.privacytools.io/t/discussion-cookie-autodelete/267"
-github="https://github.com/Cookie-AutoDelete/Cookie-AutoDelete"
-firefox="https://addons.mozilla.org/en-US/firefox/addon/cookie-autodelete"
-chrome="https://chrome.google.com/webstore/detail/cookie-autodelete/fhcgjolkccmbidfldomjliifgaodjagh"
-%}
-
 {% include cardv2.html
 title="Terms of Service; Didn’t Read: Be Informed"
-image="/assets/img/svg/3rd-party/terms_of_service_didnt_read.svg"
+image="/assets/img/addons/tosdr.png"
-description='<strong>Terms of Service; Didn’t Read</strong> is an addon that believes "I have read and agree to the Terms of Service" is the biggest lie on the web, and wants to fix it by grading websites based on their terms of service agreements and privacy policies. It also gives short summaries of those agreements. The analysis and ratings are published transparently by a community of reviewers.'
+description="<strong>Terms of Service; Didn’t Read</strong> is an addon that aims to fix how “I have read and agree to the Terms” is the biggest lie on the web by grading websites based on their terms of service agreements and privacy policies. It also gives short summaries of those agreements. The analysis and ratings are done transparently by a community of reviewers."
 website="https://tosdr.org/"
 forum="https://forum.privacytools.io/t/discussion-terms-of-service-didn-t-read/270"
 github="https://github.com/tosdr/"
@@ -66,7 +66,7 @@ opera="https://addons.opera.com/en/extensions/details/terms-of-service-didnt-rea
 
 {% include cardv2.html
 title="Snowflake"
-image="/assets/img/svg/3rd-party/snowflake.svg"
+image="/assets/img/addons/snowflake.png"
 description="<strong>Snowflake</strong> is a new <a href=https://2019.www.torproject.org/docs/pluggable-transports.html.en>pluggable transport</a> from the Tor Project. If you have an uncensored connection, running this extension volunteers your connection to be used as a Snowflake proxy to help users unable to connect to the Tor network. Your IP will not be visible to the sites users visit using your proxy, as this extension will not make you an exit node. If your access to the Tor network is blocked, this extension will not assist you, and you should use the <a href=https://www.torproject.org>Tor Browser</a> instead."
 website="https://snowflake.torproject.org"
 forum="https://forum.privacytools.io/t/discussion-snowflake/1146"
@@ -77,7 +77,7 @@ chrome="https://chrome.google.com/webstore/detail/snowflake/mafpmfcccpbjnhfhjnll
 
 {% include cardv2.html
 title="Privacy Badger: Stop Tracking"
-image="/assets/img/svg/3rd-party/privacy_badger.svg"
+image="/assets/img/addons/privacy-badger.png"
 description="<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."
 website="https://www.eff.org/privacybadger"
 forum="https://forum.privacytools.io/t/discussion-privacy-badger/265"
@@ -87,15 +87,15 @@ chrome="https://chrome.google.com/webstore/detail/privacy-badger/pkehgijcmpdhfbd
 opera="https://addons.opera.com/en/extensions/details/privacy-badger/"
 %}
 
-<h2>For Power Users Only</h2>
+<h2>{% t For Power Users Only %}</h2>
 
 <div class="alert alert-warning" role="alert">
-  <strong>These addons require quite a lot of interaction from the user. Some sites may not work properly without careful configuration.</strong>
+  <strong>{% t These addons require quite a lot of interaction from the user. Some sites will not work properly until you have configured the add-ons. %}</strong>
 </div>
 
 {% include cardv2.html
 title="uMatrix: Stop Cross-Site Requests"
-image="/assets/img/png/3rd-party/umatrix.png"
+image="/assets/img/addons/umatrix.png"
 description="<strong>uMatrix</strong> gives you control over the requests that websites make to other websites. Many websites integrate features which let other websites track you, such as Facebook Like Buttons or Google Analytics."
 website="https://addons.mozilla.org/firefox/addon/umatrix/"
 forum="https://forum.privacytools.io/t/discussion-umatrix/271"
@@ -107,7 +107,7 @@ opera="https://addons.opera.com/en/extensions/details/umatrix"
 
 {% include cardv2.html
 title="NoScript Security Suite: Be in total control"
-image="/assets/img/svg/3rd-party/noscript.svg"
+image="/assets/img/addons/noscript.png"
 description="<strong>NoScript</strong> is a 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."
 website="https://addons.mozilla.org/firefox/addon/noscript/"
 forum="https://forum.privacytools.io/t/discussion-noscript-security-suite/272"

_includes/sections/browser-fingerprint.html

@@ -1,31 +1,31 @@
-<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>
+<h1 id="fingerprint" class="anchor"><a href="#fingerprint"><i class="fas fa-link anchor-icon"></i></a> {% t Browser Fingerprint - Is your browser configuration unique? %}</h1>
 
 <div class="alert alert-warning" role="alert">
-  <strong>Your Browser sends information that makes you unique amongst millions of users and therefore easy to identify.</strong>
+  <strong>{% t Your Browser sends information that makes you unique amongst millions of users and therefore easy to identify. %}</strong>
 </div>
 
-<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 cookies. EFF created a Tool called <a href="https://panopticlick.eff.org/">Panopticlick</a> to test your browser to see how unique it is.</p>
+<p>{% t 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 cookies. EFF created a Tool called <a href="https://panopticlick.eff.org/">Panopticlick</a> to test your browser to see how unique it is. %}</p>
 
 <p>
-<a class="btn btn-warning" href="https://panopticlick.eff.org/">
+<a class="btn btn-warning" href="{% t https://panopticlick.eff.org/ %}">
-  Test your Browser now
+  {% t Test your Browser now %}
 </a>
 </p>
 
-<p>You need to find what <strong>most browsers</strong> are reporting, and then use those variables to bring your browser in the same population. This means having the same fonts, plugins, and extensions installed as the large installed base. You should have a <a href="https://addons.mozilla.org/firefox/addon/uaswitcher/">spoofed user-agent string</a> to match what the large userbase has. You need to have the same settings enabled and disabled, such as DNT and WebGL. You need your browser to look as common as everyone else. Disabling JavaScript, using Linux, or even using the Tor Browser Bundle, will make your browser stick out from the masses.</p>
+<p>{% t You need to find what <strong>most browsers</strong> are reporting, and then use those variables to bring your browser in the same population. This means having the same fonts, plugins, and extensions installed as the large installed base. You should have a <a href="https://addons.mozilla.org/firefox/addon/uaswitcher/">spoofed user-agent string</a> to match what the large userbase has. You need to have the same settings enabled and disabled, such as DNT and WebGL. You need your browser to look as common as everyone else. Disabling JavaScript, using Linux, or even using the Tor Browser Bundle, will make your browser stick out from the masses. %}</p>
 
-<p>Modern web browsers have not been architected to assure personal web privacy. Rather than worrying about being fingerprinted, it seems more practical to use <a href="#addons"><i class="fas fa-link"></i> free software plugins</a> like Privacy Badger and uBlock Origin. They not only respect your freedom, but your privacy also. You can get much further with these than trying to manipulate your browser's fingerprint.</p>
+<p>{% t Modern web browsers have not been architected to assure personal web privacy. Rather than worrying about being fingerprinted, it seems more practical to use <a href="#addons"><i class="fas fa-link"></i> free software plugins</a> like Privacy Badger and uBlock Origin. They not only respect your freedom, but your privacy also. You can get much further with these than trying to manipulate your browser's fingerprint. %}</p>
 
 
-<h3>Firefox Addon: CanvasBlocker</h3>
+<h3>{% t Firefox Addon: CanvasBlocker %}</h3>
 <ul>
-	<li><a href="https://addons.mozilla.org/firefox/addon/canvasblocker/">addons.mozilla.org</a> - <strong>CanvasBlocker</strong> allows users to prevent websites from using some Javascript APIs to fingerprint them. Users can choose to block the APIs entirely on some or all websites (which may break some websites) or just block or fake its fingerprinting-friendly readout API.</li>
+	<li><a href="{% t https://addons.mozilla.org/firefox/addon/canvasblocker/ %}">{% t addons.mozilla.org %}</a> - {% t <strong>CanvasBlocker</strong> allows users to prevent websites from using some Javascript APIs to fingerprint them. Users can choose to block the APIs entirely on some or all websites (which may break some websites) or just block or fake its fingerprinting-friendly readout API. %}</li>
 </ul>
 
-<h3>Related Information</h3>
+<h3>{% t Related Information %}</h3>
 
 <ul>
-  <li><a href="https://panopticlick.eff.org/static/browser-uniqueness.pdf">How Unique Is Your Web Browser? Peter Eckersley, EFF.</a></li>
+  <li><a href="{% t https://panopticlick.eff.org/static/browser-uniqueness.pdf %}">{% t How Unique Is Your Web Browser? Peter Eckersley, EFF. %}</a></li>
-  <li><a href="#addons"><i class="fas fa-link"></i> Our Firefox privacy add-ons section.</a></li>
+  <li><a href="#addons"><i class="fas fa-link"></i> {% t Our Firefox privacy add-ons section. %}</a></li>
-  <li><a href="https://www.browserleaks.com/">BrowserLeaks.com</a> - Web browser security testing tools that tell you what exactly personal identity data may be leaked without any permissions when you surf the Internet.</li>
+  <li><a href="{% t https://www.browserleaks.com/ %}">BrowserLeaks.com</a> - {% t Web browser security testing tools that tell you what exactly personal identity data may be leaked without any permissions when you surf the Internet.%}</li>
 </ul>

_includes/sections/browser-recommendation.html

@@ -1,13 +1,12 @@
 <h1 id="browser" class="anchor">
   <a href="#browser"><span class="fas fa-link anchor-icon"></span></a>
-  Browser Recommendations For Desktop
+  {% t Browser Recommendations For Desktop %}
 </h1>
 
 {% include cardv2.html
 title="Firefox"
-image="/assets/img/svg/3rd-party/firefox_browser.svg"
+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
+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>.'
-recommendations: <a href="#addons"><i class="fas fa-link"></i> Privacy Add-ons</a> <a href="#webrtc"><i class="fas fa-link"></i> WebRTC</a> <a href="#about_config"><i class="fas fa-link"></i> about:config tweaks</a>.'
 website="https://firefox.com"
 forum="https://forum.privacytools.io/t/discussion-firefox/279"
 source="https://hg.mozilla.org/mozilla-central/"
@@ -21,7 +20,7 @@ netbsd="http://pkgsrc.se/www/firefox"
 
 {% include cardv2.html
 title="Tor Browser - Provides Anonymity"
-image="/assets/img/svg/3rd-party/tor_browser.svg"
+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://www.torproject.org/"
 tor="http://expyuzz4wqqyqhjn.onion/"
@@ -34,14 +33,13 @@ 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
+  {% t Browser Recommendations For Android %}
 </h1>
 
 {% include cardv2.html
 title="Firefox"
-image="/assets/img/svg/3rd-party/firefox_browser.svg"
+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
+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>.'
-recommendations: <a href="#addons"><i class="fas fa-link"></i> Privacy Add-ons</a> <a href="#webrtc"><i class="fas fa-link"></i> WebRTC</a> <a href="#about_config"><i class="fas fa-link"></i> about:config tweaks</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"
@@ -52,7 +50,7 @@ android="https://www.mozilla.org/firefox/all/#product-android-release"
 
 {% include cardv2.html
 title="Tor Browser - Provides Anonymity"
-image="/assets/img/svg/3rd-party/tor_browser.svg"
+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://www.torproject.org/"
 tor="http://expyuzz4wqqyqhjn.onion/"
@@ -65,8 +63,8 @@ googleplay="https://play.google.com/store/apps/details?id=org.torproject.torbrow
 
 {% include cardv2.html
 title="Bromite"
-image="/assets/img/svg/3rd-party/bromite.svg"
+image="/assets/img/tools/bromite.png"
-description='Bromite is a Chromium-based browser with privacy and security enhancements, built-in adblocking and DNS over HTTPS support; it includes patches from ungoogled-chromium and other privacy-focused projects. More info can be found <a href="https://www.bromite.org/#main-features">on the official website</a>.'
+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"
@@ -74,27 +72,27 @@ fdroid="https://www.bromite.org/fdroid"
 android="https://www.bromite.org/#download-bromite"
 %}
 
-<h3>Worth Mentioning for Android</h3>
+<h3>{% t Worth Mentioning for Android %}</h3>
 
 <ul>
   <li>
-    <a href="https://www.stoutner.com/privacy-browser/">Privacy Browser</a>
+    <a href="{% t https://www.stoutner.com/privacy-browser/ %}">{% t 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>
+   - {% t 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">
+    <a href="{% t 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="badge badge-warning" data-toggle="tooltip" title="{% t 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
+       {% t  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>
+<h1 id="browser-ios" class="anchor"><a href="#browser-ios"><i class="fas fa-link anchor-icon"></i></a> {% t Browser Recommendations For iOS %}</h1>
 
 {% include cardv2.html
 title="Firefox"
-image="/assets/img/svg/3rd-party/firefox_browser.svg"
+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"
@@ -105,7 +103,7 @@ ios="https://apps.apple.com/us/app/firefox-private-safe-browser/id989804926"
 
 {% include cardv2.html
 title="Onion Browser"
-image="/assets/img/svg/3rd-party/onion_browser.svg"
+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"
@@ -116,7 +114,7 @@ ios="https://apps.apple.com/us/app/onion-browser/id519296448"
 
 {% include cardv2.html
 title="DuckDuckGo Privacy Browser"
-image="/assets/img/svg/3rd-party/duckduckgo.svg"
+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://duckduckgo.com/app"
 tor="https://3g2upl4pq6kufc4m.onion/app"
@@ -125,11 +123,11 @@ github="https://github.com/duckduckgo/iOS"
 ios="https://apps.apple.com/us/app/duckduckgo-privacy-browser/id663592361"
 %}
 
-<h3>Worth Mentioning for iOS</h3>
+<h3>{% t Worth Mentioning for iOS %}</h3>
 
 <ul>
   <li>
-    <a href="https://snowhaze.com/en/index.html">SnowHaze</a>
+    <a href="{% t https://snowhaze.com/en/index.html %}">{% t SnowHaze %}</a>
-        - An open-source web browser with built-in ad, tracker, cookie, and fingerprint blocking, all customizable on a per-site basis.
+        - {% t An open-source web browser with built-in ad, tracker, cookie, and fingerprint blocking, all customizable on a per-site basis. %}
   </li>
 </ul>

_includes/sections/browser-tweaks.html

@@ -1,65 +1,65 @@
-<h1 id="about_config" class="anchor"><a href="#about_config"><i class="fas fa-link anchor-icon"></i></a> Firefox: Privacy Related "about:config" Tweaks</h1>
+<h1 id="about_config" class="anchor"><a href="#about_config"><i class="fas fa-link anchor-icon"></i></a> {% t Firefox: Privacy Related "about:config" Tweaks %}</h1>
 
-<div class="alert alert-success" role="alert">This is a collection of privacy-related <strong>about:config</strong> tweaks. We'll show you how to enhance the privacy of your Firefox browser.</div>
+<div class="alert alert-success" role="alert">{% t This is a collection of privacy-related <strong>about:config</strong> tweaks. We'll show you how to enhance the privacy of your Firefox browser. %}</div>
 
-<h3>Preparation:</h3>
+<h3>{% t Preparation: %}</h3>
 
 <ol>
-  <li>Enter "about:config" in the firefox address bar and press enter.</li>
+  <li>{% t Enter "about:config" in the firefox address bar and press enter. %}</li>
-  <li>Press the button "I'll be careful, I promise!"</li>
+  <li>{% t Press the button "I'll be careful, I promise!" %}</li>
-  <li>Follow the instructions below...</li>
+  <li>{% t Follow the instructions below... %}</li>
 </ol>
 
-<h3>Getting started:</h3>
+<h3>{% t Getting started: %}</h3>
 
 <dl class="long-string-list">
   <dt>privacy.firstparty.isolate = true</dt>
-  <dd>A result of the <a href="https://wiki.mozilla.org/Security/Tor_Uplift">Tor Uplift</a> effort, this preference isolates all browser identifier sources (e.g. cookies) to the first party domain, with the goal of preventing tracking across different domains. (Don't do this if you are using the Firefox Addon "Cookie AutoDelete" with Firefox v58 or below.)</dd>
+  <dd>{% t A result of the <a href="https://wiki.mozilla.org/Security/Tor_Uplift">Tor Uplift</a> effort, this preference isolates all browser identifier sources (e.g. cookies) to the first party domain, with the goal of preventing tracking across different domains. (Don't do this if you are using the Firefox Addon "Cookie AutoDelete" with Firefox v58 or below.) %}</dd>
 
   <dt>privacy.resistFingerprinting = true</dt>
-  <dd>A result of the <a href="https://wiki.mozilla.org/Security/Tor_Uplift">Tor Uplift</a> effort, this preference makes Firefox more resistant to browser fingerprinting.</dd>
+  <dd>{% t A result of the <a href="https://wiki.mozilla.org/Security/Tor_Uplift">Tor Uplift</a> effort, this preference makes Firefox more resistant to browser fingerprinting. %}</dd>
 
   <dt>privacy.trackingprotection.fingerprinting.enabled = true</dt>
-  <dd>[FF67+] Blocks Fingerprinting</dd>
+  <dd>{% t [FF67+] Blocks Fingerprinting %}</dd>
 
   <dt>privacy.trackingprotection.cryptomining.enabled = true</dt>
-  <dd>[FF67+] Blocks CryptoMining</dd>
+  <dd>{% t [FF67+] Blocks CryptoMining %}</dd>
 
   <dt>privacy.trackingprotection.enabled = true</dt>
-  <dd>This is Mozilla's new built-in tracking protection. It uses Disconnect.me filter list, which is redundant if you are already using uBlock Origin 3rd party filters, therefore you should set it to false if you are using the add-on functionalities.</dd>
+  <dd>{% t This is Mozilla's new built-in tracking protection. It uses Disconnect.me filter list, which is redundant if you are already using uBlock Origin 3rd party filters, therefore you should set it to false if you are using the add-on functionalities. %}</dd>
 
   <dt>browser.send_pings = false</dt>
-  <dd>The attribute would be useful for letting websites track visitors' clicks.</dd>
+  <dd>{% t The attribute would be useful for letting websites track visitors' clicks. %}</dd>
 
   <dt>browser.sessionstore.max_tabs_undo = 0</dt>
-  <dd>Even with Firefox set to not remember history, your closed tabs are stored temporarily at Menu -&gt; History -&gt; Recently Closed Tabs.</dd>
+  <dd>{% t Even with Firefox set to not remember history, your closed tabs are stored temporarily at Menu -&gt; History -&gt; Recently Closed Tabs. %}</dd>
 
   <dt>browser.urlbar.speculativeConnect.enabled = false</dt>
-  <dd>Disable preloading of autocomplete URLs. Firefox preloads URLs that autocomplete when a user types into the address bar, which is a concern if URLs are suggested that the user does not want to connect to. <a href="https://www.ghacks.net/2017/07/24/disable-preloading-firefox-autocomplete-urls/">Source</a></dd>
+  <dd>{% t Disable preloading of autocomplete URLs. Firefox preloads URLs that autocomplete when a user types into the address bar, which is a concern if URLs are suggested that the user does not want to connect to.%} <a href="{% t https://www.ghacks.net/2017/07/24/disable-preloading-firefox-autocomplete-urls/%}">{% t Source %}</a></dd>
 
 
   <dt>dom.event.clipboardevents.enabled = false</dt>
-  <dd>Disable that websites can get notifications if you copy, paste, or cut something from a web page, and it lets them know which part of the page had been selected.</dd>
+  <dd>{% t Disable that websites can get notifications if you copy, paste, or cut something from a web page, and it lets them know which part of the page had been selected. %}</dd>
 
   <dt>media.eme.enabled = false</dt>
   <dd>
-  <p>Disables playback of DRM-controlled HTML5 content, which, if enabled, automatically downloads the Widevine Content Decryption Module provided by Google Inc. <a href="https://support.mozilla.org/kb/enable-drm#w_opt-out-of-cdm-playback-uninstall-cdms-and-stop-all-cdm-downloads">Details</a></p>
+  <p>{% t Disables playback of DRM-controlled HTML5 content, which, if enabled, automatically downloads the Widevine Content Decryption Module provided by Google Inc.%} <a href="{% t https://support.mozilla.org/kb/enable-drm#w_opt-out-of-cdm-playback-uninstall-cdms-and-stop-all-cdm-downloads %}">{% t Details %}</a></p>
-  <p>DRM-controlled content that requires the Adobe Flash or Microsoft Silverlight NPAPI plugins will still play, if installed and enabled in Firefox.</p>
+  <p>{% t DRM-controlled content that requires the Adobe Flash or Microsoft Silverlight NPAPI plugins will still play, if installed and enabled in Firefox. %}</p>
   </dd>
 
   <dt>media.gmp-widevinecdm.enabled = false</dt>
-  <dd>Disables the Widevine Content Decryption Module provided by Google Inc., used for the playback of DRM-controlled HTML5 content. <a href="https://support.mozilla.org/kb/enable-drm#w_disable-the-google-widevine-cdm-without-uninstalling">Details</a></dd>
+  <dd>{% t Disables the Widevine Content Decryption Module provided by Google Inc., used for the playback of DRM-controlled HTML5 content.%} <a href="{% t https://support.mozilla.org/kb/enable-drm#w_disable-the-google-widevine-cdm-without-uninstalling %}">{% t Details %}</a></dd>
 
   <dt>media.navigator.enabled = false</dt>
-  <dd>Websites can track the microphone and camera status of your device.</dd>
+  <dd>{% t Websites can track the microphone and camera status of your device. %}</dd>
 
   <dt>network.cookie.cookieBehavior = 1</dt>
   <dd>
-  Disable cookies
+  {% t Disable cookies %}
   <ul>
-    <li>0 = Accept all cookies by default</li>
+    <li>0 = {% t Accept all cookies by default %}</li>
-    <li>1 = Only accept from the originating site (block third-party cookies)</li>
+    <li>1 = {% t Only accept from the originating site (block third-party cookies) %}</li>
-    <li>2 = Block all cookies by default</li>
+    <li>2 = {% t Block all cookies by default %}</li>
   </ul>
   </dd>
 
@@ -67,57 +67,57 @@
 
   <dt>network.http.referer.XOriginPolicy = 2</dt>
   <dd>
-  Only send <code>Referer</code> header when the full hostnames match. (Note: if you notice significant breakage, you might try <code>1</code> combined with an <code>XOriginTrimmingPolicy</code> tweak below.) <a href="https://feeding.cloud.geek.nz/posts/tweaking-referrer-for-privacy-in-firefox/">Source</a>
+  {% t Only send <code>Referer</code> header when the full hostnames match. (Note: if you notice significant breakage, you might try <code>1</code> combined with an <code>XOriginTrimmingPolicy</code> tweak below.)%} <a href="{% t https://feeding.cloud.geek.nz/posts/tweaking-referrer-for-privacy-in-firefox/ %}">{% t Source %}</a>
   <ul>
-    <li>0 = Send <code>Referer</code> in all cases</li>
+    <li>0 = {% t Send <code>Referer</code> in all cases %}</li>
-    <li>1 = Send <code>Referer</code> to same eTLD sites</li>
+    <li>1 = {% t Send <code>Referer</code> to same eTLD sites %}</li>
-    <li>2 = Send <code>Referer</code> only when the full hostnames match</li>
+    <li>2 = {% t Send <code>Referer</code> only when the full hostnames match %}</li>
   </ul>
   </dd>
 
   <dt>network.http.referer.XOriginTrimmingPolicy = 2</dt>
   <dd>
-  When sending <code>Referer</code> across origins, only send scheme, host, and port in the <code>Referer</code> header of cross-origin requests. <a href="https://feeding.cloud.geek.nz/posts/tweaking-referrer-for-privacy-in-firefox/">Source</a>
+  {% t When sending <code>Referer</code> across origins, only send scheme, host, and port in the <code>Referer</code> header of cross-origin requests.%} <a href="{% t https://feeding.cloud.geek.nz/posts/tweaking-referrer-for-privacy-in-firefox/ %}">{% t Source %}</a>
   <ul>
-    <li>0 = Send full url in <code>Referer</code></li>
+    <li>0 = {% t Send full url in <code>Referer</code> %}</li>
-    <li>1 = Send url without query string in <code>Referer</code></li>
+    <li>1 = {% t Send url without query string in <code>Referer</code> %}</li>
-    <li>2 = Only send scheme, host, and port in <code>Referer</code></li>
+    <li>2 = {% t Only send scheme, host, and port in <code>Referer</code> %}</li>
   </ul>
   </dd>
 
-  <dt>Looking for TRR, DoH or ESNI?</dt>
+  <dt>{% t Looking for TRR, DoH or ESNI? %}</dt>
-  <dd>They have moved to <a href="/providers/dns/#icanndns">our DNS page</a>.</dd>
+  <dd>{% t They have moved to <a href="{{ '/providers/dns/#icanndns' | translate_page }}">our DNS page</a>. %}</dd>
 
   <dt>webgl.disabled = true</dt>
-  <dd>WebGL is a potential security risk. <a href="https://security.stackexchange.com/questions/13799/is-webgl-a-security-concern">Source</a></dd>
+  <dd>{% t WebGL is a potential security risk.%} <a href="{% t https://security.stackexchange.com/questions/13799/is-webgl-a-security-concern %}">{% t Source %}</a></dd>
 
   <dt>browser.sessionstore.privacy_level = 2</dt>
   <dd>
-  This preference controls when to store extra information about a session: contents of forms, scrollbar positions, cookies, and POST data. <a href="http://kb.mozillazine.org/Browser.sessionstore.privacy_level">Details</a>
+  {% t This preference controls when to store extra information about a session: contents of forms, scrollbar positions, cookies, and POST data.%} <a href="{% t http://kb.mozillazine.org/Browser.sessionstore.privacy_level %}">{% t Details %}</a>
   <ul>
-    <li>0 = Store extra session data for any site. (Default starting with Firefox 4.)</li>
+    <li>0 = {% t Store extra session data for any site. (Default starting with Firefox 4.) %}</li>
-    <li>1 = Store extra session data for unencrypted (non-HTTPS) sites only. (Default before Firefox 4.)</li>
+    <li>1 = {% t Store extra session data for unencrypted (non-HTTPS) sites only. (Default before Firefox 4.) %}</li>
-    <li>2 = Never store extra session data.</li>
+    <li>2 = {% t Never store extra session data. %}</li>
   </ul>
   </dd>
 
 
   <dt>network.IDN_show_punycode = true</dt>
-  <dd>Not rendering IDNs as their Punycode equivalent leaves you open to phishing attacks that can be very difficult to notice. <a href="https://krebsonsecurity.com/2018/03/look-alike-domains-and-visual-confusion/#more-42636">Source</a></dd>
+  <dd>{% t Not rendering IDNs as their Punycode equivalent leaves you open to phishing attacks that can be very difficult to notice.%} <a href="{% t https://krebsonsecurity.com/2018/03/look-alike-domains-and-visual-confusion/#more-42636 %}">{% t Source %}</a></dd>
 
 
-<h3 id="user.js">Firefox user.js Templates</h3>
+<h3 id="user.js">{% t Firefox user.js Templates %}</h3>
 <ul>
-	<li><a href="https://github.com/ghacksuserjs/ghacks-user.js">ghacks-user.js</a> - An ongoing comprehensive user.js template for configuring and hardening Firefox privacy, security and anti-fingerprinting.</li>
+	<li><a href="{% t https://github.com/ghacksuserjs/ghacks-user.js %}">{% t ghacks-user.js %}</a> - {% t An ongoing comprehensive user.js template for configuring and hardening Firefox privacy, security and anti-fingerprinting. %}</li>
 </ul>
 
 
-<h3>Related Information</h3>
+<h3>{% t Related Information %}</h3>
 
 <ul>
-  <li><a href="https://blog.privacytools.io/firefox-privacy-an-introduction-to-safe/">Firefox Privacy: Tips and Tricks for Better Browsing</a> - A good starting guide for users looking to keep their data private and secure.</li>
+  <li><a href="{% t https://blog.privacytools.io/firefox-privacy-an-introduction-to-safe/ %}">{% t Firefox Privacy: Tips and Tricks for Better Browsing %}</a> - {% t A good starting guide for users looking to keep their data private and secure. %}</li>
-  <li><a href="https://ffprofile.com/">ffprofile.com</a> - Helps you to create a Firefox profile with the defaults you like.</li>
+  <li><a href="{% t https://ffprofile.com/ %}">{% t ffprofile.com %}</a> - {% t Helps you to create a Firefox profile with the defaults you like. %}</li>
-  <li><a href="http://kb.mozillazine.org/Category:Security_and_privacy-related_preferences">mozillazine.org</a> - Security and privacy-related preferences. </li>
+  <li><a href="{% t http://kb.mozillazine.org/Category:Security_and_privacy-related_preferences %}">{% t mozillazine.org %}</a> - {% t Security and privacy-related preferences.  %}</li>
-  <li><a href="https://addons.mozilla.org/firefox/addon/privacy-settings/">Privacy Settings</a> - A Firefox add-on to alter built-in privacy settings easily with a toolbar panel.</li>
+  <li><a href="{% t https://addons.mozilla.org/firefox/addon/privacy-settings/ %}">{% t Privacy Settings %}</a> - {% t A Firefox add-on to alter built-in privacy settings easily with a toolbar panel. %}</li>
-  <li><a href="https://12bytes.org/articles/tech/firefox/the-firefox-privacy-guide-for-dummies/">Firefox Privacy Guide For Dummies</a> - Guide on ways (already discussed and others) to improve your privacy and safety on Firefox.</li>
+  <li><a href="{% t https://12bytes.org/articles/tech/firefox/the-firefox-privacy-guide-for-dummies/ %}">{% t Firefox Privacy Guide For Dummies %}</a> - {% t Guide on ways (already discussed and others) to improve your privacy and safety on Firefox. %}</li>
 </ul>

_includes/sections/browser-webrtc.html

@@ -1,47 +1,47 @@
-<h1 id="webrtc" class="anchor"><a href="#webrtc"><i class="fas fa-link anchor-icon"></i></a> WebRTC IP Leak Test - Is your IP address leaking?</h1>
+<h1 id="webrtc" class="anchor"><a href="#webrtc"><i class="fas fa-link anchor-icon"></i></a> {% t WebRTC IP Leak Test - Is your IP address leaking? %}</h1>
 
 <div class="alert alert-danger" role="alert">
-  <strong>WebRTC is a new communication protocol that relies on JavaScript that can leak your actual IP address from behind your VPN.</strong>
+  <strong>{% t WebRTC is a new communication protocol that relies on JavaScript that can leak your actual IP address from behind your VPN. %}</strong>
 </div>
 
-<p>While software like NoScript prevents this, it's probably a good idea to block this protocol directly as well, just to be safe.</p>
+<p>{% t While software like NoScript prevents this, it's probably a good idea to block this protocol directly as well, just to be safe. %}</p>
 
 <p>
-<a class="btn btn-warning" target="_blank" rel="noopener noreferrer" href="https://ipleak.net">Test your Browser now</a>
+<a class="btn btn-warning" target="_blank" rel="noopener noreferrer" href="{% t https://ipleak.net %}">{% t Test your Browser now %}</a>
 </p>
 
-<h3>How to disable WebRTC in Firefox?</h3>
+<h3>{% t How to disable WebRTC in Firefox? %}</h3>
 
-<p>In short: Set "media.peerconnection.enabled" to "false" in "about:config".</p>
+<p>{% t In short: Set "media.peerconnection.enabled" to "false" in "about:config".%}</p>
-<p><strong>Explained:</strong></p>
+<p><strong>{% t Explained: %}</strong></p>
 
 <ol class="long-string-list">
-  <li>Enter "about:config" in the firefox address bar and press enter.</li>
+  <li>{% t Enter "about:config" in the firefox address bar and press enter. %}
-  <li>Press the button "I'll be careful, I promise!"</li>
+  <li>{% t Press the button "I'll be careful, I promise!" %}
-  <li>Search for "media.peerconnection.enabled"</li>
+  <li>{% t Search for "media.peerconnection.enabled" %}
-  <li>Double click the entry, the column "Value" should now be "false"</li>
+  <li>{% t Double click the entry, the column "Value" should now be "false" %}
-  <li>Done. Do the WebRTC leak test again.</li>
+  <li>{% t Done. Do the WebRTC leak test again. %}
 </ol>
 
-<p>If you want to make sure every single WebRTC-related setting is really disabled change these settings:</p>
+<p>{% t If you want to make sure every single WebRTC-related setting is really disabled, change these settings: %}</p>
 
 <ol class="long-string-list">
-  <li>media.peerconnection.turn.disable = true</li>
+  <li>media.peerconnection.turn.disable = true
-  <li>media.peerconnection.use_document_iceservers = false</li>
+  <li>media.peerconnection.use_document_iceservers = false
-  <li>media.peerconnection.video.enabled = false</li>
+  <li>media.peerconnection.video.enabled = false
-  <li>media.peerconnection.identity.timeout = 1</li>
+  <li>media.peerconnection.identity.timeout = 1
 </ol>
 
-<p>Now you can be 100% sure WebRTC is disabled.</p>
+<p>{% t Now you can be 100% sure WebRTC is disabled. %}</p>
 
 <p>
-<a class="btn btn-primary" target="_blank" rel="noopener noreferrer" href="https://ipleak.net">Test your Browser again</a>
+<a class="btn btn-primary" target="_blank" rel="noopener noreferrer" href="{% t https://ipleak.net %}">{% t Test your Browser again %}</a>
 </p>
 
-<h3>How to fix the WebRTC Leak in Google Chrome?</h3>
+<h3>{% t How to fix the WebRTC Leak in Google Chrome? %}</h3>
 
-<p>WebRTC cannot be fully disabled in Chrome; however, it is possible to change its routing settings (and prevent leaks) using an extension. Two open-source solutions include <a href="https://chrome.google.com/webstore/detail/webrtc-leak-prevent/eiadekoaikejlgdbkbdfeijglgfdalml">WebRTC Leak Prevent</a> (options may need to be changed depending on the scenario), and <a href="https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm">uBlock Origin</a> (select "Prevent WebRTC from leaking local IP addresses" in Settings).</p>
+<p>{% t WebRTC cannot be fully disabled in Chrome; however, it is possible to change its routing settings (and prevent leaks) using an extension. Two open-source solutions include <a href="https://chrome.google.com/webstore/detail/webrtc-leak-prevent/eiadekoaikejlgdbkbdfeijglgfdalml">WebRTC Leak Prevent</a> (options may need to be changed depending on the scenario), and <a href="https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm">uBlock Origin</a> (select "Prevent WebRTC from leaking local IP addresses" in Settings).%}</p>
 
-<h3>What about other browsers?</h3>
+<h3>{% t What about other browsers? %}</h3>
 
-<p>Chrome on iOS, Internet Explorer and Safari does not implement WebRTC yet. <a href="#browser"><i class="fas fa-link"></i> But we recommend using Firefox on all devices.</a></p>
+<p>{% t Chrome on iOS, Internet Explorer and Safari does not implement WebRTC yet.%} <a href="#browser"><i class="fas fa-link"></i> {% t But we recommend using Firefox on all devices. %}</a></p>

_includes/sections/calendar-contacts-sync.html

@@ -1,13 +1,13 @@
-<h1 id="calendar_contacts" class="anchor"><a href="#calendar_contacts"><i class="fas fa-link anchor-icon"></i></a> Calendar and Contacts Sync</h1>
+<h1 id="calendar_contacts" class="anchor"><a href="#calendar_contacts"><i class="fas fa-link anchor-icon"></i></a> {% t Calendar and Contacts Sync %}</h1>
 
 <div class="alert alert-warning" role="alert">
-  <strong>If you are currently using a calendar and or contacts synchronization service like Google Sync or iCloud, you should pick an alternative here.</strong>
+  <strong>{% t If you are currently using a calendar and or contacts synchronization service like Google Sync or iCloud, you should pick an alternative here. %}</strong>
 </div>
 
 {%
   include cardv2.html
   title="Nextcloud"
-  image="/assets/img/svg/3rd-party/nextcloud.svg"
+  image="/assets/img/provider/Nextcloud.png"
   description="<strong>Nextcloud</strong> is a suite of client-server software for creating and using file hosting services. This includes calendar sync via CalDAV and contacts sync via CardDAV. Nextcloud is free and open-source, thereby allowing anyone to install and operate it without charge on a private server."
   website="https://nextcloud.com/"
   forum="https://forum.privacytools.io/t/discussion-nextcloud-calender-contacts-sync-tools/1535"
@@ -22,10 +22,21 @@
   ios="https://nextcloud.com/install/"
 %}
 
+{% capture email_providers_desc %}Many email providers also offer calendar and or contacts sync services. Refer to the <a href="{{'/providers/email' | translate_page }}">Email Providers section</a> to choose an email provider and check if they also offer calendar and/or contacts sync.{% endcapture %}
+{% capture email_providers_link %}{{'/providers/email' | translate_page }}{% endcapture %}
+
+{%
+  include cardv2.html
+  title="Email Providers"
+  image="/assets/img/misc/email.png"
+  description="Many email providers also offer calendar and or contacts sync services. Refer to the <a href=\"{{'/providers/email' | translate_page }}\">Email Providers section</a> to choose an email provider and check if they also offer calendar and/or contacts sync."
+  website="{{'/providers/email' | translate_page }}"
+%}
+
 {%
   include cardv2.html
   title="EteSync"
-  image="/assets/img/svg/3rd-party/etesync.svg"
+  image="/assets/img/provider/etesync.png"
   description="<strong>EteSync</strong> is a secure, end-to-end encrypted, and privacy-respecting cloud backup and synchronization software for your personal information (e.g. contacts and calendars). There are native clients for Android, iOS, and the web, and an adapter layer for most desktop clients. It costs $24 per year to use, or you can host the server yourself for free."
   website="https://www.etesync.com/"
   forum="https://forum.privacytools.io/t/discussion-etesync-calender-contacts-sync-tools/1536"
@@ -42,26 +53,14 @@
   ios="https://www.etesync.com/install/ios/"
 %}
 
-{%
+<h3>{% t Worth Mentioning %}</h3>
-  include cardv2.html
-  title="Email Providers"
-  image="/assets/img/svg/layout/email.svg"
-  description='Many email providers also offer calendar and or contacts sync services. Refer to our <a href="/providers/email">Email Provider recommendations</a> to choose an email provider and see if they also offer calendar and/or contacts sync.'
-  website="/providers/email"
-%}
-
-<h3>Worth Mentioning</h3>
 
 <ul>
   <li>
-    <a href="https://fruux.com/">fruux</a> - A unified contacts/calendaring system that works across platforms and devices.
+    <a href="{% t https://fruux.com/ %}">{% t fruux %}</a> - {% t A unified contacts/calendaring system that works across platforms and devices. %}
   </li>
 
   <li>
-    <a href="../cloud">Cloud backups</a> - Consider regularly exporting your calendar and or contacts and backing them up on a separate storage drive or uploading them to cloud storage (ideally after <a href="../encryption-tools/">encrypting</a> them).
+    <a href="../cloud">{% t cloud backups %}</a> - {% t Consider regularly exporting your calendar and or contacts and backing them up on a separate storage drive or uploading them to cloud storage (ideally after <a href="../encryption-tools/">encrypting</a> them).%}
-  </li>
-
-  <li>
-    <a href="https://github.com/39aldo39/DecSync">DecSync</a> - DecSync can be used to synchronize RSS, contacts, and calendars without a server by using file synchronization software such as <a href="https://syncthing.net/">Syncthing</a>.
   </li>
 </ul>

_includes/sections/cloud-storage.html

@@ -1,13 +1,13 @@
-<h1 id="cloud" class="anchor"><a href="#cloud"><i class="fas fa-link anchor-icon"></i></a> Encrypted Cloud Storage Services</h1>
+<h1 id="cloud" class="anchor"><a href="#cloud"><i class="fas fa-link anchor-icon"></i></a> {% t Encrypted Cloud Storage Services%}</h1>
 
 <div class="alert alert-warning" role="alert">
-  <strong>If you are currently using Dropbox, Google Drive, Microsoft OneDrive or Apple iCloud, you should pick an alternative here.</strong>
+  <strong>{% t If you are currently using Dropbox, Google Drive, Microsoft OneDrive or Apple iCloud, you should pick an alternative here.%}</strong>
 </div>
 
 {% include cardv2.html
 title="Nextcloud - Choose your hoster"
-image="/assets/img/svg/3rd-party/nextcloud.svg"
+image="/assets/img/provider/Nextcloud.png"
-description="<strong>Nextcloud</strong> is a suite of client-server software for creating your own file hosting services on a private server you control. Nextcloud is free and open-source, and supports end-to-end encryption with many of its clients. The only limits on storage and bandwidth are the limits on the <a href=\"/providers/hosting\">server provider</a> you choose."
+description="Nextcloud is similar in functionality to the widely-used Dropbox, with the difference being that Nextcloud is free and open-source, thereby allowing anyone to install and operate it without charge on a private server, with no limits on storage space or the number of connected clients."
 website="https://nextcloud.com/"
 forum="https://forum.privacytools.io/t/discussion-nextcloud/287"
 github="https://github.com/nextcloud"
@@ -23,9 +23,9 @@ googleplay="https://play.google.com/store/apps/details?id=com.nextcloud.client"
 %}
 
 
-<h3>Worth Mentioning</h3>
+<h3>{% t Worth Mentioning%}</h3>
 
 <ul>
-  <li><a href="https://cryptomator.org/">Cryptomator</a> - Free client-side AES encryption for your cloud files. Open source software: No backdoors, no registration. <span class="badge badge-warning" data-toggle="tooltip" title="Cryptomator's mobile apps are not open-source."><a href="https://github.com/cryptomator/cryptomator-android/issues/1#issuecomment-257979375"><i class="fas fa-exclamation-triangle"></i></a></span></li>
+  <li><a href="{% t https://cryptomator.org/ %}">{% t Cryptomator %}</a> - {% t Free client-side AES encryption for your cloud files. Open source software: No backdoors, no registration. %} <span class="badge badge-warning" data-toggle="tooltip" title="{% t Cryptomator's mobile apps are not open-source.%}"><a href="https://github.com/cryptomator/cryptomator-android/issues/1#issuecomment-257979375"><i class="fas fa-exclamation-triangle"></i></a></span></li>
-  <li><a href="https://cryptpad.fr">CryptPad</a> - Free and end-to-end encrypted real time collaboration sharing folders, media, and documents.</li>
+  <li><a href="{% t https://cryptpad.fr %} ">{% t CryptPad %}</a> - {% t Free and end-to-end encrypted real time collaboration sharing folders, media, and documents. %}</li>
 </ul>

_includes/sections/dns.html

@@ -1,554 +1,566 @@
-<h1 id="dns" class="anchor"><a href="#dns"><i class="fas fa-link anchor-icon"></i></a> Encrypted Domain Name System (DNS) Resolvers</h1>
+<h1 id="dns" class="anchor"><a href="#dns"><i class="fas fa-link anchor-icon"></i></a> {% t Encrypted Domain Name System (DNS) Resolvers %}</h1>
 
 <div class="alert alert-warning" role="alert">
-  <strong>Note: Using an encrypted DNS resolver will not make you anonymous, nor hide your internet traffic from your Internet Service Provider. But, it will prevent DNS hijacking, and make your DNS requests harder for third parties to eavesdrop on and tamper with. If you are currently using Google's DNS resolver, you should pick an alternative here.</strong>
+  <strong>{% t Note: Using an encrypted DNS resolver will not make you anonymous, nor hide your internet traffic from your Internet Service Provider. But it will prevent DNS hijacking, and make your DNS requests harder for third parties to eavesdrop on and tamper with. If you are currently using Google's DNS resolver, you should pick an alternative here. %}</strong>
 </div>
 
 <div class="table-responsive">
   <table class="table sortable-theme-bootstrap" data-sortable>
     <thead>
       <tr>
-        <th data-sorted="true" data-sorted-direction="ascending">DNS Provider</th>
+        <th data-sorted="true" data-sorted-direction="ascending">{% t DNS Provider %}</th>
-        <th data-sortable="true">Server Locations</th>
+        <th data-sortable="true">{% t Server Locations %}</th>
-        <th data-sortable="false">Privacy Policy</th>
+        <th data-sortable="false">{% t Privacy Policy %}</th>
-        <th data-sortable="true">Type</th>
+        <th data-sortable="true">{% t Type %}</th>
-        <th data-sortable="true">Logging</th>
+        <th data-sortable="true">{% t Logging %}</th>
-        <th data-sortable="true">Protocols</th>
+        <th data-sortable="true">{% t Protocols %}</th>
-        <th data-sortable="true">DNSSEC</th>
+        <th data-sortable="true">{% t DNSSEC %}</th>
-        <th data-sortable="true">QNAME Minimization</th>
+        <th data-sortable="true">{% t QNAME Minimization %}</th>
-        <th data-sortable="true">Filtering</th>
+        <th data-sortable="true">{% t Filtering %}</th>
-        <th data-sortable="true">Source Code</th>
+        <th data-sortable="true">{% t Source Code %}</th>
-        <th data-sortable="true">Hosting Provider</th>
+        <th data-sortable="true">{% t Hosting Provider %}</th>
       </tr>
     </thead>
     <tbody>
       <tr>
-        <td data-value="AdGuard">
+        <td data-value="{% t AdGuard %}">
-          <a href="https://adguard.com/en/adguard-dns/overview.html">AdGuard</a>
+          <a href="{% t https://adguard.com/en/adguard-dns/overview.html %}">{% t AdGuard %}</a>
-        </td>
-        <td>Anycast (based in
-          <span class="no-text-wrap">
-            <span class="flag-icon flag-icon-cy"></span>
-              Cyprus)
-          </span>
         </td>
+        <td>{% t Anycast (based in <span class="no-text-wrap"><span class="flag-icon flag-icon-cy"></span> Cyprus)</span>%}</td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://adguard.com/en/privacy/dns.html %}" href="{% t https://adguard.com/en/privacy/dns.html %}">
-            class="btn-secondary btn-icon"
+            <img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35">
-            href="https://adguard.com/en/privacy/dns.html">
-            <span class="fas fa-globe"></span>
           </a>
         </td>
-        <td>Commercial</td>
+        <td>{% t Commercial %}</td>
-        <td>No</td>
+        <td>{% t No %}</td>
-        <td>DoH, DoT, DNSCrypt</td>
+        <td>{% t DoH, DoT, DNSCrypt %}</td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
         <td>
           <span class="no-text-wrap">
-            Ads, trackers,
+            {% t Ads, trackers, %}
           </span>
           <span class="no-text-wrap">
-            malicious domains
+            {% t malicious domains %}
           </span>
         </td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://github.com/AdguardTeam/AdGuardDNS/ %}" href="{% t https://github.com/AdguardTeam/AdGuardDNS/ %}">
-            class="btn-secondary btn-icon"
+            <img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35">
-            href="https://github.com/AdguardTeam/AdGuardDNS/">
-            <span class="fas fa-globe"></span>
           </a>
         </td>
         <td>
           <span class="no-text-wrap">
-            <a href="https://flops.ru/en/about.html">Serveroid, LLC</a>
+            <a href="{% t https://flops.ru/en/about.html %}">{% t Serveroid, LLC %}</a>
           </span>
         </td>
       </tr>
 
       <tr>
-        <td data-value="BlahDNS">
+        <td data-value="{% t BlahDNS %}">
-          <a href="https://blahdns.com/">BlahDNS</a>
+          <a href="{% t https://blahdns.com/ %}">{% t BlahDNS %}</a>
         </td>
         <td>
           <span class="no-text-wrap">
             <span class="flag-icon flag-icon-fi"></span>
-            Finland,
+            {% t Finland %},
           </span>
           <span class="no-text-wrap">
             <span class="flag-icon flag-icon-de"></span>
-            Germany,
+            {% t Germany %},
           </span>
           <span class="no-text-wrap">
             <span class="flag-icon flag-icon-jp"></span>
-            Japan
+            {% t Japan %}
           </span>
         </td>
         <td>
-          <div
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title='{% t "No logs." %}'>
-            class="btn-secondary btn-icon"
+            <img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35">
-            title="&quot;No logs.&quot;"
+          </a>
-            data-toggle="tooltip"
-            data-placement="bottom">
-            <span class="fas fa-globe"></span>
-          </div>
         </td>
-        <td>Hobby Project</td>
+        <td>{% t Hobby Project %}</td>
-        <td>No</td>
+        <td>{% t No %}</td>
         <td data-value="dot/443">
           <span class="no-text-wrap">
-            DoH,
+            {% t DoH %},
-            <span data-toggle="tooltip" data-placement="bottom" data-original-title="Supports port 443 in addition to 853">
+            <span data-toggle="tooltip" data-placement="bottom" data-original-title="{% t Supports port 443 in addition to 853 %}">
-              DoT <span class="fas fa-info-circle fa-sm text-secondary"></span>,
+              {% t DoT %} <span class="fas fa-info-circle fa-sm text-secondary"></span>,
             </span>
           </span>
-          DNSCrypt
+          {% t DNSCrypt %}
         </td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
         <td>
           <span class="no-text-wrap">
-            Ads, trackers,
+            {% t Ads, trackers, %}
           </span>
           <span class="no-text-wrap">
-            malicious domains
+            {% t malicious domains %}
-            <span class="badge badge-warning" data-toggle="tooltip" data-original-title="And some wildcard and IDN domains."><a href="https://github.com/ookangzheng/blahdns#default-blocked-wildcard-domain"><i class="fas fa-exclamation-triangle"></i></a></span>
+            <span class="badge badge-warning" data-toggle="tooltip" data-original-title="{% t And some wildcard and IDN domains. %}"><a href="{% t https://github.com/ookangzheng/blahdns#default-blocked-wildcard-domain %}"><i class="fas fa-exclamation-triangle"></i></a></span>
           </span>
         </td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://github.com/ookangzheng/blahdns/ %}" href="{% t https://github.com/ookangzheng/blahdns/ %}">
-            class="btn-secondary btn-icon"
+            <img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35">
-            href="https://github.com/ookangzheng/blahdns/">
-            <span class="fas fa-globe"></span>
           </a>
         </td>
         <td>
           <span class="no-text-wrap">
-            <a href="https://www.choopa.com/">Choopa, LLC</a>,
+            <a href="{% t https://www.choopa.com/ %}">{% t Choopa, LLC %}</a>,
           </span>
           <span class="no-text-wrap">
-            <a href="https://www.datacenterlight.ch/">Data Center Light</a>,
+            <a href="{% t https://www.datacenterlight.ch/ %}">{% t Data Center Light %}</a>,
           </span>
           <span class="no-text-wrap">
-            <a href="https://www.hetzner.com/">Hetzner Online GmbH</a>
+            <a href="{% t https://www.hetzner.com/ %}">{% t Hetzner Online GmbH %}</a>
           </span>
         </td>
       </tr>
 
       <tr>
-        <td data-value="Cloudflare">
+        <td data-value="{% t Cloudflare %}">
-          <a href="https://developers.cloudflare.com/1.1.1.1/setting-up-1.1.1.1/">Cloudflare</a> <span class="badge badge-warning" data-toggle="tooltip" title="Cloudflare is one of the world's largest networks, and a problem considering anonymity and decentralization."><a href="https://codeberg.org/crimeflare/cloudflare-tor/"><i class="fas fa-exclamation-triangle"></i></a></span>
+          <a href="{% t https://developers.cloudflare.com/1.1.1.1/setting-up-1.1.1.1/ %}">{% t Cloudflare %}</a> <span class="badge badge-warning" data-toggle="tooltip" title="{% t Cloudflare is one of the world's largest networks, and a problem considering anonymity and decentralization. %}"><a href="{% t https://codeberg.org/crimeflare/cloudflare-tor/ %}"><i class="fas fa-exclamation-triangle"></i></a></span>
         </td>
-        <td>Anycast (based in
+        <td>{% t Anycast (based in <span class="no-text-wrap"> <span class="flag-icon flag-icon-us"></span> US)</span>%}
-          <span class="no-text-wrap">
-            <span class="flag-icon flag-icon-us"></span>
-            US)
-          </span>
         </td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://www.cloudflare.com/privacypolicy/ %}" href="{% t https://www.cloudflare.com/privacypolicy/ %}">
-            class="btn-secondary btn-icon"
+            <img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35">
-            href="https://www.cloudflare.com/privacypolicy/">
-            <span class="fas fa-globe"></span>
           </a>
         </td>
-        <td>Commercial</td>
+        <td>{% t Commercial %}</td>
-        <td><a data-toggle="tooltip" data-placement="bottom" data-original-title='"We will collect limited DNS query data that is sent to the resolvers. This data does not contain user IP addresses or any other personally identifiable information, and the bulk of the data is only stored for 24 hours."' href="https://developers.cloudflare.com/1.1.1.1/commitment-to-privacy/privacy-policy/privacy-policy/">Some</a></td>
+        <td><a data-toggle="tooltip" data-placement="bottom" data-original-title='{% t "We will collect limited DNS query data that is sent to the resolvers. This data does not contain user IP addresses or any other personally identifiable information, and the bulk of the data is only stored for 24 hours."%}' href="{% t https://developers.cloudflare.com/1.1.1.1/commitment-to-privacy/privacy-policy/privacy-policy/%}">{% t Some %}</a></td>
-        <td>DoH, DoT</td>
+        <td>{% t DoH, DoT, DNSCrypt %}</td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
-        <td>No</td>
+        <td>{% t No %}</td>
         <td>?</td>
-        <td>Self</td>
+        <td>{% t Self %}</td>
       </tr>
 
       <tr>
-        <td data-value="CZ.NIC">
+        <td data-value="{% t CZ.NIC %}">
-          <a href="https://www.nic.cz/odvr/">CZ.NIC</a>
+          <a href="{% t https://www.nic.cz/odvr/ %}">{% t CZ.NIC %}</a>
         </td>
         <td>
           <span class="no-text-wrap">
             <span class="flag-icon flag-icon-cz"></span>
-            Czech Republic
+            {% t Czech Republic %}
           </span>
         </td>
         <td>
-          <div
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title='{% t "CZ.NIC resolvers neither collect any personal data nor gather information on pages where your computer sends personal data." %}'>
-            class="btn-secondary btn-icon"
+            <img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35">
-            title="&quot;CZ.NIC resolvers neither collect any personal data nor gather information on pages where your computer sends personal data.&quot;"
-            data-toggle="tooltip"
-            data-placement="bottom">
-            <span class="fas fa-globe"></span>
           </a>
         </td>
-        <td><a data-toggle="tooltip" data-placement="bottom" data-original-title='"CZ.NIC is an interest association of legal entities, founded in 1998 by leading providers of Internet services."' href="https://www.nic.cz/page/351/about-association/">Association</a></td>
+        <td><a data-toggle="tooltip" data-placement="bottom" data-original-title='{% t "CZ.NIC is an interest association of legal entities, founded in 1998 by leading providers of Internet services."%}' href="{% t https://www.nic.cz/page/351/about-association/%}">{% t Association %}</a></td>
-        <td>No</td>
+        <td>{% t No %}</td>
-        <td>DoH, DoT</td>
+        <td>{% t DoH, DoT %}</td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
         <td data-value="No">?</td>
         <td>?</td>
-        <td>Self</td>
+        <td>{% t Self %}</td>
       </tr>
 
       <tr>
-        <td data-value="dnswarden">
+        <td data-value="{% t dnswarden %}">
-          <a href="https://github.com/bhanupratapys/dnswarden/blob/master/README.md">dnswarden</a>
+          <a href="{% t https://github.com/bhanupratapys/dnswarden/blob/master/README.md %}">{% t dnswarden %}</a>
         </td>
         <td>
           <span class="no-text-wrap">
             <span class="flag-icon flag-icon-de"></span>
-            Germany
+            {% t Germany %}
           </span>
         </td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://github.com/bhanupratapys/dnswarden/blob/master/README.md#privacy-policy-and-tc %}" href="{% t https://github.com/bhanupratapys/dnswarden/blob/master/README.md#privacy-policy-and-tc %}">
-            class="btn-secondary btn-icon"
+            <img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35">
-            href="https://github.com/bhanupratapys/dnswarden/blob/master/README.md#privacy-policy-and-tc">
-            <span class="fas fa-globe"></span>
           </a>
         </td>
-        <td>Hobby Project</td>
+        <td>{% t Hobby Project %}</td>
-        <td>No</td>
+        <td>{% t No %}</td>
         <td data-value="dot/443">
           <span class="no-text-wrap">
-            DoH,
+            {% t DoH %},
-            <span data-toggle="tooltip" data-placement="bottom" data-original-title="Supports port 443 in addition to 853">
+            <span data-toggle="tooltip" data-placement="bottom" data-original-title="{% t Supports port 443 in addition to 853 %}">
-              DoT <span class="fas fa-info-circle fa-sm text-secondary"></span>,
+              {% t DoT %} <span class="fas fa-info-circle fa-sm text-secondary"></span>,
             </span>
           </span>
-          DNSCrypt
+          {% t DNSCrypt %}
         </td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
         <td>
           <span class="no-text-wrap">
-            Based on server choice
+            {% t Based on server choice %}
           </span>
         </td>
         <td>?</td>
         <td>
           <span class="no-text-wrap">
-            <a href="https://www.hetzner.com/">Hetzner Online GmbH</a>
+            <a href="{% t https://www.hetzner.com/ %}">{% t Hetzner Online GmbH %}</a>
           </span>
         </td>
       </tr>
 
       <tr>
-        <td data-value="Foundation for Applied Privacy">
+        <td data-value="{% t Foundation for Applied Privacy %}">
-          <a href="https://appliedprivacy.net/services/dns/">Foundation for Applied Privacy</a>
+          <a href="{% t https://appliedprivacy.net/services/dns/ %}">{% t Foundation for Applied Privacy %}</a>
         </td>
         <td>
           <span class="no-text-wrap">
             <span class="flag-icon flag-icon-at"></span>
-            Austria
+            {% t Austria %}
           </span>
         </td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://appliedprivacy.net/privacy-policy %}" href="{% t https://appliedprivacy.net/privacy-policy %}">
-            class="btn-secondary btn-icon"
+            <img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35">
-            href="https://appliedprivacy.net/privacy-policy">
-            <span class="fas fa-globe"></span>
           </a>
         </td>
-        <td>Non-Profit</td>
+        <td>{% t Non-Profit %}</td>
-        <td><a data-toggle="tooltip" data-placement="bottom" data-original-title='"We do NOT log your IP address or DNS queries during normal operations. We do NOT share query data with third parties that are not directly involved with resolving the query (i.e. sending queries to authoritative nameservers for resolution)."' href="https://appliedprivacy.net/privacy-policy/">Some</a></td>
+        <td><a data-toggle="tooltip" data-placement="bottom" data-original-title='{% t "We do NOT log your IP address or DNS queries during normal operations. We do NOT share query data with third parties that are not directly involved with resolving the query (i.e. sending queries to authoritative nameservers for resolution)."%}' href="{% t https://appliedprivacy.net/privacy-policy/%}">{% t Some %}</a></td>
         <td data-value="dot/443">
           <span class="no-text-wrap">
-            DoH,
+            {% t DoH %},
-            <span data-toggle="tooltip" data-placement="bottom" data-original-title="Supports port 443 in addition to 853">
+            <span data-toggle="tooltip" data-placement="bottom" data-original-title="{% t Supports port 443 in addition to 853 %}">
-              DoT <span class="fas fa-info-circle fa-sm text-secondary"></span>
+              {% t DoT %} <span class="fas fa-info-circle fa-sm text-secondary"></span>
             </span>
           </span>
         </td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
-        <td>No</td>
+        <td>{% t No %}</td>
         <td>?</td>
         <td>
           <span class="no-text-wrap">
-            <a href="https://www.ipax.at/">IPAX OG</a>
+            <a href="{% t https://www.ipax.at/ %}">{% t IPAX OG %}</a>
           </span>
         </td>
       </tr>
 
       <tr>
         <td data-value="nextdns">
-          <a href="https://www.nextdns.io/">NextDNS</a>
+          <a href="{% t https://www.nextdns.io/%}">{% t NextDNS %}</a>
-        </td>
-        <td>Anycast (based in
-          <span class="no-text-wrap">
-            <span class="flag-icon flag-icon-us"></span>
-            US)
-          </span>
         </td>
+        <td>{% t Anycast (based in <span class="no-text-wrap"><span class="flag-icon flag-icon-us"></span> US)</span>%}</td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://www.nextdns.io/privacy %}" href="{% t https://www.nextdns.io/privacy %}">
-            class="btn-secondary btn-icon"
+            <img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35">
-            href="https://www.nextdns.io/privacy">
-            <span class="fas fa-globe"></span>
           </a>
         </td>
-        <td>Commercial</td>
+        <td>{% t Commercial %}</td>
         <td>
-          <a data-toggle="tooltip" data-placement="bottom" data-original-title='"Some of the features require some sort of data retention. In that case, we give our users the choice to granularly or completely disable those features (and associated data retention), and we follow up immediately on that promise"' href="https://www.nextdns.io/privacy">Based on user choice</a>
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title='{% t "Some of the features require some sort of data retention. In that case, we give our users the choice to granularly or completely disable those features (and associated data retention), and we follow up immediately on that promise" %}' href="{% t https://www.nextdns.io/privacy %}">{% t Based on user choice %}</a>
         </td>
-        <td>DoH, DoT, DNSCrypt</td>
+        <td>{% t DoH, DoT, DNSCrypt %}</td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
         <td>
           <span class="no-text-wrap">
-            Based on server choice
+            {% t Based on server choice %}
           </span>
         </td>
         <td>?</td>
-        <td>Self</td>
+        <td>{% t Self %}</td>
       </tr>
 
       <tr>
-        <td data-value="NixNet">
+        <td data-value="{% t NixNet %}">
-          <a href="https://nixnet.xyz/dns/">NixNet</a>
+          <a href="{% t https://nixnet.xyz/dns/ %}">{% t NixNet %}</a>
         </td>
         <td>
           <span class="no-text-wrap">
-            Anycast (based in
+            {% t Anycast (based in <span class="flag-icon flag-icon-us"></span> US),</span>%}
-            <span class="flag-icon flag-icon-us"></span>
-            US),
-          </span>
           <span class="no-text-wrap">
             <span class="flag-icon flag-icon-us"></span>
-            US,
+            {% t US %},
           </span>
           <span class="no-text-wrap">
             <span class="flag-icon flag-icon-lu"></span>
-            Luxembourg
+            {% t Luxembourg %}
           </span>
         </td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://nixnet.xyz/privacy/ %}" href="{% t https://nixnet.xyz/privacy/ %}">
-            class="btn-secondary btn-icon"
+            <img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35">
-            href="https://nixnet.xyz/privacy/">
-            <span class="fas fa-globe"></span>
           </a>
         </td>
         <td>
-          <a data-toggle="tooltip" data-placement="bottom" data-original-title='Part of LibreHosters, "a network of cooperation and solidarity that uses free software to encourage decentralisation through federation and distributed platforms."' href="https://libreho.st/">
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title='{% t Part of LibreHosters, "a network of cooperation and solidarity that uses free software to encourage decentralisation through federation and distributed platforms."%}' href="{% t https://libreho.st/ %}">
-            Informal collective
+            {% t Informal collective %}
           </a>
         </td>
-        <td>No</td>
+        <td>{% t No %}</td>
-        <td>DoH, DoT</td>
+        <td>{% t DoH, DoT %}</td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
         <td>
           <span class="no-text-wrap">
-            Based on server choice
+            {% t Based on server choice %}
           </span>
         </td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://git.nixnet.xyz/NixNet/dns %}" href="{% t https://git.nixnet.xyz/NixNet/dns %}">
-            class="btn-secondary btn-icon"
+            <img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35">
-            href="https://git.nixnet.xyz/NixNet/dns">
-            <span class="fas fa-globe"></span>
           </a>
         </td>
         <td>
           <span class="no-text-wrap">
-            <a href="https://frantech.ca/">FranTech Solutions</a>
+            <a href="{% t https://frantech.ca/ %}">{% t FranTech Solutions %}</a>
           </span>
         </td>
       </tr>
 
       <tr>
-        <td data-value="PowerDNS">
+        <td data-value="{% t PowerDNS %}">
-          <a href="https://powerdns.org/">PowerDNS</a>
+          <a href="{% t https://powerdns.org/ %}">{% t PowerDNS %}</a>
         </td>
         <td>
           <span class="no-text-wrap">
             <span class="flag-icon flag-icon-nl"></span>
-            The Netherlands
+            {% t The Netherlands %}
           </span>
         </td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://powerdns.org/doh/privacy.html %}" href="{% t https://powerdns.org/doh/privacy.html %}">
-            class="btn-secondary btn-icon"
+            <img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35">
-            href="https://powerdns.org/doh/privacy.html">
-            <span class="fas fa-globe"></span>
           </a>
         </td>
-        <td>Hobby Project</td>
+        <td>{% t Hobby Project %}</td>
-        <td>No</td>
+        <td>{% t No %}</td>
-        <td>DoH</td>
+        <td>{% t DoH %}</td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
-        <td>No</td>
+        <td>{% t No %}</td>
-        <td>No</td>
+        <td>{% t No %}</td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://github.com/PowerDNS/pdns %}" href="{% t https://github.com/PowerDNS/pdns %}">
-            class="btn-secondary btn-icon"
+            <img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35">
-            href="https://github.com/PowerDNS/pdns">
-            <span class="fas fa-globe"></span>
           </a>
         </td>
         <td>
           <span class="no-text-wrap">
-            <a href="https://www.transip.nl/">TransIP B.V. Admin</a>
+            <a href="{% t https://www.transip.nl/ %}">{% t TransIP B.V. Admin %}</a>
           </span>
         </td>
       </tr>
 
       <tr>
-        <td data-value="Quad9">
+        <td data-value="{% t Quad9 %}">
-          <a href="https://quad9.net/">Quad9</a> <span class="badge badge-warning" data-toggle="tooltip" title="Founders include the Global Cyber Alliance, composed of the City of London Police and Manhattan District Attorney's Office"><i class="fas fa-exclamation-triangle"></i></span>
+          <a href="{% t https://quad9.net/ %}">{% t Quad9 %}</a> <span class="badge badge-warning" data-toggle="tooltip" title="{% t Founders include the Global Cyber Alliance, composed of the City of London Police and Manhattan District Attorney's Office %}"><i class="fas fa-exclamation-triangle"></i></span>
-        </td>
-        <td>Anycast (based in
-          <span class="no-text-wrap">
-            <span class="flag-icon flag-icon-us"></span>
-            US)
-          </span>
         </td>
+        <td>{% t Anycast (based in <span class="no-text-wrap"><span class="flag-icon flag-icon-us"></span> US)</span>%}</td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://quad9.net/policy/ %}" href="{% t https://quad9.net/policy/ %}">
-            class="btn-secondary btn-icon"
+            <img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35">
-            href="https://quad9.net/policy/">
-            <span class="fas fa-globe"></span>
           </a>
         </td>
-        <td>Non-Profit</td>
+        <td>{% t Non-Profit %}</td>
-        <td><a data-toggle="tooltip" data-placement="bottom" data-original-title='"Our normal course of data management does not have any IP address information or other PII logged to disk or transmitted out of the location in which the query was received."' href="https://quad9.net/policy/">Some</a></td>
+        <td><a data-toggle="tooltip" data-placement="bottom" data-original-title='{% t "Our normal course of data management does not have any IP address information or other PII logged to disk or transmitted out of the location in which the query was received."%}' href="{% t https://quad9.net/policy/ %}">{% t Some %}</a></td>
-        <td>DoH, DoT, DNSCrypt</td>
+        <td>{% t DoH, DoT, DNSCrypt %}</td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
         <td>
           <span class="no-text-wrap">
-            Malicious domains
+            {% t Malicious domains %}
           </span>
         </td>
         <td>?</td>
         <td>
-          Self,
+          {% t Self %},
           <span class="no-text-wrap">
-            <a href="https://www.pch.net/">Packet Clearing House</a>
+            <a href="{% t https://www.pch.net/ %}">{% t Packet Clearing House %}</a>
           </span>
         </td>
       </tr>
 
       <tr>
-        <td data-value="SecureDNS">
+        <td data-value="{% t SecureDNS %}">
-          <a href="https://securedns.eu/">SecureDNS</a>
+          <a href="{% t https://securedns.eu/ %}">{% t SecureDNS %}</a>
         </td>
         <td>
           <span class="no-text-wrap">
             <span class="flag-icon flag-icon-nl"></span>
-            The Netherlands
+            {% t The Netherlands %}
           </span>
         </td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://securedns.eu/#privacy %}" href="{% t https://securedns.eu/#privacy %}">
-            class="btn-secondary btn-icon"
+            <img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35">
-            href="https://securedns.eu/#privacy">
-            <span class="fas fa-globe"></span>
           </a>
         </td>
-        <td>Hobby Project</td>
+        <td>{% t Hobby Project %}</td>
-        <td>No</td>
+        <td>{% t No %}</td>
-        <td>DoH, DoT, DNSCrypt</td>
+        <td>{% t DoH, DoT, DNSCrypt %}</td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
         <td>
           <span class="no-text-wrap">
-            Based on server choice
+            {% t Based on server choice %}
           </span>
         </td>
         <td>?</td>
         <td>
           <span class="no-text-wrap">
-            <a href="https://www.digitalocean.com/">DigitalOcean, Inc.</a>
+            <a href="{% t https://www.digitalocean.com/ %}">{% t DigitalOcean, Inc. %}</a>
           </span>
         </td>
       </tr>
 
       <tr>
         <td data-value="Snopyta">
-          <a href="https://snopyta.org/service/dns/index.html">Snopyta</a>
+          <a href="{% t https://snopyta.org/service/dns/index.html %}">{% t Snopyta %}</a>
         </td>
         <td>
           <span class="no-text-wrap">
             <span class="flag-icon flag-icon-fi"></span>
-            Finland
+            {% t Finland %}
           </span>
         </td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://snopyta.org/privacy_policy/ %}" href="{% t https://snopyta.org/privacy_policy/ %}">
-            class="btn-secondary btn-icon"
+            <img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35">
-            href="https://snopyta.org/privacy_policy/">
-            <span class="fas fa-globe"></span>
           </a>
         </td>
         <td>
-          <a data-toggle="tooltip" data-placement="bottom" data-original-title="Part of LibreHosters, &quot;a network of cooperation and solidarity that uses free software to encourage decentralisation through federation and distributed platforms.&quot;" href="https://libreho.st/">
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title='{% t Part of LibreHosters, "a network of cooperation and solidarity that uses free software to encourage decentralisation through federation and distributed platforms."%}' href="{% t https://libreho.st/ %}">
-            Informal collective
+            {% t Informal collective %}
           </a>
         </td>
-        <td>No</td>
+        <td>{% t No %}</td>
-        <td>DoH, DoT</td>
+        <td>{% t DoH, DoT %}</td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
         <td>
           <span class="no-text-wrap">
-            No
+            {% t No %}
           </span>
         </td>
         <td>?</td>
         <td>
           <span class="no-text-wrap">
-            <a href="https://www.hetzner.com/">Hetzner Online GmbH</a>
+            <a href="{% t https://www.hetzner.com/ %}">{% t Hetzner Online GmbH %}</a>
           </span>
         </td>
       </tr>
 
       <tr>
-        <td data-value="UncensoredDNS">
+        <td data-value="{% t UncensoredDNS %}">
-          <a href="https://blog.uncensoreddns.org/">UncensoredDNS</a>
+          <a href="{% t https://blog.uncensoreddns.org/%}">{% t UncensoredDNS %}</a>
         </td>
-        <td>Anycast (based in
+        <td>{% t Anycast (based in <span class="no-text-wrap"><span class="flag-icon flag-icon-dk"></span> Denmark)%},</span>
           <span class="no-text-wrap">
             <span class="flag-icon flag-icon-dk"></span>
-            Denmark),
+            {% t Denmark %},
-          </span>
-
-          <span class="no-text-wrap">
-            <span class="flag-icon flag-icon-dk"></span>
-            Denmark,
             </span>
 
           <span class="no-text-wrap">
             <span class="flag-icon flag-icon-us"></span>
-            US
+            {% t US %}
           </span>
         </td>
         <td>
-          <div
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title='{% t "Absolutely nothing is being logged, neither about the users nor the usage of this service. I do keep graphs of the total number of queries, but no personally identifiable information is saved. The data that is saved will never be sold or used for anything except capacity planning of the service." %}'>
-            class="btn-secondary btn-icon"
+            <img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35">
-            title="&quot;Absolutely nothing is being logged, neither about the users nor the usage of this service. I do keep graphs of the total number of queries, but no personally identifiable information is saved. The data that is saved will never be sold or used for anything except capacity planning of the service.&quot;"
+          </a>
-            data-toggle="tooltip"
-            data-placement="bottom">
-            <span class="fas fa-globe"></span>
-          </div>
         </td>
-        <td>Hobby Project</td>
+        <td>{% t Hobby Project %}</td>
-        <td>No</td>
+        <td>{% t No %}</td>
-        <td data-value="doh">DoT</td> <!-- "hack" to group "DoT" values (when sorted) with "DoH" values -->
+        <td data-value="doh">{% t DoT %}</td> <!-- "hack" to group "DoT" values (when sorted) with "DoH" values -->
-        <td>Yes</td>
+        <td>{% t Yes %}</td>
-        <td>No</td>
+        <td>{% t No %}</td>
-        <td>No</td>
+        <td>{% t No %}</td>
         <td>?</td>
         <td>
-          Self,
+          {% t Self %},
           <span class="no-text-wrap">
-            <a href="https://www.teliacompany.com">Telia Company AB</a>
+            <a href="{% t https://www.teliacompany.com %}">{% t Telia Company AB %}</a>
           </span>
         </td>
       </tr>
     </tbody>
   </table>
 </div>
+
+<h4>{% t Terms %}</h4>
+
+<ul>
+  <li>{% t DNS-over-TLS (DoT) - A security protocol for encrypted DNS on a dedicated port 853. Some providers support port 443 which generally works everywhere while port 853 is often blocked by restrictive firewalls. DoT has two modes: %}</li>
+    <ul>
+        <li>{% t Oppurtunistic mode: the client attempts to form a DNS-over-TLS connection to the server on port 853 without performing certificate validation. If it fails, it will use unencrypted DNS.%} <span class="badge badge-warning" data-toggle="tooltip" data-original-title="{% t In other words automatic mode leaves your DNS traffic vulnerable to SSL strip and MITM attacks %}"><i class="fas fa-exclamation-triangle"></i></span></li>
+        <li>{% t Strict mode: the client connects to a specific hostname and performs certificate validation for it. If it fails, no DNS queries are made until it succeeds. %}</li>
+    </ul>
+  <li>{% t DNS-over-HTTPS (DoH) - Similar to DoT, but uses HTTPS instead, being indistinguishable from "normal" HTTPS traffic on port 443.%} <span class="badge badge-warning" data-toggle="tooltip" data-original-title="{% t DoH contains metadata such as user-agent (which may include system information) that is sent to the DNS server. %}"><a href="{% t https://tools.ietf.org/html/rfc8484#section-8.2 %}"><i class="fas fa-exclamation-triangle"></i></a></span></li>
+  <li>{% t DNSCrypt - An older yet robust method of encrypting DNS. %}</li>
+</ul>
+
+<h4>{% t How to verify DNS is encrypted %}</h4>
+
+<ul>
+  <li>{% t DoH / DoT %}
+    <ul>
+      <li>{% t Check <a href="https://www.dnsleaktest.com/">DNSLeakTest.com</a>.%} <span class="badge badge-warning" data-toggle="tooltip" data-placement="bottom" data-original-title="{% t Your DNS provider may not appear with their own name, so compare the responses to what you know or can find about your DNS provider. Just ensure you don't see your ISP or old unencrypted DNS provider.%}"><i class="fas fa-exclamation-triangle"></i></span></li>
+      <li>{% t Check the website of your DNS provider. They may have a page for telling "you are using our DNS." Examples include <a href="https://adguard.com/en/adguard-dns/overview.html">AdGuard</a> and <a href="https://1.1.1.1/help">Cloudflare</a>.%}</li>
+      <li>{% t If using Firefox's trusted recursive resolver (TRR), navigate to <code>about:networking#dns</code>. If the TRR column says "true" for some fields, you are using DoH.%} <span class="badge badge-warning" data-toggle="tooltip" data-placement="bottom" data-original-title='{% t Some fields will say "false" depending on the the value of network.trr.mode in about:config %}'><a href="{% t https://wiki.mozilla.org/Trusted_Recursive_Resolver %}"><i class="fas fa-exclamation-triangle"></i></a></span></li>
+    </ul>
+  </li>
+  <li>{% t dnscrypt-proxy - Check <a href="https://github.com/jedisct1/dnscrypt-proxy/wiki/Checking">dnscrypt-proxy's wiki on how to verify that your DNS is encrypted</a>.%}</li>
+  <li>{% t DNSSEC - Check <a href="https://dnssec.vs.uni-due.de/">DNSSEC Resolver Test by Matthäus Wander</a>.%}</li>
+  <li>{% t QNAME Minimization - Run <code>dig +short txt qnamemintest.internet.nl</code> from the command-line (taken from <a href="https://nlnetlabs.nl/downloads/presentations/unbound_qnamemin_oarc24.pdf">this NLnet Labs presentation</a>). If you are on Windows 10, run <code>Resolve-DnsName -Type TXT -Name qnamemintest.internet.nl</code> from the PowerShell. You should see this display: <code>"HOORAY - QNAME minimisation is enabled on your resolver :)!"</code> %}</li>
+</ul>
+
+<h3 id="clients">{% t Software Suggestions and Additional Information %}</h3>
+
+<ul>
+  <li><strong>{% t Encrypted DNS clients for desktop: %}</strong>
+    <ul>
+      <li>{% t <em>Firefox</em> comes with built-in DoH support with Cloudflare set as the default resolver, but can be configured to use any DoH resolver.%} <span class="badge badge-warning" data-toggle="tooltip" data-placement="bottom" data-original-title='{% t "Cloudflare has agreed to collect only a limited amount of data about the DNS requests that are sent to the Cloudflare Resolver for Firefox via the Firefox browser."%}'><a href="{% t https://developers.cloudflare.com/1.1.1.1/commitment-to-privacy/privacy-policy/firefox/%}"><i class="fas fa-exclamation-triangle"></i></a></span> {% t Currently Mozilla is <a href="https://blog.mozilla.org/futurereleases/2019/07/31/dns-over-https-doh-update-detecting-managed-networks-and-user-choice/">conducting studies</a> before enabling DoH by default for all US-based Firefox users. %}</li>
+          <ul>
+              <li>{% t DNS over HTTPS can be enabled in Menu -> Preferences (<code>about:preferences</code>) -> Network Settings -> Enable DNS over HTTPS. Set "Use Provider" to "Custom", and enter your DoH provider's address. %}</li>
+              <li>{% t Advanced users may enable it in <code>about:config</code> by setting <code>network.trr.custom_uri</code> and <code>network.trr.uri</code> as the address you find from the documentation of your DoH provider and <code>network.trr.mode</code> as <code>2</code>. It may also be desirable to set <code>network.security.esni.enabled</code> to <code>True</code> in order to enable encrypted SNI and make sites supporting ESNI a bit more difficult to track. %}</li>
+          </ul>
+    </ul>
+  </li>
+  <li><strong>{% t Encrypted DNS clients for mobile: %}</strong>
+    <ul>
+      <li>{% t <em>Android 9</em> comes with a DoT client by <a href="https://support.google.com/android/answer/9089903">default</a>.%} <span class="badge badge-warning" data-toggle="tooltip" data-original-title="{% t ...but with some caveats %}"><a href="{% t https://www.quad9.net/private-dns-quad9-android9/%}"><i class="fas fa-exclamation-triangle"></i></a></span></li>
+        <ul>
+          <li>{% t We recommend selecting <em>Private DNS provider hostname</em> and entering the DoT address from documentation of your DoT provider to enable strict mode (see Terms above).%} <span class="badge badge-warning" data-toggle="tooltip" data-original-title="{% t If you are on a network blocking access to port 853, Android will error about the network not having internet connectivity. %}"><i class="fas fa-exclamation-triangle"></i></span></li>
+        </ul>
+      <li><em><a href="{% t https://apps.apple.com/app/id1452162351 %}">{% t DNSCloak %}</a></em> - {% t An <a href="https://github.com/s-s/dnscloak">open-source</a> DNSCrypt and DoH client for iOS by <td><a data-toggle="tooltip" data-placement="bottom" data-original-title='"A charitable non-profit host organization for international Free Software projects."' href="https://techcultivation.org/">the Center for the Cultivation of Technology gemeinnuetzige GmbH</a>.%}</li>
+      <li><em><a href="{% t https://git.frostnerd.com/PublicAndroidApps/smokescreen/blob/master/README.md %}">{% t Nebulo %}</a></em> - {% t An open-source application for Android supporting DoH and DoT. It also supports caching DNS responses and locally logging DNS queries.%}</li>
+    </ul>
+  </li>
+  <li><strong>{% t Local DNS servers: %}</strong>
+    <ul>
+      <li><em><a href="{% t https://dnsprivacy.org/wiki/display/DP/DNS+Privacy+Daemon+-+Stubby%}">{% t Stubby %}</a></em> - {% t An open-source application for Linux, macOS, and Windows that acts as a local DNS Privacy stub resolver using DoT.%}</li>
+      <li><em><a href="{% t https://nlnetlabs.nl/projects/unbound/about/%}">{% t Unbound %}</a></em> - {% t a validating, recursive, caching DNS resolver. It can also be ran network-wide and has supported DNS-over-TLS since version 1.7.3.%}</li>
+      <ul>
+          <li>{% t See also <a href="https://www.ctrl.blog/entry/unbound-tls-forwarding.html">Actually secure DNS over TLS in Unbound on ctrl.blog</a>.%}</li>
+      </ul>
+    </ul>
+  </li>
+  <li><strong>{% t Network-wide DNS servers:%}</strong>
+    <ul>
+      <li><em><a href="{% t https://pi-hole.net/%}">{% t Pi-hole %}</a></em> - {% t A network-wide DNS server mainly for the Raspberry Pi. Blocks ads, tracking, and malicious domains for all devices on your network. %}</li>
+      <li><em><a href="{% t https://gitlab.com/quidsup/notrack %}">{% t NoTrack %}</a></em> - {% t A network-wide DNS server like Pi-hole for blocking ads, tracking, and malicious domains. %}</li>
+    </ul>
+  </li>
+  <li><strong>{% t Further reading: %}</strong>
+    <ul>
+      <li>{% t On Firefox, DoH and ESNI %}</li>
+          <ul>
+              <li><a href="{% t https://wiki.mozilla.org/Trusted_Recursive_Resolver %}">{% t Trusted Recursive Resolver (DoH) on MozillaWiki %}</a></li>
+              <li><a href="{% t https://bugzilla.mozilla.org/show_bug.cgi?id=1500289 %}">{% t Firefox bug report requesting the ability to use ESNI without DoH %}</a></li>
+              <li><a href="{% t https://bugzilla.mozilla.org/show_bug.cgi?id=1542754 %}">{% t Firefox bug report requesting the ability to use Android 9+'s Private DNS (DoT) and benefit from encrypted SNI without having to enable DoH %}</a></li>
+              <li><a href="{% t https://blog.cloudflare.com/encrypted-sni/ %}">{% t Encrypt it or lose it: how encrypted SNI works on Cloudflare blog %}</a></li>
+          </ul>
+      <li><a href="{% t https://www.isc.org/blogs/qname-minimization-and-privacy/ %}">{% t QNAME Minimization and Your Privacy</a> by the Internet Systems Consortium (ISC) %}</li>
+      <li><a href="{% t https://www.isc.org/dnssec/ %}">{% t DNSSEC and BIND 9</a> by the ISC %}</li>
+    </ul>
+  </li>
+</ul>

_includes/sections/email-alternatives.html

@@ -0,0 +1,33 @@
+<h1 id="messaging" class="anchor"><a href="#messaging"><i class="fas fa-link anchor-icon"></i></a> {% t Email Alternatives %}</h1>
+
+{% include cardv2.html
+title="Bitmessage"
+image="/assets/img/tools/Bitmessage.png"
+description="Bitmessage is a P2P communications protocol used to send encrypted messages to another person or to many subscribers. It is decentralized and trustless, meaning that you need not inherently trust any entities like root certificate authorities. It uses strong authentication which means that the sender of a message cannot be spoofed, and it aims to hide \"non-content\" data."
+website="https://bitmessage.org/"
+forum="https://forum.privacytools.io/t/discussion-bitmessage/661"
+github="https://github.com/Bitmessage/PyBitmessage"
+windows="https://github.com/Bitmessage/PyBitmessage/releases"
+mac="https://github.com/Bitmessage/PyBitmessage/releases"
+linux="https://repology.org/project/pybitmessage/versions"
+%}
+
+{% include cardv2.html
+title="RetroShare"
+image="/assets/img/tools/RetroShare.png"
+description="Retroshare creates encrypted connections to your friends. Nobody can spy on you. Retroshare is completely decentralized. This means there are no central servers. It is entirely open-source and free. There are no costs, no ads, and no Terms of Service."
+website="https://retroshare.cc/"
+forum="https://forum.privacytools.io/t/discussion-retroshare/662"
+github="https://github.com/RetroShare/RetroShare"
+windows="https://retroshare.cc/downloads.html#windows"
+mac="https://retroshare.cc/downloads.html#mac"
+linux="https://retroshare.cc/downloads.html#gnulinux"
+freebsd="https://retroshare.cc/downloads.html#freebsd"
+%}
+
+
+<h3>{% t Worth Mentioning %}</h3>
+
+<ul>
+  <li><a href="{% t https://i2pbote.xyz/ %}">{% t I2P-Bote %}</a> - {% t End-to-end encrypted decentralized mail system within the I2P network. %}</li>
+</ul>

_includes/sections/email-clients.html

@@ -1,9 +1,9 @@
-<h1 id="clients" class="anchor"><a href="#clients"><i class="fas fa-link anchor-icon"></i></a> Email Clients</h1>
+<h1 id="clients" class="anchor"><a href="#clients"><i class="fas fa-link anchor-icon"></i></a> {% t Email Clients %}</h1>
 
 {% include cardv2.html
 title="Thunderbird"
-image="/assets/img/svg/3rd-party/thunderbird.svg"
+image="/assets/img/tools/Thunderbird.png"
-description="Thunderbird is a free, open source, cross-platform email, newsgroup, news feed, and chat (XMPP, IRC, Twitter) client developed by the Thunderbird community, and previously by the Mozilla Foundation."
+description="Thunderbird is a free, open source, cross-platform email, newsgroup, news feed, and chat (XMPP, IRC, Twitter) client developed by community, previously by the Mozilla Foundation."
 website="https://www.thunderbird.net/"
 forum="https://forum.privacytools.io/t/discussion-thunderbird/659"
 source="https://hg.mozilla.org/comm-central/"
@@ -17,7 +17,7 @@ netbsd="http://pkgsrc.se/mail/thunderbird"
 
 {% include cardv2.html
 title="Claws Mail"
-image="/assets/img/png/3rd-party/claws_mail.png"
+image="/assets/img/tools/Claws-Mail.png"
 description="Claws Mail is a free and open source, GTK-based email and news client. It offers easy configuration and an abundance of features. It is included with Gpg4win, an encryption suite for Windows."
 website="https://www.claws-mail.org/"
 forum="https://forum.privacytools.io/t/discussion-claws-mail/660"
@@ -31,20 +31,20 @@ netbsd="http://pkgsrc.se/mail/claws-mail"
 %}
 
 
-<h3>Privacy Email Tools</h3>
+<h3>{% t Privacy Email Tools %}</h3>
 
 <ul>
-  <li><a href="https://www.gpg4usb.org/">gpg4usb</a> - A very easy to use and small portable editor to encrypt and decrypt any text-message or -file. For Windows and Linux. <a href="https://theprivacyguide.org/tutorials/gpg.html">GPG tutorial</a>.</li>
+  <li><a href="{% t https://www.gpg4usb.org/ %}">{% t gpg4usb %}</a> - {% t A very easy to use and small portable editor to encrypt and decrypt any text-message or -file. For Windows and Linux. <a href="https://theprivacyguide.org/tutorials/gpg.html">GPG tutorial</a>. %}</li>
-  <li><a href="https://www.mailvelope.com/">Mailvelope</a> - A browser extension that enables the exchange of encrypted emails following the <a href="https://theprivacyguide.org/tutorials/pgp.html">OpenPGP encryption standard</a>.</li>
+  <li><a href="{% t https://www.mailvelope.com/ %}">{% t Mailvelope %}</a> - {% t A browser extension that enables the exchange of encrypted emails following the <a href="https://theprivacyguide.org/tutorials/pgp.html">OpenPGP encryption standard</a>. %}</li>
-  <li><a href="https://www.enigmail.net/">Enigmail</a> - A security extension to Thunderbird and Seamonkey. It enables you to write and receive email messages signed and/or encrypted with the <a href="https://theprivacyguide.org/tutorials/pgp.html">OpenPGP standard</a>.</li>
+  <li><a href="{% t https://www.enigmail.net/ %}">{% t Enigmail %}</a> - {% t A security extension to Thunderbird and Seamonkey. It enables you to write and receive email messages signed and/or encrypted with the <a href="https://theprivacyguide.org/tutorials/pgp.html">OpenPGP standard</a>. %}</li>
-  <li><a href="https://addons.thunderbird.net/thunderbird/addon/torbirdy/">TorBirdy</a> - TorBirdy configures Thunderbird to make connections over the Tor anonymity network. This extension is in beta and should be considered experimental.</li>
+  <li><a href="{% t https://addons.thunderbird.net/thunderbird/addon/torbirdy/ %}">{% t TorBirdy %}</a> - {% t TorBirdy configures Thunderbird to make connections over the Tor anonymity network. This extension is in beta and should be considered experimental. %}</li>
-  <li><a href="https://www.emailprivacytester.com/">Email Privacy Tester</a> - This tool will send an Email to your address and perform privacy-related tests.</li>
+  <li><a href="{% t https://www.emailprivacytester.com/ %}">{% t Email Privacy Tester %}</a> - {% t This tool will send an Email to your address and perform privacy-related tests. %}</li>
 </ul>
 
-<h3>Worth Mentioning</h3>
+<h3>{% t Worth Mentioning %}</h3>
 
 <ul>
-  <li><a href="https://github.com/k9mail/k-9/releases">K-9 Mail</a> - An independent mail application for Android. It supports both POP3 and IMAP mailboxes, but only supports push mail for IMAP.</li>
+  <li><a href="{% t https://github.com/k9mail/k-9/releases %}">{% t K-9 Mail %}</a> - {% t An independent mail application for Android. It supports both POP3 and IMAP mailboxes, but only supports push mail for IMAP. %}</li>
-  <li><a href="https://www.gnupg.org/">GNU Privacy Guard</a> - Email Encryption. GnuPG is a GPL Licensed alternative to the PGP suite of cryptographic software. <a href="https://theprivacyguide.org/tutorials/gpg.html">Tutorial.</a> Use <a href="https://gpgtools.org/">GPGTools for macOS.</a></li>
+  <li><a href="{% t https://www.gnupg.org/ %}">{% t GNU Privacy Guard %}</a> - {% t Email Encryption. GnuPG is a GPL Licensed alternative to the PGP suite of cryptographic software. <a href="https://theprivacyguide.org/tutorials/gpg.html">Tutorial.</a> Use <a href="https://gpgtools.org/">GPGTools for macOS.</a> %}</li>
-  <li><a href="https://www.mailpile.is/">Mailpile (Beta)</a> - A modern, fast web-mail client with user-friendly encryption and privacy features.</li>
+  <li><a href="{% t https://www.mailpile.is/ %}">{% t Mailpile (Beta) %}</a> - {% t A modern, fast web-mail client with user-friendly encryption and privacy features. %}</li>
 </ul>

_includes/sections/email-providers.html

@@ -1,22 +1,22 @@
-<h1 id="email" class="anchor"><a href="#email"><i class="fas fa-link anchor-icon"></i></a> Privacy-Conscious Email Providers - No Affiliates</h1>
+<h1 id="email" class="anchor"><a href="#email"><i class="fas fa-link anchor-icon"></i></a> {% t Privacy-Conscious Email Providers - No Affiliates %}</h1>
 
 <div class="alert alert-success" role="alert">
-  <strong>All providers listed here are operating outside the US and support <a data-toggle="tooltip" data-placement="bottom" data-original-title="When sending or receiving emails, if both the sending and receiving servers support TLS encryption, the email is sent between servers using an encrypted connection.">SMTP TLS.</a> The table is sortable.</strong>
+  <strong>{% t All providers listed here are operating outside the US and support <a data-toggle="tooltip" data-placement="bottom" data-original-title="When sending or receiving emails, if both the sending and receiving servers support TLS encryption, the email is sent between servers using an encrypted connection.">SMTP TLS.</a> The table is sortable.%}</strong>
 </div>
 
 <div class="table-responsive">
   <table class="table sortable-theme-bootstrap" data-sortable>
     <thead>
       <tr>
-        <th data-sorted="true" data-sorted-direction="ascending">Email Provider</th>
+        <th data-sorted="true" data-sorted-direction="ascending">{% t Email Provider %}</th>
-        <th data-sortable="false">Website</th>
+        <th data-sortable="false">{% t Website %}</th>
-        <th data-sortable="true">Since</th>
+        <th data-sortable="true">{% t Since %}</th>
-        <th data-sortable="true">Jurisdiction</th>
+        <th data-sortable="true">{% t Jurisdiction %}</th>
-        <th data-sortable="true">Storage</th>
+        <th data-sortable="true">{% t Storage %}</th>
-        <th data-sortable="true">Yearly Price</th>
+        <th data-sortable="true">{% t Yearly Price %}</th>
-        <th data-sortable="true">Bitcoin</th>
+        <th data-sortable="true">{% t Bitcoin %}</th>
-        <th data-sortable="true">Encryption</th>
+        <th data-sortable="true">{% t Encryption %}</th>
-        <th data-sortable="true">Own Domain</th>
+        <th data-sortable="true">{% t Own Domain %}</th>
       </tr>
     </thead>
 
@@ -24,298 +24,243 @@
 
       <tr>
         <td data-value="disroot">
-          <img
+          <img alt="Disroot" src="/assets/img/provider/disroot.org.png" width="200" height="70">
-            alt="Disroot"
-            src="/assets/img/svg/3rd-party/disroot.svg"
-            data-theme-src="/assets/img/svg/3rd-party/disroot-dark.svg"
-            width="200"
-            height="70">
         </td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://disroot.org %}" href="{% t https://disroot.org %}"><img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35"></a>
-            class="btn-secondary btn-icon"
-            href="https://disroot.org">
-            <span class="fas fa-globe"></span>
-          </a>
         </td>
         <td data-value="2015">2015</td>
         <td>
           <span class="no-text-wrap">
-            <span class="flag-icon flag-icon-nl"></span> Netherlands
+            <span class="flag-icon flag-icon-nl"></span> {% t Netherlands %}
           </span>
         </td>
         <td data-value="1000">1 GB</td>
-        <td data-value="0"><span class="label label-warning">Free</span></td>
+        <td data-value="0"><span class="label label-warning">{% t {{ "Free" | tl_note: free as in no money cost }} %}</span></td>
-        <td data-value="1"><span class="label label-success">Accepted</span></td>
+        <td data-value="1"><span class="label label-success">{% t Accepted %}</span></td>
-        <td data-value="1"><span class="label label-success">Built-in</span></td>
+        <td data-value="1"><span class="label label-success">{% t Built-in %}</span></td>
-        <td data-value="1"><span class="label label-success">Yes</span></td>
+        <td data-value="1"><span class="label label-success">{% t Yes %}</span></td>
       </tr>
 
       <tr>
         <td data-value="kolabnow">
-          <img
+          <img alt="Kolab Now" src="/assets/img/provider/Kolab-Now.png" width="200" height="70">
-            alt="Kolab Now"
-            src="/assets/img/svg/3rd-party/kolab_now.svg"
-            data-theme-src="/assets/img/svg/3rd-party/kolab_now-dark.svg"
-            width="200"
-            height="70">
         </td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://kolabnow.com %}" href="{% t https://kolabnow.com %}"><img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35"></a>
-            class="btn-secondary btn-icon"
-            href="https://kolabnow.com">
-            <span class="fas fa-globe"></span>
-          </a>
         </td>
         <td data-value="2010">2010</td>
         <td>
           <span class="no-text-wrap">
-            <span class="flag-icon flag-icon-ch"></span> Switzerland
+            <span class="flag-icon flag-icon-ch"></span> {% t Switzerland %}
           </span>
         </td>
         <td data-value="2048">2 GB</td>
         <td data-value="6000">$ 60</td>
-        <td data-value="1"><span class="label label-success">Accepted</span></td>
+        <td data-value="1"><span class="label label-success">{% t Accepted %}</span></td>
-        <td data-value="1"><span class="label label-success">Built-in</span></td>
+        <td data-value="1"><span class="label label-success">{% t Built-in %}</span></td>
-        <td data-value="1"><span class="label label-success">Yes</span></td>
+        <td data-value="1"><span class="label label-success">{% t Yes %}</span></td>
       </tr>
 
       <tr>
         <td data-value="mailbox">
-          <img alt="mailbox.org" src="/assets/img/svg/3rd-party/mailboxorg.svg" width="200" height="70">
+          <img alt="mailbox.org" src="/assets/img/provider/mailbox.org.png" width="200" height="70">
 
         </td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://mailbox.org %}" href="{% t https://mailbox.org %}"><img alt="WWW" src="/assets/img/layout/www.png" width="35 "height="35"></a>
-            class="btn-secondary btn-icon"
-            href="https://mailbox.org">
-            <span class="fas fa-globe"></span>
-          </a>
         </td>
         <td data-value="2014">2014</td>
         <td>
           <span class="no-text-wrap">
-            <span class="flag-icon flag-icon-de"></span> Germany
+            <span class="flag-icon flag-icon-de"></span> {% t Germany %}
           </span>
         </td>
         <td data-value="2000">2 GB</td>
         <td data-value="1444">12 €</td>
-        <td data-value="0"><span class="label label-success">No</span></td>
+        <td data-value="0"><span class="label label-success">{% t No %}</span></td>
-        <td data-value="1"><span class="label label-success">Built-in</span></td>
+        <td data-value="1"><span class="label label-success">{% t Built-in %}</span></td>
-        <td data-value="1"><span class="label label-success">Yes</span></td>
+        <td data-value="1"><span class="label label-success">{% t Yes %}</span></td>
       </tr>
 
       <tr>
         <td data-value="mailfence">
-          <img
+          <img alt="Mailfence" src="/assets/img/provider/Mailfence.png" width="200" height="70">
-            alt="Mailfence"
-            src="/assets/img/svg/3rd-party/mailfence.svg"
-            data-theme-src="/assets/img/svg/3rd-party/mailfence-dark.svg"
-            width="200"
-            height="70">
         </td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://mailfence.com %}" href="{% t https://mailfence.com %}"><img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35"></a>
-            href="https://mailfence.com"
-            class="btn-secondary btn-icon">
-            <span class="fas fa-globe"></span>
-          </a>
         </td>
         <td data-value="2013">2013</td>
         <td>
           <span class="no-text-wrap">
-            <span class="flag-icon flag-icon-be"></span> Belgium
+            <span class="flag-icon flag-icon-be"></span> {% t Belgium %}
           </span>
         </td>
         <td data-value="500">500 MB</td>
-        <td data-value="0"><span class="label label-warning">Free</span></td>
+        <td data-value="0"><span class="label label-warning">{% t {{ "Free" | tl_note: free as in no money cost }} %}</span></td>
-        <td data-value="1"><span class="label label-success">Accepted</span></td>
+        <td data-value="1"><span class="label label-success">{% t Accepted %}</span></td>
-        <td data-value="1"><span class="label label-success">Built-in</span></td>
+        <td data-value="1"><span class="label label-success">{% t Built-in %}</span></td>
-        <td data-value="1"><span class="label label-success">Yes</span></td>
+        <td data-value="1"><span class="label label-success">{% t Yes %}</span></td>
+      </tr>
+
+      <tr>
+        <td data-value="neomailbox">
+          <img alt="Neomailbox" src="/assets/img/provider/Neomailbox.png" width="200" height="70">
+        </td>
+        <td>
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://www.neomailbox.com %}" href="{% t https://www.neomailbox.com %}"><img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35"></a>
+        </td>
+        <td data-value="2003">2003</td>
+        <td>
+          <span class="no-text-wrap">
+            <span class="flag-icon flag-icon-ch"></span> {% t Switzerland %}
+          </span>
+        </td>
+        <td data-value="1000">1 GB</td>
+        <td data-value="4995">$ 49.95</td>
+        <td data-value="1"><span class="label label-success">{% t Accepted %}</span></td>
+        <td data-value="1"><span class="label label-success">{% t Built-in %}</span></td>
+        <td data-value="1"><span class="label label-success">{% t Yes %}</span></td>
       </tr>
 
       <tr>
         <td data-value="posteo">
-          <img alt="Posteo" src="/assets/img/svg/3rd-party/posteo.svg" width="200" height="70">
+          <img alt="Posteo" src="/assets/img/provider/Posteo.png" width="200" height="70">
         </td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://posteo.de %}" href="{% t https://posteo.de %}"><img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35"></a>
-            class="btn-secondary btn-icon"
-            href="https://posteo.de">
-            <span class="fas fa-globe"></span>
-          </a>
         </td>
         <td data-value="2009">2009</td>
         <td>
           <span class="no-text-wrap">
-            <span class="flag-icon flag-icon-de"></span> Germany
+            <span class="flag-icon flag-icon-de"></span> {% t Germany %}
           </span>
         </td>
         <td data-value="2000">2 GB</td>
         <td data-value="1444">12 €</td>
-        <td data-value="0"><span class="label label-primary">No</span></td>
+        <td data-value="0"><span class="label label-primary">{% t No %}</span></td>
-        <td data-value="1"><span class="label label-success">Built-in</span></td>
+        <td data-value="1"><span class="label label-success">{% t Built-in %}</span></td>
-        <td data-value="0"><span class="label label-primary">No</span></td>
+        <td data-value="0"><span class="label label-primary">{% t No %}</span></td>
       </tr>
 
       <tr>
         <td data-value="protonmail">
-          <img alt="ProtonMail" src="/assets/img/svg/3rd-party/protonmail.svg" width="200" height="70">
+          <img alt="Protonmail" src="/assets/img/provider/ProtonMail.ch.png" width="200" height="70">
         </td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://protonmail.com %}" href="{% t https://protonmail.com %}"><img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35"></a>
-            class="btn-secondary btn-icon"
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="https://protonirockerxow.onion. {% t Requires specific software to access: torproject.org %}" href="https://protonirockerxow.onion"><img alt="{% t Tor %}" src="/assets/img/layout/tor.png" width="35"></a>
-            href="https://protonmail.com">
-            <span class="fas fa-globe"></span>
-          </a>
-          <a
-            class="btn-tor btn-icon mt-1"
-            href="https://protonirockerxow.onion"
-            title="Requires specific software to access: torproject.org"
-            data-toggle="tooltip"
-            data-placement="bottom">
-            <span class="ptio-tor"></span>
-          </a>
         </td>
         <td data-value="2013">2013</td>
         <td>
           <span class="no-text-wrap">
-            <span class="flag-icon flag-icon-ch"></span> Switzerland
+            <span class="flag-icon flag-icon-ch"></span> {% t Switzerland %}
           </span>
         </td>
         <td data-value="500">500 MB</td>
-        <td data-value="0"><span class="label label-warning">Free</span></td>
+        <td data-value="0"><span class="label label-warning">{% t {{ "Free" | tl_note: free as in no money cost }} %}</span></td>
-        <td data-value="1"><span class="label label-success">Accepted</span></td>
+        <td data-value="1"><span class="label label-success">{% t Accepted %}</span></td>
-        <td data-value="1"><span class="label label-success">Built-in</span></td>
+        <td data-value="1"><span class="label label-success">{% t Built-in %}</span></td>
-        <td data-value="1"><span class="label label-success">Yes</span></td>
+        <td data-value="1"><span class="label label-success">{% t Yes %}</span></td>
       </tr>
 
       <tr>
         <td data-value="runbox">
-          <img
+          <img alt="Runbox" src="/assets/img/provider/runbox.png" width="200" height="70">
-            alt="Runbox"
+
-            src="/assets/img/png/3rd-party/runbox.png"
-            data-theme-src="/assets/img/png/3rd-party/runbox-dark.png"
-            width="200"
-            height="70">
         </td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://runbox.com %}" href="{% t https://runbox.com %}"><img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35"></a>
-            class="btn-secondary btn-icon"
-            href="https://runbox.com">
-            <span class="fas fa-globe"></span>
-          </a>
         </td>
         <td data-value="1999">1999</td>
         <td>
           <span class="no-text-wrap">
-            <span class="flag-icon flag-icon-no"></span> Norway
+            <span class="flag-icon flag-icon-no"></span> {% t Norway %}
           </span>
         </td>
         <td data-value="1000">1 GB</td>
         <td data-value="1995">$ 19.95</td>
-        <td data-value="1"><span class="label label-primary">Accepted</span></td>
+        <td data-value="1"><span class="label label-primary">{% t Accepted %}</span></td>
-        <td data-value="0"><span class="label label-primary">No</span></td>
+        <td data-value="0"><span class="label label-primary">{% t No %}</span></td>
-        <td data-value="1"><span class="label label-success">Yes</span></td>
+        <td data-value="1"><span class="label label-success">{% t Yes %}</span></td>
       </tr>
 
       <tr>
         <td data-value="soverin">
-          <img alt="Soverin" src="/assets/img/svg/3rd-party/soverin.svg" width="200" height="70">
+          <img alt="Soverin" src="/assets/img/provider/Soverin.png" width="200" height="70">
         </td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://soverin.net/ %}" href="{% t https://soverin.net/ %}"><img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35"></a>
-            class="btn-secondary btn-icon"
-            href="https://soverin.net">
-            <span class="fas fa-globe"></span>
-          </a>
         </td>
         <td data-value="2015">2015</td>
         <td>
           <span class="no-text-wrap">
-            <span class="flag-icon flag-icon-nl"></span> Netherlands
+            <span class="flag-icon flag-icon-nl"></span> {% t Netherlands %}
           </span>
         </td>
         <td data-value="25000">25 GB</td>
         <td data-value="3489">29 €</td>
-        <td data-value="0"><span class="label label-success">No</span></td>
+        <td data-value="0"><span class="label label-success">{% t No %}</span></td>
-        <td data-value="0"><span class="label label-success">No</span></td>
+        <td data-value="0"><span class="label label-success">{% t No %}</span></td>
-        <td data-value="1"><span class="label label-success">Yes</span></td>
+        <td data-value="1"><span class="label label-success">{% t Yes %}</span></td>
       </tr>
 
       <tr>
         <td data-value="startmail">
-          <img
+          <img alt="StartMail" src="/assets/img/provider/StartMail.png" width="200" height="70">
-            alt="StartMail"
-            src="/assets/img/svg/3rd-party/startmail.svg"
-            data-theme-src="/assets/img/svg/3rd-party/startmail-dark.svg"
-            width="200"
-            height="70">
         </td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://www.startmail.com %}" href="{% t https://www.startmail.com %}"><img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35"></a>
-            class="btn-secondary btn-icon"
-            href="https://startmail.com">
-            <span class="fas fa-globe"></span>
-          </a>
         </td>
         <td data-value="2014">2014</td>
         <td>
           <span class="no-text-wrap">
-            <span class="flag-icon flag-icon-nl"></span> Netherlands
+            <span class="flag-icon flag-icon-nl"></span> {% t Netherlands %}
           </span>
         </td>
         <td data-value="10000">10 GB</td>
         <td data-value="5995">$ 59.95</td>
-        <td data-value="1"><span class="label label-success">Accepted</span></td>
+        <td data-value="1"><span class="label label-success">{% t Accepted %}</span></td>
-        <td data-value="1"><span class="label label-success">Built-in</span></td>
+        <td data-value="1"><span class="label label-success">{% t Built-in %}</span></td>
-        <td data-value="1"><span class="label label-success">Yes</span></td>
+        <td data-value="1"><span class="label label-success">{% t Yes %}</span></td>
       </tr>
 
       <tr>
         <td data-value="tutanota">
-          <img
+          <img alt="Tutanota" src="/assets/img/provider/Tutanota.png" width="200" height="70">
-            alt="Tutanota"
-            src="/assets/img/svg/3rd-party/tutanota.svg"
-            data-theme-src="/assets/img/svg/3rd-party/tutanota-dark.svg"
-            width="200"
-            height="70">
         </td>
         <td>
-          <a
+          <a data-toggle="tooltip" data-placement="bottom" data-original-title="{% t https://www.tutanota.com %}" href="{% t https://www.tutanota.com %}"><img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35"></a>
-            class="btn-secondary btn-icon"
-            href="https://tutanota.com">
-            <span class="fas fa-globe"></span>
-          </a>
         </td>
         <td data-value="2011">2011</td>
         <td>
           <span class="no-text-wrap">
-            <span class="flag-icon flag-icon-de"></span> Germany
+            <span class="flag-icon flag-icon-de"></span> {% t Germany %}
           </span>
         </td>
         <td data-value="1000">1 GB</td>
-        <td data-value="0"><span class="label label-warning">Free</span></td>
+        <td data-value="0"><span class="label label-warning">{% t {{ "Free" | tl_note: free as in no money cost }} %}</span></td>
-        <td data-value="0"><span class="label label-primary">No</span></td>
+        <td data-value="0"><span class="label label-primary">{% t No %}</span></td>
-        <td data-value="1"><span class="label label-success">Built-in</span></td>
+        <td data-value="1"><span class="label label-success">{% t Built-in %}</span></td>
-        <td data-value="1"><span class="label label-success">Yes</span></td>
+        <td data-value="1"><span class="label label-success">{% t Yes %}</span></td>
       </tr>
 
     </tbody>
   </table>
 </div>
 
-<h3>Interesting Email Providers Under Development</h3>
+<h3>{% t Interesting Email Providers Under Development %}</h3>
 
 <ul>
-  <li><a href="https://www.confidantmail.org/">Confidant Mail</a> - An open-source non-SMTP cryptographic email system optimized for large file attachments. It is a secure and spam-resistant alternative to regular email and online file drop services. It
+  <li><a href="{% t https://www.confidantmail.org/ %}">{% t Confidant Mail %}</a> - {% t An open-source non-SMTP cryptographic email system optimized for large file attachments. It is a secure and spam-resistant alternative to regular email and online file drop services. It uses <a href="https://theprivacyguide.org/tutorials/gpg.html">GNU Privacy Guard (GPG)</a> for content encryption and authentication, and TLS 1.2 with ephemeral keys for transport encryption. %}</li>
-    uses <a href="https://theprivacyguide.org/tutorials/gpg.html">GNU Privacy Guard (GPG)</a> for content encryption and authentication, and TLS 1.2 with ephemeral keys for transport encryption.</li>
+</ul>  <h3>{% t Become Your Own Email Provider with Mail-in-a-Box %}</h3>
+<a href="{% t https://mailinabox.email/ %}"><img src="/assets/img/provider/Mail-in-a-Box.png" width="200" height="70" class="img-fluid float-left mr-3" alt="{% t Mail-in-a-Box %}"></a>
+<p>{% t 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>{% t More: %} <a href="{% t https://mailinabox.email/%}">{% t https://mailinabox.email/ %}</a></strong></p>
+
+<h3>{% t Related Information %}</h3>
+
+<ul>
+  <li><a href="{% t https://www.wired.com/2011/10/ecpa-turns-twenty-five/ %}">{% t Aging 'Privacy' Law Leaves Cloud E-Mail Open to Cops %}</a> - {% t Data stored in the cloud for longer than 6 months is considered abandoned and may be accessed by intelligence agencies without a warrant. Learning: Use an external email client like Thunderbird or Enigmail, download your emails and store them locally. Never leave them on the server. %}</li>
+  <li><a href="{% t https://www.eff.org/deeplinks/2012/04/may-firstriseup-server-seizure-fbi-overreaches-yet-again %}">{% t With May First/Riseup Server Seizure, FBI Overreaches Yet Again %}</a></li>
+  <li><a href="{% t https://www.autistici.org/ai/crackdown/ %}">{% t Autistici/Inventati server compromised %}</a> - {% t The cryptographic services offered by the Autistici/Inventati server have been compromised on 15th June 2004. It was discovered on 21st June 2005. One year later. During an enquiry on a single mailbox, the Postal Police may have tapped for a whole year every user's private communication going through the server autistici.org/inventati.org. %}</li>
 </ul>
-
-<h3>Become Your Own Email Provider</h3>
-
-<a href="https://mailinabox.email/"><img src="/assets/img/svg/3rd-party/mail-in-a-box.svg" width="80rem" class="img-fluid float-left mr-3" alt="Mail-in-a-Box"></a>
-<p><strong>Mail-in-a-Box</strong> 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>
-
-<a href="https://mailcow.email/"><img src="/assets/img/svg/3rd-party/mailcow.svg" width="80rem" class="img-fluid float-left mr-3" alt="Mailcow"></a>
-<p><strong>Mailcow</strong> is a slightly more advanced mail server perfect for those with a bit more Linux experience. It has everything you need in a Docker container: A mailserver with DKIM support, antivirus and spam monitoring, webmail and ActiveSync with SOGo, and web-based administration with 2FA support. <strong>More: <a href="https://mailcow.github.io/mailcow-dockerized-docs/">Mailcow Dockerized docs</a></strong></p>

_includes/sections/file-encryption.html

@@ -1,14 +1,13 @@
-<h1 id="encrypt" class="anchor"><a href="#encrypt"><i class="fas fa-link anchor-icon"></i></a> File Encryption Software</h1>
+<h1 id="encrypt" class="anchor"><a href="#encrypt"><i class="fas fa-link anchor-icon"></i></a> {% t File Encryption Software %}</h1>
 
 <div class="alert alert-warning" role="alert">
-  <strong>If you are currently not using encryption software for your hard disk, emails, or file archives, you should pick one here.</strong>
+  <strong>{% t If you are currently not using encryption software for your hard disk, emails, or file archives, you should pick one here. %}</strong>
 </div>
 
 {%
   include cardv2.html
   title="VeraCrypt - Disk Encryption"
-  image="/assets/img/svg/3rd-party/veracrypt.svg"
+  image="/assets/img/tools/VeraCrypt.png"
-  image-dark="/assets/img/svg/3rd-party/veracrypt-dark.svg"
   description="<strong>VeraCrypt</strong> is a source-available freeware utility used for on-the-fly encryption. It can create a virtual encrypted disk within a file or encrypt a partition or the entire storage device with pre-boot authentication. VeraCrypt is a fork of the discontinued TrueCrypt project. It was initially released on June 22, 2013. According to its developers, security improvements have been implemented and issues raised by the initial TrueCrypt code audit have been addressed."
   website="https://veracrypt.fr/"
   forum="https://forum.privacytools.io/t/discussion-veracrypt-file-encryption/1532"
@@ -21,7 +20,7 @@
 {%
   include cardv2.html
   title="GNU Privacy Guard - Email Encryption"
-  image="/assets/img/svg/3rd-party/gnupg.svg"
+  image="/assets/img/tools/GnuPG.png"
   description="<strong>GnuPG</strong> is a GPL-licensed alternative to the PGP suite of cryptographic software. GnuPG is compliant with RFC 4880, which is the current IETF standards track specification of OpenPGP. Current versions of PGP (and Veridis' Filecrypt) are interoperable with GnuPG and other OpenPGP-compliant systems. GnuPG is a part of the Free Software Foundation's GNU software project, and has received major funding from the German government."
   website="https://gnupg.org/"
   forum="https://forum.privacytools.io/t/discussion-gnupg-file-encryption/1533"
@@ -39,7 +38,7 @@
 {%
   include cardv2.html
   title="PeaZip - File Archive Encryption"
-  image="/assets/img/svg/3rd-party/peazip.svg"
+  image="/assets/img/tools/PeaZip.png"
   description="<strong>PeaZip</strong> is a free and open-source file manager and file archiver made by Giorgio Tani. It supports its native PEA archive format (featuring compression, multi volume split and flexible authenticated encryption and integrity check schemes) and other mainstream formats, with special focus on handling open formats. It also supports 180+ archive formats."
   website="http://www.peazip.org"
   forum="https://forum.privacytools.io/t/discussion-peazip-file-encryption/1534"
@@ -51,11 +50,11 @@
   netbsd="https://www.peazip.org/peazip-bsd.html"
 %}
 
-<h3>Worth Mentioning</h3>
+<h3>{% t Worth Mentioning %}</h3>
 
 <ul>
-  <li><a href="https://cryptomator.org/">Cryptomator</a> - Free client-side AES encryption for your cloud files. Open source software: No backdoors, no registration. <span class="badge badge-warning" data-toggle="tooltip" title="Cryptomator's mobile apps are not open-source."><a href="https://github.com/cryptomator/cryptomator-android/issues/1#issuecomment-257979375"><i class="fas fa-exclamation-triangle"></i></a></span></li>
+  <li><a href="{% t https://cryptomator.org/ %}">{% t Cryptomator %}</a> - {% t Free client-side AES encryption for your cloud files. Open source software: No backdoors, no registration.%} <span class="badge badge-warning" data-toggle="tooltip" title="{% t Cryptomator's mobile apps are not open-source. %}"><a href="https://github.com/cryptomator/cryptomator-android/issues/1#issuecomment-257979375"><i class="fas fa-exclamation-triangle"></i></a></span></li></li>
-  <li><a href="https://gitlab.com/cryptsetup/cryptsetup/">Linux Unified Key Setup (LUKS)</a> - A full disk encryption system for Linux using dm-crypt as the disk encryption backend. Included by default in Ubuntu. Available for Windows and Linux.</li>
+  <li><a href="{% t https://gitlab.com/cryptsetup/cryptsetup/ %}">{% t Linux Unified Key Setup (LUKS) %}</a> - {% t A full disk encryption system for Linux using dm-crypt as the disk encryption backend. Included by default in Ubuntu. Available for Windows and Linux. %}</li>
-  <li><a href="https://hat.sh/">Hat.sh</a> - A cross-platform, serverless JavaScript web application that provides secure file encryption using the AES-256-GCM algorithm in your browser. It can also be downloaded and run offline.</li>
+  <li><a href="{% t https://hat.sh/ %}">{% t Hat.sh %}</a> - {% t A cross-platform, serverless JavaScript web application that provides secure file encryption using the AES-256-GCM algorithm in your browser. It can also be downloaded and run offline.</a> %}</li>
-  <li><a href="https://www.keka.io/">Keka</a> - A macOS-only, open-source file archiver with the ability to encrypt files.</li>
+  <li><a href="{% t https://www.keka.io/ %}">{% t Keka %}</a> - {% t A macOS-only, open-source file archiver with the ability to encrypt files. %}</li>
 </ul>

_includes/sections/file-sharing.html

@@ -1,10 +1,10 @@
-<h1 id="filesharing" class="anchor"><a href="#filesharing"><i class="fas fa-link anchor-icon"></i></a> File Sharing</h1>
+<h1 id="filesharing" class="anchor"><a href="#filesharing"><i class="fas fa-link anchor-icon"></i></a> {% t File Sharing %}</h1>
 
 {% include cardv2.html
 title="Firefox Send"
-image="/assets/img/svg/3rd-party/firefox_send.svg"
+image="/assets/img/tools/Firefox-Send.png"
 website="https://send.firefox.com/"
-description="Firefox Send uses end-to-end encryption to keep your data secure from the moment you share to the moment your file is opened. It also offers security controls that you can set. You can choose when your file link expires, the number of downloads, and whether you would like to add a password for an extra layer of security."
+description="Firefox Send uses end-to-end encryption to keep your data secure from the moment you share to the moment your file is opened. It also offers security controls that you can set. You can choose when your file link expires, the number of downloads, and whether to add an optional password for an extra layer of security."
 forum="https://forum.privacytools.io/t/discussion-firefox-send/755"
 github="https://github.com/mozilla/send"
 web="https://send.firefox.com/"
@@ -13,7 +13,7 @@ googleplay="https://play.google.com/store/apps/details?id=org.mozilla.firefoxsen
 
 {% include cardv2.html
 title="OnionShare"
-image="/assets/img/svg/3rd-party/onionshare.svg"
+image="/assets/img/tools/OnionShare.png"
 website="https://onionshare.org/"
 tor="http://elx57ue5uyfplgva.onion/"
 description="OnionShare is an open-source tool that lets you securely and anonymously share a file of any size. It works by starting a web server, making it accessible as a Tor onion service, and generating an unguessable URL for you to share so that the recipients can access and download the files."
@@ -28,7 +28,7 @@ openbsd="http://openports.se/net/onionshare"
 
 {% include cardv2.html
 title="Magic Wormhole"
-image="/assets/img/png/3rd-party/magic_wormhole.png"
+image="/assets/img/tools/Magic-Wormhole.png"
 website="https://magic-wormhole.readthedocs.io"
 description="Magic Wormhole is a package that provides a library and a command-line tool named wormhole, which makes it possible to get arbitrary-sized files and directories (or short pieces of text) from one computer to another. Their motto: \"Get things from one computer to another, safely.\""
 forum="https://forum.privacytools.io/t/discussion-magic-wormhole/756"
@@ -41,9 +41,9 @@ openbsd="https://pypi.org/project/magic-wormhole/"
 netbsd="https://pypi.org/project/magic-wormhole/"
 %}
 
-<h3>Worth Mentioning</h3>
+<h3>{% t Worth Mentioning %}</h3>
 
 <ul>
-  <li><a href="https://github.com/schollz/croc">croc</a> - Easily and securely send things from one computer to another.</li>
+  <li><a href="{% t https://github.com/schollz/croc %}">{% t croc %}</a> - {% t Easily and securely send things from one computer to another. %}</li>
-  <li><a href="https://freedombox.org/">FreedomBox</a> - Designed to be your own inexpensive server at home. It runs free software and offers an increasing number of services ranging from a calendar or Jabber server, to a wiki, or VPN.</li>
+  <li><a href="{% t https://freedombox.org/ %}">{% t FreedomBox %}</a> - {% t Designed to be your own inexpensive server at home. It runs free software and offers an increasing number of services ranging from a calendar or Jabber server, to a wiki, or VPN. %}</li>
 </ul>

_includes/sections/file-sync.html

@@ -2,14 +2,14 @@
   <a href="#sync">
     <i class="fas fa-link anchor-icon"></i>
   </a>
-  File Sync
+  {% t File Sync %}
 </h1>
 
 {%
   include cardv2.html
   title="Syncthing"
-  image="/assets/img/svg/3rd-party/syncthing.svg"
+  image="/assets/img/tools/Syncthing.png"
-  description="<strong>Syncthing</strong> replaces proprietary sync and cloud services with something open, trustworthy and decentralized. Your data is your data alone and you deserve to choose where it is stored, if it is shared with some third-party, and how it is transmitted over the Internet."
+  description="<strong>Syncthing</strong> replaces proprietary sync and cloud services with something open, trustworthy and decentralized. Your data is your data alone and you deserve to choose where it is stored, if it is shared with some third-party and how it's transmitted over the Internet."
   website="https://syncthing.net/"
   forum="https://forum.privacytools.io/t/discussion-syncthing/1627/2"
   github="https://github.com/syncthing?type=source"
@@ -23,8 +23,8 @@
 {%
   include cardv2.html
   title="SparkleShare"
-  image="/assets/img/svg/3rd-party/sparkleshare.svg"
+  image="/assets/img/tools/SparkleShare.png"
-  description="<strong>SparkleShare</strong> creates a special folder on your computer. You can add remotely hosted folders (or \"projects\") to this folder. These projects will be automatically kept in sync with both the host and all of your peers when someone adds, removes, or edits a file."
+  description="<strong>SparkleShare</strong> creates a special folder on your computer. You can add remotely hosted folders (or \"projects\") to this folder. These projects will be automatically kept in sync with both the host and all of your peers when someone adds, removes or edits a file."
   website="https://sparkleshare.org/"
   forum="https://forum.privacytools.io/t/discussion-sparkleshare/1626"
   github="https://github.com/hbons/SparkleShare"
@@ -32,10 +32,10 @@
   mac="https://github.com/hbons/SparkleShare/releases/"
 %}
 
-<h3>Worth Mentioning</h3>
+<h3>{% t Worth Mentioning %}</h3>
 
 <ul>
   <li>
-    <a href="https://git-annex.branchable.com/">git-annex</a> - Allows managing files with git, without checking the file contents into git. While that may seem paradoxical, it is useful when dealing with files larger than git can currently easily handle, whether due to limitations in memory, time, or disk space.
+    <a href="{% t https://git-annex.branchable.com/ %}">{% t git-annex %}</a> - {% t Allows managing files with git, without checking the file contents into git. While that may seem paradoxical, it is useful when dealing with files larger than git can currently easily handle, whether due to limitations in memory, time, or disk space. %}
   </li>
 </ul>

_includes/sections/fourteen-eyes.html

@@ -1,45 +1,53 @@
-<h1 id="ukusa" class="anchor"><a href="#ukusa"><i class="fas fa-link anchor-icon"></i></a> Global Mass Surveillance - The Fourteen Eyes</h1>
+<h1 id="ukusa" class="anchor"><a href="#ukusa"><i class="fas fa-link anchor-icon"></i></a> {% t Global Mass Surveillance - The Fourteen Eyes %}</h1>
+
+<img src="/assets/img/layout/UKUSA.png" width="260" height="115" class="img-fluid float-right ml-2" alt="{% t UKUSA Agreement %}">
+
+<p>{% t 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="https://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="https://www.pbs.org/newshour/world/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="https://www.theguardian.com/uk/2013/jun/21/gchq-cables-secret-world-communications-nsa">share intelligence</a> to <a href="https://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 spy on each other. %}</p>
 
-<img src="/assets/img/svg/layout/ukusa.svg" width="260" height="115" class="img-fluid float-right ml-2" alt="UKUSA Agreement">
 
-<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="https://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="https://www.pbs.org/newshour/world/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="https://www.theguardian.com/uk/2013/jun/21/gchq-cables-secret-world-communications-nsa">share intelligence</a> to <a href="https://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 spy on each other.</p>
 
 <div class="row mb-3">
+  {% capture five_eyes_card %}
+  <ol class="card-ol">
+    <li>{% t Australia %}<div class="float-right"><span class="flag-icon flag-icon-au"></span></div></li>
+    <li>{% t Canada %}<div class="float-right"><span class="flag-icon flag-icon-ca"></span></div></li>
+    <li>{% t New Zealand %}<div class="float-right"><span class="flag-icon flag-icon-nz"></span></div></li>
+    <li>{% t United Kingdom %}<div class="float-right"><span class="flag-icon flag-icon-gb"></span></div></li>
+    <li>{% t United States of America %}<div class="float-right"><span class="flag-icon flag-icon-us"></span></div></li>
+  </ol>
+  {% endcapture %}
+  
   {% include panel.html color="danger"
   title="Five Eyes"
-  body='
+  body=five_eyes_card
-  <ol class="card-ol">
-    <li>Australia <div class="float-right"><span class="flag-icon flag-icon-au"></span></div></li>
-    <li>Canada <div class="float-right"><span class="flag-icon flag-icon-ca"></span></div></li>
-    <li>New Zealand <div class="float-right"><span class="flag-icon flag-icon-nz"></span></div></li>
-    <li>United Kingdom <div class="float-right"><span class="flag-icon flag-icon-gb"></span></div></li>
-    <li>United States of America <div class="float-right"><span class="flag-icon flag-icon-us"></span></div></li>
-  </ol>
-  '
   %}
 
+  {% capture nine_eyes_card %}
+  <ol class="card-ol">
+    <li>{% t Denmark %}<div class="float-right"><span class="flag-icon flag-icon-dk"></span></div></li>
+    <li>{% t France %}<div class="float-right"><span class="flag-icon flag-icon-fr"></span></div></li>
+    <li>{% t Netherlands %}<div class="float-right"><span class="flag-icon flag-icon-nl"></span></div></li>
+    <li>{% t Norway %}<div class="float-right"><span class="flag-icon flag-icon-no"></span></div></li>
+  </ol>
+  {% endcapture %}
+
   {% include panel.html color="warning"
   title="Nine Eyes"
-  body='
+  body=nine_eyes_card
-  <ol class="card-ol">
-    <li>Denmark <div class="float-right"><span class="flag-icon flag-icon-dk"></span></div></li>
-    <li>France <div class="float-right"><span class="flag-icon flag-icon-fr"></span></div></li>
-    <li>Netherlands <div class="float-right"><span class="flag-icon flag-icon-nl"></span></div></li>
-    <li>Norway <div class="float-right"><span class="flag-icon flag-icon-no"></span></div></li>
-  </ol>
-  '
   %}
 
+  {% capture fourteen_eyes_card %}
+  <ol class="card-ol">
+    <li>{% t Belgium %}<div class="float-right"><span class="flag-icon flag-icon-be"></span></div></li>
+    <li>{% t Germany %}<div class="float-right"><span class="flag-icon flag-icon-de"></span></div></li>
+    <li>{% t Italy %}<div class="float-right"><span class="flag-icon flag-icon-it"></span></div></li>
+    <li>{% t Spain %}<div class="float-right"><span class="flag-icon flag-icon-es"></span></div></li>
+    <li>{% t Sweden %}<div class="float-right"><span class="flag-icon flag-icon-se"></span></div></li>
+  </ol>
+  {% endcapture %}
+  
   {% include panel.html color="secondary"
   title="Fourteen Eyes"
-  body='
+  body=fourteen_eyes_card
-  <ol class="card-ol">
-    <li>Belgium <div class="float-right"><span class="flag-icon flag-icon-be"></span></div></li>
-    <li>Germany <div class="float-right"><span class="flag-icon flag-icon-de"></span></div></li>
-    <li>Italy <div class="float-right"><span class="flag-icon flag-icon-it"></span></div></li>
-    <li>Spain <div class="float-right"><span class="flag-icon flag-icon-es"></span></div></li>
-    <li>Sweden <div class="float-right"><span class="flag-icon flag-icon-se"></span></div></li>
-  </ol>
-  '
   %}
 </div>

_includes/sections/header.html

@@ -1,24 +1,17 @@
 <div class="alert alert-success" role="alert">
-  <strong>New!</strong> Financial <a href="https://opencollective.com/privacytoolsio" class="alert-link">contributions</a> to {{ site.name }} are now tax deductible in the US! <a href="https://blog.privacytools.io/privacytools-io-joins-the-open-collective-foundation" class="alert-link">Learn more...</a>
+  <strong>{% t New! %}</strong> {% t Financial <a href="https://opencollective.com/privacytoolsio" class="alert-link">contributions</a> to {{ site.name }} are now tax deductible in the US!%}<a href="https://blog.privacytools.io/privacytools-io-joins-the-open-collective-foundation" class="alert-link"> {% t Learn more... %}</a>
 </div>
 
 <div class="jumbotron p-5">
-  <h1 class="display-4">
+  <h1 class="display-4"><a href="{{ site.production_url }}" title="{{ site.name }}"><img src="/assets/img/layout/logo.png" width="600" height="88" class="img-fluid" alt="{{ site.name }}"></a></h1>
-    <a href="{{ site.production_url }}" title="{{ site.name }}">
+  <p class="lead">{% t You are being watched. Private and state-sponsored organizations are monitoring and recording your online activities. {{ site.name }} provides services, tools and knowledge to protect your privacy against global mass surveillance. %}</p>
-      <img class="img-fluid d-none d-sm-block" src="/assets/img/svg/layout/brand/horizontal.svg" width="500px" alt="{{ site.name }}">
-      <div class="text-center">
-        <img class="img-fluid d-sm-none" src="/assets/img/svg/layout/brand/vertical.svg" width="300px" alt="{{ site.name }}">
-      </div>
-    </a>
-  </h1>
-  <p class="lead">You are being watched. Private and state-sponsored organizations are monitoring and recording your online activities. {{ site.name }} provides services, tools and knowledge to protect your privacy against global mass surveillance.</p>
 </div>
 
 <form method="POST" action="https://search.privacytools.io/" id="search_form" role="search">
 <div class="input-group col-12 col-md-8 offset-md-2">
-<input type="search" name="q" class="form-control input-lg" id="q" placeholder="Try {{ site.name }} Search, a Privacy-Respecting Search Engine" autocomplete="off" value="">
+<input type="search" name="q" class="form-control input-lg" id="q" placeholder="{% t Try {{ site.name }} Search, a Privacy-Respecting Search Engine %}" autocomplete="off" value="">
 <span class="input-group-btn">
-<button type="submit" class="btn btn-primary input-lg"><span class="hide_if_nojs"><i class="fas fa-search"></i> </span><span class="hidden active_if_nojs">start search</span></button>
+<button type="submit" class="btn btn-primary input-lg"><span class="hide_if_nojs"><i class="fas fa-search"></i> </span><span class="hidden active_if_nojs">{% t start search %}</span></button>
 </span>
 </div>
 </form>

_includes/sections/hosting-provider.html

@@ -1,9 +1,8 @@
-<h1 id="host" class="anchor"><a href="#host"><i class="fas fa-link anchor-icon"></i></a> Secure Hosting Provider</h1>
+<h1 id="host" class="anchor"><a href="#host"><i class="fas fa-link anchor-icon"></i></a> {% t Secure Hosting Provider %}</h1>
 
 {% include cardv2.html
 title="Data Center: Bahnhof"
-image="/assets/img/svg/3rd-party/bahnhof.svg"
+image="/assets/img/provider/bahnhof.png"
-image-dark="/assets/img/svg/3rd-party/bahnhof-dark.svg"
 description="Bahnhof is one of Sweden’s largest network operators, founded in 1994. They specialize in innovative data center construction: Extreme security coupled with low-cost green energy has made them world famous."
 website="https://www.bahnhof.net/"
 forum="https://forum.privacytools.io/t/discussion-bahnhof-net/341"
@@ -11,8 +10,7 @@ forum="https://forum.privacytools.io/t/discussion-bahnhof-net/341"
 
 {% include cardv2.html
 title="VPS & Domain: Njalla"
-image="/assets/img/svg/3rd-party/njalla.svg"
+image="/assets/img/provider/Njalla.png"
-image-dark="/assets/img/svg/3rd-party/njalla-dark.svg"
 description="Njalla is a privacy-aware domain registration service and VPS provider based in Nevis (with VPS data centers in Sweden). It is created by people from The Pirate Bay and IPredator VPN. Accepted payments: Bitcoin, Litecoin, Monero, DASH, Bitcoin Cash and PayPal."
 website="https://njal.la/"
 tor="http://njalladnspotetti.onion"
@@ -21,7 +19,7 @@ forum="https://forum.privacytools.io/t/discussion-njalla/339"
 
 {% include cardv2.html
 title="Colocation: DataCell"
-image="/assets/img/png/3rd-party/datacell.png"
+image="/assets/img/provider/datacell.png"
 description="DataCell is a data center providing secure colocating in Switzerland and Iceland."
 website="https://datacell.is/"
 forum="https://forum.privacytools.io/t/discussion-datacell-is/342"
@@ -29,7 +27,7 @@ forum="https://forum.privacytools.io/t/discussion-datacell-is/342"
 
 {% include cardv2.html
 title="VPS, Hosting, & Domain: Orange Website"
-image="/assets/img/png/3rd-party/orange_website.png"
+image="/assets/img/provider/orange_hosting.png"
 description="Orange Website is an Icelandic web hosting provider that prides themselves in protecting online privacy and free speech."
 website="https://www.orangewebsite.com/"
 forum="https://forum.privacytools.io/t/discussion-orange-website/343"

_includes/sections/instant-messenger.html

@@ -1,205 +1,63 @@
-<h1 id="im" class="anchor"><a href="#im"><i class="fas fa-link anchor-icon"></i></a> Encrypted Instant Messengers</h1>
+<h1 id="im" class="anchor"><a href="#im"><i class="fas fa-link anchor-icon"></i></a> {% t Encrypted Instant Messenger %}</h1>
 
 <div class="alert alert-warning" role="alert">
-  <strong>If you are currently using an Instant Messenger like Telegram, LINE, Viber, <a href="https://www.eff.org/deeplinks/2016/10/where-whatsapp-went-wrong-effs-four-biggest-security-concerns">WhatsApp</a>, or plain SMS, you should pick an alternative here.</strong></div>
+  <strong>{% t If you are currently using an Instant Messenger like Telegram, LINE, Viber, <a href="https://www.eff.org/deeplinks/2016/10/where-whatsapp-went-wrong-effs-four-biggest-security-concerns">WhatsApp</a>, or plain SMS you should pick an alternative here. %}</strong>
-
-<p>We only recommend instant messenger programs or apps that support <a href="https://en.wikipedia.org/wiki/End-to-end_encryption">end-to-end encryption (E2EE)</a>. When E2EE is used, all transmissions (messages, voice, video, etc.) are encrypted <strong>before</strong> they are sent from your device. E2EE protects both the authenticity and confidentiality of the transmission as they pass through any part of the network (servers, etc.).</p>
-
-<p>All the client programs/apps we chose are <a href="https://en.wikipedia.org/wiki/Free_and_open-source_software">free and open-source software</a> unless otherwise mentioned. This to ensure that the code can be independently verified by experts now and in the future.</p>
-
-<p>We have described the three main types of messaging programs that exist: Centralized, Federated and Peer-to-Peer (P2P), with the advantages and disadvantages of each.</p>
-
-<h2 id="centralized" class="anchor"><a href="#centralized"><i class="fas fa-link anchor-icon"></i></a> Centralized</h2>
-
-<p>Centralized messengers are those where every participant is on the same server or network of servers controlled by the same organization.</p>
-
-<h3>Advantages</h3>
-<ul>
-    <li>New features and changes can be implemented more quickly.</li>
-    <li>Easier to get started with and to find contacts.</li>
-</ul>
-
-<h3>Disadvantages</h3>
-<ul>
-    <li>Centralized services could be more susceptible to <a href="#exploiting-centralized-networks">legislation requiring backdoor access</a>.</li>
-    <li>Can include <a href="https://drewdevault.com/2018/08/08/Signal.html">restricted control or access</a>. This can include things like:</li>
-    <ul>
-        <li>Being <a href="https://github.com/LibreSignal/LibreSignal/issues/37#issuecomment-217211165">forbidden from connecting third-party clients</a> to the centralized network that might provide for greater customization or better user experience. Often defined in Terms and Conditions of usage.</li>
-        <li>Poor or no documentation for third-party developers.</li>
-    </ul>
-    <li>The <a href="https://blog.privacytools.io/delisting-wire">ownership</a>, privacy policy, and operations of the service can change easily when a single entity controls it, potentially compromising the service later on.</li>
-</ul>
-
-{%
-   include cardv2.html
-   title="Signal"
-   image="/assets/img/svg/3rd-party/signal.svg"
-   description='Signal is a mobile app developed by Signal Messenger LLC. The app provides instant messaging, as well as voice and video calling. All communications are E2EE unless you choose to send as SMS. Its protocol has also been <a href="https://eprint.iacr.org/2016/1013.pdf">indepedently audited (PDF)</a>'
-   labels="warning:<a>Requires phone number</a>:Signal requires your phone number as an personal identifier which means anyone you communicate with will see it.|success:VoIP"
-   website="https://signal.org/"
-   forum="https://forum.privacytools.io/t/discussion-signal/664"
-   github="https://github.com/signalapp"
-   windows="https://signal.org/download/"
-   mac="https://signal.org/download/"
-   linux="https://signal.org/download/"
-   googleplay="https://play.google.com/store/apps/details?id=org.thoughtcrime.securesms"
-   android="https://signal.org/android/apk/#apk-danger"
-   ios="https://apps.apple.com/app/signal-private-messenger/id874139669"
-%}
-
-{%
-  include cardv2.html
-  title="Keybase"
-  image="/assets/img/svg/3rd-party/keybase.svg"
-  description='Keybase provides a hosted team chat with E2EE. Its protocol has also been <a href="https://keybase.io/docs-assets/blog/NCC_Group_Keybase_KB2018_Public_Report_2019-02-27_v1.3.pdf">indepedently audited (PDF)</a>. Keybase can help you prove you own social media accounts though the use of cryptographic signing of "<a href="https://en.wikipedia.org/wiki/Keybase#Identity_proofs">identity proofs</a>".'
-  labels="warning:<a href=//github.com/keybase/client/issues/6374>Warning</a>:This software relies on a closed-source central server."
-  website="https://keybase.io/"
-  forum="https://forum.privacytools.io/t/discussion-keybase/1224"
-  tor="http://keybase5wmilwokqirssclfnsqrjdsi7jdir5wy7y7iu3tanwmtp6oid.onion/"
-  github="https://github.com/Keybase"
-  windows="https://keybase.io/docs/the_app/install_windows"
-  mac="https://keybase.io/docs/the_app/install_macos"
-  linux="https://keybase.io/docs/the_app/install_linux"
-  freebsd="https://www.freshports.org/security/keybase/"
-  googleplay="https://play.google.com/store/apps/details?id=io.keybase.ossifrage"
-  ios="https://apps.apple.com/app/keybase-crypto-for-everyone/id1044461770"
-  firefox="https://addons.mozilla.org/firefox/addon/keybase-for-firefox/"
-  chrome="https://chrome.google.com/webstore/detail/keybase-for-reddit/ognfafcpbkogffpmmdglhbjboeojlefj"
-%}
-
-<div>
-    <h2 id="federated" class="anchor"><a href="#federated"><i class="fas fa-link anchor-icon"></i></a> Federated</h2>
-
-    <p>Federated messengers use multiple, independent servers that are able to talk to each other (email is one example of a federated service). Federation allows system administrators to control their own server and still be a part of the larger communications network.</p>
-
-    <h3>Advantages</h3>
-    <ul>
-        <li>Allows for greater control over your own data when running your own server.</li>
-        <li>Allows you to choose who to trust your data with by choosing between multiple "public" servers.</li>
-        <li>Often allows for third party clients which can provide a more native, customized, or accessible experience.</li>
-        <li>Generally a less juicy target for governments wanting <a href="#exploiting-centralized-networks">backdoor access to everything</a> as the trust is decentralized. The server may be hosted independently from the organization developing the software.</li>
-        <li>Server software can be verified that it matches public source code, assuming you have access to the server or you trust the person who does (e.g., a family member)</li>
-        <li>Third-party developers can contribute code and add new features, instead of waiting for a private development team to do so.</li>
-    </ul>
-
-    <h3>Disadvantages</h3>
-    <ul>
-        <li>Adding new features is more complex, because these features need to be standardized and tested to ensure they work with all servers on the network.</li>
-        <li>Some metadata may be available (e.g., information like "who is talking to whom," but not actual message content if E2EE is used).</li>
-        <li>Federated servers generally require trusting your server's administrator. They may be a hobbyist or otherwise not a "security professional," and may not serve standard documents like a privacy policy or terms of service detailing how your data is utilized.</li>
-        <li>Server administrators sometimes choose to block other servers, which are a source of unmoderated abuse or break general rules of accepted behavior. This will hinder your ability to communicate with users on those servers.</li>
-    </ul>
 </div>
 
-{%
+
-  include cardv2.html
+{% include cardv2.html
-  title="Matrix"
+title="Signal"
-  image="/assets/img/svg/3rd-party/matrix.svg"
+image="/assets/img/tools/Signal.png"
-  image-dark="/assets/img/svg/3rd-party/matrix-dark.svg"
+description="Signal is a mobile app developed by Open Whisper Systems. The app provides instant messaging, as well as voice and video calling. All communications are end-to-end encrypted. Signal is free and open source."
-  description='<a href="https://matrix.org/docs/guides/introduction">Matrix</a> is an open-source project that publishes the <a href="https://matrix.org/docs/spec">Matrix open standard</a> for secure, decentralized, real-time communication.<br />
+labels="success:VoIP"
-  <a href="https://en.wikipedia.org/wiki/Riot.im">Riot.im</a> is the popular reference client produced by the Matrix.org team. It offers optional E2EE for 1:1 and group conversations that <strong>must</strong> be turned on by the user. (This can be done by clicking on the toggle switch which is accessed by clicking the room name or user name of the chat → Security &amp; Privacy → Encrypted). In the future it will be <a href="https://github.com/vector-im/riot-web/issues/6779">on by default.</a>'
+website="https://signal.org/"
-  website="https://about.riot.im/"
+forum="https://forum.privacytools.io/t/discussion-signal/664"
-  forum="https://forum.privacytools.io/t/discussion-riot-im/665/"
+github="https://github.com/signalapp"
-  github="https://github.com/vector-im/riot-web/"
+windows="https://signal.org/download/"
-  windows="https://riot.im/download/desktop/"
+mac="https://signal.org/download/"
-  mac="https://riot.im/download/desktop/"
+linux="https://signal.org/download/"
-  linux="https://riot.im/download/desktop/"
+googleplay="https://play.google.com/store/apps/details?id=org.thoughtcrime.securesms"
-  fdroid="https://f-droid.org/repository/browse/?fdid=im.vector.alpha"
+android="https://signal.org/android/apk/#apk-danger"
-  googleplay="https://play.google.com/store/apps/details?id=im.vector.app"
+ios="https://apps.apple.com/us/app/signal-private-messenger/id874139669"
-  ios="https://itunes.apple.com/app/vector.im/id1083446067"
-  web="https://riot.im/app/"
 %}
 
-<div>
+<h3>{% t Complete Comparison %}</h3>
-    <h4>Worth Mentioning</h4>
+<ul>
-
+	<li><a href="{% t https://securechatguide.org/effguide.html %}">{% t securechatguide.org %}</a> - {% t Guide to Choosing a Messenger. %}</li>
-    <ul>
+	<li><a href="{% t https://www.securemessagingapps.com/ %}">{% t securemessagingapps.com %}</a> - {% t Secure Messaging Apps Comparison. %}</li>
-        <li>Other <a href="https://matrix.org/clients">Matrix</a> clients, that may however be less feature complete than Riot.im.</li>
+  <li><a href="{% t https://www.thinkprivacy.io/messengers.html %}">{% t thinkprivacy.io %}</a> - {% t Simple Secure Messaging Apps Comparison. %}</li>
-        <li><a href="https://xmpp.org/about">XMPP</a> (Extensible Messaging and Presence Protocol) is an open-source communications protocol that began development in 1999. Since then, XMPP has been extended by the publishing of XEPs (XMPP Extension Protocols). <a href="https://conversations.im/omemo/">OMEMO</a> is the most popular XEP (XMPP extension) for E2EE. Clients are developed by the community and not by the XSF (XMPP Standards Foundation). <span class="badge badge-warning" data-toggle="tooltip" title="VoIP and file transfers/names may not be end-to-end encrypted.">Inconsistent E2EE</span></li>
+</ul>
-        <ul>
-            <li><a href="https://gajim.org/">Gajim</a></li>
-            <li><a href="https://conversations.im">Conversations</a></li>
-            <li><a href="https://siskin.im/">Siskin</a></li>
-            <li>Other <a href="https://omemo.top">OMEMO</a> capable clients for XMPP.</li>
-        </ul>
-        <li><a href="https://www.kontalk.org">Kontalk</a> is a community-driven instant messaging network based on XMPP.</li>
-    </ul>
-
-    <h2 id="peer-to-peer" class="anchor"><a href="#peer-to-peer"><i class="fas fa-link anchor-icon"></i></a> Peer to Peer (P2P)</h2>
-
-    <p>Peer-to-Peer instant messengers connect directly to each other without requiring third-party servers. Clients (peers) usually find each other through the use of a <a href="https://en.wikipedia.org/wiki/Distributed_computing">distributed computing</a> network. Examples of this include <a href="https://en.wikipedia.org/wiki/Distributed_hash_table">DHT (distributed hash table)</a> (used with technologies like <a href="https://en.wikipedia.org/wiki/BitTorrent_(protocol)">torrents</a> and <a href="https://en.wikipedia.org/wiki/InterPlanetary_File_System">IPFS</a>, for example), or <a href="https://en.wikipedia.org/wiki/Ethereum">Ethereum</a>'s <a href="https://github.com/ethereum/wiki/wiki/Whisper">Whisper</a> protocol (used with some newer DApps). Another approach is proximity based networks, where a connection is established over WiFi or Bluetooth (for example, Briar or the <a href="https://www.scuttlebutt.nz">Scuttlebutt</a> social networking protocol). Once a peer has found a route to its contact via any of these methods, a direct connection between them is made.</p>
 
 
-    <h3>Advantages</h3>
+<h3>{% t Worth Mentioning %}</h3>
-    <ul>
-        <li>Minimal information is exposed to third parties.</li>
-        <li>Modern P2P platforms implement end-to-end encryption by default. There are no servers that could potentially intercept and decrypt your transmissions, unlike centralized and federated models.</li>
-    </ul>
-
-    <h3>Disadvantages</h3>
-    <ul>
-        <li>Reduced feature set:</li>
-        <ul>
-            <li>Messages can only be sent when both peers are online, however, your client may store messages locally to wait for the contact to return online.</li>
-            <li>Generally increases battery usage on mobile devices, because the client must stay connected to the distributed network to learn about who is online.</li>
-        </ul>
-        <li>Your <a href="https://en.wikipedia.org/wiki/IP_address">IP address</a> and that of the contacts you're communicating with may be visible if you do not use the software in conjunction with a <a href="/software/networks">self contained network</a>, such as <a href="https://www.torproject.org">Tor</a> or <a href="https://geti2p.net/">I2P</a>. Many countries have some form of mass surveillance and/or metadata retention.</li>
-    </ul>
-</div>
-
-{%
-  include cardv2.html
-  title="Briar"
-  image="/assets/img/svg/3rd-party/briar.svg"
-  description="Encrypted instant messenger that connects to contacts via Wi-Fi, Bluetooth, or Tor over the internet to synchronize messages. Technology such as this has proven to be useful when Internet availability is an issue, such as in times of crisis."
-  website="https://briarproject.org"
-  forum="https://forum.privacytools.io/t/discussion-briar/2114"
-  gitlab="https://code.briarproject.org/briar/briar"
-  fdroid="https://f-droid.org/packages/org.briarproject.briar.android/"
-  googleplay="https://play.google.com/store/apps/details?id=org.briarproject.briar.android"
-%}
-
-{%
-  include cardv2.html
-  title="Jami"
-  image="/assets/img/svg/3rd-party/jami.svg"
-  description="Encrypted instant messaging and video calling software. Uses <a href=//jami.net/improving-performance-and-security-with-tls-1-3/>TLS 1.3</a> for encryption."
-  labels="success:VoIP"
-  website="https://jami.net/"
-  forum="https://forum.privacytools.io/t/discussion-jami/2116"
-  gitlab="https://git.jami.net/savoirfairelinux"
-  windows="https://jami.net/download-jami-windows"
-  mac="https://jami.net/download-jami-macos"
-  linux="https://jami.net/download-jami-linux"
-  fdroid="https://f-droid.org/packages/cx.ring/"
-  googleplay="https://play.google.com/store/apps/details?id=cx.ring"
-  ios="https://itunes.apple.com/app/ring-a-gnu-package/id1306951055?mt=8"
-%}
-
-{%
-  include cardv2.html
-  title="Tox"
-  image="/assets/img/svg/3rd-party/tox.svg"
-  image-dark="/assets/img/svg/3rd-party/tox-dark.svg"
-  description='Encrypted instant messaging and video calling software. Uses its <a href="https://toktok.ltd/spec.html"> own encryption protocol</a> that has not yet been officially audited by cryptographers.'
-  labels="warning:<a href=//tox.chat/download.html#warning>Experimental</a>:Encryption has not been audited by professional cryptographers|success:VoIP"
-  website="https://tox.chat"
-  forum="https://forum.privacytools.io/t/discussion-tox/2115"
-  windows="https://tox.chat/download.html#oses"
-  mac="https://tox.chat/download.html#oses"
-  linux="https://tox.chat/download.html#oses"
-  freebsd="https://tox.chat/download.html#oses"
-  openbsd="http://openports.se/search.php?so=tox"
-  netbsd="http://pkgsrc.se/search.php?so=tox"
-  fdroid="https://tox.chat/download.html#oses"
-  googleplay="https://tox.chat/download.html#oses"
-  ios="https://tox.chat/download.html#oses"
-%}
-
-<h4>Worth Mentioning</h4>
 
 <ul>
-    <li><a href="https://status.im">Status.im</a> - Encrypted instant messenger with an integrated <a href="https://en.wikipedia.org/wiki/Ethereum">Ethereum</a> wallet (cryptocurrency) that also includes support for <a href="https://our.status.im/tag/dapps">DApps (decentralized apps)</a> (web apps in a curated store). Uses the <a href="https://blog.enuma.io/update/2018/08/08/decentralized-application-messaging-with-whisper.html">Whisper protocol</a> for P2P communication. <span class="badge badge-warning">Experimental</span></li>
+  <li><a href="{% t https://briarproject.org/ %}">{% t Briar %}</a> - {% t An ultra-secure peer-to-peer instant messenger that connects to contacts via Direct Wi-Fi, Bluetooth, or Tor over the internet, keeping its users protected from surveillance and censorship. %}</li>
-    <li><a href="https://retroshare.cc">Retroshare</a> - Encrypted instant messaging and voice/video call client. RetroShare supports both <a href="https://www.torproject.org/">Tor</a> and <a href="https://geti2p.net">I2P</a>.</li>
+  <li><a href="{% t https://about.riot.im/ %}">{% t Riot %}</a> - {% t An open-source, federated messenger that utilizes the Matrix protocol. This application is primarily recommended as a large group/team chat solution. While Riot has the ability to perform 1-on-1 communications we believe there are better solutions for direct communications. %}</li>
-    <li><a href="https://bitmessage.org">Bitmessage</a> is a decentralized, encrypted, peer-to-peer, trustless communications protocol that can be used by one person to send encrypted messages to another person, or to multiple subscribers.</li>
+  <li><a href="{% t https://retroshare.cc/ %}">{% t RetroShare %}</a> - {% t An end-to-end encrypted instant messaging and voice/video call client. RetroShare supports both TOR and I2P.  %}</li>
+  <li><a href="{% t https://xmpp.org/ %}">{% t XMPP %}</a> - {% t Federated instant messaging protocol with <a href="https://conversations.im/omemo/">OMEMO</a>, OTR, or OpenPGP end-to-end encryption: %}</li>
+  <ul>
+    <li><a href="{% t https://conversations.im/ %}">{% t Conversations %}</a> ({% t Android %}) - {% t An open-source Jabber/XMPP client for Android 4.4+ smartphones. %} <span class="badge badge-success">{% t OMEMO %}</span></li>
+    <li><a href="{% t https://gajim.org/ %}">{% t Gajim %}</a> ({% t FreeBSD, Linux, Windows %}) - {% t An open-source fully featured XMPP client.%} <span class="badge badge-success">{% t OMEMO %}</span></li>
+    <li><a href="{% t https://monal.im/ %}">{% t Monal %}</a> ({% t iOS, MacOS %}) - {% t An XMPP client in active development. %} <span class="badge badge-success">{% t OMEMO %}</span> <span class="badge badge-success">{% t VoIP %}</span></li>
+    <li><a href="{% t https://omemo.top/ %}">{% t Other OMEMO-ready clients %}</a></li>
+  </ul>
+  <li><a href="{% t https://www.kontalk.org/ %}">{% t Kontalk %}</a> - {% t A community-driven instant messaging network. Supports end-to-end encryption. Both client-to-server and server-to-server channels are fully encrypted. %}</li>
+  <li><a href="{% t https://keybase.io/ %}">{% t Keybase %}</a> - <span class="badge badge-warning" data-toggle="tooltip" title="{% t This software relies on a closed-source central server. %}">{% t Warning %}</span> {% t End-to-end encrypted messaging with social verification. %}</li>
+  <li><a href="{% t https://status.im/ %}">{% t Status %}</a> - <span class="badge badge-warning">{% t Experimental %}</span> {% t A free and open-source, peer-to-peer, encrypted instant messanger with support for DAPPs. %}</li>
+  <li> <a href="{% t https://tox.chat/ %}">{% t Tox %}</a> - <span class="badge badge-warning">{% t Experimental %}</span> {% t A free and open-source, peer-to-peer, encrypted instant messaging, and video calling software.%} <span class="badge badge-success">{% t VoIP %}</span></li>
+  <li><a href="{% t https://jami.net/ %}">{% t Jami (formerly Ring/SFLphone) %}</a> - {% t Gives you full control over your communications and an unmatched level of privacy. Jami has text messaging, video and audio calls, file transfer, and video conferencing. %} <span class="badge badge-success">{% t VoIP %}</span> </li>
+</ul>
+
+
+<h3>{% t Related Information %}</h3>
+
+<ul>
+  <li><a href="{% t https://firstlook.org/theintercept/2015/07/14/communicating-secret-watched/ %}">{% t Chatting in Secret While We're All Being Watched - firstlook.org %}</a></li>
+  <li><a href="{% t https://signal.org/android/apk/ %}"> {% t Advanced users with special needs can download the Signal APK directly. Most users should not do this under normal circumstances. %}</a></li>
+  <li>{% t Independent security audits %}</li>
+  <ul>
+    <li>{% t<a href="https://eprint.iacr.org/2016/1013.pdf">A Formal Security Analysis of the Signal Messaging Protocol (2019)</a> by Katriel Cohn-Gordon, Cas Cremers, Benjamin Dowling, Luke Garratt and Douglas Stebila %}</li>
+    <li>{% t<a href="https://keybase.io/docs-assets/blog/NCC_Group_Keybase_KB2018_Public_Report_2019-02-27_v1.3.pdf">Keybase's Protocol Security Review (2019)</a> by <a href="https://www.nccgroup.trust/">NCC Group</a> %}</li>
+  </ul>
 </ul>

_includes/sections/key-disclosure-law.html

@@ -1,88 +1,93 @@
-<h1 id="kdl" class="anchor"><a href="#kdl"><i class="fas fa-link anchor-icon"></i></a> Key Disclosure Law</h1>
+<h1 id="kdl" class="anchor"><a href="#kdl"><i class="fas fa-link anchor-icon"></i></a> {% t Key Disclosure Law %}</h1>
 
-<h3>Who is required to hand over the encryption keys to authorities?</h3>
+<h3>{% t Who is required to hand over the encryption keys to authorities? %}</h3>
 
-<p>Mandatory <a href="https://en.wikipedia.org/wiki/Key_disclosure_law">key disclosure laws</a> require individuals to turn over encryption keys to law enforcement conducting a criminal investigation. How these laws are implemented (who may be legally compelled to assist) vary from nation to nation, but a warrant is generally required. Defenses against key disclosure laws include steganography and encrypting data in a way that provides plausible deniability.</p>  <p><a href="https://en.wikipedia.org/wiki/Steganography">Steganography</a> involves hiding sensitive information (which may be encrypted) inside of ordinary data (for example, encrypting an image file and then hiding it in an audio file). With plausible deniability, data is encrypted in a way that prevents an adversary from being able to prove that the information they are after exists (for example, one password may decrypt benign data and another password, used on the same file, could decrypt sensitive data).</p>
+<p>{% t Mandatory <a href="https://en.wikipedia.org/wiki/Key_disclosure_law">key disclosure laws</a> require individuals to turn over encryption keys to law enforcement conducting a criminal investigation. How these laws are implemented (who may be legally compelled to assist) vary from nation to nation, but a warrant is generally required. Defenses against key disclosure laws include steganography and encrypting data in a way that provides plausible deniability.</p>  <p><a href="https://en.wikipedia.org/wiki/Steganography">Steganography</a> involves hiding sensitive information (which may be encrypted) inside of ordinary data (for example, encrypting an image file and then hiding it in an audio file). With plausible deniability, data is encrypted in a way that prevents an adversary from being able to prove that the information they are after exists (for example, one password may decrypt benign data and another password, used on the same file, could decrypt sensitive data). %}</p>
 
 <div class="row mb-2">
 
+  {% capture apply_card %}
+  <ol class="card-ol">
+    <li><a href="{% t https://en.wikipedia.org/wiki/Key_disclosure_law#Antigua_and_Barbuda %}">{% t Antigua and Barbuda %}</a> <div class="float-right"><span class="flag-icon flag-icon-ag"></span></div></li>
+    <li><a href="{% t https://en.wikipedia.org/wiki/Key_disclosure_law#Australia %}">{% t Australia %}</a> <div class="float-right"><span class="flag-icon flag-icon-au"></span></div></li>
+    <li><a href="{% t https://en.wikipedia.org/wiki/Key_disclosure_law#Canada %}">{% t Canada %}</a> <div class="float-right"><span class="flag-icon flag-icon-ca"></span></div></li>
+    <li><a href="{% t https://en.wikipedia.org/wiki/Key_disclosure_law#France %}">{% t France %}</a> <div class="float-right"><span class="flag-icon flag-icon-fr"></span></div></li>
+    <li><a href="{% t https://en.wikipedia.org/wiki/Key_disclosure_law#India %}">{% t India %}</a> <div class="float-right"><span class="flag-icon flag-icon-in"></span></div></li>
+    <li><a href="{% t https://en.wikipedia.org/wiki/Key_disclosure_law#Ireland %}">{% t Ireland %}</a> <div class="float-right"><span class="flag-icon flag-icon-ie"></span></div></li>
+    <li><a href="{% t https://edri.org/norway-introduces-forced-biometric-authentication/ %}">{% t Norway %}</a> <div class="float-right"><span class="flag-icon flag-icon-no"></span></div></li>
+    <li><a href="{% t https://www.bloomberg.com/news/articles/2018-03-20/telegram-loses-bid-to-stop-russia-from-getting-encryption-keys %}">{% t Russia %}</a> <div class="float-right"><span class="flag-icon flag-icon-ru"></span></div></li>
+    <li><a href="{% t https://en.wikipedia.org/wiki/Key_disclosure_law#South_Africa %}">{% t South Africa %}</a> <div class="float-right"><span class="flag-icon flag-icon-za"></span></div></li>
+    <li><a href="{% t https://en.wikipedia.org/wiki/Key_disclosure_law#United_Kingdom %}">{% t United Kingdom %}</a> <div class="float-right"><span class="flag-icon flag-icon-gb"></span></div></li>
+  </ol>
+  {% endcapture %}
+
   {% include panel.html color="danger"
   title="Key disclosure laws apply"
-  body='
+  body=apply_card
-  <ol class="card-ol">
-    <li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#Antigua_and_Barbuda">Antigua and Barbuda</a> <div class="float-right"><span class="flag-icon flag-icon-ag"></span></div></li>
-    <li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#Australia">Australia</a> <div class="float-right"><span class="flag-icon flag-icon-au"></span></div></li>
-    <li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#Canada">Canada</a> <div class="float-right"><span class="flag-icon flag-icon-ca"></span></div></li>
-    <li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#France">France</a> <div class="float-right"><span class="flag-icon flag-icon-fr"></span></div></li>
-    <li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#India">India</a> <div class="float-right"><span class="flag-icon flag-icon-in"></span></div></li>
-    <li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#Ireland">Ireland</a> <div class="float-right"><span class="flag-icon flag-icon-ie"></span></div></li>
-    <li><a href="https://edri.org/norway-introduces-forced-biometric-authentication/">Norway</a> <div class="float-right"><span class="flag-icon flag-icon-no"></span></div></li>
-    <li><a href="https://www.bloomberg.com/news/articles/2018-03-20/telegram-loses-bid-to-stop-russia-from-getting-encryption-keys">Russia</a> <div class="float-right"><span class="flag-icon flag-icon-ru"></span></div></li>
-    <li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#South_Africa">South Africa</a> <div class="float-right"><span class="flag-icon flag-icon-za"></span></div></li>
-    <li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#United_Kingdom">United Kingdom</a> <div class="float-right"><span class="flag-icon flag-icon-gb"></span></div></li>
-  </ol>
-  '
   %}
 
+  {% capture mayapply_card %}
+  <ol class="card-ol">
+    <li><a href="{% t https://en.wikipedia.org/wiki/Key_disclosure_law#Belgium %}">{% t Belgium * %}</a> <div class="float-right"><span class="flag-icon flag-icon-be"></span></div></li>
+    <li><a href="{% t https://www.riigiteataja.ee/akt/106012016019 %}">{% t Estonia %}</a> <div class="float-right"><span class="flag-icon flag-icon-ee"></span></div></li>
+    <li><a href="{% t https://en.wikipedia.org/wiki/Key_disclosure_law#Finland %}">{% t Finland * %}</a> <div class="float-right"><span class="flag-icon flag-icon-fi"></span></div></li>
+    <li><a href="{% t https://en.wikipedia.org/wiki/Key_disclosure_law#New_Zealand %}">{% t New Zealand %}</a> ({% t unclear %}) <div class="float-right"><span class="flag-icon flag-icon-nz"></span></div></li>
+    <li><a href="{% t https://en.wikipedia.org/wiki/Key_disclosure_law#The_Netherlands %}">{% t The Netherlands * %}</a> <div class="float-right"><span class="flag-icon flag-icon-nl"></span></div></li>
+    <li><a href="{% t https://en.wikipedia.org/wiki/Key_disclosure_law#United_States %}">{% t United States %}</a> ({% t see related info %}) <div class="float-right"><span class="flag-icon flag-icon-us"></span></div></li>
+  </ol>
+  {% endcapture %}
+  
   {% include panel.html color="warning"
   title="Key disclosure laws may apply"
-  body='
+  body=mayapply_card
-  <ol class="card-ol">
-    <li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#Belgium">Belgium *</a> <div class="float-right"><span class="flag-icon flag-icon-be"></span></div></li>
-    <li><a href="https://www.riigiteataja.ee/akt/106012016019">Estonia</a> <div class="float-right"><span class="flag-icon flag-icon-ee"></span></div></li>
-    <li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#Finland">Finland *</a> <div class="float-right"><span class="flag-icon flag-icon-fi"></span></div></li>
-    <li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#New_Zealand">New Zealand</a> (unclear) <div class="float-right"><span class="flag-icon flag-icon-nz"></span></div></li>
-    <li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#The_Netherlands">The Netherlands *</a> <div class="float-right"><span class="flag-icon flag-icon-nl"></span></div></li>
-    <li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#United_States">United States</a> (see related info) <div class="float-right"><span class="flag-icon flag-icon-us"></span></div></li>
-  </ol>
-  '
   %}
 
+  {% capture dontapply_card %}
+  <ol class="card-ol">
+    <li><a href="{% t https://en.wikipedia.org/wiki/Key_disclosure_law#Czech_Republic %}">{% t Czech Republic %}</a> <div class="float-right"><span class="flag-icon flag-icon-cz"></span></div></li>
+    <li><a href="{% t https://en.wikipedia.org/wiki/Key_disclosure_law#Germany %}">{% t Germany %}</a> <div class="float-right"><span class="flag-icon flag-icon-de"></span></div></li>
+    <li><a href="{% t https://en.wikipedia.org/wiki/Key_disclosure_law#Iceland %}">{% t Iceland %}</a> <div class="float-right"><span class="flag-icon flag-icon-is"></span></div></li>
+    <li><a href="{% t https://iclg.com/practice-areas/cybersecurity-laws-and-regulations/italy %}">{% t Italy %}</a> <div class="float-right"><span class="flag-icon flag-icon-it"></span></div></li>
+    <li><a href="{% t https://en.wikipedia.org/wiki/Key_disclosure_law#Poland %}">{% t Poland %}</a> <div class="float-right"><span class="flag-icon flag-icon-pl"></span></div></li>
+    <li><a href="{% t https://en.wikipedia.org/wiki/Key_disclosure_law#Sweden %}">{% t Sweden %}</a> ({% t proposed %}) <div class="float-right"><span class="flag-icon flag-icon-se"></span></div></li>
+    <li><a href="{% t https://www.wikipedia.org/wiki/Key_disclosure_law#Switzerland %}">{% t Switzerland %}</a> <div class="float-right"><span class="flag-icon flag-icon-ch"></span></div></li>
+  </ol>
+  {% endcapture %}
+
   {% include panel.html color="success"
   title="Key disclosure laws don't apply"
-  body='
+  body=dontapply_card
-  <ol class="card-ol">
-    <li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#Czech_Republic">Czech Republic</a> <div class="float-right"><span class="flag-icon flag-icon-cz"></span></div></li>
-    <li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#Germany">Germany</a> <div class="float-right"><span class="flag-icon flag-icon-de"></span></div></li>
-    <li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#Iceland">Iceland</a> <div class="float-right"><span class="flag-icon flag-icon-is"></span></div></li>
-    <li><a href="https://iclg.com/practice-areas/cybersecurity-laws-and-regulations/italy">Italy</a> <div class="float-right"><span class="flag-icon flag-icon-it"></span></div></li>
-    <li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#Poland">Poland</a> <div class="float-right"><span class="flag-icon flag-icon-pl"></span></div></li>
-    <li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#Sweden">Sweden</a> (proposed) <div class="float-right"><span class="flag-icon flag-icon-se"></span></div></li>
-    <li><a href="https://www.wikipedia.org/wiki/Key_disclosure_law#Switzerland">Switzerland</a> <div class="float-right"><span class="flag-icon flag-icon-ch"></span></div></li>
-  </ol>
-  '
   %}
 
 </div>
 
-<p> * (people who know how to access a system may be ordered to share their knowledge, <strong>however, this doesn't apply to the suspect itself or family members.</strong>)</p>
+<p>{% t  * (people who know how to access a system may be ordered to share their knowledge, <strong>however, this doesn't apply to the suspect itself or family members.</strong>) %}</p>
 
-<h3>Related Information</h3>
+<h3>{% t Related Information %}</h3>
 
 <ul>
-  <li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law">Wikipedia page on key disclosure law</a></li>
+  <li><a href="{% t https://en.wikipedia.org/wiki/Key_disclosure_law %}">{% t Wikipedia page on key disclosure law %}</a></li>
-  <li><a href="https://law.stackexchange.com/questions/1523/can-a-us-citizen-be-required-to-provide-the-authentication-key-for-encrypted-dat">law.stackexchange.com question about key disclosure law in US</a></li>
+  <li><a href="{% t https://law.stackexchange.com/questions/1523/can-a-us-citizen-be-required-to-provide-the-authentication-key-for-encrypted-dat %}">{% t law.stackexchange.com question about key disclosure law in US %}</a></li>
-  <li><a href="https://peertube.mastodon.host/videos/watch/e09915eb-5962-4830-a02f-8da5c2b59e71">DEFCON 20: Crypto and the Cops: the Law of Key Disclosure and Forced Decryption</a></li>
+  <li><a href="{% t https://peertube.mastodon.host/videos/watch/e09915eb-5962-4830-a02f-8da5c2b59e71 %}">{% t DEFCON 20: Crypto and the Cops: the Law of Key Disclosure and Forced Decryption %}</a></li>
 </ul>
 
-<h3 id="usa" class="anchor">Why is it not recommended to choose a US-based service?</h3>
+<h3 id="usa" class="anchor">{% t Why is it not recommended to choose a US-based service? %}</h3>
 
-<img src="/assets/img/svg/layout/great_seal_of_the_united_states_obverse.svg" width="200" height="200" class="img-fluid float-right ml-3" alt="USA">
+<img src="/assets/img/layout/USA.png" width="200" height="200" class="img-fluid float-right ml-3" alt="{% t USA %}">
 
-<p>Services based in the United States are not recommended because of the country's surveillance programs and use of <a href="https://www.eff.org/issues/national-security-letters/faq">National Security Letters</a> (NSLs) with 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 transform the service into a tool of mass surveillance.</p>
+<p>{% t Services based in the United States are not recommended because of the country's surveillance programs and use of <a href="https://www.eff.org/issues/national-security-letters/faq">National Security Letters</a> (NSLs) with 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 transform the service into a tool of mass surveillance. %}</p>
 
-<p>An example of this is <a href="https://en.wikipedia.org/wiki/Lavabit#Suspension_and_gag_order">Lavabit</a> – a secure email service created by Ladar Levison. The FBI <a href="https://www.vice.com/en_us/article/nzz888/lavabit-founder-ladar-levison-discusses-his-federal-battle-for-privacy">requested</a> Snowden's records after finding out that he used the service. Since Lavabit did not keep logs and email content was stored encrypted, the FBI served a subpoena (with a gag order) for the service's SSL keys. Having the SSL keys would allow them to access
+<p>{% t An example of this is <a href="https://en.wikipedia.org/wiki/Lavabit#Suspension_and_gag_order">Lavabit</a> – a secure email service created by Ladar Levison. The FBI <a href="https://www.vice.com/en_us/article/nzz888/lavabit-founder-ladar-levison-discusses-his-federal-battle-for-privacy">requested</a> Snowden's records after finding out that he used the service. Since Lavabit did not keep logs and email content was stored encrypted, the FBI served a subpoena (with a gag order) for the service's SSL keys. Having the SSL keys would allow them to access communications (both metadata and unencrypted content) in real time for all of Lavabit's customers, not just Snowden's.%}</p>
-communications (both metadata and unencrypted content) in real time for all of Lavabit's customers, not just Snowden's.</p>
 
-<p>Ultimately, Levison turned over the SSL keys and <a href="https://www.theguardian.com/commentisfree/2014/may/20/why-did-lavabit-shut-down-snowden-email">shut down</a> the service at the same time. The US government then <a href="https://www.cnbc.com/id/100962389">threatened Levison with arrest</a>, saying that shutting down the service was a violation of the court order.</p>
+<p>{% t Ultimately, Levison turned over the SSL keys and <a href="https://www.theguardian.com/commentisfree/2014/may/20/why-did-lavabit-shut-down-snowden-email">shut down</a> the service at the same time. The US government then <a href="https://www.cnbc.com/id/100962389">threatened Levison with arrest</a>, saying that shutting down the service was a violation of the court order. %}</p>
 
-<h3>Related Information</h3>
+<h3>{% t Related Information %}</h3>
 
 <ul>
-  <li><a href="https://www.bestvpn.com/the-ultimate-privacy-guide/#avoidus">Avoid all US and UK based services</a></li>
+  <li><a href="{% t https://www.bestvpn.com/the-ultimate-privacy-guide/#avoidus %}">{% t Avoid all US and UK based services %}</a></li>
-  <li><a href="https://en.wikipedia.org/wiki/Surespot#History">Proof that warrant canaries work based on the surespot example.</a></li>
+  <li><a href="{% t https://en.wikipedia.org/wiki/Surespot#History %}">{% t Proof that warrant canaries work based on the surespot example. %}</a></li>
-  <li><a href="https://en.wikipedia.org/wiki/UKUSA_Agreement">The United Kingdom – United States of America Agreement (UKUSA)</a></li>
+  <li><a href="{% t https://en.wikipedia.org/wiki/UKUSA_Agreement %}">{% t The United Kingdom – United States of America Agreement (UKUSA) %}</a></li>
-  <li><a href="https://en.wikipedia.org/wiki/Lavabit#Suspension_and_gag_order">Lavabit: Suspension and gag order</a></li>
+  <li><a href="{% t https://en.wikipedia.org/wiki/Lavabit#Suspension_and_gag_order %}">{% t Lavabit: Suspension and gag order %}</a></li>
-  <li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law">Key disclosure law</a></li>
+  <li><a href="{% t https://en.wikipedia.org/wiki/Key_disclosure_law %}">{% t Key disclosure law %}</a></li>
-  <li><a href="https://en.wikipedia.org/wiki/Portal:Mass_surveillance">Wikipedia Portal: Mass_surveillance</a></li>
+  <li><a href="{% t https://en.wikipedia.org/wiki/Portal:Mass_surveillance %}">{% t Wikipedia Portal: Mass_surveillance %}</a></li>
 </ul>

_includes/sections/live-operating-systems.html

@@ -1,26 +1,37 @@
-<h1 id="live_os" class="anchor"><a href="#live_os"><i class="fas fa-link anchor-icon"></i></a> PC Live Operating Systems</h1>
+<h1 id="live_os" class="anchor"><a href="#live_os"><i class="fas fa-link anchor-icon"></i></a> {% t Live CD Operating Systems %}</h1>
 
 {% include cardv2.html
 title="Tails"
-image="/assets/img/svg/3rd-party/tails.svg"
+image="/assets/img/tools/Tails.png"
-description='Tails is a live operating system that can boot on almost any computer from a DVD, USB stick, or SD card you control. It aims at preserving privacy and anonymity, and circumventing censorship by forcing Internet connections through the Tor network; leaving no trace on the computer; and using state-of-the-art cryptographic tools to encrypt files, emails, and instant messages.'
+description='Tails is a live operating system that starts on almost any computer from a DVD, USB stick, or SD card. It aims at preserving privacy and anonymity, and circumventing censorship by forcing Internet connections through the Tor network; leaving no trace on the computer; and using state-of-the-art cryptographic tools to encrypt files, emails, and instant messages.'
 badges="info:GNU/Linux"
 labels="warning:contrib:This software may depend on or recommend non-free software."
 website="https://tails.boum.org/"
 git="https://git-tails.immerda.ch/tails/"
 %}
 
-<h3>Worth Mentioning</h3>
+{% include cardv2.html
+title="KNOPPIX"
+image="/assets/img/tools/KNOPPIX.png"
+description='Knoppix is an operating system based on Debian designed to be run directly from a CD / DVD (Live CD) or a USB flash drive (Live USB), one of the first of its kind for any operating system. When starting a program, it is loaded from the removable medium and decompressed into a RAM drive. The decompression is transparent and on-the-fly.'
+badges="info:GNU/Linux"
+labels="warning:contrib:This software may depend on or recommend non-free software."
+website="https://www.knopper.net/knoppix/index-en.html"
+source="https://www.knopper.net/knoppix-info/index-en.html#license"
+%}
+
+{% include cardv2.html
+title="Puppy Linux"
+image="/assets/img/tools/Puppy-Linux.png"
+description='Puppy Linux operating system is a lightweight Linux distribution that focuses on ease of use and minimal memory footprint. The entire system can be run from RAM with current versions generally taking up about 210 MB, allowing the boot medium to be removed after the operating system has started.'
+badges="info:GNU/Linux"
+labels="warning:contrib:This software may depend on or recommend non-free software."
+website="http://puppylinux.org/"
+source="http://distro.ibiblio.org/puppylinux/"
+%}
+
+<h3>{% t Worth Mentioning %}</h3>
 
 <ul>
-  <li>
+  <li><a href="{% t https://distro.ibiblio.org/tinycorelinux/ %}">{% t Tiny Core Linux %}</a> <span class="badge badge-info">{% t GNU/Linux %}</span> <span class="badge badge-warning" data-toggle="tooltip" title="{% t This software may depend on or recommend non-free software. %}">{% t contrib %} <i class="far fa-question-circle"></i></span> - {% t A minimal Linux operating system focusing on providing a base system using BusyBox and FLTK. The distribution is notable for its size (15 MB) and minimalism, with additional functionality provided by extensions.%}</li>
-    <a href="https://getfedora.org/">Fedora Workstation</a>
-    <span class="badge badge-info">GNU/Linux</span>
-    - Fedora is a Linux distribution developed by the Fedora Project and sponsored by Red Hat. Fedora Workstation is a secure, reliable, and user-friendly edition developed for desktops and laptops, using GNOME as the default desktop environment.
-  </li>
-  <li>
-    <a href="https://debian.org/">Debian</a>
-    <span class="badge badge-info">GNU/Linux</span>
-    - Debian is a Unix-like computer operating system and a Linux distribution that is composed entirely of free and open-source software, most of which is under the GNU General Public License, and packaged by a group of individuals known as the Debian project.
-  </li>
 </ul>

_includes/sections/mobile-operating-systems.html

@@ -1,13 +1,13 @@
-<h1 id="mobile_os" class="anchor"><a href="#mobile_os"><i class="fas fa-link anchor-icon"></i></a> Mobile Operating Systems</h1>
+<h1 id="mobile_os" class="anchor"><a href="#mobile_os"><i class="fas fa-link anchor-icon"></i></a> {% t Mobile Operating Systems %}</h1>
 
 <div class="alert alert-warning" role="alert">
-  <strong>Even though the source code of the following operating systems is provided, installing Google Apps may compromise your setup.</strong>
+  <strong>{% t Even though the source code of the following OS is provided, installing Google Apps may compromise your setup. %}</strong>
 </div>
 
 {% include cardv2.html
 title="GrapheneOS"
-image="/assets/img/svg/3rd-party/grapheneos.svg"
+image="/assets/img/tools/GrapheneOS.png"
-image-dark="/assets/img/svg/3rd-party/grapheneos-dark.svg"
+image-dark="/assets/img/tools/GrapheneOS-dark.png"
 description='GrapheneOS (formerly known as CopperheadOS) is a free and open-source security- and privacy-focused mobile operating system built on top of the Android Open Source Project. It currently specifically targets devices offering strong hardware security.'
 badges="info:AOSP"
 labels="warning:contrib:This software may depend on or recommend non-free software."
@@ -17,7 +17,7 @@ github="https://github.com/GrapheneOS/"
 
 {% include cardv2.html
 title="LineageOS"
-image="/assets/img/svg/3rd-party/lineageos.svg"
+image="/assets/img/tools/LineageOS.png"
 description='LineageOS is a free and open-source operating system for smartphones and tablets, based on the official releases of the Android Open Source Project. It is the continuation of the CyanogenMod project.'
 badges="info:AOSP"
 labels="warning:contrib:This software may depend on or recommend non-free software."
@@ -27,7 +27,7 @@ github="https://github.com/LineageOS"
 
 {% include cardv2.html
 title="Ubuntu Touch"
-image="/assets/img/svg/3rd-party/ubuntu.svg"
+image="/assets/img/tools/Ubuntu-Touch.png"
 description="Ubuntu Touch is a free and open-source operating system for smartphones and tablets. It's an alternative to the current popular mobile operating systems on the market. Only a few devices are <a href=https://devices.ubuntu-touch.io/>supported.</a>"
 badges="info:GNU/Linux"
 labels="warning:contrib:This software may depend on or recommend non-free software."
@@ -35,10 +35,10 @@ website="https://ubuntu-touch.io/"
 github="https://github.com/ubports"
 %}
 
-<h3>Worth Mentioning</h3>
+<h3>{% t Worth Mentioning %}</h3>
 
 <ul>
-  <li><a href="https://www.replicant.us/">Replicant</a> <span class="badge badge-info">AOSP</span> - An open-source operating system based on Android, aiming to replace all proprietary components with free software.</li>
+  <li><a href="{% t https://www.replicant.us/ %}">{% t Replicant %}</a> <span class="badge badge-info">{% t AOSP %}</span> - {% t An open-source operating system based on Android, aiming to replace all proprietary components with free software. %}</li>
-  <li><a href="https://www.omnirom.org/">OmniROM</a> <span class="badge badge-info">AOSP</span> <span class="badge badge-warning" data-toggle="tooltip" title="This software may depend on or recommend non-free software.">contrib <i class="far fa-question-circle"></i></span> - A free-software operating system for smartphones and tablet computers, based on the Android mobile platform.</li>
+  <li><a href="{% t https://www.omnirom.org/ %}">{% t OmniROM %}</a> <span class="badge badge-info">{% t AOSP %}</span> <span class="badge badge-warning" data-toggle="tooltip" title="{% t This software may depend on or recommend non-free software. %}">{% t contrib %} <i class="far fa-question-circle"></i></span> - {% t A free-software operating system for smartphones and tablet computers, based on the Android mobile platform. %}</li>
-  <li><a href="https://microg.org/">MicroG</a> <span class="badge badge-info">Add-on Package</span> <span class="badge badge-warning" data-toggle="tooltip" title="This software may depend on or recommend non-free software.">contrib <i class="far fa-question-circle"></i></span> - A project that aims to reimplement the proprietary Google Play Services in the Android operating system with a FLOSS replacement. The microG project also maintains a fork of LineageOS with microG and F-Droid preinstalled at <a href="https://lineage.microg.org/">Lineage for microG</a>.</li>
+  <li><a href="{% t https://microg.org/ %}">{% t MicroG %}</a> <span class="badge badge-info">{% t Add-on Package %}</span> <span class="badge badge-warning" data-toggle="tooltip" title="{% t This software may depend on or recommend non-free software. %}">{% t contrib %} <i class="far fa-question-circle"></i></span> - {% t A project that aims to reimplement the proprietary Google Play Services in the Android operating system with a FLOSS replacement. The microG project also maintains a fork of LineageOS with microG and F-Droid preinstalled at <a href="https://lineage.microg.org/">Lineage for microG</a>. %}</li>
 </ul>

_includes/sections/notebooks.html

@@ -1,12 +1,12 @@
-<h1 id="notebook" class="anchor"><a href="#notebook"><i class="fas fa-link anchor-icon"></i></a> Digital Notebook</h1>
+<h1 id="notebook" class="anchor"><a href="#notebook"><i class="fas fa-link anchor-icon"></i></a> {% t Digital Notebook %}</h1>
 
 <div class="alert alert-warning" role="alert">
-  <strong>If you are currently using an application like Evernote, Google Keep, or Microsoft OneNote, you should pick an alternative here.</strong>
+  <strong>{% t If you are currently using an application like Evernote, Google Keep, or Microsoft OneNote, you should pick an alternative here. %}</strong>
 </div>
 
 {% include cardv2.html
 title="Joplin"
-image="/assets/img/svg/3rd-party/joplin.svg"
+image="/assets/img/tools/Joplin.png"
 description="Joplin is a free, open-source, and fully-featured note-taking and to-do application which can handle a large number of markdown notes organized into notebooks and tags. It offers end-to-end encryption and can sync through Nextcloud, Dropbox, and more. It also offers easy import from Evernote and plain-text notes."
 website="https://joplinapp.org/"
 github="https://github.com/laurent22/joplin"
@@ -23,8 +23,8 @@ chrome="https://chrome.google.com/webstore/detail/joplin-web-clipper/alofnhikmmk
 
 {% include cardv2.html
 title="Standard Notes"
-image="/assets/img/svg/3rd-party/standard_notes.svg"
+image="/assets/img/tools/StandardNotes.png"
-description='Standard Notes is a simple and private notes app that makes your notes easy and available everywhere you are. It features end-to-end encryption on every platform, and a powerful desktop experience with themes and custom editors. It has also been <a href="https://s3.amazonaws.com/standard-notes/security/Report-SN-Audit.pdf">independently audited (PDF)</a>.'
+description='Standard Notes is a simple and private notes app that makes your notes easy and available everywhere you are. Features end-to-end encryption on every platform, and a powerful desktop experience with themes and custom editors. It has also been <a href="https://s3.amazonaws.com/standard-notes/security/Report-SN-Audit.pdf">independently audited (PDF)</a>.'
 website="https://standardnotes.org/"
 github="https://github.com/standardnotes"
 windows="https://standardnotes.org/#get-started"
@@ -38,7 +38,7 @@ web="https://app.standardnotes.org/"
 
 {% include cardv2.html
 title="Turtl"
-image="/assets/img/svg/3rd-party/turtl.svg"
+image="/assets/img/tools/Turtl.png"
 description="Turtl lets you take notes, bookmark websites, and store documents for sensitive projects. From sharing passwords with your coworkers to tracking research on an article you're writing, Turtl keeps it all safe from everyone but you and those you share with."
 website="https://turtlapp.com/"
 github="https://github.com/turtl"
@@ -51,16 +51,16 @@ firefox="https://addons.mozilla.org/en-US/firefox/addon/turtl-bookmarking/"
 chrome="https://chrome.google.com/webstore/detail/turtl/dgcojenhfdjhieoglmiaheihjadlpcml"
 %}
 
-<h3>Warning</h3>
+<h3>{% t Warning %}</h3>
 
 <ul>
-  <li>Note: As of Dec 2018, Joplin does not support password/pin protection for the application itself or individual notes/notebooks. Data is still encrypted in transit and at sync location using your master key. See <a href='https://github.com/laurent22/joplin/issues/289'>open issue</a>.</li>
+  <li>{% t Note: As of Dec 2018, Joplin does not support password/pin protection for the application itself or individual notes/notebooks. Data is still encrypted in transit and at sync location using your master key.%} {% t See <a href='https://github.com/laurent22/joplin/issues/289'>open issue</a>. %}</li>
 </ul>
 
-<h3>Worth Mentioning</h3>
+<h3>{% t Worth Mentioning %}</h3>
 
 <ul>
-  <li><a href="https://github.com/notable/notable">Notable</a> - The markdown-based note-taking app that doesn't suck.</li>
+  <li><a href="{% t https://github.com/notable/notable %}">{% t Notable %}</a> - {% t The markdown-based note-taking app that doesn't suck. %}</li>
-  <li><a href="https://paperwork.cloud/">Paperwork</a> - An open-source and self-hosted solution. For PHP / MySQL servers.</li>
+  <li><a href="{% t https://paperwork.cloud/ %}">{% t Paperwork %}</a> - {% t An open-source and self-hosted solution. For PHP / MySQL servers. %}</li>
-  <li><a href="https://orgmode.org">Org-mode</a> - A major mode for GNU Emacs. Org-mode is for keeping notes, maintaining TODO lists, planning projects, and authoring documents with a fast and effective plain-text system. </li>
+  <li><a href="{% t https://orgmode.org %}">{% t Org-mode %}</a> - {% t A major mode for GNU Emacs. Org-mode is for keeping notes, maintaining TODO lists, planning projects, and authoring documents with a fast and effective plain-text system. %}</li>
 </ul>

_includes/sections/operating-systems.html

@@ -1,12 +1,12 @@
-<h1 id="os" class="anchor"><a href="#os"><i class="fas fa-link anchor-icon"></i></a> PC Operating Systems</h1>
+<h1 id="os" class="anchor"><a href="#os"><i class="fas fa-link anchor-icon"></i></a> {% t PC Operating Systems %}</h1>
 
 <div class="alert alert-warning" role="alert">
-  <strong>If you are currently using an operating system like Windows 10, you should pick an alternative here.</strong>
+  <strong>{% t If you are currently using a operating system like Windows 10, you should pick an alternative here. %}</strong>
 </div>
 
 {% include cardv2.html
 title="Qubes OS"
-image="/assets/img/svg/3rd-party/qubes_os.svg"
+image="/assets/img/tools/Qubes-OS.png"
 description='Qubes is an open-source operating system designed to provide strong security for desktop computing. Qubes is based on Xen, the X Window System, and Linux, and can run most Linux applications and utilize most of the Linux drivers.'
 badges="info:Xen"
 labels="warning:contrib:This software may depend on or recommend non-free software."
@@ -17,7 +17,7 @@ tor="http://qubesosfasa4zl44o4tws22di6kepyzfeqv3tg4e3ztknltfxqrymdad.onion/"
 
 {% include cardv2.html
 title="Fedora Workstation"
-image="/assets/img/svg/3rd-party/fedora.svg"
+image="/assets/img/tools/Fedora.png"
 description='Fedora is a Linux distribution developed by the Fedora Project and sponsored by Red Hat. Fedora Workstation is a secure, reliable, and user-friendly edition developed for desktops and laptops, using GNOME as the default desktop environment.'
 badges="info:GNU/Linux"
 labels="warning:contrib:This software may depend on or recommend non-free software."
@@ -27,7 +27,7 @@ git="https://src.fedoraproject.org/"
 
 {% include cardv2.html
 title="Debian"
-image="/assets/img/svg/3rd-party/debian.svg"
+image="/assets/img/tools/Debian.png"
 description='Debian is a Unix-like computer operating system and a Linux distribution that is composed entirely of free and open-source software, most of which is under the GNU General Public License, and packaged by a group of individuals known as the Debian project.'
 badges="info:GNU/Linux"
 website="https://www.debian.org/"
@@ -35,13 +35,47 @@ tor="http://sejnfjrq6szgca7v.onion"
 gitlab="https://salsa.debian.org/qa/debsources"
 %}
 
-<h3>Worth Mentioning</h3>
+<h3>{% t Worth Mentioning %}</h3>
 
 <ul>
-  <li><a href="https://www.openbsd.org/">OpenBSD</a> <span class="badge badge-info">BSD</span> - A project that produces a free, multi-platform 4.4BSD-based UNIX-like operating system. Emphasizes portability, standardization, correctness, proactive security and integrated cryptography.</li>
+  <li><a href="{% t https://www.openbsd.org/ %}">{% t OpenBSD %}</a> <span class="badge badge-info">{% t BSD %}</span> - {% t A project that produces a free, multi-platform 4.4BSD-based UNIX-like operating system. Emphasizes portability, standardization, correctness, proactive security and integrated cryptography. %}</li>
-  <li><a href="https://www.archlinux.org/">Arch Linux</a> <span class="badge badge-info">GNU/Linux</span> <span class="badge badge-warning" data-toggle="tooltip" title="This software may depend on or recommend non-free software.">contrib <i class="far fa-question-circle"></i></span> - A simple, lightweight Linux distribution. It is composed predominantly of free and open-source software, and supports community involvement. <a href="https://www.parabola.nu/">Parabola</a> is a
+  <li><a href="{% t https://www.archlinux.org/ %}">{% t Arch Linux %}</a> <span class="badge badge-info">{% t GNU/Linux %}</span> <span class="badge badge-warning" data-toggle="tooltip" title="{% t This software may depend on or recommend non-free software.%}">{% t contrib %} <i class="far fa-question-circle"></i></span> - {% t A simple, lightweight Linux distribution. It is composed predominantly of free and open-source software, and supports community involvement.%} {% t <a href="https://www.parabola.nu/">Parabola</a> is a
-    completely open source version of Arch Linux.</li>
+    completely open source version of Arch Linux.%}</li>
-  <li><a href="https://trisquel.info/">Trisquel</a> <span class="badge badge-info">GNU/Linux</span> - Derived from Ubuntu, this project aims for a fully free software system without proprietary software or firmware and uses Linux-libre, a version of the Linux kernel with the non-free code (binary blobs) removed.</li>
+  <li><a href="{% t https://trisquel.info/ %}">{% t Trisquel %}</a> <span class="badge badge-info">{% t GNU/Linux %}</span> - {% t Derived from Ubuntu, this project aims for a fully free software system without proprietary software or firmware and uses Linux-libre, a version of the Linux kernel with the non-free code (binary blobs) removed. %}</li>
-  <li><a href="https://www.whonix.org/">Whonix</a> <span class="badge badge-info">GNU/Linux</span> - A Debian-based security-focused Linux distribution. It aims to provide privacy, security and anonymity on the internet. The operating system consists of two virtual machines, a "Workstation"
+  <li><a href="{% t https://www.whonix.org/ %}">{% t Whonix %}</a> <span class="badge badge-info">{% t GNU/Linux %}</span> - {% t A Debian-based security-focused Linux distribution. It aims to provide privacy, security and anonymity on the internet. The operating system consists of two virtual machines, a "Workstation" and a Tor "Gateway". All communication are forced through the Tor network to accomplish this. %}</li>
-    and a Tor "Gateway". All communication are forced through the Tor network to accomplish this.</li>
+</ul>
+
+<h3>{% t Warning %}</h3>
+
+<ul>
+  <li><a href="#win10"><i class="fas fa-link"></i> {% t Don't use Windows 10 - It's a privacy nightmare %}</a></li>
+</ul>
+
+<h4 id="cpuvulns">{% t Remember to check CPU vulnerability mitigations %}</h4>
+
+<p><em>{% t <a href=" https://support.microsoft.com/en-us/help/4073757/protect-windows-devices-from-speculative-execution-side-channel-attack">This also affects Windows 10</a>, but it doesn't expose this information or mitigation instructions as easily. MacOS users check <a href="https://support.apple.com/en-us/HT210108">How to enable full mitigation for Microarchitectural Data Sampling (MDS) vulnerabilities on Apple Support</a>.%}</em></p>
+
+<p>{% t When running a recent enough Linux kernel, you can check the CPU vulnerabilities it detects by <code>tail -n +1 /sys/devices/system/cpu/vulnerabilities/*</code>. By using <code>tail -n +1</code> instead of <code>cat</code>, the file names are also visible. %}</p>
+
+<p>
+    {% t In case you have an Intel CPU, you may notice "SMT vulnerable" display after running the <code>tail</code> command. To mitigate this, disable <a href="https://en.wikipedia.org/wiki/Hyper-threading">hyper-threading</a> from the UEFI/BIOS.%} {% t You can also take the following mitigation steps below if your system/distribution uses GRUB and supports <code>/etc/default/grub.d/</code>:%}
+</p>
+
+<ol>
+  <li><code>sudo mkdir /etc/default/grub.d/</code> {% t to create a directory for additional grub configuration %}</li>
+  <li><code>echo GRUB_CMDLINE_LINUX_DEFAULT="$GRUB_CMDLINE_LINUX_DEFAULT l1tf=full,force mds=full,nosmt mitigations=auto,nosmt nosmt=force" | sudo tee /etc/default/grub.d/mitigations.cfg</code> {% t to create a new grub config file source with the echoed content %}</li>
+  <li><code>sudo grub-mkconfig -o /boot/grub/grub.cfg</code> {% t to generate a new grub config file including these new kernel boot flags %}</li>
+  <li><code>sudo reboot</code> {% t to reboot %}</li>
+  <li>{% t after the reboot, check <code>tail -n +1 /sys/devices/system/cpu/vulnerabilities/*</code> again to see that everything referring to SMT now says "SMT disabled." %}</li>
+</ol>
+
+<h5>{% t Further reading %}</h5>
+
+<ul>
+  <li><a href="{% t https://cpu.fail/ %}">{% t CPU.fail %}</a></li>
+  <li><a href="{% t https://www.kernel.org/doc/html/latest/admin-guide/hw-vuln/ %}">{% t Hardware vulnerabilities index on The Linux kernel user's and administrator's guide %}</a></li>
+  <li><a href="{% t https://www.cyberciti.biz/faq/install-update-intel-microcode-firmware-linux/ %}">{% t How to install/update CPU microcode firmware on Linux %}</a> - {% t Regardless of your CPU manufacturer, you should always install the latest microcode packages available to be protected from CPU vulnerabilities, especially if the command above reports <strong>no microcode</strong> in its output. %}</li>
+  <li><a href="{% t https://www.kernel.org/doc/html/latest/admin-guide/hw-vuln/mds.html %}">{% t MDS - Microarchitectural Data Sampling on The Linux kernel user's and administrator's guide %}</a></li>
+  <li><a href="{% t https://mdsattacks.com/ %}">{% t RIDL and Fallout: MDS attacks on mdsattacks.com %}</a></li>
+  <li><a href="{% t https://en.wikipedia.org/wiki/Simultaneous_multithreading %}">{% t Simultaneous multithreading on Wikipedia %}</a></li>
 </ul>

_includes/sections/participate.html

@@ -1,26 +1,29 @@
 <div class="page-header">
-  <h1 id="participate" class="anchor"><a href="#participate"><i class="fas fa-link anchor-icon"></i></a> Participate with suggestions and constructive criticism</h1>
+  <h1 id="participate" class="anchor"><a href="#participate"><i class="fas fa-link anchor-icon"></i></a> {% t Participate with suggestions and constructive criticism%}</h1>
 </div>
 
-<p>It's important for a website like {{ site.name }} to stay up-to-date. Keep an eye on software updates for the applications listed on our site. Follow recent news about providers that we recommend. We try our best to keep up, but we're not perfect and the internet is changing fast. If you find an error, or you think a provider should not be listed here, or a qualified service provider is missing, or a browser plugin is not the best choice anymore, or anything else... <strong>Talk to us please.</strong> You can also find us on <a rel="me" href="https://social.privacytools.io/@privacytools">our own Mastodon instance</a> or on <a href="https://chat.privacytools.io">Matrix</a> at <code class="highlighter-rouge">#general:privacytools.io</code>.</p>
+<p>{% t It's important for a website like {{ site.name }} to stay up-to-date. Keep an eye on software updates for the applications listed on our site. Follow recent news about providers that we recommend. We try our best to keep up, but we're not perfect and the internet is changing fast. If you find an error, or you think a provider should not be listed here, or a qualified service provider is missing, or a browser plugin is not the best choice anymore, or anything else... <strong>Talk to us please.</strong> You can also find us on <a rel="me" href="https://social.privacytools.io/@privacytools">our own Mastodon instance</a> or on <a href="https://chat.privacytools.io">Matrix</a> at <code class="highlighter-rouge">#general:privacytools.io</code>.%}</p>
 
 <div class="row">
+  {% capture reddit_button %}<a class="btn btn-success mb-1" href="https://www.reddit.com/r/privacytoolsIO/">{% t Reddit %}</a>{% endcapture %}
+  {% capture twitter_button %}<a class="btn btn-primary mb-1" href="https://twitter.com/privacytoolsIO">{% t Twitter %}</a>{% endcapture %}
+  {% capture contriblist_button %}<a class="btn btn-warning mb-1" href="https://github.com/privacytoolsIO/privacytools.io/graphs/contributors">{% t Contributor List %}</a>{% endcapture %}
   
   {% include card.html color="success"
   title="Discourse & Reddit"
-  image="/assets/img/svg/3rd-party/discourse.svg"
+  image="/assets/img/icons/discourse.png"
   url="https://forum.privacytools.io/"
   website="Discourse"
-  extra_button='<a class="btn btn-success mb-1" href="https://www.reddit.com/r/privacytoolsIO/">Reddit</a>'
+  extra_button=reddit_button
   description='Join our Discourse community to stay up to date on privacy news or make suggestions!'
   %}
 
   {% include card.html color="primary"
   title="Follow on Mastodon & Twitter"
-  image="/assets/img/svg/3rd-party/mastodon.svg"
+  image="/assets/img/icons/mastodon.png"
   url="https://social.privacytools.io/"
   website="Mastodon"
-  extra_button='<a class="btn btn-primary mb-1" href="https://twitter.com/privacytoolsIO">Twitter</a>'
+  extra_button=twitter_button
   description="Get the latest privacy-related updates from our Mastodon Feed. Follow us today!"
   %}
 
@@ -30,9 +33,8 @@
   url="https://github.com/privacytoolsIO/privacytools.io"
   website="GitHub"
   description="The complete website source code is available on GitHub. Join our developer team!"
-  extra_button='<a class="btn btn-warning mb-1" href="https://github.com/privacytoolsIO/privacytools.io/graphs/contributors">Contributor List</a>'
+  extra_button=contriblist_button
   %}
-
 </div>
 
-<p>This is a community project aiming to deliver the best information available to improve privacy online. Thank you for participating. This project needs you.</p>
+<p>{% t This is a community project aiming to deliver the best information available to improve privacy online. Thank you for participating. This project needs you. %}</p>

_includes/sections/password-managers.html

@@ -1,13 +1,13 @@
-<h1 id="pw" class="anchor"><a href="#pw"><i class="fas fa-link anchor-icon"></i></a> Password Manager Software</h1>
+<h1 id="pw" class="anchor"><a href="#pw"><i class="fas fa-link anchor-icon"></i></a> {% t Password Manager Software %}</h1>
 
 <div class="alert alert-warning" role="alert">
-  <strong>If you are currently using a password manager software like 1Password, LastPass, Roboform, or iCloud Keychain, you should pick an alternative here.</strong>
+  <strong>{% t If you are currently using a password manager software like 1Password, LastPass, Roboform, or iCloud Keychain, you should pick an alternative here. %}</strong>
 </div>
 
 {%
   include cardv2.html
   title="Bitwarden - Cloud/Self-host"
-  image="/assets/img/svg/3rd-party/bitwarden.svg"
+  image="/assets/img/tools/bitwarden.png"
   description="<strong>Bitwarden</strong> is a free and open-source password manager. It aims to solve password management problems for individuals, teams, and business organizations. Bitwarden is among the easiest and safest solutions to store all of your logins and passwords while conveniently keeping them synced between all of your devices. If you don't want to use the Bitwarden cloud, you can easily host your own Bitwarden server."
   website="https://bitwarden.com/"
   forum="https://forum.privacytools.io/t/discussion-bitwarden/1343"
@@ -32,7 +32,7 @@
 {%
   include cardv2.html
   title="KeePassXC - Local"
-  image="/assets/img/svg/3rd-party/keepassxc.svg"
+  image="/assets/img/tools/keepassxc.png"
   description="<strong>KeePassXC</strong> is a community fork of KeePassX, a native cross-platform port of KeePass Password Safe, with the goal to extend and improve it with new features and bugfixes to provide a feature-rich, fully cross-platform and modern open-source password manager."
   website="https://keepassxc.org/"
   forum="https://forum.privacytools.io/t/discussion-keepassxc/1344/2"
@@ -52,7 +52,7 @@
 {%
   include cardv2.html
   title="LessPass - Browser"
-  image="/assets/img/svg/3rd-party/lesspass.svg"
+  image="/assets/img/tools/LessPass.png"
   description="<strong>LessPass</strong> is a free and open-source password manager that generates unique passwords for websites, email accounts, or anything else based on a master password and information you know. No sync needed. Uses PBKDF2 and SHA-256. It's advised to use the browser addons for more security."
   website="https://lesspass.com/"
   forum="https://forum.privacytools.io/t/discussion-keepassxc/1344/2"
@@ -67,18 +67,24 @@
   googleplay="https://play.google.com/store/apps/details?id=com.lesspass.android"
 %}
 
-<h3>Worth Mentioning</h3>
+<h3>{% t Worth Mentioning %}</h3>
 
 <ul>
   <li>
-    <a href="https://masterpassword.app">Master Password</a> - A password manager based on an ingenious password-generation algorithm that guarantees your passwords can never be lost. Its passwords aren't stored: they are generated on-demand from your name, the site, and your master password. No syncing, backups, or internet access needed.
+    <a href="{% t https://masterpassword.app %}">{% t Master Password %}</a> - {% t A password manager based on an ingenious password-generation algorithm that guarantees your passwords can never be lost. Its passwords aren't stored: they are generated on-demand from your name, the site, and your master password. No syncing, backups, or internet access needed. %}
   </li>
 
   <li>
-    <a href="https://psono.com/">Psono</a> - Free and open source password manager for teams with client side encryption and secure sharing of passwords, files, bookmarks, emails. All secrets are protected by a master password. Uses <a href="https://nacl.cr.yp.to/">NACL Crypto</a>, a combination of Curve25519, Salsa20 and Poly1305.
+    <a href="{% t https://psono.com/ %}">{% t Psono %}</a> - {% t Free and open source password manager for teams with client side encryption and secure sharing of passwords, files, bookmarks, emails. All secrets are protected by a master password. Uses <a href="https://nacl.cr.yp.to/">NACL Crypto</a>, a combination of Curve25519, Salsa20 and Poly1305. %}
   </li>
 
   <li>
-    <a href="https://pwsafe.org/">Password Safe</a> - Whether the answer is one or hundreds, Password Safe allows you to safely and easily create a secured and encrypted username/password list. With Password Safe all you have to do is create and remember a single "Master Password" of your choice in order to unlock and access your entire username/password list.
+    <a href="{% t https://pwsafe.org/ %}">{% t Password Safe %}</a> - {% t Whether the answer is one or hundreds, Password Safe allows you to safely and easily create a secured and encrypted username/password list. With Password Safe all you have to do is create and remember a single "Master Password" of your choice in order to unlock and access your entire username/password list. %}
   </li>
 </ul>
+
+<h3>{% t Related Information %}</h3>
+
+<ul>
+  <li><a href="{% t https://peertube.mastodon.host/videos/watch/4cdedd90-a5b4-4022-b93d-828e85ed58cd %}">{% t Edward Snowden on Passwords on Peertube %}</a></li>
+</ul>

_includes/sections/paste-services.html

@@ -1,8 +1,8 @@
-<h1 id="paste" class="anchor"><a href="#paste"><i class="fas fa-link anchor-icon"></i></a> Pastebin Services</h1>
+<h1 id="paste" class="anchor"><a href="#paste"><i class="fas fa-link anchor-icon"></i></a> {% t Pastebin Services %}</h1>
 
 {% include cardv2.html
 title="PrivateBin"
-image="/assets/img/svg/3rd-party/privatebin.svg"
+image="/assets/img/tools/PrivateBin.png"
 description="PrivateBin is a minimalist, open-source online pastebin where the server has zero knowledge of pasted data. Data is encrypted/decrypted in the browser using 256-bit AES. It is the improved version of ZeroBin."
 website="https://privatebin.info/"
 forum="https://forum.privacytools.io/t/discussion-privatebin/296"
@@ -12,7 +12,7 @@ github="https://github.com/PrivateBin/PrivateBin"
 
 {% include cardv2.html
 title="CryptPad"
-image="/assets/img/svg/3rd-party/cryptpad.svg"
+image="/assets/img/provider/CryptPad.png"
 description="CryptPad is an open-source, zero knowledge, and real-time collaborative editor. Data is encrypted/decrypted in the browser, using Salsa20 with Poly1305 to encrypt pads."
 website="https://cryptpad.fr/pad/"
 forum="https://forum.privacytools.io/t/discussion-cryptpad/1270"

_includes/sections/privacy-resources.html

@@ -1,43 +1,42 @@
-<h1 id="resources" class="anchor"><a href="#resources"><i class="fas fa-link anchor-icon"></i></a> More Privacy Resources</h1>
+<h1 id="resources" class="anchor"><a href="#resources"><i class="fas fa-link anchor-icon"></i></a> {% t More Privacy Resources %}</h1>
 
-<h3>Guides</h3>
+<h3>{% t Guides %}</h3>
 
 <ul>
-  <li><a href="https://ssd.eff.org/"><strong>Surveillance Self-Defense by EFF</strong></a> - Guide to defending yourself from surveillance by using secure technology and developing careful practices.</li>
+  <li><a href="{% t https://ssd.eff.org/ %}"><strong>{% t Surveillance Self-Defense by EFF %}</strong></a> - {% t Guide to defending yourself from surveillance by using secure technology and developing careful practices. %}</li>
-  <li><a href="https://github.com/cryptoseb/CryptoPaper"><strong>The Crypto Paper</strong></a> - Privacy, Security and Anonymity for Every Internet User.</li>
+  <li><a href="{% t https://github.com/cryptoseb/CryptoPaper %}"><strong>{% t The Crypto Paper %}</strong></a> - {% t Privacy, Security and Anonymity for Every Internet User. %}</li>
-  <li><a href="https://emailselfdefense.fsf.org/en/"><strong>Email Self-Defense by FSF</strong></a> - A guide to fighting surveillance with GnuPG encryption.</li>
+  <li><a href="{% t https://emailselfdefense.fsf.org/en/ %}"><strong>{% t Email Self-Defense by FSF %}</strong></a> - {% t A guide to fighting surveillance with GnuPG encryption. %}</li>
-  <li><a href="https://www.bestvpn.com/the-ultimate-privacy-guide/"><strong>The Ultimate Privacy Guide</strong></a> - Excellent privacy guide written by the creators of the bestVPN.com website.</li>
+  <li><a href="{% t https://www.bestvpn.com/the-ultimate-privacy-guide/ %}"><strong>{% t The Ultimate Privacy Guide %}</strong></a> - {% t Excellent privacy guide written by the creators of the bestVPN.com website. %}</li>
-  <li><a href="https://www.ivpn.net/privacy-guides"><strong>IVPN Privacy Guides</strong></a> - These privacy guides explain how to obtain vastly greater freedom, privacy and anonymity through compartmentalization and isolation.</li>
+  <li><a href="{% t https://www.ivpn.net/privacy-guides %}"><strong>{% t IVPN Privacy Guides %}</strong></a> - {% t These privacy guides explain how to obtain vastly greater freedom, privacy and anonymity through compartmentalization and isolation. %}</li>
-  <li><a href="https://fried.com/privacy"><strong>The Ultimate Guide to Online Privacy</strong></a> - Comprehensive "Ninja Privacy Tips" and 150+ tools.</li>
+  <li><a href="{% t https://fried.com/privacy %}"><strong>{% t The Ultimate Guide to Online Privacy %}</strong></a> - {% t Comprehensive "Ninja Privacy Tips" and 150+ tools. %}</li>
 </ul>
 
-<h3>Information</h3>
+<h3>{% t Information %}</h3>
 
 <ul>
-  <li><a href="https://freedom.press/"><strong>Freedom of the Press Foundation</strong></a> - Supporting and defending journalism dedicated to transparency and accountability since 2012.</li>
+  <li><a href="{% t https://freedom.press/ %}"><strong>{% t Freedom of the Press Foundation %}</strong></a> - {% t Supporting and defending journalism dedicated to transparency and accountability since 2012. %}</li>
-  <li><a href="https://www.erfahrungen.com/mit/anonymisierung/t/"><strong>Erfahrungen.com</strong></a> - German review aggregator website of privacy-related services.</li>
+  <li><a href="{% t https://www.erfahrungen.com/mit/anonymisierung/t/ %}"><strong>{% t Erfahrungen.com %}</strong></a> - {% t German review aggregator website of privacy-related services. %}</li>
-  <li><a href="https://openwireless.org/"><strong>Open Wireless Movement</strong></a> - a coalition of Internet freedom advocates, companies, organizations, and technologists working to develop new wireless technologies and to inspire a movement of Internet openness.</li>
+  <li><a href="{% t https://openwireless.org/ %}"><strong>{% t Open Wireless Movement %}</strong></a> - {% t a coalition of Internet freedom advocates, companies, organizations, and technologists working to develop new wireless technologies and to inspire a movement of Internet openness. %}</li>
-  <li><a href="https://privacy.net/us-government-surveillance-spying-data"><strong>privacy.net</strong></a> - What does the US government know about you?</li>
+  <li><a href="{% t https://privacy.net/us-government-surveillance-spying-data %}"><strong>{% t privacy.net %}</strong></a> - {% t What does the US government know about you? %}</li>
-  <li><a href="https://www.reddit.com/r/privacytoolsIO/wiki/index"><strong>r/privacytoolsIO Wiki</strong></a> - Our Wiki on reddit.com.</li>
+  <li><a href="{% t https://www.reddit.com/r/privacytoolsIO/wiki/index %}"><strong>{% t r/privacytoolsIO Wiki %}</strong></a> - {% t Our Wiki on reddit.com. %}</li>
-  <li><a href="https://www.grc.com/securitynow.htm"><strong>Security Now!</strong></a> - Weekly Internet Security Podcast by Steve Gibson and Leo Laporte.</li>
+  <li><a href="{% t https://www.grc.com/securitynow.htm %}"><strong>{% t Security Now! %}</strong></a> - {% t Weekly Internet Security Podcast by Steve Gibson and Leo Laporte. %}</li>
-  <li><a href="https://www.jupiterbroadcasting.com/show/techsnap/"><strong>TechSNAP</strong></a> - Weekly Systems, Network, and Administration Podcast. Every week TechSNAP covers the stories that impact those of us in the tech industry.</li>
+  <li><a href="{% t https://www.jupiterbroadcasting.com/show/techsnap/ %}"><strong>{% t TechSNAP %}</strong></a> - {% t Weekly Systems, Network, and Administration Podcast. Every week TechSNAP covers the stories that impact those of us in the tech industry. %}</li>
-  <li><a href="https://tosdr.org/"><strong>Terms of Service; Didn't Read</strong></a> - "I have read and agree to the Terms" is the biggest lie on the web. We aim to fix that.</li>
+  <li><a href="{% t https://tosdr.org/ %}"><strong>{% t Terms of Service; Didn't Read %}</strong></a> - {% t "I have read and agree to the Terms" is the biggest lie on the web. We aim to fix that. %}</li>
-  <li><a href="https://codeberg.org/crimeflare/cloudflare-tor"><strong>The Great Cloudwall</strong></a> - Critique and information on why to avoid Cloudflare, a big company with a huge portion of the internet behind it.</li>
+  <li><a href="{% t https://codeberg.org/crimeflare/cloudflare-tor %}"><strong>{% t The Great Cloudwall %}</strong></a> - {% t Critique and information on why to avoid Cloudflare, a big company with a huge portion of the internet behind it. %}</li>
 </ul>
 
-<h3>Tools</h3>
+<h3>{% t Tools %}</h3>
 
 <ul>
-  <li><a href="https://ipleak.net/"><strong>ipleak.net</strong></a> - IP/DNS Detect - What is your IP, what is your DNS, what informations you send to websites.</li>
+  <li><a href="{% t https://ipleak.net/ %}"><strong>{% t ipleak.net %}</strong></a> - {% t IP/DNS Detect - What is your IP, what is your DNS, what informations you send to websites. %}</li>
-  <li><a href="https://www.ghacks.net/2015/12/28/the-ultimate-online-privacy-test-resource-list/"><strong>The ultimate Online Privacy Test Resource List</strong></a> - A collection of Internet sites that check whether your web browser leaks information.</li>
+  <li><a href="{% t https://www.ghacks.net/2015/12/28/the-ultimate-online-privacy-test-resource-list/ %}"><strong>{% t The ultimate Online Privacy Test Resource List %}</strong></a> - {% t A collection of Internet sites that check whether your web browser leaks information. %}</li>
-  <li><a href="https://prism-break.org/"><strong>PRISM Break</strong></a> - We all have a right to privacy, which you can exercise today by encrypting your communications and ending your reliance on proprietary services.</li>
+  <li><a href="{% t https://prism-break.org/ %}"><strong>{% t PRISM Break %}</strong></a> - {% t We all have a right to privacy, which you can exercise today by encrypting your communications and ending your reliance on proprietary services. %}</li>
-  <li><a href="https://securityinabox.org/"><strong>Security in-a-Box</strong></a> - A guide to digital security for activists and human rights defenders throughout the world.</li>
+  <li><a href="{% t https://securityinabox.org/ %}"><strong>{% t Security in-a-Box %}</strong></a> - {% t A guide to digital security for activists and human rights defenders throughout the world. %}</li>
-  <li><a href="https://securedrop.org/"><strong>SecureDrop</strong></a> - An open-source whistleblower submission system that media organizations can use to securely accept documents from and communicate with anonymous sources. It was originally created
+  <li><a href="{% t https://securedrop.org/ %}"><strong>{% t SecureDrop %}</strong></a> - {% t An open-source whistleblower submission system that media organizations can use to securely accept documents from and communicate with anonymous sources. It was originally created by the late Aaron Swartz and is currently managed by Freedom of the Press Foundation. %}</li>
-    by the late Aaron Swartz and is currently managed by Freedom of the Press Foundation.</li>
+  <li><a href="{% t https://pack.resetthenet.org/ %}"><strong>{% t Reset The Net - Privacy Pack %}</strong></a> - {% t Help fight to end mass surveillance. Get these tools to protect yourself and your friends. %}</li>
-  <li><a href="https://pack.resetthenet.org/"><strong>Reset The Net - Privacy Pack</strong></a> - Help fight to end mass surveillance. Get these tools to protect yourself and your friends.</li>
+  <li><a href="{% t https://secfirst.org/ %}"><strong>{% t Security First %}</strong></a> - {% t Umbrella is an Android app that provides all the advice needed to operate safely in a hostile environment. %}</li>
-  <li><a href="https://secfirst.org/"><strong>Security First</strong></a> - Umbrella is an Android app that provides all the advice needed to operate safely in a hostile environment.</li>
+  <li><a href="{% t https://www.osalt.com/ %}"><strong>{% t Osalt %}</strong></a> - {% t A directory to help you find open source alternatives to proprietary tools. %}</li>
-  <li><a href="https://www.osalt.com/"><strong>Osalt</strong></a> - A directory to help you find open source alternatives to proprietary tools.</li>
+  <li><a href="{% t https://alternativeto.net/ %}"><strong>{% t AlternativeTo %}</strong></a> - {% t A directory to help find alternatives to other software, with the option to only show open source software %}</li>
-  <li><a href="https://alternativeto.net/"><strong>AlternativeTo</strong></a> - A directory to help find alternatives to other software, with the option to only show open source software</li>
 </ul>
 
-<p>Note: Just being open source does not make software secure!</p>
+<p>{% t Note: Just being open source does not make software secure! %}</p>

_includes/sections/productivity-tools.html

@@ -1,9 +1,9 @@
-<h1 id="productivity" class="anchor"><a href="#productivity"><i class="fas fa-link anchor-icon"></i></a> Productivity Tools</h1>
+<h1 id="productivity" class="anchor"><a href="#productivity"><i class="fas fa-link anchor-icon"></i></a> {% t Productivity Tools %}</h1>
 
 {%
   include cardv2.html
   title="CryptPad"
-  image="/assets/img/svg/3rd-party/cryptpad.svg"
+  image="/assets/img/provider/CryptPad.png"
   description="<strong>CryptPad</strong> is a private-by-design alternative to popular office tools and cloud services. All content is end-to-end encrypted. It is free and open-source, enabling anyone to verify its security by auditing the code. The development team is supported by donations and grants. No registration is required, and it can be used anonymously via Tor Browser."
   website="https://cryptpad.fr/"
   forum="https://forum.privacytools.io/t/discussion-cryptpad-productivity-tools/1537"
@@ -14,7 +14,8 @@
 {%
   include cardv2.html
   title="Etherpad"
-  image="/assets/img/svg/3rd-party/etherpad.svg"
+  image="/assets/img/tools/Etherpad.png"
+  image-dark="/assets/img/tools/Etherpad-dark.png"
   description="<strong>Etherpad</strong> is a highly customizable open-source online editor providing collaborative editing in real time. <a href=https://github.com/ether/etherpad-lite/wiki/Sites-that-run-Etherpad>Here are a list of sites that run Etherpad</a>."
   website="https://etherpad.org/"
   forum="https://forum.privacytools.io/t/discussion-etherpad-productivity-tools/1538"
@@ -31,8 +32,8 @@
 {%
   include cardv2.html
   title="Write.as"
-  image="/assets/img/svg/3rd-party/writeas.svg"
+  image="/assets/img/tools/WriteAs.png"
-  image-dark="/assets/img/svg/3rd-party/writeas-dark.svg"
+  image-dark="/assets/img/tools/WriteAs-dark.png"
   description="<strong>Write.as</strong> is a cross-platform, privacy-oriented blogging platform. It's anonymous by default, letting you publish without signing up. If you create an account, it doesn't require any personal information. No ads, distraction-free, and built on a sustainable business model."
   website="https://write.as/"
   forum="https://forum.privacytools.io/t/discussion-write-as-productivity-tools/1539"
@@ -47,29 +48,28 @@
   ios="https://itunes.apple.com/app/apple-store/id1000755153"
 %}
 
-<h3>Worth Mentioning</h3>
+<h3>{% t Worth Mentioning %}</h3>
 
 <ul>
-  <li><a href="https://crypt.ee/">Cryptee</a> - Free privacy-friendly service for storing Documents, files and Photos</li>
+  <li><a href="{% t https://crypt.ee/ %}">{% t Cryptee %}</a> - {% t Free privacy-friendly service for storing Documents, files and Photos %}</li>
-  <li><a href="https://ethercalc.net/">EtherCalc</a> - EtherCalc is a web spreadsheet. Data is saved on the web, and people can edit the same document at the same time. Changes are instantly reflected on all screens. Work together on inventories, survey forms, list management, brainstorming sessions.</li>
+  <li><a href="{% t https://ethercalc.net/ %}">{% t EtherCalc %}</a> - {% t EtherCalc is a web spreadsheet. Data is saved on the web, and people can edit the same document at the same time. Changes are instantly reflected on all screens. Work together on inventories, survey forms, list management, brainstorming sessions. %}</li>
-  <li><a href="https://disroot.org/">Disroot</a> - Free privacy-friendly service that offers Etherpad, EtherCalc and PrivateBin.</li>
+  <li><a href="{% t https://disroot.org/ %}">{% t Disroot %}</a> - {% t Free privacy-friendly service that offers Etherpad, EtherCalc and PrivateBin. %}</li>
-  <li><a href="https://dudle.inf.tu-dresden.de/anonymous/">dudle</a> - An online scheduling application, free and open-source. Schedule meetings or make small online polls. No email collection or the need of registration.</li>
+  <li><a href="{% t https://dudle.inf.tu-dresden.de/anonymous/ %}">{% t dudle %}</a> - {% t An online scheduling application, free and open-source. Schedule meetings or make small online polls. No email collection or the need of registration. %}</li>
-  <li><a href="https://framadate.org/">Framadate</a> - A free and open-source online service for planning an appointment or making a decision quickly and easily. No registration is required.</li>
+  <li><a href="{% t https://framadate.org/ %}">{% t Framadate %}</a> - {% t A free and open-source online service for planning an appointment or making a decision quickly and easily. No registration is required. %}</li>
-  <li><a href="https://www.libreoffice.org/">LibreOffice</a> - Free and open-source office suite.</li>
+  <li><a href="{% t https://www.libreoffice.org/ %}">{% t LibreOffice %}</a> - {% t Free and open-source office suite. %}</li>
-  <li><a href="https://vscodium.com/">VSCodium</a> - Fork of Microsoft's Visual Studio Code editor without branding or telemetry.</li>
+  <li><a href="{% t https://vscodium.com/ %}">{% t VSCodium %}</a> - {% t Fork of Microsoft's Visual Studio Code editor without branding or telemetry. %}</li>
 </ul>
 
 <h1 id="metadata-removal-tools" class="anchor">
   <a href="#metadata-removal-tools"
     ><i class="fas fa-link anchor-icon"></i>
-  </a> Metadata Removal Tools
+  </a> {% t Metadata Removal Tools %}
 </h1>
 
-<div class="row mb-2">
 {%
   include cardv2.html
   title="MAT2"
-  image="/assets/img/svg/3rd-party/mat2.svg"
+  image="/assets/img/tools/MAT2.png"
   description="<strong>MAT2</strong> is free software, which allows the removal of metadata of image, audio, torrent, and document file types. It provides both a command line tool and a graphical user interface via an extension for Nautilus, the default file manager of GNOME."
   website="https://0xacab.org/jvoisin/mat2"
   forum="https://forum.privacytools.io/t/discussion-mat/1559"
@@ -81,4 +81,3 @@
   openbsd="https://pypi.org/project/mat2/"
   netbsd="https://pypi.org/project/mat2/"
 %}
-</div>

_includes/sections/quotes.html

@@ -1,43 +1,38 @@
 <div class="page-header">
-  <h1>Privacy? I don't have anything to hide.</h1>
+  <h1>{% t Privacy? I don't have anything to hide. %}</h1>
 </div>
 <blockquote class="blockquote">
-  <p><a href="https://www.ted.com/talks/glenn_greenwald_why_privacy_matters" title="Glenn Greenwald - Why privacy matters - TED Talk"><img src="/assets/img/png/layout/glenn_greenwald.png" width="170px" class="img-fluid float-right ml-2" alt="Glenn Greenwald: Why privacy matters"></a>
+  <p><a href="{% t https://www.ted.com/talks/glenn_greenwald_why_privacy_matters %}" title="{% t Glenn Greenwald - Why privacy matters - TED Talk %}"><img src="/assets/img/layout/Glenn-Greenwald-Why-privacy-matters.jpg" width="177" height="200" class="img-fluid float-right ml-2" alt="{% t 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
+  {% t 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>
-  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
+  <footer class="blockquote-footer">{% t Glenn Greenwald in <cite title="Why privacy matters - TED Talk"><a href="https://www.ted.com/talks/glenn_greenwald_why_privacy_matters">Why privacy matters - TED Talk</a></cite>%}</footer>
-  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>
-  <footer class="blockquote-footer">Glenn Greenwald in <cite title="Why privacy matters - TED Talk"><a href="https://www.ted.com/talks/glenn_greenwald_why_privacy_matters">Why privacy matters - TED Talk</a></cite></footer>
 </blockquote>
 
 <blockquote class="blockquote">
-  <p>The primary reason for window curtains in our house, is to stop people from being able to see in. The reason we don’t want them to see in is because we consider much of what we do inside our homes to be private. Whether that be having dinner at the table, watching a movie with your kids, or even engaging in intimate or sexual acts with your partner. None of these things are illegal by any means but even knowing this, we still keep the curtains and blinds on our windows. We clearly have this strong desire for privacy when it comes to our personal life and the public.</p>
+  <p>{% t The primary reason for window curtains in our house, is to stop people from being able to see in. The reason we don’t want them to see in is because we consider much of what we do inside our homes to be private. Whether that be having dinner at the table, watching a movie with your kids, or even engaging in intimate or sexual acts with your partner. None of these things are illegal by any means but even knowing this, we still keep the curtains and blinds on our windows. We clearly have this strong desire for privacy when it comes to our personal life and the public.%}</p>
-   <footer class="blockquote-footer">Joshua in <cite title="The Crypto Paper"><a href="https://github.com/cryptoseb/CryptoPaper#let-me-explain-further">The Crypto Paper</a></cite></footer>
+   <footer class="blockquote-footer">{% t Joshua in <cite title="The Crypto Paper"><a href="https://github.com/cryptoseb/CryptoPaper#let-me-explain-further">The Crypto Paper</a></cite>%}</footer>
 </blockquote>
 
-<h4>Read also:</h4>
+<h4>{% t Read also: %}</h4>
 
 <ul>
-  <li><a href="https://en.wikipedia.org/wiki/Nothing_to_hide_argument">Nothing to hide argument (Wikipedia)</a></li>
+  <li><a href="{% t https://en.wikipedia.org/wiki/Nothing_to_hide_argument %}">{% t Nothing to hide argument (Wikipedia) %}</a></li>
-  <li><a href="https://www.reddit.com/r/privacy/comments/3hynvp/how_do_you_counter_the_i_have_nothing_to_hide/">How do you counter the "I have nothing to hide?" argument? (reddit.com)</a></li>
+  <li><a href="{% t https://www.reddit.com/r/privacy/comments/3hynvp/how_do_you_counter_the_i_have_nothing_to_hide/ %}">{% t How do you counter the "I have nothing to hide?" argument? (reddit.com) %}</a></li>
-  <li><a href="https://papers.ssrn.com/sol3/papers.cfm?abstract_id=998565">'I've Got Nothing to Hide' and Other Misunderstandings of Privacy (Daniel J. Solove - San Diego Law Review)</a></li>
+  <li><a href="{% t https://papers.ssrn.com/sol3/papers.cfm?abstract_id=998565 %}">{% t 'I've Got Nothing to Hide' and Other Misunderstandings of Privacy (Daniel J. Solove - San Diego Law Review)%}</a></li>
 </ul>
 
-<h1 id="quotes" class="anchor"><a href="#quotes"><i class="fas fa-link anchor-icon"></i></a> Quotes</h1>
+<h1 id="quotes" class="anchor"><a href="#quotes"><i class="fas fa-link anchor-icon"></i></a> {% t Quotes %}</h1>
 
 <blockquote class="blockquote">
-  <p>Arguing that you don't care about the right to privacy because you have nothing to hide is no different than saying you don't care about free speech because you have nothing to say.</p>
+  <p>{% t Arguing that you don't care about the right to privacy because you have nothing to hide is no different than saying you don't care about free speech because you have nothing to say.%}</p>
-  <footer class="blockquote-footer">Edward Snowden on <cite title="Just days left to kill mass surveillance under Section 215 of the Patriot Act. We are Edward Snowden and the ACLU's Jameel Jaffer. AUA."><a href="https://www.reddit.com/r/IAmA/comments/36ru89/just_days_left_to_kill_mass_surveillance_under/crglgh2">Reddit</a></cite></footer>
+  <footer class="blockquote-footer">{% t Edward Snowden on <cite title="Just days left to kill mass surveillance under Section 215 of the Patriot Act. We are Edward Snowden and the ACLU's Jameel Jaffer. AUA."><a href="https://www.reddit.com/r/IAmA/comments/36ru89/just_days_left_to_kill_mass_surveillance_under/crglgh2">Reddit</a></cite>%}</footer>
 </blockquote>
 
 <blockquote class="blockquote">
-  <p>The NSA has built an infrastructure that allows it to intercept almost everything. With this capability, the vast majority of human communications are automatically ingested without targeting. If I wanted to see your emails or your wife's phone, all
+  <p>{% t The NSA has built an infrastructure that allows it to intercept almost everything. With this capability, the vast majority of human communications are automatically ingested without targeting. If I wanted to see your emails or your wife's phone, all I have to do is use intercepts. I can get your emails, passwords, phone records, credit cards. I don't want to live in a society that does these sort of things... I do not want to live in a world where everything I do and say is recorded. That is not something I am willing to support or live under. %} </p>
-  I have to do is use intercepts. I can get your emails, passwords, phone records, credit cards. I don't want to live in a society that does these sort of things... I do not want to live in a world where everything I do and say is recorded. That is
+  <footer class="blockquote-footer">{% t Edward Snowden in <cite title="Edward Snowden, NSA files source: 'If they want to get you, in time they will'"><a href="https://www.theguardian.com/world/2013/jun/09/nsa-whistleblower-edward-snowden-why">The Guardian</a></cite>%}</footer>
-  not something I am willing to support or live under. </p>
-  <footer class="blockquote-footer">Edward Snowden in <cite title="Edward Snowden, NSA files source: 'If they want to get you, in time they will"><a href="https://www.theguardian.com/world/2013/jun/09/nsa-whistleblower-edward-snowden-why">The Guardian</a></cite></footer>
 </blockquote>
 
 <blockquote class="blockquote">
-  <p>We all need places where we can go to explore without the judgmental eyes of other people being cast upon us, only in a realm where we're not being watched can we really test the limits of who we want to be. It's really in the private realm where
+  <p>{% t We all need places where we can go to explore without the judgmental eyes of other people being cast upon us, only in a realm where we're not being watched can we really test the limits of who we want to be. It's really in the private realm where dissent, creativity and personal exploration lie.%}</p>
-  dissent, creativity and personal exploration lie.</p>
+  <footer class="blockquote-footer">{% t Glenn Greenwald in <cite title="Glenn Greenwald On Why Privacy Is Vital, Even If You 'Have Nothing To Hide"><a href="https://www.huffingtonpost.com/2014/06/20/glenn-greenwald-privacy_n_5509704.html">Huffington Post</a></cite>%}</footer>
-  <footer class="blockquote-footer">Glenn Greenwald in <cite title="Glenn Greenwald On Why Privacy Is Vital, Even If You 'Have Nothing To Hide"><a href="https://www.huffingtonpost.com/2014/06/20/glenn-greenwald-privacy_n_5509704.html">Huffington Post</a></cite></footer>
 </blockquote>

_includes/sections/resources.html

@@ -1,6 +1,6 @@
-<h1 id="os" class="anchor">Privacy Tools</h1>
+<h1 id="os" class="anchor">{% t Privacy Tools %}</h1>
 
-<p><a href="/classic/"><i class="fas fa-info-circle"></i> Prefer the classic site? View a single-page layout.</a></p>
+<p><a href="{{ "/classic/" | translate_page }}"><i class="fas fa-info-circle"></i> {% t Prefer the classic site? View a single-page layout. %}</a></p>
 
 <div class="row">
 
@@ -36,6 +36,7 @@
   description="Find out how your operating system is compromising your privacy, and what simple alternatives exist."
   %}
 
+
   {% include card.html color="secondary"
   title="PrivacyTools Services"
   icon="far fa-eye-slash"

_includes/sections/router-firmware.html

@@ -1,9 +1,8 @@
-<h1 id="firmware" class="anchor"><a href="#firmware"><i class="fas fa-link anchor-icon"></i></a> Open Source Router Firmware</h1>
+<h1 id="firmware" class="anchor"><a href="#firmware"><i class="fas fa-link anchor-icon"></i></a> {% t Open Source Router Firmware %}</h1>
 
 {% include cardv2.html
 title="OpenWrt"
-image="/assets/img/svg/3rd-party/openwrt.svg"
+image="/assets/img/tools/OpenWrt.png"
-image-dark="/assets/img/svg/3rd-party/openwrt-dark.svg"
 description="OpenWrt is an operating system (in particular, an embedded operating system) based on the Linux kernel, primarily used on embedded devices to route network traffic. The main components are the Linux kernel, util-linux, uClibc and BusyBox. All components have been optimized for size, to be small enough for fitting into the limited storage and memory available in home routers."
 badges="info:Linux"
 labels="warning:contrib:This software may depend on or recommend non-free software."
@@ -13,8 +12,7 @@ git="https://git.openwrt.org/"
 
 {% include cardv2.html
 title="pfSense"
-image="/assets/img/svg/3rd-party/pfsense.svg"
+image="/assets/img/tools/pfSense.png"
-image-dark="/assets/img/svg/3rd-party/pfsense-dark.svg"
 description="pfSense is an open source firewall/router computer software distribution based on FreeBSD. It is installed on a computer to make a dedicated firewall/router for a network and is noted for its reliability and offering features often only found in expensive commercial firewalls. pfSense is commonly deployed as a perimeter firewall, router, wireless access point, DHCP server, DNS server, and as a VPN endpoint."
 badges="info:BSD"
 labels="warning:contrib:This software may depend on or recommend non-free software."
@@ -24,17 +22,16 @@ github="https://github.com/pfsense/"
 
 {% include cardv2.html
 title="LibreCMC"
-image="/assets/img/svg/3rd-party/librecmc.svg"
+image="/assets/img/tools/LibreCMC.png"
-image-dark="/assets/img/svg/3rd-party/librecmc-dark.svg"
 description="LibreCMC is a GNU/Linux-libre distribution for computers with minimal resources, such as the Ben Nanonote, ath9k-based Wi-Fi routers, and other hardware with emphasis on free software. The project's current goal is to aim for compliance with the GNU Free System Distribution Guidelines (GNU FSDG) and ensure that the project continues to meet these requirements set forth by the Free Software Foundation (FSF)."
 badges="info:GNU/Linux"
 website="https://librecmc.org"
 git="https://gogs.librecmc.org/libreCMC/libreCMC"
 %}
 
-<h3>Worth Mentioning</h3>
+<h3>{% t Worth Mentioning %}</h3>
 
 <ul>
-  <li><a href="https://www.openbsd.org/">OpenBSD</a> <span class="badge badge-info">BSD</span> - A project that produces a free, multi-platform 4.4BSD-based UNIX-like operating system. Emphasizes portability, standardization, correctness, proactive security and integrated cryptography.</li>
+  <li><a href="{% t https://www.openbsd.org/ %}">{% t OpenBSD %}</a> <span class="badge badge-info">{% t BSD %}</span> - {% t A project that produces a free, multi-platform 4.4BSD-based UNIX-like operating system. Emphasizes portability, standardization, correctness, proactive security and integrated cryptography. %}</li>
-  <li><a href="https://dd-wrt.com/">DD-WRT</a> <span class="badge badge-info">Linux</span> <span class="badge badge-warning" data-toggle="tooltip" title="This software may depend on or recommend non-free software.">contrib <i class="far fa-question-circle"></i></span> - A Linux-based open-source firmware compatible with several models of routers and access points.</li>
+  <li><a href="{% t https://dd-wrt.com/ %}">{% t DD-WRT %}</a> <span class="badge badge-info">{% t Linux %}</span> <span class="badge badge-warning" data-toggle="tooltip" title="{% t This software may depend on or recommend non-free software.%}">{% t contrib %} <i class="far fa-question-circle"></i></span> - {% t A Linux-based open-source firmware compatible with several models of routers and access points.%}</li>
 </ul>

_includes/sections/search-engines.html

@@ -1,12 +1,12 @@
-<h1 id="search" class="anchor"><a href="#search"><i class="fas fa-link anchor-icon"></i></a> Privacy Respecting Search Engines</h1>
+<h1 id="search" class="anchor"><a href="#search"><i class="fas fa-link anchor-icon"></i></a> {% t Privacy-Respecting Search Engines %}</h1>
 
 <div class="alert alert-warning" role="alert">
-  <strong> If you are currently using search engines like Google, Bing, or Yahoo, you should pick an alternative here. </strong>
+  <strong> {% t If you are currently using search engines like Google, Bing, or Yahoo, you should pick an alternative here.%} </strong>
 </div>
 
 {% include cardv2.html
 title="searx - Decentral"
-image="/assets/img/svg/3rd-party/searx.svg"
+image="/assets/img/provider/searx.png"
 description='searx is an <a href="https://github.com/asciimoo/searx">open-source</a> metasearch engine, aggregating the results of other search engines while not storing information about its users. No logs, no ads and no tracking. There is a <a href="https://github.com/asciimoo/searx/wiki/Searx-instances">list of public instances</a>, or you can try <a href="https://search.privacytools.io/">the PrivacyTools Search</a>'
 website="https://searx.me/"
 tor="http://ulrn6sryqaifefld.onion"
@@ -16,7 +16,7 @@ github="https://github.com/asciimoo/searx"
 
 {% include cardv2.html
 title="DuckDuckGo - USA"
-image="/assets/img/svg/3rd-party/duckduckgo.svg"
+image="/assets/img/provider/DuckDuckGo.png"
 description='DuckDuckGo is a "search engine that doesn\'t track you." Some of DuckDuckGo\'s code is free software hosted at GitHub, but the core is proprietary. <span class="flag-icon flag-icon-us"></span> <a href="../../providers/#ukusa">The company is based in the USA.</a>'
 website="https://duckduckgo.com/"
 tor="http://3g2upl4pq6kufc4m.onion"
@@ -26,7 +26,7 @@ github="https://github.com/duckduckgo"
 
 {% include cardv2.html
 title="Qwant - France"
-image="/assets/img/svg/3rd-party/qwant.svg"
+image="/assets/img/provider/Qwant.png"
 description='Qwant is a search engine with its philosophy based on two principles: no user tracking and no filter bubble. Qwant was launched in France in February 2013.'
 website="https://www.qwant.com/"
 forum="https://forum.privacytools.io/t/discussion-qwant/286"
@@ -34,20 +34,19 @@ github="https://github.com/Qwant/"
 %}
 
 
-<h3>Firefox Addon</h3>
+<h3>{% t Firefox Addon %}</h3>
 
 <ul>
   <li>
-    <a href="https://addons.mozilla.org/firefox/addon/google-search-link-fix/">Google search link fix</a> - Firefox extension that prevents Google and Yandex search pages from modifying search result links when you click them. This is useful when
+    <a href="{% t https://addons.mozilla.org/firefox/addon/google-search-link-fix/%}">{% t Google search link fix %}</a> - {% t Firefox extension that prevents Google and Yandex search pages from modifying search result links when you click them. This is useful when copying links but it also helps privacy by preventing the search engines from recording your clicks.%} (<a href="https://github.com/palant/searchlinkfix">{% t Open Source %}</a>)
-    copying links but it also helps privacy by preventing the search engines from recording your clicks. (<a href="https://github.com/palant/searchlinkfix">Open Source</a>)
   </li>
 </ul>
 
-<h3>Worth Mentioning</h3>
+<h3>{% t Worth Mentioning %}</h3>
 
 <ul>
-  <li><a href="https://yacy.net/">YaCy</a> - A free-software P2P search engine powered by its users.</li>
+  <li><a href="{% t https://yacy.net/%}">{% t YaCy %}</a> - {% t A free-software P2P search engine powered by its users. %}</a></li>
-  <li><a href="https://jivesearch.com/">Jive Search</a> - A free-software search engine with a similar look and feel to Google.</li>
+  <li><a href="\{% t https://jivesearch.com/%}">{% t Jive Search %}</a> - {% t A free-software search engine with a similar look and feel to Google. %}</a></li>
-  <li><a href="https://metager.de/en/">MetaGer</a> - An open-source metasearch engine, which is based in Germany. It focuses on protecting the user's privacy.</li>
+  <li><a href="{% t https://metager.de/en/%}">{% t MetaGer %}</a> - {% t An open-source metasearch engine, which is based in Germany. It focuses on protecting the user's privacy. %}</li>
-  <li><a href="https://www.mojeek.com/">Mojeek</a> - Independent and unbiased search results with no user tracking.</li>
+  <li><a href="{% t https://www.mojeek.com/ %}">{% t Mojeek %}</a> - {% t Independent and unbiased search results with no user tracking. %}</li>
 </ul>

_includes/sections/self-contained-networks.html

@@ -1,12 +1,12 @@
-<h1 id="darknets" class="anchor"><a href="#darknets"><i class="fas fa-link anchor-icon"></i></a> Self-contained Networks</h1>
+<h1 id="darknets" class="anchor"><a href="#darknets"><i class="fas fa-link anchor-icon"></i></a> {% t Self-contained Networks %}</h1>
 
 <div class="alert alert-warning" role="alert">
-  <strong>If you are currently browsing <a href="https://en.wikipedia.org/wiki/Surface_Web">clearnet</a> and want to access the <a href="https://en.wikipedia.org/wiki/Dark_web">dark web</a>, this section is for you.</strong>
+  <strong>{% t If you are currently browsing <a href="https://en.wikipedia.org/wiki/Surface_Web">clearnet</a> and want to access the <a href="https://en.wikipedia.org/wiki/Dark_web">dark web</a>, this section is for you. %}</strong>
 </div>
 
 {% include cardv2.html
 title="Tor"
-image="/assets/img/svg/3rd-party/tor.svg"
+image="/assets/img/tools/Tor-Project.png"
 description="The Tor network is a group of volunteer-operated servers that allows people to improve their privacy and security on the Internet. Tor's users employ this network by connecting through a series of virtual tunnels rather than making a direct connection, thus allowing both organizations and individuals to share information over public networks without compromising their privacy. Tor is an effective censorship circumvention tool."
 website="https://www.torproject.org/"
 tor="http://expyuzz4wqqyqhjn.onion"
@@ -25,8 +25,8 @@ git="https://gitweb.torproject.org/tor.git"
 
 {% include cardv2.html
 title="I2P Anonymous Network"
-image="/assets/img/svg/3rd-party/i2p.svg"
+image="/assets/img/tools/I2P.png"
-image-dark="/assets/img/svg/3rd-party/i2p-dark.svg"
+image-dark="/assets/img/tools/I2P-dark.png"
 description="The Invisible Internet Project (I2P) is a computer network layer that allows applications to send messages to each other pseudonymously and securely. Uses include anonymous Web surfing, chatting, blogging, and file transfers. The software that implements this layer is called an I2P router and a computer running I2P is called an I2P node. The software is free and open-source and is published under multiple licenses."
 website="https://geti2p.net/"
 forum="https://forum.privacytools.io/t/discussion-i2p/1590"
@@ -45,7 +45,7 @@ source="https://geti2p.net/en/get-involved/guides/new-developers#getting-the-i2p
 
 {% include cardv2.html
 title="The Freenet Project"
-image="/assets/img/svg/3rd-party/freenet.svg"
+image="/assets/img/tools/Freenet.png"
 description="Freenet is a peer-to-peer platform for censorship-resistant communication. It uses a decentralized distributed data store to keep and deliver information, and has a suite of free software for publishing and communicating on the Web without fear of censorship. Both Freenet and some of its associated tools were originally designed by Ian Clarke, who defined Freenet's goal as providing freedom of speech on the Internet with strong anonymity protection."
 website="https://freenetproject.org/"
 forum="https://forum.privacytools.io/t/discussion-freenet/1591"
@@ -58,18 +58,23 @@ netbsd="https://freenetproject.org/pages/download.html#gnulinux-posix"
 github="https://github.com/freenet/"
 %}
 
-<h3>Worth Mentioning</h3>
+<h3>{% t Related Information %}</h3>
 
 <ul>
-  <li><a href="https://zeronet.io/">ZeroNet</a> - Open, free, and uncensorable websites, using Bitcoin cryptography and BitTorrent network. <span class="badge badge-danger" data-toggle="tooltip" title="Your IP address isn't hidden by default and won't be, unless you enforce Tor usage.">privacy warning <span class="far fa-question-circle"></span></span></li>
+  <li><a href="{% t https://darknetdiaries.com/ %}">{% t darknetdiaries.com %}</a> - {% t True stories from the dark side of the Internet. %}</li>
-  <li><a href="https://retroshare.cc/">RetroShare</a> - An open source, cross-platform, friend-to-friend, secure, and decentralized communication platform.</li>
+</ul>
-  <li><a href="https://i2pbote.xyz/">I2P-Bote</a> - End-to-end encrypted decentralized mail system within the I2P network.</li>
+
-  <li><a href="https://gnunet.org/">GNUnet</a> - GNUnet provides a strong foundation of free software for a global, distributed network that provides security and privacy.</li>
+<h3>{% t Worth Mentioning %}</h3>
-  <li><a href="https://ipfs.io/">IPFS</a> <em>and</em> <a href="https://github.com/ipfs-shipyard/ipfs-companion">IPFS Companion</a>- A peer-to-peer hypermedia protocol to make the web faster, safer, and more open. IPFS Companion is a browser extension for redirecting queries to a gateway of your choice (generally local). <a href="https://github.com/privacytoolsIO/privacytools.io/pull/361#issuecomment-344414022">
+
+<ul>
+  <li><a href="{% t https://zeronet.io/ %}">{% t ZeroNet %}</a> - {% t Open, free, and uncensorable websites, using Bitcoin cryptography and BitTorrent network.%} <span class="badge badge-danger" data-toggle="tooltip" title="{% t Your IP address isn't hidden by default and won't be, unless you enforce Tor usage. %}">{% t privacy warning %} <span class="far fa-question-circle"></span></span> </li>
+  <li><a href="{% t https://retroshare.cc/ %}">{% t RetroShare %}</a> - {% t An open source, cross-platform, friend-to-friend, secure, and decentralized communication platform. %}</li>
+  <li><a href="{% t https://gnunet.org/ %}">{% t GNUnet %}</a> - {% t GNUnet provides a strong foundation of free software for a global, distributed network that provides security and privacy. %}</li>
+  <li>{% t <a href="https://ipfs.io/">IPFS</a> <em>and</em> <a href="https://github.com/ipfs-shipyard/ipfs-companion">IPFS Companion</a>%} - {% t A peer-to-peer hypermedia protocol to make the web faster, safer, and more open. IPFS Companion is a browser extension for redirecting queries to a gateway of your choice (generally local).%} <a href="https://github.com/privacytoolsIO/privacytools.io/pull/361#issuecomment-344414022">
     <span class="badge badge-danger" data-toggle="tooltip" title="">
     <span class="fas fa-exclamation-triangle"></span>
-        Important privacy warning
+        {% t Important privacy warning %}
       </span>
           </a></li>
-  <li><a href="https://yggdrasil-network.github.io/">Yggdrasil</a> - An early-stage implementation of a fully end-to-end encrypted IPv6 network. It is lightweight, self-arranging, supported on multiple platforms, and allows pretty much any IPv6-capable application to communicate securely with other Yggdrasil nodes. Yggdrasil does not require you to have IPv6 Internet connectivity - it also works over IPv4. <span class="badge badge-warning" data-toggle="tooltip" title="The project is currently in early stages but it is being actively developed.">experimental <i class=\"far fa-question-circle\"></i></span> <span class="badge badge-danger" data-toggle="tooltip" title="Yggdrasil doesn't have a goal of providing anonymity and your peers know your IP address unless you are only using Tor/I2P peers.">privacy warning <i class="far fa-question-circle"></i></span></li>
+  <li><a href="{% t https://yggdrasil-network.github.io/ %}">{% t Yggdrasil %}</a> - {% t An early-stage implementation of a fully end-to-end encrypted IPv6 network. It is lightweight, self-arranging, supported on multiple platforms, and allows pretty much any IPv6-capable application to communicate securely with other Yggdrasil nodes. Yggdrasil does not require you to have IPv6 Internet connectivity - it also works over IPv4.%} <span class="badge badge-warning" data-toggle="tooltip" title="{% t The project is currently in early stages but it is being actively developed. %}">{% t experimental %} <i class=\"far fa-question-circle\"></i></span> <span class="badge badge-danger" data-toggle="tooltip" title="{% t Yggdrasil doesn't have a goal of providing anonymity and your peers know your IP address unless you are only using Tor/I2P peers. %}">{% t privacy warning%} <i class="far fa-question-circle"></i></span></li>
 </ul>

_includes/sections/selfhosted-cloud.html

@@ -1,13 +1,13 @@
-<h1 id="mycloud" class="anchor"><a href="#mycloud"><i class="fas fa-link anchor-icon"></i></a> Self-Hosted Cloud Server Software</h1>
+<h1 id="mycloud" class="anchor"><a href="#mycloud"><i class="fas fa-link anchor-icon"></i></a> {% t Self-Hosted Cloud Server Software %}</h1>
 
 <div class="alert alert-warning" role="alert">
-  <strong>If you are currently using a Cloud Storage Services like Dropbox, Google Drive, Microsoft OneDrive or Apple iCloud, you should think about hosting it on your own.</strong>
+  <strong>{% t If you are currently using a Cloud Storage Services like Dropbox, Google Drive, Microsoft OneDrive or Apple iCloud, you should think about hosting it on your own. %}</strong>
 </div>
 
 {% include cardv2.html
 title="Nextcloud"
-image="/assets/img/svg/3rd-party/nextcloud.svg"
+image="/assets/img/provider/Nextcloud.png"
-description="<strong>Nextcloud</strong> is a suite of client-server software for creating your own file hosting services on a private server you control. Nextcloud is free and open-source, and supports end-to-end encryption with many of its clients. The only limits on storage and bandwidth are the limits on the <a href=\"/providers/hosting\">server provider</a> you choose."
+description="Nextcloud is similar in functionality to the widely used Dropbox, with the difference being that Nextcloud is free and open-source, thereby allowing anyone to install and operate it without charge on a private server with no limits on storage space or the number of connected clients."
 website="https://nextcloud.com/"
 forum="https://forum.privacytools.io/t/discussion-nextcloud/287"
 windows="https://nextcloud.com/install/#install-clients"
@@ -24,8 +24,8 @@ github="https://github.com/nextcloud"
 
 {% include cardv2.html
 title="Tahoe-LAFS"
-image="/assets/img/svg/3rd-party/tahoe-lafs.svg"
+image="/assets/img/tools/Tahoe-LAFS.png"
-image-dark="/assets/img/svg/3rd-party/tahoe-lafs-dark.svg"
+image-dark="/assets/img/tools/Tahoe-LAFS-dark.png"
 website="https://www.tahoe-lafs.org/"
 forum="https://forum.privacytools.io/t/discussion-tahoe-lafs/1662"
 description="Tahoe-LAFS is a free and open decentralized cloud storage system. It distributes your data across multiple servers. Even if some of the servers fail or are taken over by an attacker, the entire file store continues to function correctly, preserving your privacy and security."
@@ -36,7 +36,7 @@ netbsd="http://pkgsrc.se/filesystems/tahoe-lafs"
 git="https://www.tahoe-lafs.org/trac/tahoe-lafs/browser"
 %}
 
-<h3>Worth Mentioning</h3>
+<h3>{% t Worth Mentioning %}</h3>
 <ul>
-  <li><a href="https://github.com/xwiki-labs/cryptpad/">CryptPad</a> - An open-source and end-to-end encrypted real-time collaborative editor that lets you share folders, media, and documents.</li>
+  <li><a href="{% t https://github.com/xwiki-labs/cryptpad/ %}">{% t CryptPad %}</a> - {% t An open-source and end-to-end encrypted real-time collaborative editor that lets you share folders, media, and documents. %}</li>
 </ul>

_includes/sections/social-networks.html

@@ -1,13 +1,13 @@
-<h1 id="social" class="anchor"><a href="#social"><i class="fas fa-link anchor-icon"></i></a> Decentralized Social Networks</h1>
+<h1 id="social" class="anchor"><a href="#social"><i class="fas fa-link anchor-icon"></i></a> {% t Decentralized Social Networks %}</h1>
 
 <div class="alert alert-warning" role="alert">
-  <strong> If you are currently using Social Networks like Facebook or Twitter, you should pick an alternative here.</strong>
+  <strong> {% t If you are currently using Social Networks like Facebook or Twitter, you should pick an alternative here.%} </strong>
 </div>
 
 {% include cardv2.html
 title="Mastodon - Twitter Alternative"
-image="/assets/img/svg/3rd-party/mastodon.svg"
+image="/assets/img/tools/Mastodon.png"
-description='Mastodon is a social network based on open web protocols and free, open-source software. It is decentralized like email, users can exist on different servers or even different platforms but still communicate with each other. It also has the most users, and the most diverse (in terms of interests) users, it looks good, and it is easy to setup yourself. If you are looking for a server to join, you are welcome to join our hosted instance: <a href="https://social.privacytools.io/">social.privacytools.io</a>'
+description='Mastodon is a social network based on open web protocols and free, open-source software. It is decentralized like email. It also has the most users, and the most diverse (in terms of interests) users; looks good; and is easy to setup. Feel welcome to join our hosted instance: <a href="https://social.privacytools.io/">social.privacytools.io</a>'
 website="https://joinmastodon.org/"
 forum="https://forum.privacytools.io/t/discussion-mastodon/289"
 github="https://github.com/tootsuite/mastodon"
@@ -25,8 +25,8 @@ web="https://joinmastodon.org/#getting-started"
 
 {% include cardv2.html
 title="diaspora* - Google+ Alternative"
-image="/assets/img/svg/3rd-party/diaspora.svg"
+image="/assets/img/tools/diaspora.png"
-description="diaspora* is based on three key philosophies: Decentralization, Freedom, and Privacy. It is intended to address privacy concerns related to centralized social networks by allowing users set up their own server (or \"pod\") to host content. Pods can then interact to share status updates, photographs, and other social data."
+description="diaspora* is based on three key philosophies: Decentralization, freedom and privacy. It is intended to address privacy concerns related to centralized social networks by allowing users set up their own server (or \"pod\") to host content; pods can then interact to share status updates, photographs, and other social data."
 website="https://diasporafoundation.org/"
 forum="https://forum.privacytools.io/t/discussion-diaspora/290"
 github="https://github.com/diaspora/diaspora"
@@ -36,7 +36,7 @@ web="https://diasporafoundation.org/"
 
 {% include cardv2.html
 title="Friendica - Facebook Alternative"
-image="/assets/img/svg/3rd-party/friendica.svg"
+image="/assets/img/tools/Friendica.png"
 description="Friendica has an emphasis on extensive privacy settings and easy server installation. It aims to federate with as many other social networks as possible. Currently, Friendica users can integrate contacts from Facebook, Twitter, Diaspora, GNU social, App.net, Pump.io and other services in their social streams."
 website="https://friendi.ca/"
 forum="https://forum.privacytools.io/t/discussion-friendica/291"
@@ -50,8 +50,8 @@ web="https://friendi.ca/"
 
 {% include cardv2.html
 title="PixelFed - Instagram Alternative"
-image="/assets/img/svg/3rd-party/pixelfed.svg"
+image="/assets/img/provider/pixelfed.png"
-description='PixelFed is a free and ethical photo sharing platform, powered by ActivityPub federation. Pixelfed is an open-source, federated platform. You can run your own instance or <a href="https://fediverse.party/en/pixelfed/">join an existing one.</a>'
+description='PixelFed is a free and ethical photo sharing platform, powered by ActivityPub federation. Pixelfed is an open-source, federated platform. You can run your own instance or <a href="https://fediverse.party/en/pixelfed/">join one.</a>'
 website="https://pixelfed.org/"
 forum="https://forum.privacytools.io/t/discussion-pixelfed/293"
 github="https://github.com/pixelfed"
@@ -59,24 +59,32 @@ web="https://pixelfed.org/"
 %}
 
 {% include cardv2.html
-title="Pleroma - Twitter Alternative"
+title="GNU social - Twitter Alternative"
-image="/assets/img/svg/3rd-party/pleroma.svg"
+image="/assets/img/provider/gnu-social.png"
-description="Pleroma is a free, federated social networking server built on open protocols. It is compatible with Mastodon and many other ActivityPub and OStatus implementations."
+description="GNU social is social-communication software for both public and private communications. It is widely supported and has a large userbase. It is already used by the Free Software Foundation."
-website="https://pleroma.social"
+website="https://gnu.io/social/"
-forum="https://forum.privacytools.io/t/discussion-pleroma/2307"
+forum="https://forum.privacytools.io/t/discussion-gnu-social/292"
-gitlab="https://git.pleroma.social/pleroma/pleroma/"
+gitlab="https://git.gnu.io/gnu/gnu-social/"
-windows="https://docs-develop.pleroma.social/backend/clients/#desktop"
+web="https://gnu.io/social/"
-mac="https://docs-develop.pleroma.social/backend/clients/#desktop"
-linux="https://docs-develop.pleroma.social/backend/clients/#desktop"
-android="https://docs-develop.pleroma.social/backend/clients/#handheld"
-fdroid="https://docs-develop.pleroma.social/backend/clients/#handheld"
-googleplay="https://docs-develop.pleroma.social/backend/clients/#handheld"
-ios="https://docs-develop.pleroma.social/backend/clients/#handheld"
-web="https://docs-develop.pleroma.social/backend/clients/#alternative-web-interfaces"
 %}
 
-<h3>Worth Mentioning</h3>
+<h3>{% t Worth Mentioning %}</h3>
 <ul>
-  <li><a href="https://www.minds.com/">Minds</a> - An <a href="https://gitlab.com/minds">open-source</a> and distributed social networking service, integrating the blockchain to reward the community.</li>
+  <li><a href="{% t https://www.minds.com/ %}">{% t Minds %}</a> - {% t An <a href="https://gitlab.com/minds">open-source</a> and distributed social networking service, integrating the blockchain to reward the community. %}</li>
-  <li><a href="https://movim.eu/">Movim</a> - A federated social platform that relies on the XMPP standard and therefore allows you to exchange with many other clients on all devices.</li>
+  <li><a href="{% t https://movim.eu/ %}">{% t Movim %}</a> - {% t A federated social platform that relies on the XMPP standard and therefore allows you to exchange with many other clients on all devices. %}</li>
+</ul>
+
+<h3>{% t Related Information %}</h3>
+<ul>
+  <li><a href="{% t https://addons.mozilla.org/firefox/addon/mastodon-simplified-federation/ %}">{% t Mastodon: Simplified Federation %}</a> - {% t Firefox Extension to improve usability for remote Mastodon instances. %}</li>
+  <li><a href="{% t https://justdeleteme.xyz/ %}">{% t JustDeleteMe %}</a> - {% t A directory of direct links to delete your account from web services. %}</li>
+  <li><a href="{% t https://forget.codl.fr/ %}">{% t Forget %}</a> - {% t A service that automatically deletes your old posts on Twitter and Mastodon that everyone has forgotten about. %}</li>
+</ul>
+
+<h3>{% t Facebook Related %}</h3>
+<ul>
+  <li><a href="{% t https://www.facebook.com/help/delete_account %}">{% t Delete your Facebook account %}</a> - {% t Direct link to delete your Facebook account without being able to reactivate it again. %}</li>
+  <li><a href="{% t https://deletefacebook.com/ %}">{% t How To Permanently Delete A Facebook Account %}</a> - {% t This guide will take you through a smooth and successful Facebook account deletion. %}</li>
+  <li><a href="{% t https://addons.mozilla.org/firefox/addon/facebook-container/ %}">{% t Facebook Container by Mozilla %}</a> - {% t Prevent Facebook from tracking you around the web. %}</li>
+  <li><a href="{% t https://www.stopusingfacebook.co/ %}">{% t Stop using Facebook %}</a> - {% t A curated list of reasons to stop using Facebook and how to do it. %}</li>
 </ul>

_includes/sections/social-news-aggregator.html

@@ -1,12 +1,12 @@
-<h1 id="obb" class="anchor"><a href="#social-news-aggregator"><i class="fas fa-link anchor-icon"></i></a> Social News Aggregators</h1>
+<h1 id="obb" class="anchor"><a href="#social-news-aggregator"><i class="fas fa-link anchor-icon"></i></a> {% t Social News Aggregators %}</h1>
 
 <div class="alert alert-warning" role="alert">
-  <strong>If you are currently using a online bulletin board like Reddit, you should pick an alternative here.</strong>
+  <strong>{% t If you are currently using a online bulletin board like Reddit, you should pick an alternative here.%}</strong>
 </div>
 
 {% include cardv2.html
 title="Aether"
-image="/assets/img/svg/3rd-party/aether.svg"
+image="/assets/img/tools/aether.png"
 description='<a href="https://github.com/nehbit/aether/blob/master/LICENSE.md">Aether is a free and open-source</a> decentralized social news aggregator with a built-in voting system.'
 website="https://getaether.net/"
 forum="https://forum.privacytools.io/t/discussion-aether/1256"
@@ -18,7 +18,7 @@ linux="https://getaether.net/download/"
 
 {% include cardv2.html
 title="Tildes"
-image="/assets/img/svg/3rd-party/tildes.svg"
+image="/assets/img/tools/tildes.png"
 description='Tildes is a web-based self-hostable online bulletin board. It is licensed under <a href="https://gitlab.com/tildes/tildes/blob/master/LICENSE">GPL 3.0</a>.'
 website="https://tildes.net"
 forum="https://forum.privacytools.io/t/discussion-tildes/1257"
@@ -28,7 +28,7 @@ web="https://tildes.net"
 
 {% include cardv2.html
 title="Raddle"
-image="/assets/img/png/3rd-party/raddle.png"
+image="/assets/img/tools/raddle.png"
 description="Raddle is a public Postmill instance focused on privacy and anti-censorship."
 website="https://raddle.me"
 forum="https://forum.privacytools.io/t/discussion-raddle/1258"
@@ -36,10 +36,10 @@ gitlab="https://gitlab.com/postmill/"
 web="https://raddle.me"
 %}
 
-<h3>Worth Mentioning</h3>
+<h3>{% t Worth Mentioning %}</h3>
 
 <ul>
-  <li><a href="https://beta.akasha.world/">Akasha</a> - A decentralized online bulletin board using <a href="https://www.wikipedia.org/wiki/InterPlanetary_File_System">IPFS</a> and <a href="https://www.wikipedia.org/wiki/Ethereum">Ethereum</a>.</li>
+  <li><a href="{% t https://beta.akasha.world/ %}">{% t Akasha %}</a> - {% t A decentralized online bulletin board using <a href="https://www.wikipedia.org/wiki/InterPlanetary_File_System">IPFS</a> and <a href="https://www.wikipedia.org/wiki/Ethereum">Ethereum</a>. %}</li>
-  <li><a href="https://dev.lemmy.ml/">Lemmy</a> - An <a href="https://github.com/dessalines/lemmy/blob/master/LICENSE">AGPL</a>-licensed self-hostable link aggregator intended to work in the <a href="https://www.wikipedia.org/wiki/Fediverse">Fediverse</a>.</li>
+  <li><a href="{% t https://dev.lemmy.ml/ %}">{% t Lemmy %}</a> - {% t An <a href="https://github.com/dessalines/lemmy/blob/master/LICENSE">AGPL</a>-licensed self-hostable link aggregator intended to work in the <a href="https://www.wikipedia.org/wiki/Fediverse">Fediverse</a>. %}</li>
-  <li><a href="https://notabug.io/">notabug.io</a> - A <a href="https://github.com/notabugio/notabug/blob/master/LICENSE.md">free and open-source</a> P2P link aggregator with a strong resemblance to old.reddit.com (not to be confused with <a href="https://notabug.org/">NotABug.org</a>).</li>
+  <li><a href="{% t https://notabug.io/ %}">{% t notabug.io %}</a> - {% t A <a href="https://github.com/notabugio/notabug/blob/master/LICENSE.md">free and open-source</a> P2P link aggregator with a strong resemblance to old.reddit.com (not to be confused with <a href="https://notabug.org/">NotABug.org</a>). %}</li>
 </ul>

_includes/sections/teamchat.html

@@ -1,16 +1,15 @@
-<h1 id="teamchat" class="anchor"><a href="#teamchat"><i class="fas fa-link anchor-icon"></i></a> Team Chat Platforms</h1>
+<h1 id="teamchat" class="anchor"><a href="#teamchat"><i class="fas fa-link anchor-icon"></i></a> {% t Team Chat Platforms %}</h1>
 
 <div class="alert alert-warning" role="alert">
-        <strong>If your project or organization currently uses a platform like <a href="https://tosdr.org/#discord">Discord</a> or <a href="https://drewdevault.com/2015/11/01/Please-stop-using-slack.html">Slack</a> you should pick an alternative here.</strong>
+        <strong>{% t If your project or organization currently uses a platform like <a href="https://tosdr.org/#discord">Discord</a> or <a href="https://drewdevault.com/2015/11/01/Please-stop-using-slack.html">Slack</a> you should pick an alternative here. %}</strong>
 </div>
 
 {%
   include cardv2.html
-  title="Matrix"
+  title="Riot.im (Matrix)"
-  image="/assets/img/svg/3rd-party/matrix.svg"
+  image="/assets/img/tools/Riot.png"
-  image-dark="/assets/img/svg/3rd-party/matrix-dark.svg"
+  description="Riot.im is a federated free-software messaging application based on the <a href\"https://matrix.org/\">Matrix</a> protocol, a recent open protocol for real-time communication offering optional E2E encryption. It also has bridging functionality, allowing you to connect to other chat protocols such as IRC or Telegram."
-  description='<a href="https://matrix.org/docs/guides/introduction">Matrix</a> is an open-source project that publishes the <a href="https://matrix.org/docs/spec">Matrix open standard</a> for secure, decentralized, real-time communication.<br />
+  labels="warning:<a href=//github.com/vector-im/riot-web/issues/6779>Experimental E2EE</a>:The end-to-end encryption is currently in beta, and the mobile client states 'End-to-end encryption is in beta and may not be reliable. You should not yet trust it to secure data.'"
-  <a href="https://en.wikipedia.org/wiki/Riot.im">Riot.im</a> is the popular reference client produced by the Matrix.org team. It offers optional E2EE for 1:1 and group conversations that <strong>must</strong> be turned on by the user. (This can be done by clicking on the toggle switch which is accessed by clicking the room name or user name of the chat → Security &amp; Privacy → Encrypted). In the future it will be <a href="https://github.com/vector-im/riot-web/issues/6779">on by default.</a>'
   website="https://about.riot.im/"
   forum="https://forum.privacytools.io/t/discussion-riot-im/665/"
   github="https://github.com/vector-im/riot-web/"
@@ -19,14 +18,14 @@
   linux="https://riot.im/download/desktop/"
   fdroid="https://f-droid.org/repository/browse/?fdid=im.vector.alpha"
   googleplay="https://play.google.com/store/apps/details?id=im.vector.app"
-  ios="https://itunes.apple.com/app/vector.im/id1083446067"
+  ios="https://itunes.apple.com/us/app/vector.im/id1083446067"
   web="https://riot.im/app/"
 %}
 
 {%
   include cardv2.html
   title="Rocket.chat"
-  image="/assets/img/svg/3rd-party/rocketchat.svg"
+  image="/assets/img/tools/rocket.chat.png"
   description="Rocket.chat is an self-hostable open source platform for team communication. It has optional federation and experimental E2EE."
   labels="warning:<a href=//rocket.chat/docs/user-guides/end-to-end-encryption/>Experimental E2EE</a>:Regarding E2EE their documentation states 'This feature is currently in alpha. It's also not yet supported on mobile'. There is no forward secrecy so compromised decryption password would leak all messages. Federation was also added afterwards, potentially causing room for mistakes."
   website="https://rocket.chat/"
@@ -43,9 +42,9 @@
 {%
   include cardv2.html
   title="Keybase"
-  image="/assets/img/svg/3rd-party/keybase.svg"
+  image="/assets/img/tools/keybase.png"
-  description='Keybase provides a hosted team chat with E2EE. Its protocol has also been <a href="https://keybase.io/docs-assets/blog/NCC_Group_Keybase_KB2018_Public_Report_2019-02-27_v1.3.pdf">indepedently audited (PDF)</a>. Keybase can help you prove you own social media accounts through the use of cryptographic signing of "<a href="https://en.wikipedia.org/wiki/Keybase#Identity_proofs">identity proofs</a>".'
+  description='Keybase provides a hosted team chat with end-to-end encryption. It has also been <a href="https://keybase.io/docs-assets/blog/NCC_Group_Keybase_KB2018_Public_Report_2019-02-27_v1.3.pdf">independently audited (PDF)</a>.'
-  labels="warning:<a href=github.com/keybase/client/issues/6374>Warning</a>:This software relies on a closed-source central server."
+  labels="warning:<a href=//github.com/keybase/client/issues/6374>Warning</a>:The server side of Keybase runs on proprietary code and is centralized."
   website="https://keybase.io/"
   forum="https://forum.privacytools.io/t/discussion-keybase/1224"
   tor="http://keybase5wmilwokqirssclfnsqrjdsi7jdir5wy7y7iu3tanwmtp6oid.onion/"
@@ -54,8 +53,8 @@
   mac="https://keybase.io/docs/the_app/install_macos"
   linux="https://keybase.io/docs/the_app/install_linux"
   freebsd="https://www.freshports.org/security/keybase/"
-  googleplay="https://play.google.com/store/apps/details?id=io.keybase.ossifrage"
+  googleplay="https://play.google.com/store/apps/details?id=io.keybase.ossifrage&hl=en_US"
-  ios="https://apps.apple.com/app/keybase-crypto-for-everyone/id1044461770"
+  ios="https://keybase.io/_/download/keybase-for-ios"
-  firefox="https://addons.mozilla.org/firefox/addon/keybase-for-firefox/"
+  firefox="https://addons.mozilla.org/en-US/firefox/addon/keybase-for-firefox/"
   chrome="https://chrome.google.com/webstore/detail/keybase-for-reddit/ognfafcpbkogffpmmdglhbjboeojlefj"
 %}

_includes/sections/voice-video-messenger.html

@@ -1,12 +1,12 @@
-<h1 id="voip" class="anchor"><a href="#voip"><i class="fas fa-link anchor-icon"></i></a> Video/Voice Calling</h1>
+<h1 id="voip" class="anchor"><a href="#voip"><i class="fas fa-link anchor-icon"></i></a> {% t Video/Voice Calling %}</h1>
 
 <div class="alert alert-warning" role="alert">
-  <strong>If you are currently using a Video/Voice Calling app like Skype, Viber or Google Hangouts, you should pick an alternative here.</strong> Please note that many of the above instant messengers also support <span class="badge badge-success">VoIP</span>. The software listed below are <em>primarily</em> Voice/Video focused.
+  <strong>{% t If you are currently using a Video/Voice Calling app like Skype, Viber or Google Hangouts, you should pick an alternative here.%} </strong> {% t Please note that many of the above instant messengers also support <span class="badge badge-success">VoIP</span>. The software listed below are <em>primarily</em> Voice/Video focused.%}
 </div>
 
 {% include cardv2.html
 title="Linphone"
-image="/assets/img/svg/3rd-party/linphone.svg"
+image="/assets/img/tools/Linphone.png"
 website="https://www.linphone.org/"
 description="Linphone is an open-source SIP Phone and a free voice over IP service, available on mobile and desktop environments and on web browsers. It supports ZRTP for end-to-end encrypted voice and video communication."
 forum="https://forum.privacytools.io/t/discussion-linphone/751"
@@ -21,7 +21,7 @@ ios="https://itunes.apple.com/us/app/linphone/id360065638?mt=8"
 
 {% include cardv2.html
 title="Mumble"
-image="/assets/img/svg/3rd-party/mumble.svg"
+image="/assets/img/tools/Mumble.png"
 website="https://mumble.info/"
 description="Mumble is an open-source, low-latency, and high quality voice chat application primarily intended for use while gaming. Note that while Mumble doesn't log messages or record by default, <a href=\"https://github.com/mumble-voip/mumble/issues/1813\">it's missing end-to-end encryption</a>, so self-hosting is recommended."
 forum="https://forum.privacytools.io/t/discussion-mumble/1289"
@@ -33,18 +33,18 @@ android="https://www.mumble.info/downloads/#third-party-clients"
 ios="https://apps.apple.com/us/app/mumble/id443472808?ls=1"
 %}
 
-<h3>Worth Mentioning</h3>
+<h3>{% t Worth Mentioning %}</h3>
 
 <ul>
-  <li><a href="https://jitsi.org/">Jitsi Meet</a> - Jitsi Meet is a free and open-source multiplatform voice (VoIP), video conferencing, and instant messaging application. <span class="badge badge-warning" data-toggle="tooltip" title="Our Firefox tweaks recommend disabling WebRTC as it can be used to leak your IP address even behind a VPN, which is why Tor Browser disables it.">Requires WebRTC</span></li>
+  <li><a href="{% t https://jitsi.org/ %}">{% t Jitsi Meet %}</a> - {% t Jitsi Meet is a free and open-source multiplatform voice (VoIP), video conferencing, and instant messaging application. %} <span class="badge badge-warning" data-toggle="tooltip" title="{% t Our Firefox tweaks recommend disabling WebRTC as it can be used to leak your IP address even behind a VPN, which is why Tor Browser disables it. %}">{% t Requires WebRTC %}</span> </li>
 </ul>
 
-<h3>Related Information</h3>
+<h3>{% t Related Information %}</h3>
 
 <ul>
-  <li>More information about Mumble:</li>
+  <li>{% t More information about Mumble: %}</li>
   <ul>
-  <li><a href="https://wiki.mumble.info/wiki/Running_Murmur">Running Mumble Server</a> and <a href="https://wiki.mumble.info/wiki/Murmur.ini">its config file</a>, particularly <a href="https://wiki.mumble.info/wiki/Murmur.ini#obfuscate">obfuscating IPv4 addresses</a> and <a href="https://wiki.mumble.info/wiki/Murmur.ini#Process_Administrivia">logging</a></li>
+  <li>{% t<a href=" https://wiki.mumble.info/wiki/Running_Murmur">Running Mumble Server</a> and <a href="https://wiki.mumble.info/wiki/Murmur.ini">its config file</a>, particularly <a href="https://wiki.mumble.info/wiki/Murmur.ini#obfuscate">obfuscating IPv4 addresses</a> and <a href="https://wiki.mumble.info/wiki/Murmur.ini#Process_Administrivia">logging</a> %}</li>
-  <li><a href="https://trac.torproject.org/projects/tor/wiki/doc/TorifyHOWTO/Mumble">Torifying Mumble</a>
+  <li>{% t <a href="https://trac.torproject.org/projects/tor/wiki/doc/TorifyHOWTO/Mumble">Torifying Mumble %}</a>
   </ul>
 </ul>

_includes/sections/vpn.html

@@ -1,103 +1,89 @@
-<h1 id="vpn" class="anchor"><a href="#vpn"><i class="fas fa-link anchor-icon"></i></a> Recommended VPN Services</h1>
+<h1 id="vpn" class="anchor"><a href="#vpn"><i class="fas fa-link anchor-icon"></i></a> {% t Recommended VPN Service %}</h1>
 
 <div class="alert alert-success" role="alert">
-  <strong>Our recommended providers are outside the US, use encryption, accept Bitcoin, support OpenVPN, and have a no logging policy. <a href="/providers/vpn/#criteria">Read our full list of criteria for more information</a>.</strong>
+  <strong>{% t Our recommended provider is outside the US, uses encryption, accepts Bitcoin, supports OpenVPN, and has a no logging policy. <a href="#criteria">Read our full list of criteria for more information</a>. %}</strong>
 </div>
 
 <div class="container-fluid">
 
   <div class="row mb-2">
     <div class="col-lg-3 col-sm-12 pt-lg-5">
-      <img
+      <img src="/assets/img/provider/Mullvad.png" height="70" width="200" class="img-fluid d-block mr-auto ml-auto align-middle" alt="{% t Mullvad %}">
-        src="/assets/img/svg/3rd-party/mullvad.svg"
-        data-theme-src="/assets/img/svg/3rd-party/mullvad-dark.svg"
-        height="70"
-        width="200"
-        class="img-fluid d-block mr-auto ml-auto align-middle"
-        alt="Mullvad">
     </div>
     <div class="col">
-    <h2>Mullvad <span class="badge badge-info">EUR €60/Year</span></h2>
+    <h2>{% t Mullvad %} <span class="badge badge-info">{% t EUR %} {% t €60/Year %}</span></h2>
-    <p><strong>Mullvad</strong> is a fast and inexpensive VPN with a serious focus on transparency and security. They have been in operation since <strong>2009</strong>. Mullvad is based in <span class="flag-icon flag-icon-se"></span> Sweden and does not have a free trial. Visit <a href="https://mullvad.net/">mullvad.net</a> to create an account.</p>
+    <p>{% t <strong>Mullvad</strong> is a fast and inexpensive VPN with a serious focus on transparency and security. They have been in operation since <strong>2009</strong>. It is the only VPN provider that currently meets our criteria for recommendation. Mullvad is based in <span class="flag-icon flag-icon-se"></span> Sweden and does not have a free trial. Visit <a href="https://mullvad.net/">mullvad.net</a> to create an account. %}</p>
-    <h5><span class="badge badge-success">406+ Servers</span></h5>
+    <h5><span class="badge badge-success">{% t 406+ Servers %}</span></h5>
-    <p>Mullvad has 409 servers in 39 countries at the time of writing this page. Typically the more servers a provider offers, the better: With hundreds of servers in operation, you are far more likely to find a fast connection and a server geographically closest to you.</p>
+    <p>{% t Mullvad has 409 servers in 39 countries at the time of writing this page. Typically the more servers a provider offers, the better: With hundreds of servers in operation, you are far more likely to find a fast connection and a server geographically closest to you. %}</p>
-    <h5><span class="badge badge-success">Independently Audited</span></h5>
+    <h5><span class="badge badge-success">{% t WireGuard Support %}</span></h5>
-    <p>Mullvad's VPN clients have been audited by Cure53 and Assured AB in a pentest report <a href="https://cure53.de/pentest-report_mullvad_v2.pdf">published at cure53.de</a>. The security researchers concluded:</p>
+    <p>{% t In addition to standard OpenVPN connections, Mullvad supports WireGuard. WireGuard is an experimental protocol with theoretically better security and higher reliability, although it is not currently recommended for production use. %}</p>
+    <h5><span class="badge badge-success">{% t Independently Audited %}</span></h5>
+    <p>{% t Mullvad's VPN clients have been audited by Cure53 and Assured AB in a pentest report <a href="https://cure53.de/pentest-report_mullvad_v2.pdf">published at cure53.de</a>.%} {% t The security researchers concluded: %}</p>
     <blockquote class="blockquote">
-      <p class="mb-0">...Cure53 and Assured AB are happy with the results of the audit and the software leaves an overall positive impression. With security dedication of the in-house team at the Mullvad VPN compound, the testers have no doubts about the project being on the right track from a security standpoint.</p>
+      <p class="mb-0">{% t ...Cure53 and Assured AB are happy with the results of the audit and the software leaves an overall positive impression. With security dedication of the in-house team at the Mullvad VPN compound, the testers have no doubts about the project being on the right track from a security standpoint. %}</p>
     </blockquote>
-    <h5><span class="badge badge-success">Open Source Clients</span></h5>
+    <h5><span class="badge badge-success">{% t Accepts Bitcoin %}</span></h5>
-    <p>Mullvad provides the source code for their desktop and mobile clients in their <a href="https://github.com/mullvad/mullvadvpn-app">GitHub organization</a>.</p>
+    <p>{% t Mullvad in addition to accepting credit/debit cards and PayPal, accepts <strong>Bitcoin</strong>, <strong>Bitcoin Cash</strong>, and <strong>cash/local currency</strong> as anonymous forms of payment. They also accept Swish and bank wire transfers. %}</p>
-    <h5><span class="badge badge-success">WireGuard Support</span></h5>
+    <h5><span class="badge badge-warning">{% t No Mobile Clients %}</span></h5>
-    <p>In addition to standard OpenVPN connections, Mullvad supports WireGuard. WireGuard is an experimental protocol with theoretically better security and higher reliability, although it is not currently recommended for production use.</p>
+    <p>{% t While iOS and Android clients are reportedly in the works, mobile users will need to use a traditional OpenVPN client and configuration files, which are a bit more difficult to configure. %}</p>
-    <h5><span class="badge badge-success">IPv6 Support</span></h5>
+    <h5><span class="badge badge-info">{% t Extra Functionality %}</span></h5>
-    <p>Mullvad supports the future of networking <a href="https://en.wikipedia.org/wiki/IPv6">IPv6</a>. Their network allows users to <a href="https://mullvad.net/en/blog/2014/9/15/ipv6-support/">access services hosted on IPv6</a> as opposed to other providers who block IPv6 connections.</p>
+    <p>{% t The Mullvad VPN clients have a built-in killswitch to block internet connections outside of the VPN. They also are able to automatically start on boot. The Mullvad website is also accessible via Tor at <a href="http://xcln5hkbriyklr6n.onion/">xcln5hkbriyklr6n.onion</a>. %}</p>
-    <h5><span class="badge badge-success">Remote Port Forwarding</span></h5>
-    <p>Remote <a href="https://en.wikipedia.org/wiki/Port_forwarding">port forwarding</a> is allowed on Mullvad, see <a href="https://mullvad.net/help/port-forwarding-and-mullvad/">Port forwarding with Mullvad VPN</a>.</p>
-    <h5><span class="badge badge-success">Accepts Bitcoin</span></h5>
-    <p>Mullvad in addition to accepting credit/debit cards and PayPal, accepts <strong>Bitcoin</strong>, <strong>Bitcoin Cash</strong>, and <strong>cash/local currency</strong> as anonymous forms of payment. They also accept Swish and bank wire transfers.</p>
-    <h5><span class="badge badge-warning">No Mobile Clients</span></h5>
-    <p>While iOS and Android clients are reportedly in the works, mobile users will need to use a traditional OpenVPN client and configuration files, which are a bit more difficult to configure.</p>
-    <h5><span class="badge badge-info">Extra Functionality</span></h5>
-    <p>The Mullvad VPN clients have a built-in killswitch to block internet connections outside of the VPN. They also are able to automatically start on boot. The Mullvad website is also accessible via Tor at <a href="http://xcln5hkbriyklr6n.onion/">xcln5hkbriyklr6n.onion</a>.</p>
-    </div>
-  </div>
-  <div class="row mb-2">
-    <div class="col-lg-3 col-sm-12 pt-lg-5">
-      <img src="/assets/img/svg/3rd-party/protonvpn.svg" height="70" width="200" class="img-fluid d-block mr-auto ml-auto align-middle" alt="ProtonVPN">
-    </div>
-    <div class="col">
-    <h2>ProtonVPN <span class="badge badge-info">Free</span> <span class="badge badge-info">USD $96/year</span></h2>
-    <p><strong>ProtonVPN</strong> is a strong contender in the VPN space, and they have been in operation since <strong>2016</strong>. ProtonVPN is based in <span class="flag-icon flag-icon-ch"></span> Switzerland and offers a limited free pricing tier, as well as premium options. Visit <a href="https://protonvpn.com/">protonvpn.com</a> to create an account.</p>
-    <h5><span class="badge badge-success">610+ Servers</span></h5>
-    <p>ProtonVPN has 610 servers in 44 countries at the time of writing this page. Typically the more servers a provider offers, the better: With hundreds of servers in operation, you are far more likely to find a fast connection and a server geographically closest to you.</p>
-    <h5><span class="badge badge-success">Independently Audited</span></h5>
-    <p>As of January 2020 ProtonVPN has undergone an independent audit by SEC Consult. SEC Consult found some medium and low risk vulnerabilities in ProtonVPN's Windows, Android, and iOS applications, all of which were "properly fixed" by ProtonVPN before the reports were published. None of the issues identified would have provided an attacker remote access to a user's device or traffic. You can view individual reports for each platform at <a href="https://protonvpn.com/blog/open-source/">protonvpn.com</a>.
-    <h5><span class="badge badge-success">Open Source Clients</span></h5>
-    <p>ProtonVPN provides the source code for their desktop and mobile clients in their <a href="https://github.com/ProtonVPN">GitHub organization</a>.</p>
-    <h5><span class="badge badge-success">Accepts Bitcoin</span></h5>
-    <p>ProtonVPN does technically accept Bitcoin payments; however, you either need to have an existing account, or contact their support team in advance to register with Bitcoin.</p>
-    <h5><span class="badge badge-success">Mobile Clients</span></h5>
-    <p>In addition to providing standard OpenVPN configuration files, ProtonVPN has mobile clients for iOS or Android allowing for easy connections to their servers.</p>
-    <h5><span class="badge badge-warning">No Port Forwarding</span></h5>
-    <p>ProtonVPN does not currently support remote port forwarding, which may impact some applications. Especially Peer-to-Peer applications like Torrent clients.</p>
-    <h5><span class="badge badge-info">Extra Functionality</span></h5>
-    <p>The ProtonVPN clients have a built-in killswitch to block internet connections outside of the VPN. They also are able to automatically start on boot. ProtonVPN also offers "Tor" servers allowing you to easily connect to onion sites, but we still strongly recommend using <a href="https://www.torproject.org/">the official Tor Browser</a> for this purpose.</p>
     </div>
   </div>
+
 </div>
 
 <div class="alert alert-warning" role="alert">
-  <strong>Note: Using a VPN provider will not make you anonymous, but it will give you better privacy in certain situations. A VPN is not a tool for illegal activities. Don't rely on a "no log" policy.</strong>
+  <strong>{% t Note: Using a VPN provider will not make you anonymous, but it will give you better privacy in certain situations. A VPN is not a tool for illegal activities. Don't rely on a "no log" policy. %}</strong>
 </div>
 
-<h1 id="vpn" class="anchor"><a href="#worth-mentioning"><i class="fas fa-link anchor-icon"></i></a> Other Provider Worth Mentioning</h1>
+<h1 id="vpn" class="anchor"><a href="#worth-mentioning"><i class="fas fa-link anchor-icon"></i></a> {% t Other Providers Worth Mentioning %}</h1>
 
 <div class="container-fluid">
 
   <div class="row mb-2">
     <div class="col-lg-3 col-sm-12 pt-lg-5">
-      <img src="/assets/img/svg/3rd-party/ivpn.svg" height="70" width="200" class="img-fluid d-block mr-auto ml-auto align-middle" alt="IVPN">
+      <img src="/assets/img/provider/ProtonVPN.png" height="70" width="200" class="img-fluid d-block mr-auto ml-auto align-middle" alt="{% t ProtonVPN %}">
     </div>
     <div class="col">
-    <h2>
+    <h2>{% t ProtonVPN %} <span class="badge badge-info">{% t {{ "Free" | tl_note: free as in no money cost }} %}</span> <span class="badge badge-info">{% t USD %} {% t $96/year %}</span></h2>
-      IVPN
+    <p>{% t <strong>ProtonVPN</strong> is a strong contender in the VPN space, and they have been in operation since <strong>2016</strong>. ProtonVPN is based in <span class="flag-icon flag-icon-ch"></span> Switzerland and offers a limited free pricing tier, as well as premium options. Unfortunately due to its lack of an independent security audit it does not meet the complete criteria for recommendation, see our notes below. %}</p>
-      <span class="badge badge-info">Standard USD $60/Year</span>
+    <h5><span class="badge badge-danger">{% t Not Audited %}</span></h5>
-      <span class="badge badge-secondary">Pro USD $100/Year</span>
+    <p>{% t ProtonVPN has not undergone a security audit by an independent third party, and therefore cannot be strongly recommended at this time. We have still chosen to list it on this page with the assumption that an audit will be published soon %}:</p>
-    </h2>
+    <blockquote class="blockquote">
-    <p><strong>IVPN</strong> is another strong premium VPN provider, and they have been in operation since <strong>2009</strong>. IVPN is based in <span class="flag-icon flag-icon-gi"></span> Gibraltar and offers a 3 day free trial. Unfortunately, due to its lack of an independent security audit, it does not meet the complete criteria for recommendation, see our notes below.</p>
+      <p class="mb-0">{% t We are currently undergoing a complete security audit of our VPN applications by a reputable Swiss security company. The results of the audit will be summarized in a public report for cases like this. %}</p>
-    <h5><span class="badge badge-danger">No Security Audit</span></h5>
+      <footer class="blockquote-footer">{% t Marc Loebekken, ProtonVPN AG Legal counsel %}</footer>
-    <p>IVPN has undergone a <a href="https://cure53.de/audit-report_ivpn.pdf">no-logging audit from Cure53</a> which concluded in agreement with IVPN's no-logging claim. However, IVPN has not undergone a more comprehensive security audit by an independent third party, and therefore cannot be strongly recommended at this time.</p><p>We have still chosen to list it on this page with the assumption that an audit will be published soon. <a href="https://nitter.net/ivpnnet/status/1181954975687163905">IVPN has hired Cure53</a> to undertake a comprehensive audit covering the IVPN website, public and internal server infrastucture. They expect the audit to begin in November 2019 and be completed by the 6 auditors in January 2020.</p>
+    </blockquote>
-    <h5><span class="badge badge-success">77+ Servers</span></h5>
+    <p>{% t We will reevaluate this listing at the end of 2019 or when the aforementioned report has been published, whichever is sooner. %}
-    <p>IVPN has 77 servers in 31 countries at the time of writing this page. Typically the more servers a provider offers, the better. IVPN has a decent (but not exceptional) server count that will most likely provide adequate coverage to most users.</p>
+    <h5><span class="badge badge-success">{% t 526+ Servers %}</span></h5>
-    <h5><span class="badge badge-success">Remote port forwarding</span></h5>
+    <p>{% t ProtonVPN has 526 servers in 42 countries at the time of writing this page. Typically the more servers a provider offers, the better: With hundreds of servers in operation, you are far more likely to find a fast connection and a server geographically closest to you. %}</p>
-    <p>Remote <a href="https://en.wikipedia.org/wiki/Port_forwarding">port forwarding</a> is possible with a Pro plan. Port forwarding <a href="https://www.ivpn.net/knowledgebase/81/How-do-I-activate-port-forwarding.html">can be activated</a> via the client area. Port forwarding is only available on IVPN when <a href="https://www.ivpn.net/knowledgebase/116/Port-forwarding-is-not-working-why.html">using OpenVPN and is disabled on US servers</a>.</p>
+    <h5><span class="badge badge-success">{% t Accepts Bitcoin %}</span></h5>
-    <h5><span class="badge badge-success">Accepts Bitcoin</span></h5>
+    <p>{% t ProtonVPN does technically accept Bitcoin payments; however, you either need to have an existing account, or contact their support team in advance to register with Bitcoin. %}</p>
-    <p>In addition to accepting credit/debit cards and PayPal, IVPN accepts <strong>Bitcoin</strong> and <strong>cash/local currency</strong> (on annual plans) as anonymous forms of payment.</p>
+    <h5><span class="badge badge-success">{% t Mobile Clients %}</span></h5>
-    <h5><span class="badge badge-success">Mobile Clients</span></h5>
+    <p>{% t In addition to providing standard OpenVPN configuration files, ProtonVPN has mobile clients for iOS or Android allowing for easy connections to their servers. %}</p>
-    <p>In addition to providing standard OpenVPN configuration files, IVPN has mobile clients for iOS or Android allowing for easy connections to their servers.</p>
+    <h5><span class="badge badge-info">{% t Extra Functionality %}</span></h5>
-    <h5><span class="badge badge-info">Extra Functionality</span></h5>
+    <p>{% t The ProtonVPN clients have a built-in killswitch to block internet connections outside of the VPN. They also are able to automatically start on boot. ProtonVPN also offers "Tor" servers allowing you to easily connect to onion sites, but we still strongly recommend using the official Tor Browser for this purpose. %}</p>
-    <p>The IVPN clients have a built-in killswitch to block internet connections outside of the VPN. They also are able to automatically start on boot. IVPN also provides "AntiTracker" functionality, which blocks advertising networks and trackers from the network level.</p>
+    </div>
+  </div>
+
+  <div class="row mb-2">
+    <div class="col-lg-3 col-sm-12 pt-lg-5">
+      <img src="/assets/img/provider/IVPN.png" height="70" width="200" class="img-fluid d-block mr-auto ml-auto align-middle" alt="{% t IVPN %}">
+    </div>
+    <div class="col">
+    <h2>{% t IVPN %} <span class="badge badge-info">{% t USD %} {% t $100/Year %}</span></h2>
+    <p>{% t <strong>IVPN</strong> is another strong premium VPN provider, and they have been in operation since <strong>2009</strong>. IVPN is based in <span class="flag-icon flag-icon-gi"></span> Gibraltar and offers a 3 day free trial. Unfortunately, due to its lack of an independent security audit, it does not meet the complete criteria for recommendation, see our notes below. %}</p>
+    <h5><span class="badge badge-danger">{% t No Security Audit %}</span></h5>
+    <p>{% t IVPN has undergone a <a href="https://cure53.de/audit-report_ivpn.pdf">no-logging audit from Cure53</a> which concluded in agreement with IVPN's no-logging claim. However, IVPN has not undergone a more comprehensive security audit by an independent third party, and therefore cannot be strongly recommended at this time. We have still chosen to list it on this page with the assumption that an audit will be published soon: The IVPN team <a href="https://twitter.com/yaelwrites/status/1161796418220089344">reportedly plans to begin the process in September</a>.%}</p>
+    <p>{% t We will reevaluate this listing at the end of 2019 or when the aforementioned report has been published, whichever is sooner. %}</p>
+    <h5><span class="badge badge-success">{% t 77+ Servers %}</span></h5>
+    <p>{% t IVPN has 77 servers in 31 countries at the time of writing this page. Typically the more servers a provider offers, the better. IVPN has a decent (but not exceptional) server count that will most likely provide adequate coverage to most users. %}</p>
+    <h5><span class="badge badge-success">{% t Accepts Bitcoin %}</span></h5>
+    <p>{% t In addition to accepting credit/debit cards and PayPal, IVPN accepts <strong>Bitcoin</strong> and <strong>cash/local currency</strong> (on annual plans) as anonymous forms of payment. %}</p>
+    <h5><span class="badge badge-success">{% t Mobile Clients %}</span></h5>
+    <p>{% t In addition to providing standard OpenVPN configuration files, IVPN has mobile clients for iOS or Android allowing for easy connections to their servers. %}</p>
+    <h5><span class="badge badge-info">{% t Extra Functionality %}</span></h5>
+    <p>{% t The IVPN clients have a built-in killswitch to block internet connections outside of the VPN. They also are able to automatically start on boot. IVPN also provides "AntiTracker" functionality, which blocks advertising networks and trackers from the network level. %}</p>
     </div>
   </div>
 

_includes/sections/warrant-canary.html

@@ -1,22 +1,22 @@
-<h1 id="wc" class="anchor"><a href="#wc"><i class="fas fa-link anchor-icon"></i></a> What is a warrant canary?</h1>
+<h1 id="wc" class="anchor"><a href="#wc"><i class="fas fa-link anchor-icon"></i></a> {% t What is a warrant canary? %}</h1>
 
-<img src="/assets/img/svg/layout/warrant_canary_example.svg" width="450px" class="img-fluid float-right ml-3" alt="Warrant Canary Example">
+<img src="/assets/img/layout/warrant-canary.jpg" width="450" height="236" class="img-fluid float-right ml-3" alt="{% t Warrant Canary Example %}">
 
-<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>
+<p>{% t 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>
+<h4>{% t Warrant Canary Examples: %}</h4>
 
 <ol>
-  <li><a href="https://proxy.sh/canary">https://proxy.sh/canary</a></li>
+  <li><a href="{% t https://proxy.sh/canary %}">{% t https://proxy.sh/canary %}</a></li>
-  <li><a href="https://www.ivpn.net/resources/canary.txt">https://www.ivpn.net/resources/canary.txt</a></li>
+  <li><a href="{% t https://www.ivpn.net/resources/canary.txt %}">{% t https://www.ivpn.net/resources/canary.txt %}</a></li>
-  <li><a href="https://www.bolehvpn.net/canary.txt">https://www.bolehvpn.net/canary.txt</a></li>
+  <li><a href="{% t https://www.bolehvpn.net/canary.txt %}">{% t https://www.bolehvpn.net/canary.txt %}</a></li>
-  <li><a href="https://www.ipredator.se/static/downloads/canary.txt">https://www.ipredator.se/static/downloads/canary.txt</a></li>
+  <li><a href="{% t https://www.ipredator.se/static/downloads/canary.txt %}">{% t https://www.ipredator.se/static/downloads/canary.txt %}</a></li>
 </ol>
 
-<h4>Related Warrant Canary Information</h4>
+<h4>{% t Related Warrant Canary Information %}</h4>
 
 <ul>
-  <li><a href="https://www.eff.org/deeplinks/2014/04/warrant-canary-faq">Warrant Canary Frequently Asked Questions</a></li>
+  <li><a href="{% t https://www.eff.org/deeplinks/2014/04/warrant-canary-faq %}">{% t Warrant Canary Frequently Asked Questions %}</a></li>
-  <li><a href="https://en.wikipedia.org/wiki/Warrant_canary#Companies_and_organizations_with_warrant_canaries">Companies and organizations with warrant canaries</a></li>
+  <li><a href="{% t https://en.wikipedia.org/wiki/Warrant_canary#Companies_and_organizations_with_warrant_canaries %}">{% t Companies and organizations with warrant canaries %}</a></li>
-  <li><a href="https://www.schneier.com/blog/archives/2015/03/australia_outla.html">Warrant canary criticism by Bruce Schneier and an example of a law against warrant canaries.</a></li>
+  <li><a href="{% t https://www.schneier.com/blog/archives/2015/03/australia_outla.html %}">{% t Warrant canary criticism by Bruce Schneier and an example of a law against warrant canaries. %}</a></li>
 </ul>

_includes/sections/windows10.html

@@ -1,106 +1,106 @@
-<h1 id="win10" class="anchor"><a href="#win10"><i class="fas fa-link anchor-icon"></i></a> Don't use Windows 10 - It's a privacy nightmare</h1>
+<h1 id="win10" class="anchor"><a href="#win10"><i class="fas fa-link anchor-icon"></i></a> {% t Don't use Windows 10 - It's a privacy nightmare %}</h1>
 
 <div class="alert alert-warning" role="alert">
-  <strong>Microsoft introduced a lot of new features in Windows 10 such as Cortana. However, most of them are violating your privacy.</strong>
+  <strong>{% t 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="/assets/img/svg/layout/windows_privacy.svg" width="367" height="369" class="img-fluid float-right ml-3" alt="Windows 10 Privacy">
+<img src="/assets/img/layout/Windows-10-Privacy.png" width="367" height="369" class="img-fluid float-right ml-3" alt="{% t Windows 10 Privacy %}">
 
 <ol>
-  <li><strong>Data syncing is by default enabled.</strong>
+  <li><strong>{% t Data syncing is by default enabled. %}</strong>
     <ul>
-      <li>Browsing history and open websites.</li>
+      <li>{% t Browsing history and open websites. %}</li>
-      <li>Apps settings.</li>
+      <li>{% t Apps settings. %}</li>
-      <li>WiFi hotspot names and passwords.</li>
+      <li>{% t WiFi hotspot names and passwords. %}</li>
     </ul>
   </li>
 
-  <li><strong>Your device is by default tagged with a unique advertising ID.</strong>
+  <li><strong>{% t Your device is by default tagged with a unique advertising ID. %}</strong>
     <ul>
-      <li>Used to serve you with personalized advertisements by third-party advertisers and ad networks.</li>
+      <li>{% t Used to serve you with personalized advertisements by third-party advertisers and ad networks. %}</li>
     </ul>
   </li>
 
-  <li><strong>Cortana can collect any of your data.</strong>
+  <li><strong>{% t Cortana can collect any of your data. %}</strong>
     <ul>
-      <li>Your keystrokes, searches and mic input.</li>
+      <li>{% t Your keystrokes, searches and mic input. %}</li>
     </ul>
     <ul>
-      <li>Calendar data.</li>
+      <li>{% t Calendar data. %}</li>
     </ul>
     <ul>
-      <li>Music you listen to.</li>
+      <li>{% t Music you listen to. %}</li>
     </ul>
     <ul>
-      <li>Credit Card information.</li>
+      <li>{% t Credit Card information. %}</li>
     </ul>
     <ul>
-      <li>Purchases.</li>
+      <li>{% t Purchases. %}</li>
     </ul>
   </li>
 
-  <li><strong>Microsoft can collect any personal data.</strong>
+  <li><strong>{% t Microsoft can collect any personal data. %}</strong>
     <ul>
-      <li>Your identity.</li>
+      <li>{% t Your identity. %}</li>
     </ul>
     <ul>
-      <li>Passwords.</li>
+      <li>{% t Passwords. %}</li>
     </ul>
     <ul>
-      <li>Demographics.</li>
+      <li>{% t Demographics. %}</li>
     </ul>
     <ul>
-      <li>Interests and habits.</li>
+      <li>{% t Interests and habits. %}</li>
     </ul>
     <ul>
-      <li>Usage data.</li>
+      <li>{% t Usage data. %}</li>
     </ul>
     <ul>
-      <li>Contacts and relationships.</li>
+      <li>{% t Contacts and relationships. %}</li>
     </ul>
     <ul>
-      <li>Location data.</li>
+      <li>{% t Location data. %}</li>
     </ul>
     <ul>
-      <li>Content like emails, instant messages, caller list, audio and video recordings.</li>
+      <li>{% t Content like emails, instant messages, caller list, audio and video recordings. %}</li>
     </ul>
   </li>
 
-  <li><strong>Your data can be shared.</strong>
+  <li><strong>{% t Your data can be shared. %}</strong>
     <ul>
-      <li>When downloading Windows 10, you are authorizing Microsoft to share any of above-mentioned data with any third-party, with or without your consent.</li>
+      <li>{% t When downloading Windows 10, you are authorizing Microsoft to share any of above-mentioned data with any third-party, with or without your consent. %}</li>
     </ul>
   </li>
 </ol>
 
-<p><a class="btn btn-warning" href="https://www.winprivacy.de/english-home/">Download: W10Privacy</a></p>
+<p><a class="btn btn-warning" href="{% t https://www.winprivacy.de/english-home/ %}">{% t Download: W10Privacy %}</a></p>
 
-<p>This tool uses some known methods that attempt to disable major tracking features in Windows 10.</p>
+<p>{% t This tool uses some known methods that attempt to disable major tracking features in Windows 10. %}</p>
 
-<h3>Related Information</h3>
+<h3>{% t Related Information %}</h3>
 
 <ul>
-  <li><a href="https://privacy.microsoft.com/en-us/privacystatement">Microsoft Privacy Statement</a> - Microsoft collects, uses and discloses personal information as described here. This allows OneDrive data, Cortana searches, and MS browser history to be sold to third parties.</li>
+  <li><a href="{% t https://privacy.microsoft.com/en-us/privacystatement %}">{% t Microsoft Privacy Statement %}</a> - {% t Microsoft collects, uses and discloses personal information as described here. This allows OneDrive data, Cortana searches, and MS browser history to be sold to third parties. %}</li>
-  <li><a href="https://support.microsoft.com/en-us/help/4468233/cortana-and-privacy-microsoft-privacy">Cortana and privacy</a> - To personalize your experience and provide the best possible suggestions, Cortana accesses your email and other communications and collects data about your contacts (People), like their title, suffix, first name, last name, middle name, nicknames, and company name. If you call, email, or text someone or they call, email, or text you, Cortana collects that person’s email address or phone number.</li>
+  <li><a href="{% t https://support.microsoft.com/en-us/help/4468233/cortana-and-privacy-microsoft-privacy %}">{% t Cortana and privacy %}</a> - {% t To personalize your experience and provide the best possible suggestions, Cortana accesses your email and other communications and collects data about your contacts (People), like their title, suffix, first name, last name, middle name, nicknames, and company name. If you call, email, or text someone or they call, email, or text you, Cortana collects that person’s email address or phone number. %}</li>
 </ul>
 
 <div class="container">
   <div class="row">
     <div class="col-md-6">
-      <h3>Some good news</h3>
+      <h3>{% t Some good news %}</h3>
       <ul>
-        <li><a href="https://github.com/crazy-max/WindowsSpyBlocker/releases">WindowsSpyBlocker</a> - Open-source tool that blocks data collection.</li>
+        <li><a href="{% t https://github.com/crazy-max/WindowsSpyBlocker/releases %}">{% t WindowsSpyBlocker %}</a> - {% t Open-source tool that blocks data collection. %}</li>
-        <li><a href="https://www.ghacks.net/2015/08/14/comparison-of-windows-10-privacy-tools/">Comparison of Windows 10 Privacy tools</a> - ghacks.net</li>
+        <li><a href="{% t https://www.ghacks.net/2015/08/14/comparison-of-windows-10-privacy-tools/ %}">{% t Comparison of Windows 10 Privacy tools %}</a> - ghacks.net</li>
       </ul>
     </div>
 
     <div class="col-md-6">
-      <h3>More bad news</h3>
+      <h3>{% t More bad news %}</h3>
       <ul>
-        <li><a href="https://thehackernews.com/2016/02/microsoft-windows10-privacy.html">
+        <li><a href="{% t https://thehackernews.com/2016/02/microsoft-windows10-privacy.html %}">
-            Windows 10 Sends Your Data 5500 Times Every Day Even After Tweaking Privacy Settings</a> - The Hacker News.</li>
+            {% t Windows 10 Sends Your Data 5500 Times Every Day Even After Tweaking Privacy Settings %}</a> - {% t The Hacker News. %}</li>
-        <li><a href="https://arstechnica.com/information-technology/2015/08/even-when-told-not-to-windows-10-just-cant-stop-talking-to-microsoft/">Even when told not to, Windows 10 just can't stop talking to Microsoft. It's no wonder that privacy activists are up in arms.</a> - Ars Technica.</li>
+        <li><a href="{% t https://arstechnica.com/information-technology/2015/08/even-when-told-not-to-windows-10-just-cant-stop-talking-to-microsoft/ %}">{% t Even when told not to, Windows 10 just can't stop talking to Microsoft. It's no wonder that privacy activists are up in arms. %}</a> - {% t Ars Technica. %}</li>
-        <li><a href="https://www.techdirt.com/articles/20150820/06171332012/windows-10-reserves-right-to-block-pirated-games-unauthorized-hardware.shtml">Windows 10 Reserves The Right To Block Pirated Games And 'Unauthorized' Hardware.</a> - Techdirt.</li>
+        <li><a href="{% t https://www.techdirt.com/articles/20150820/06171332012/windows-10-reserves-right-to-block-pirated-games-unauthorized-hardware.shtml %}">{% t Windows 10 Reserves The Right To Block Pirated Games And 'Unauthorized' Hardware. %}</a> - {% t Techdirt. %}</li>
       </ul>
     </div>
   </div>

_includes/sponsors/gold.html

@@ -1,10 +0,0 @@
-<div class="d-flex flex-wrap justify-content-center">
-  <a class="m-3" href="https://safing.io" target="_blank" rel="noreferrer">
-    <img
-      src="/assets/img/svg/3rd-party/sponsors/safing.svg"
-      data-theme-src="/assets/img/svg/3rd-party/sponsors/safing-dark.svg"
-      width="210rem"
-      title="Safing Privacy Network - Launching on Kickstarter January 2nd, 2020"
-      alt="Safing Privacy Network - Safing.io Logo" />
-  </a>
-</div>

_includes/team.html

@@ -1,6 +1,6 @@
 <div class="col-12 col-sm-6 col-lg-4 col-xl-3">
   <div class="card mb-3 mx-4 mx-sm-0" itemscope itemtype="http://schema.org/Person">
-    <img src="{{ site.baseurl }}/assets/img/png/team/{{ include.avatar }}" class="card-img-top" itemprop="image" alt="{% if include.nick %}{{ include.nick }}{% else %}{{ include.name }}{% endif %}">
+    <img src="{{ site.baseurl }}/assets/img/team/{{ include.avatar }}" class="card-img-top" itemprop="image" alt="{% if include.nick %}{{ include.nick }}{% else %}{{ include.name }}{% endif %}">
     <div class="card-body">
 
       <h5 class="card-title mt-0" itemprop="name">
@@ -12,11 +12,11 @@
       {% endif %}
 
       <meta itemprop="affiliation" content="PrivacyTools" />
-      <h6 class="card-subtitle mb-2 text-muted" itemprop="jobTitle">{{ include.role | default: "Contributor" }}</h6>
+      <h6 class="card-subtitle mb-2 text-muted" itemprop="jobTitle">{{ include.role | default: "Contributor" | translate_text }}</h6>
-      <p class="card-text" {% if include.bio %}itemprop="description"{% endif %}>{{ include.bio | default: "<i>Hmm, this user hasn't written a bio quite yet :(</i>" }}</p>
+      <p class="card-text" {% if include.bio %}itemprop="description"{% endif %}>{{ include.bio | default: "<i>Hmm, this user hasn't written a bio quite yet :(</i>" | translate_text }}</p>
       <div class="mx-n2">
         {% if include.email %}
-        <a href="{{ include.email }}" aria-label="Email" class="mx-2 text-decoration-none" itemprop="email">
+        <a href="mailto:{{ include.email }}" aria-label="Email" class="mx-2 text-decoration-none" itemprop="email">
           <i class="fas fa-envelope" aria-hidden="true" title="{{ include.email }}"></i>
         </a>
         {% endif %}

_layouts/minimal.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="{{ page.language | replace: "_", "-" | default: "en" }}">
 {% include head.html %}
 <body data-spy="scroll" data-target="#navbar">
   <script src="/assets/js/applytheme.js?v=1"></script>

_plugins/hreflang-tag.rb

@@ -0,0 +1,44 @@
+# Copyright 2019 Signal
+#
+# Permission is hereby granted, free of charge, to any person obtaining a copy of this software and
+# associated documentation files (the "Software"), to deal in the Software without restriction,
+# including without limitation the rights to use, copy, modify, merge, publish, distribute,
+# sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is
+# furnished to do so, subject to the following conditions:
+#
+# The above copyright notice and this permission notice shall be included in all copies or
+# substantial portions of the Software.
+#
+# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT
+# NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+# NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+# DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+# OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+module Jekyll
+
+  class HreflangTag < Liquid::Tag
+    def initialize(tag_name, text, tokens)
+      super
+    end
+
+    def render(context)
+      page = context.environments.first["page"]
+      site = context.registers[:site]
+
+      if page["translate"]
+        dir       = page["src_dir"].nil? ? page["dir"] : page["src_dir"]
+        hreflangs = %{<link rel="alternate" hreflang="en" href="#{site.config["production_url"]}#{dir}" /><link rel="alternate" hreflang="x-default" href="#{site.config["production_url"]}#{dir}" />}
+
+        site.data["languages"].each_key do |language|
+          hreflangs << %{<link rel="alternate" hreflang="#{language.tr('_', '-')}" href="#{site.config["production_url"]}/#{language}#{dir}" />}
+        end
+      end
+
+      hreflangs
+    end
+  end
+
+end
+
+Liquid::Template.register_tag('hreflang', Jekyll::HreflangTag)

_plugins/translate-filter.rb

@@ -0,0 +1,49 @@
+module Jekyll
+  module TranslateFilter
+    def translate_text(input)
+      if input.nil? or input.empty?
+        input
+      else
+        text          = input.strip
+        weblate_id    = Weblate::ID.get(input)
+        page_language = @context.environments.first["page"]["language"]
+        site          = @context.registers[:site]
+        
+        if page_language.nil?
+          Weblate::SourceFile.add_entry(weblate_id, text)
+
+          Liquid::Template.parse(text).render(@context)
+        else
+          translated_string = site.data["languages"][page_language][weblate_id]
+
+          translated_string.nil? ? Liquid::Template.parse(text).render(@context) 
+                                 : Liquid::Template.parse(translated_string.strip).render(@context)
+        end
+      end
+    end
+
+    def translate_page(page)
+      page_language = @context.environments.first["page"]["language"]
+      if page_language.nil?
+        page
+      else
+        "/#{page_language}#{page}"
+      end
+    end
+
+    def append_lang(page)
+      page_language = @context.environments.first["page"]["language"]
+      if page_language.nil?
+        page
+      else
+        "#{page}/#{page_language}"
+      end
+    end
+
+    def tl_note(text, comment)
+      text
+    end
+  end
+end
+
+Liquid::Template.register_filter(Jekyll::TranslateFilter)

_plugins/translate-tag.rb

@@ -0,0 +1,48 @@
+# Copyright 2019 Signal
+#
+# Permission is hereby granted, free of charge, to any person obtaining a copy of this software and 
+# associated documentation files (the "Software"), to deal in the Software without restriction,
+# including without limitation the rights to use, copy, modify, merge, publish, distribute,
+# sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is
+# furnished to do so, subject to the following conditions:
+# 
+# The above copyright notice and this permission notice shall be included in all copies or 
+# substantial portions of the Software.
+# 
+# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT
+# NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+# NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+# DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+# OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+module Jekyll
+
+  class TranslateTag < Liquid::Tag
+    attr_reader :text, :weblate_id
+
+    def initialize(tag_name, text, tokens)
+      super
+      @text       = text.strip
+      @weblate_id = Weblate::ID.get(text)
+    end
+
+    def render(context)
+      page_language = context.environments.first["page"]["language"]
+      site          = context.registers[:site]
+
+      if page_language.nil?
+        Weblate::SourceFile.add_entry(weblate_id, text)
+
+        Liquid::Template.parse(text).render(context)
+      else
+        translated_string = site.data["languages"][page_language][weblate_id]
+
+        translated_string.nil? ? Liquid::Template.parse(text).render(context) 
+                               : Liquid::Template.parse(translated_string.strip).render(context)
+      end
+    end
+  end
+
+end
+
+Liquid::Template.register_tag('t', Jekyll::TranslateTag)

_plugins/translated-page-generator.rb

@@ -0,0 +1,62 @@
+# Copyright 2019 Signal
+#
+# Permission is hereby granted, free of charge, to any person obtaining a copy of this software and 
+# associated documentation files (the "Software"), to deal in the Software without restriction,
+# including without limitation the rights to use, copy, modify, merge, publish, distribute,
+# sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is
+# furnished to do so, subject to the following conditions:
+# 
+# The above copyright notice and this permission notice shall be included in all copies or 
+# substantial portions of the Software.
+# 
+# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT
+# NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+# NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+# DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+# OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+module Jekyll
+
+  class TranslatedPage < Page
+    def initialize(site, base, dir, name)
+      @site, @base, @dir, @name = site, base, dir, name
+
+      self.process(@name)
+      self.data ||= {}
+    end
+  end
+
+  class TranslatedPageGenerator < Generator
+    def generate(site)
+      pages_to_translate = site.pages.select { |page| page.data["translate"] }
+
+      pages_to_translate.each do |page|
+        page_title                  = page.data['title']
+        page_title_weblate_id       = Weblate::ID.get(page_title)
+        page_description            = page.data['description']
+        page_description_weblate_id = Weblate::ID.get(page_description)
+
+        Weblate::SourceFile.add_entry(page_title_weblate_id, page_title)
+        Weblate::SourceFile.add_entry(page_description_weblate_id, page_description)
+
+        site.data["languages"].each_key do |language|
+          translated_page             = Jekyll::TranslatedPage.new(site, site.source, page.dir, page.name)
+          translated_page_title       = site.data["languages"][language][page_title_weblate_id]
+          translated_page_description = site.data["languages"][language][page_description_weblate_id]
+
+          translated_page.data                = page.data.clone
+          translated_page.data['title']       = translated_page_title.nil? ? page_title : translated_page_title.strip
+          translated_page.data['description'] = translated_page_description.nil? ? page_description
+                                                                                 : translated_page_description.strip
+          translated_page.data['permalink']   = "/#{language}#{page.dir}"
+          translated_page.data['src_dir']     = page.dir
+          translated_page.data['language']    = language
+          translated_page.content             = page.content
+
+          site.pages << translated_page
+        end
+      end
+    end
+  end
+
+end

_plugins/weblate-source-file.rb

@@ -0,0 +1,64 @@
+# Copyright 2019 Signal
+#
+# Permission is hereby granted, free of charge, to any person obtaining a copy of this software and
+# associated documentation files (the "Software"), to deal in the Software without restriction,
+# including without limitation the rights to use, copy, modify, merge, publish, distribute,
+# sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is
+# furnished to do so, subject to the following conditions:
+#
+# The above copyright notice and this permission notice shall be included in all copies or
+# substantial portions of the Software.
+#
+# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT
+# NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+# NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+# DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+# OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+module Weblate
+
+  class ID
+    def self.get(source_text)
+      source_text.nil? or source_text.empty? ? source_text
+                                             : source_text.strip[0..150]
+                                                          .gsub(/([^\w\d\s\.\?\!]|\n)/, '')
+                                                          .tr(' ', '_') 
+                                                          .tr('.', 'P')
+                                                          .tr('?', 'Q')
+                                                          .tr('!', 'E') << "_" << source_text.length.to_s << "_KEY"
+    end
+  end
+
+  class SourceFile
+    class << self
+      def add_entry(weblate_id, source_text)
+        unless id_already_exists?(weblate_id) or source_text.nil? or source_text.empty?
+          new_entry = <<-YAML
+#{weblate_id}: |-
+  #{source_text}
+
+          YAML
+
+          File.write(weblate_source_location, new_entry, mode: 'a')
+        end
+      end
+
+      def id_already_exists?(weblate_id)
+        File.readlines(weblate_source_location).grep(/^#{weblate_id}: \|-$/).any?
+      end
+
+      def refresh
+        File.write(weblate_source_location, "---\n")
+      end
+
+      def weblate_source_location
+        "#{__dir__}/../weblate-source-file.yml"
+      end
+    end
+  end
+
+end
+
+Jekyll::Hooks.register :site, :after_init do
+  Weblate::SourceFile.refresh
+end

assets/css/style.scss

@@ -186,6 +186,13 @@ h2, h3:not(.h5), h4, h5 {
   white-space: nowrap;
 }
 
+footer {
+  img,
+  i {
+    margin-right: 1rem;
+  }
+}
+
 .hover-text-decoration-none:hover {
   text-decoration: none;
   -webkit-text-decoration-skip: object;
@@ -197,19 +204,12 @@ h2, h3:not(.h5), h4, h5 {
 
 
 .btn-icon {
-  display: flex;
-  justify-content: center;
   font-size: 1.5rem;
   padding: 0.5rem;
   border-radius: 0.25rem;
   display: flex;
   height: 2.4rem;
-  width: 2.4rem;
+  color: #ddd;
-  color: #eee;
-}
-.btn-icon:hover {
-  text-decoration: none;
-  color: #fff;
 }
 
 .btn-tor {