nihilist/privacyguides.org
1
0
Fork 0
mirror of https://github.com/privacyguides/privacyguides.org synced 2024-11-10 13:13:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

Migrate to Bootstrap 5

Browse Source
This commit is contained in:
Jonah Aragon 2021-05-03 21:13:50 -05:00
parent 25f6aed4bb
commit 6b14a9c37f
65 changed files with 374 additions and 592 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
_config.yml
View File

@ -47,6 +47,9 @@ build:
date:
time:
kramdown:
auto_ids: true
# Build settings
plugins:
- jekyll-feed

16
_includes/badge.html
View File

@ -1,18 +1,18 @@
{% if include.link %}
<a
href="{{ include.link }}" class="badge badge-{{ include.color | default: "info" }}"
href="{{ include.link }}" class="text-decoration-none link-{{ include.color | default: "info" }}"
{% if include.tooltip %}
data-toggle="tooltip"
data-original-title="{{ include.tooltip }}"><i class="{{ include.icon | default: "far fa-question-circle"}}"></i> {{ include.text }}
{% else %}><i class="{{ include.icon | default: "fas fa-external-link-alt"}}"></i> {{ include.text }}{% endif %}
data-bs-toggle="tooltip"
title="{{ include.tooltip }}"><i class="{{ include.icon | default: "fad fa-question-circle"}}"></i> {{ include.text }}
{% else %}><i class="{{ include.icon | default: "fas fa-external-link-alt"}}"></i> <span class="text-decoration-underline">{{ include.text }}</span>{% endif %}
</a>
{% else %}
<span
class="badge badge-{{ include.color | default: "info" }}"
class="badge rounded-pill bg-{{ include.color | default: "info" }}"
{% if include.tooltip %}
data-toggle="tooltip"
data-original-title="{{ include.tooltip }}"
> <i class="{{ include.icon | default: "far fa-question-circle"}}"></i> {{include.text}}
data-bs-toggle="tooltip"
title="{{ include.tooltip }}"
> <i class="{{ include.icon | default: "fad fa-question-circle"}}"></i> {{include.text}}
{% else %}
> {% if include.icon %}<i class="{{ include.icon }}"></i>{% endif %} {{include.text}}
{% endif %}

8
_includes/breadcrumbs.html
View File

@ -4,7 +4,7 @@
{% assign crumbs = page.url | remove:'/index.html' | split: '/' %}
<ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
<li class="breadcrumb-item">
<a href="/"><i class="fas fa-home" aria-hidden="true"></i> <span>Home</span></a>
<a href="/" class="text-decoration-none text-gray"><i class="fas fa-home" aria-hidden="true"></i> <span class="text-decoration-underline">Home</span></a>
</li>
{% for crumb in crumbs offset: 1 %}
{% if forloop.last %}
@ -16,7 +16,7 @@
</li>
{% else %}
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a 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">{{ crumb | replace:'-',' ' | remove:'.html' | capitalize }}</span></a>
<a class="text-gray" 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">{{ crumb | replace:'-',' ' | remove:'.html' | capitalize }}</span></a>
<meta itemprop="position" content="{{ forloop.index }}" />
</li>
{% endif %}
@ -24,7 +24,7 @@
</ol>
</nav>
</div>
<div class="pl-3">
<a class="btn btn-outline-gray btn-lg" href="https://github.com/privacyguides/privacyguides.org/edit/main/{%- if page.collection -%}collections/{%- endif -%}{{ page.path }}" role="button"><i class="fad fa-fw fa-pencil-alt"></i> Edit</a>
<div class="ps-3">
<a class="btn btn-outline-gray" href="https://github.com/privacyguides/privacyguides.org/edit/main/{%- if page.collection -%}collections/{%- endif -%}{{ page.path }}" role="button"><i class="fad fa-fw fa-pencil-alt"></i> Edit</a>
</div>
</div>

1
_includes/footer.html
View File

@ -1,4 +1,5 @@
{% include hr.html %}
{% include breadcrumbs.html %}
<p><em><strong>Privacy Guides</strong> is a socially motivated website that provides information for protecting your data security and privacy.</em></p>

4
_includes/head.html
View File

@ -34,7 +34,7 @@
<meta name="theme-color" content="#ffd06f">
<!-- CSS stylesheets -->
<link href="/assets/css/app.css?v=1" rel="stylesheet">
<link href="/assets/css/app.css?v=5" rel="stylesheet">
<link href="/assets/fonts/vendor/fontawesome/css/all.min.css" rel="stylesheet">
<link id="dark-css" href="/assets/css/dark.css?v=1" rel="stylesheet" media="(prefers-color-scheme: dark)">
<link id="dark-css" href="/assets/css/dark.css?v=5" rel="stylesheet" media="(prefers-color-scheme: dark)">
</head>

6
_includes/legacy/card.html
View File

@ -17,7 +17,7 @@
{% 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" data-original-title="{{ tooltip }}">{{text}} {{ help_icon
<span class="badge rounded-pill bg-{{color}}" {% if tooltip %} data-bs-toggle="tooltip" title="{{ tooltip }}">{{text}} {{ help_icon
}}
{% else %}
>{{text}}
@ -56,11 +56,11 @@
</a>
{% endif %}
{% if include.tor %}
<a class="mb-1" data-toggle="tooltip" data-placement="bottom" data-original-title="{{include.tor}} Requires specific software to access: torproject.org" href="{{include.tor}}"><img alt="Tor" src="/assets/img/layout/tor.png" width="35" height="35"></a>
<a class="mb-1" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{include.tor}} Requires specific software to access: torproject.org" href="{{include.tor}}"><img alt="Tor" src="/assets/img/layout/tor.png" width="35" height="35"></a>
{% endif %}
{% if include.git %}
<a class="mb-1" data-toggle="tooltip" data-placement="bottom" data-original-title="{{include.git}} supports source code compiling and open review | is free software" href="{{include.git}}"><img alt="Git" src="assets/img/layout/git.png" width="35"></a>
<a class="mb-1" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{include.git}} supports source code compiling and open review | is free software" href="{{include.git}}"><img alt="Git" src="assets/img/layout/git.png" width="35"></a>
{% endif %}
{% if include.extra_button %}

144
_includes/legacy/cardv2.html
View File

@ -2,7 +2,7 @@
<div class="card-header bg-transparent">
<h3 class="h5">
{% if include.badges %}
<span class="mr-2">{{ include.title }}</span>
<span class="me-2">{{ include.title }}</span>
{% assign badges = include.badges | split:"|" %}
{% for badge in badges %}
{% assign badge_data = badge | split:":" %}
@ -11,10 +11,10 @@
{% assign tooltip = badge_data[2] | default: false %}
{% assign help_icon = '<i class="far fa-question-circle"></i>' %}
<span
class="badge badge-{{color}}"
class="badge rounded-pill bg-{{color}}"
{% if tooltip %}
data-toggle="tooltip"
data-original-title="{{ tooltip }}"
data-bs-toggle="tooltip"
title="{{ tooltip }}"
> {{text}} {{ help_icon }}
{% else %}
> {{text}}
@ -73,11 +73,11 @@
{% endif %}
</p>
<div class="d-flex justify-content-between flex-column flex-md-row align-items-start align-items-md-center">
<div class="flow-root flex-shrink-0 mr-1">
<div class="flow-root flex-shrink-0 me-1">
<a
href="{{include.website}}"
rel="noopener"
class="btn btn-secondary mt-1 mr-1">
class="btn btn-secondary mt-1 me-1">
<i class="fas fa-external-link-alt fa-fw"></i>
Website
</a>
@ -85,7 +85,7 @@
<a
href="{{include.privacy-policy}}"
rel="noopener"
class="btn btn-primary mt-1 mr-1">
class="btn btn-primary mt-1 me-1">
<i class="fas fa-book fa-fw"></i>
Privacy Policy
</a>
@ -94,22 +94,22 @@
<a
href="{{include.tor}}"
rel="noopener"
class="btn icon-btn hover-text-decoration-none mt-1 mr-1"
data-toggle="tooltip"
data-placement="bottom"
data-original-title="Requires specific software to access: torproject.org">
<span class="ptio-tor btn-tor btn-icon"></span>
class="btn btn-tor mt-1 me-1"
data-bs-toggle="tooltip"
data-bs-placement="bottom"
title="Requires specific software to access: torproject.org">
<span class="ptio-tor"></span>
</a>
{% endif %}
{% if include.i2p %}
<a
href="{{include.i2p}}"
rel="noopener"
class="btn icon-btn hover-text-decoration-none mt-1 mr-1"
data-toggle="tooltip"
data-placement="bottom"
data-original-title="Requires specific software to access: geti2p.net">
<span class="ptio-i2p-garlic btn-primary btn-icon"></span>
class="btn btn-blue mt-1 me-1"
data-bs-toggle="tooltip"
data-bs-placement="bottom"
title="Requires specific software to access: geti2p.net">
<span class="ptio-i2p-garlic btn-icon"></span>
</a>
{% endif %}
</div>
@ -117,171 +117,171 @@
<div class="mt-2">
{% if include.windows %}
{% if include.windows != "" %}
<a href="{{ include.windows }}" 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 href="{{ include.windows }}" rel="noopener" class="text-decoration-none text-decoration-none">
<i class="fab fa-windows fa-2x fa-fw d-inline pe-1"></i>
</a>
{% else %}
<i class="fab fa-windows fa-2x fa-fw d-inline pr-1"></i>
<i class="fab fa-windows fa-2x fa-fw d-inline pe-1"></i>
{% endif %}
{% endif %}
{% if include.mac %}
{% if include.mac != "" %}
<a href="{{ include.mac }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-macos fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.mac }}" rel="noopener" class="text-decoration-none text-decoration-none">
<i class="ptio-macos fa-2x fa-fw d-inline pe-1"></i>
</a>
{% else %}
<i class="ptio-macos fa-2x fa-fw d-inline pr-1"></i>
<i class="ptio-macos fa-2x fa-fw d-inline pe-1"></i>
{% endif %}
{% endif %}
{% if include.linux %}
{% if include.linux != "" %}
<a href="{{ include.linux }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-linux fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.linux }}" rel="noopener" class="text-decoration-none text-decoration-none">
<i class="ptio-linux fa-2x fa-fw d-inline pe-1"></i>
</a>
{% else %}
<i class="ptio-linux fa-2x fa-fw d-inline pr-1"></i>
<i class="ptio-linux fa-2x fa-fw d-inline pe-1"></i>
{% endif %}
{% endif %}
{% if include.freebsd %}
{% if include.freebsd != "" %}
<a href="{{ include.freebsd }}" 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 href="{{ include.freebsd }}" rel="noopener" class="text-decoration-none text-decoration-none">
<i class="fab fa-freebsd fa-2x fa-fw d-inline pe-1"></i>
</a>
{% else %}
<i class="fab fa-freebsd fa-2x fa-fw d-inline pr-1"></i>
<i class="fab fa-freebsd fa-2x fa-fw d-inline pe-1"></i>
{% endif %}
{% endif %}
{% if include.openbsd %}
{% if include.openbsd != "" %}
<a href="{{ include.openbsd }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-openbsd fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.openbsd }}" rel="noopener" class="text-decoration-none text-decoration-none">
<i class="ptio-openbsd fa-2x fa-fw d-inline pe-1"></i>
</a>
{% else %}
<i class="ptio-openbsd fa-2x fa-fw d-inline pr-1"></i>
<i class="ptio-openbsd fa-2x fa-fw d-inline pe-1"></i>
{% endif %}
{% endif %}
{% if include.netbsd %}
{% if include.netbsd != "" %}
<a href="{{ include.netbsd }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-netbsd fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.netbsd }}" rel="noopener" class="text-decoration-none text-decoration-none">
<i class="ptio-netbsd fa-2x fa-fw d-inline pe-1"></i>
</a>
{% else %}
<i class="ptio-netbsd fa-2x fa-fw d-inline pr-1"></i>
<i class="ptio-netbsd fa-2x fa-fw d-inline pe-1"></i>
{% endif %}
{% endif %}
{% if include.firefox %}
{% if include.firefox != "" %}
<a href="{{ include.firefox }}" 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 href="{{ include.firefox }}" rel="noopener" class="text-decoration-none text-decoration-none">
<i class="fab fa-firefox fa-2x fa-fw d-inline pe-1"></i>
</a>
{% else %}
<i class="fab fa-firefox fa-2x fa-fw d-inline pr-1"></i>
<i class="fab fa-firefox fa-2x fa-fw d-inline pe-1"></i>
{% endif %}
{% endif %}
{% if include.chrome %}
{% if include.chrome != "" %}
<a href="{{ include.chrome }}" 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 href="{{ include.chrome }}" rel="noopener" class="text-decoration-none text-decoration-none">
<i class="fab fa-chrome fa-2x fa-fw d-inline pe-1"></i>
</a>
{% else %}
<i class="fab fa-chrome fa-2x fa-fw d-inline pr-1"></i>
<i class="fab fa-chrome fa-2x fa-fw d-inline pe-1"></i>
{% endif %}
{% endif %}
{% if include.safari %}
{% if include.safari != "" %}
<a href="{{ include.safari }}" 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 href="{{ include.safari }}" rel="noopener" class="text-decoration-none text-decoration-none">
<i class="fab fa-safari fa-2x fa-fw d-inline pe-1"></i>
</a>
{% else %}
<i class="fab fa-safari fa-2x fa-fw d-inline pr-1"></i>
<i class="fab fa-safari fa-2x fa-fw d-inline pe-1"></i>
{% endif %}
{% endif %}
{% if include.opera %}
{% if include.opera != "" %}
<a href="{{ include.opera }}" 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 href="{{ include.opera }}" rel="noopener" class="text-decoration-none text-decoration-none">
<i class="fab fa-opera fa-2x fa-fw d-inline pe-1"></i>
</a>
{% else %}
<i class="fab fa-opera fa-2x fa-fw d-inline pr-1"></i>
<i class="fab fa-opera fa-2x fa-fw d-inline pe-1"></i>
{% endif %}
{% endif %}
{% if include.edge %}
{% if include.edge != "" %}
<a href="{{ include.edge }}" 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 href="{{ include.edge }}" rel="noopener" class="text-decoration-none text-decoration-none">
<i class="fab fa-edge fa-2x fa-fw d-inline pe-1"></i>
</a>
{% else %}
<i class="fab fa-edge fa-2x fa-fw d-inline pr-1"></i>
<i class="fab fa-edge fa-2x fa-fw d-inline pe-1"></i>
{% endif %}
{% endif %}
{% if include.fdroid %}
{% if include.fdroid != "" %}
<a href="{{ include.fdroid }}" 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 href="{{ include.fdroid }}" rel="noopener" class="text-decoration-none text-decoration-none">
<i class="ptio-f-droid fa-2x fa-fw d-inline pe-1"></i>
</a>
{% else %}
<i class="ptio-f-droid fa-2x fa-fw d-inline pr-1"></i>
<i class="ptio-f-droid fa-2x fa-fw d-inline pe-1"></i>
{% endif %}
{% endif %}
{% if include.googleplay %}
{% if include.googleplay != "" %}
<a href="{{ include.googleplay }}" 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 href="{{ include.googleplay }}" rel="noopener" class="text-decoration-none text-decoration-none">
<i class="fab fa-google-play fa-2x fa-fw d-inline pe-1"></i>
</a>
{% else %}
<i class="fab fa-google-play fa-2x fa-fw d-inline pr-1"></i>
<i class="fab fa-google-play fa-2x fa-fw d-inline pe-1"></i>
{% endif %}
{% endif %}
{% if include.android %}
{% if include.android != "" %}
<a href="{{ include.android }}" 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 href="{{ include.android }}" rel="noopener" class="text-decoration-none text-decoration-none">
<i class="fab fa-android fa-2x fa-fw d-inline pe-1"></i>
</a>
{% else %}
<i class="fab fa-android fa-2x fa-fw d-inline pr-1"></i>
<i class="fab fa-android fa-2x fa-fw d-inline pe-1"></i>
{% endif %}
{% endif %}
{% if include.ios %}
{% if include.ios != "" %}
<a href="{{ include.ios }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-ios fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.ios }}" rel="noopener" class="text-decoration-none text-decoration-none">
<i class="ptio-ios fa-2x fa-fw d-inline pe-1"></i>
</a>
{% else %}
<i class="ptio-ios fa-2x fa-fw d-inline pr-1"></i>
<i class="ptio-ios fa-2x fa-fw d-inline pe-1"></i>
{% endif %}
{% endif %}
{% if include.sailfish %}
{% if include.sailfish != "" %}
<a href="{{ include.sailfish }}" 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 href="{{ include.sailfish }}" rel="noopener" class="text-decoration-none text-decoration-none">
<i class="ptio-sailfish-os fa-2x fa-fw d-inline pe-1"></i>
</a>
{% else %}
<i class="ptio-sailfish-os fa-2x fa-fw d-inline pr-1"></i>
<i class="ptio-sailfish-os fa-2x fa-fw d-inline pe-1"></i>
{% endif %}
{% endif %}
{% if include.web %}
{% if include.web != "" %}
<a href="{{ include.web }}" 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 href="{{ include.web }}" rel="noopener" class="text-decoration-none text-decoration-none">
<i class="fas fa-globe-americas fa-2x fa-fw d-inline pe-1"></i>
</a>
{% else %}
<i class="fas fa-globe-americas fa-2x fa-fw d-inline pr-1"></i>
<i class="fas fa-globe-americas fa-2x fa-fw d-inline pe-1"></i>
{% endif %}
{% endif %}
@ -290,25 +290,25 @@
{{include.icon3}}
{% if include.github %}
<a href="{{include.github}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<a href="{{include.github}}" rel="noopener" class="text-decoration-none 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}}" rel="noopener" class="text-decoration-none 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}}" rel="noopener" class="text-decoration-none 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}}" rel="noopener" class="text-decoration-none text-decoration-none">
<i class="fas fa-code-branch fa-2x fa-fw d-inline"></i>
</a>
{% endif %}

6
_includes/legacy/sections/android-addons.html
View File

@ -1,10 +1,10 @@
<h1 id="aaddons" class="anchor"><a href="#aaddons"><i class="fas fa-link anchor-icon"></i></a> Android Privacy Add-ons</h1>
<h2 id="aaddons" class="anchor"><a href="#aaddons"><i class="fas fa-link anchor-icon"></i></a> Android Privacy Add-ons</h2>
<div class="container-fluid">
<div class="row mb-2">
<div class="col-lg-3 col-sm-12 pt-lg-5">
<img src="/assets/img/legacy_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/legacy_png/3rd-party/netguard.png" height="70" width="70" class="img-fluid d-block me-auto ms-auto align-middle" alt="NetGuard">
</div>
<div class="col">
<h3>Control your traffic with <a href="https://www.netguard.me/">NetGuard</a></h3>
@ -14,7 +14,7 @@
<div class="row mb-2">
<div class="col-lg-3 col-sm-12 pt-lg-5">
<img src="/assets/img/legacy_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/legacy_svg/3rd-party/orbot.svg" height="70" width="70" class="img-fluid d-block me-auto ms-auto align-middle" alt="Orbot">
</div>
<div class="col">
<h3>Tor for Android with <a href="https://guardianproject.info/apps/orbot/">Orbot</a></h3>

6
_includes/legacy/sections/android-operating-systems.html
View File

@ -1,6 +1,6 @@
<h1 id="mobile_os" class="anchor"><a href="#mobile_os"><i class="fas fa-link anchor-icon"></i></a> Mobile Operating Systems</h1>
<h2 id="mobile_os" class="anchor"><a href="#mobile_os"><i class="fas fa-link anchor-icon"></i></a> Mobile Operating Systems</h2>
<h2 id="aosp_os" class="anchor"><a href="#aosp_os"><i class="fas fa-link anchor-icon"></i></a> Android-based Operating Systems</h2>
<h3 id="aosp_os" class="anchor"><a href="#aosp_os"><i class="fas fa-link anchor-icon"></i></a> Android-based Operating Systems</h3>
<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>
@ -35,7 +35,7 @@
github="https://github.com/LineageOS"
%}
<h3>Worth Mentioning</h3>
<h4>Worth Mentioning</h4>
<ul>
<li>

10
_includes/legacy/sections/browser-addons.html
View File

@ -1,4 +1,4 @@
<h1 id="addons" class="anchor"><a href="#addons"><i class="fas fa-link anchor-icon"></i></a> Recommended Browser Add-ons</h1>
<h2 id="addons" class="anchor"><a href="#addons"><i class="fas fa-link anchor-icon"></i></a> Recommended Browser Add-ons</h2>
<div class="alert alert-secondary" 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="/blog/2019/11/09/firefox-privacy/">learn more with our guide to Firefox Privacy</a>.
@ -71,7 +71,7 @@
<li><a href="https://floccus.org/">floccus</a> - Synchronize bookmarks across browsers via Nextcloud, WebDAV or a local file (and thus any file sync solution). For <a href="https://addons.mozilla.org/firefox/addon/floccus/">Firefox</a>, <a href="https://chrome.google.com/webstore/detail/floccus-bookmarks-sync/fnaicdffflnofjppbagibeoednhnbjhg">Chrome</a>, <a href="https://microsoftedge.microsoft.com/addons/detail/gjkddcofhiifldbllobcamllmanombji">Edge</a>.</li>
</ul>
<h2>Additional Functionality</h2>
<h3>Additional Functionality</h3>
<div class="alert alert-secondary" role="alert">
These add-ons don't necessarily add to your privacy when browsing the web, but add additional functionality to your browser you may find useful.
@ -99,9 +99,9 @@
chrome="https://chrome.google.com/webstore/detail/snowflake/mafpmfcccpbjnhfhjnllmmalhifmlcie"
%}
<h2>Persistent storage management</h2>
<h3>Persistent storage management</h3>
<h3>Desktop</h3>
<h4>Desktop</h4>
<div class="alert alert-warning" role="alert">
These add-ons are the preferred method for controlling persistent storage data that various websites and web-apps may create on your computer.
@ -153,7 +153,7 @@
chrome="https://chrome.google.com/webstore/detail/cookie-autodelete/fhcgjolkccmbidfldomjliifgaodjagh"
%}
<h2>For Advanced Users</h2>
<h3>For Advanced Users</h3>
<div class="alert alert-warning" role="alert">
These addons require quite a lot of interaction from the user, and some of them completely replace the add-ons we've recommended above. Some sites may not work properly without careful configuration.

2
_includes/legacy/sections/browser-tweaks.html
View File

@ -1,4 +1,4 @@
<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>
<h2 id="about_config" class="anchor"><a href="#about_config"><i class="fas fa-link anchor-icon"></i></a> Firefox: Privacy Related "about:config" Tweaks</h2>
<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>

2
_includes/legacy/sections/calendar-contacts-sync.html
View File

@ -1,4 +1,4 @@
<h1 id="calendar_contacts" class="anchor"><a href="#calendar_contacts"><i class="fas fa-link anchor-icon"></i></a> Calendar and Contacts Sync</h1>
<h2 id="calendar_contacts" class="anchor"><a href="#calendar_contacts"><i class="fas fa-link anchor-icon"></i></a> Calendar and Contacts Sync</h2>
<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>

2
_includes/legacy/sections/cloud-storage.html
View File

@ -1,4 +1,4 @@
<h1 id="cloud" class="anchor"><a href="#cloud"><i class="fas fa-link anchor-icon"></i></a> Encrypted Cloud Storage Services</h1>
<h2 id="cloud" class="anchor"><a href="#cloud"><i class="fas fa-link anchor-icon"></i></a> Encrypted Cloud Storage Services</h2>
<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>

2
_includes/legacy/sections/decentralized-video.html
View File

@ -1,4 +1,4 @@
<h1 id="video" class="anchor"><a href="#video"><i class="fas fa-link anchor-icon"></i></a> Decentralized Video Platforms</h1>
<h2 id="video" class="anchor"><a href="#video"><i class="fas fa-link anchor-icon"></i></a> Decentralized Video Platforms</h2>
<div class="alert alert-warning" role="alert">
<strong> If you are currently using a platform like YouTube or Vimeo, you should pick an alternative here.</strong>

92
_includes/legacy/sections/dns.html
View File

@ -1,6 +1,6 @@
<h1 id="dns" class="anchor">
<h2 id="dns" class="anchor">
<a href="#dns"><i class="fas fa-link anchor-icon"></i></a> Encrypted DNS Resolvers
</h1>
</h2>
<div class="alert alert-warning" role="alert">
DNS-over-HTTPS, DNS-over-TLS, and DNSCrypt resolvers will not make you anonymous. Using Anonymized DNSCrypt hides <em>only</em> your DNS traffic from your Internet Service Provider. However, using any of these protocols 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. See the <a href="#dns-definitions">definitions</a> below.
@ -36,13 +36,13 @@
</td>
<td>
<a
class="btn-info btn-icon"
class="btn btn-primary btn-icon"
href="https://adguard.com/en/privacy/dns.html">
<span class="fas fa-globe"></span>
<span class="fad fa-globe"></span>
</a>
</td>
<td>Commercial</td>
<td><a data-toggle="tooltip" data-placement="bottom" data-original-title='"We store aggregated performance metrics of our DNS server, namely the number of complete requests to a particular server, the number of blocked requests, the speed of processing requests.
<td><a data-bs-toggle="tooltip" data-bs-placement="bottom" title='"We store aggregated performance metrics of our DNS server, namely the number of complete requests to a particular server, the number of blocked requests, the speed of processing requests.
We keep and store the database of domains requested in the last 24 hours. We need this information to identify and block new trackers and threats.
We also log how many times this or that tracker has been blocked. We need this information to remove outdated rules from our filters."' href="https://adguard.com/en/privacy/dns.html">Some</a></td>
<td>DoH, DoT, DNSCrypt</td>
@ -55,7 +55,7 @@ We also log how many times this or that tracker has been blocked. We need this i
</td>
<td>
<a
class="btn-info btn-icon"
class="btn btn-primary btn-icon"
href="https://github.com/AdguardTeam/AdGuardDNS/">
<span class="fas fa-globe"></span>
</a>
@ -94,10 +94,10 @@ We also log how many times this or that tracker has been blocked. We need this i
</td>
<td>
<div
class="btn-info btn-icon"
data-original-title="&quot;No logs.&quot;"
data-toggle="tooltip"
data-placement="bottom">
class="btn btn-primary btn-icon"
title="&quot;No logs.&quot;"
data-bs-toggle="tooltip"
data-bs-placement="bottom">
<span class="fas fa-globe"></span>
</div>
</td>
@ -106,7 +106,7 @@ We also log how many times this or that tracker has been blocked. We need this i
<td data-value="dot/443">
<span class="no-text-wrap">
DoH,
<span data-toggle="tooltip" data-placement="bottom" data-original-title="Supports port 443 in addition to 853">
<span data-bs-toggle="tooltip" data-bs-placement="bottom" title="Supports port 443 in addition to 853">
DoT <span class="fas fa-info-circle fa-sm text-muted"></span>,
</span>
</span>
@ -127,7 +127,7 @@ We also log how many times this or that tracker has been blocked. We need this i
</td>
<td>
<a
class="btn-info btn-icon"
class="btn btn-primary btn-icon"
href="https://github.com/ookangzheng/blahdns/">
<span class="fas fa-globe"></span>
</a>
@ -154,13 +154,13 @@ We also log how many times this or that tracker has been blocked. We need this i
</td>
<td>
<a
class="btn-info btn-icon"
class="btn btn-primary btn-icon"
href="https://www.cloudflare.com/privacypolicy/">
<span class="fas fa-globe"></span>
</a>
</td>
<td>Commercial</td>
<td><a data-toggle="tooltip" data-placement="bottom" data-original-title="Cloudflare collects and stores only the limited DNS query data that is sent to the 1.1.1.1 resolver. The 1.1.1.1 resolver service does not log personal data, and the bulk of the limited non-personally identifiable query data is only stored for 25 hours." href="https://developers.cloudflare.com/1.1.1.1/privacy/public-dns-resolver/">Some</a></td>
<td><a data-bs-toggle="tooltip" data-bs-placement="bottom" title="Cloudflare collects and stores only the limited DNS query data that is sent to the 1.1.1.1 resolver. The 1.1.1.1 resolver service does not log personal data, and the bulk of the limited non-personally identifiable query data is only stored for 25 hours." href="https://developers.cloudflare.com/1.1.1.1/privacy/public-dns-resolver/">Some</a></td>
<td>DoH, DoT</td>
<td>Yes</td>
<td>Yes</td>
@ -185,14 +185,14 @@ We also log how many times this or that tracker has been blocked. We need this i
</td>
<td>
<div
class="btn-info btn-icon"
data-original-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">
class="btn btn-primary btn-icon"
title="&quot;CZ.NIC resolvers neither collect any personal data nor gather information on pages where your computer sends personal data.&quot;"
data-bs-toggle="tooltip"
data-bs-placement="bottom">
<span class="fas fa-globe"></span>
</div>
</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-bs-toggle="tooltip" data-bs-placement="bottom" 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>No</td>
<td>DoH, DoT</td>
<td>Yes</td>
@ -214,17 +214,17 @@ We also log how many times this or that tracker has been blocked. We need this i
</td>
<td>
<a
class="btn-info btn-icon"
class="btn btn-primary btn-icon"
href="https://appliedprivacy.net/privacy-policy">
<span class="fas fa-globe"></span>
</a>
</td>
<td>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-bs-toggle="tooltip" data-bs-placement="bottom" 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 data-value="dot/443">
<span class="no-text-wrap">
DoH,
<span data-toggle="tooltip" data-placement="bottom" data-original-title="Supports port 443 in addition to 853">
<span data-bs-toggle="tooltip" data-bs-placement="bottom" title="Supports port 443 in addition to 853">
DoT <span class="fas fa-info-circle fa-sm text-muted"></span>
</span>
</span>
@ -252,13 +252,13 @@ We also log how many times this or that tracker has been blocked. We need this i
</td>
<td>
<a
class="btn-info btn-icon"
class="btn btn-primary btn-icon"
href="https://libreops.cc/terms.html">
<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-bs-toggle="tooltip" data-bs-placement="bottom" 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/">
Informal collective
</a>
</td>
@ -273,7 +273,7 @@ We also log how many times this or that tracker has been blocked. We need this i
</td>
<td>
<a
class="btn-info btn-icon"
class="btn btn-primary btn-icon"
href="https://gitlab.com/libreops/libredns">
<span class="fas fa-globe"></span>
</a>
@ -297,14 +297,14 @@ We also log how many times this or that tracker has been blocked. We need this i
</td>
<td>
<a
class="btn-info btn-icon"
class="btn btn-primary btn-icon"
href="https://www.nextdns.io/privacy">
<span class="fas fa-globe"></span>
</a>
</td>
<td>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-bs-toggle="tooltip" data-bs-placement="bottom" 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>
</td>
<td>DoH, DoT, DNSCrypt</td>
<td>Yes</td>
@ -339,13 +339,13 @@ We also log how many times this or that tracker has been blocked. We need this i
</td>
<td>
<a
class="btn-info btn-icon"
class="btn btn-primary btn-icon"
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-bs-toggle="tooltip" data-bs-placement="bottom" 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/">
Informal collective
</a>
</td>
@ -360,7 +360,7 @@ We also log how many times this or that tracker has been blocked. We need this i
</td>
<td>
<a
class="btn-info btn-icon"
class="btn btn-primary btn-icon"
href="https://git.nixnet.xyz/NixNet/dns">
<span class="fas fa-globe"></span>
</a>
@ -384,7 +384,7 @@ We also log how many times this or that tracker has been blocked. We need this i
</td>
<td>
<a
class="btn-info btn-icon"
class="btn btn-primary btn-icon"
href="https://powerdns.org/doh/privacy.html">
<span class="fas fa-globe"></span>
</a>
@ -397,7 +397,7 @@ We also log how many times this or that tracker has been blocked. We need this i
<td>No</td>
<td>
<a
class="btn-info btn-icon"
class="btn btn-primary btn-icon"
href="https://github.com/PowerDNS/pdns">
<span class="fas fa-globe"></span>
</a>
@ -421,13 +421,13 @@ We also log how many times this or that tracker has been blocked. We need this i
</td>
<td>
<a
class="btn-info btn-icon"
class="btn btn-primary btn-icon"
href="https://quad9.net/policy/">
<span class="fas fa-globe"></span>
</a>
</td>
<td>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-bs-toggle="tooltip" data-bs-placement="bottom" 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>DoH, DoT, DNSCrypt</td>
<td>Yes</td>
<td>Yes</td>
@ -457,13 +457,13 @@ We also log how many times this or that tracker has been blocked. We need this i
</td>
<td>
<a
class="btn-info btn-icon"
class="btn btn-primary btn-icon"
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-bs-toggle="tooltip" data-bs-placement="bottom" 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/">
Informal collective
</a>
</td>
@ -506,10 +506,10 @@ We also log how many times this or that tracker has been blocked. We need this i
</td>
<td>
<div
class="btn-info btn-icon"
data-original-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;"
data-toggle="tooltip"
data-placement="bottom">
class="btn btn-primary btn-icon"
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;"
data-bs-toggle="tooltip"
data-bs-placement="bottom">
<span class="fas fa-globe"></span>
</div>
</td>
@ -531,11 +531,11 @@ We also log how many times this or that tracker has been blocked. We need this i
</table>
</div>
<h1 id="dns-desktop-clients" class="anchor">
<h2 id="dns-desktop-clients" class="anchor">
<a href="#dns-desktop-clients">
<i class="fas fa-link anchor-icon"></i>
</a> Encrypted DNS Client Recommendations for Desktop
</h1>
</h2>
{%
include legacy/cardv2.html
@ -574,11 +574,11 @@ We also log how many times this or that tracker has been blocked. We need this i
privacy-policy="https://wiki.mozilla.org/Security/DOH-resolver-policy"
%}
<h1 id="dns-android-clients" class="anchor">
<h2 id="dns-android-clients" class="anchor">
<a href="#dns-android-clients">
<i class="fas fa-link anchor-icon"></i>
</a> Encrypted DNS Client Recommendations for Android
</h1>
</h2>
{%
include legacy/cardv2.html
@ -601,11 +601,11 @@ We also log how many times this or that tracker has been blocked. We need this i
source="https://git.frostnerd.com/PublicAndroidApps/smokescreen"
%}
<h1 id="dns-ios-clients" class="anchor">
<h2 id="dns-ios-clients" class="anchor">
<a href="#dns-ios-clients">
<i class="fas fa-link anchor-icon"></i>
</a> Encrypted DNS Client Recommendations for iOS
</h1>
</h2>
{%
include legacy/cardv2.html

8
_includes/legacy/sections/email-clients.html
View File

@ -1,4 +1,4 @@
<h1 id="desktopclients" class="anchor"><a href="#desktopclients"><i class="fas fa-link anchor-icon"></i></a> Desktop Email Clients</h1>
<h2 id="desktopclients" class="anchor"><a href="#desktopclients"><i class="fas fa-link anchor-icon"></i></a> Desktop Email Clients</h2>
{% include legacy/cardv2.html
title="Thunderbird"
@ -46,9 +46,9 @@
<h1 id="mobileclients" class="anchor"><a href="#mobileclients"><i class="fas fa-link anchor-icon"></i></a> Mobile Email Clients</h1>
<h2 id="mobileclients" class="anchor"><a href="#mobileclients"><i class="fas fa-link anchor-icon"></i></a> Mobile Email Clients</h2>
<h2 id="adroidclients" class="anchor"><a href="#adroidclients"><i class="fas fa-link anchor-icon"></i></a> Android Email Clients</h2>
<h3 id="adroidclients" class="anchor"><a href="#adroidclients"><i class="fas fa-link anchor-icon"></i></a> Android Email Clients</h3>
{% include legacy/cardv2.html
title="FairEmail"
@ -72,7 +72,7 @@
googleplay="https://play.google.com/store/apps/details?id=com.fsck.k9"
%}
<h2 id="iosclients" class="anchor"><a href="#iosclients"><i class="fas fa-link anchor-icon"></i></a> iOS Email Clients</h2>
<h3 id="iosclients" class="anchor"><a href="#iosclients"><i class="fas fa-link anchor-icon"></i></a> iOS Email Clients</h3>
{% include legacy/cardv2.html
title="Canary Mail"

14
_includes/legacy/sections/email-providers.html
View File

@ -1,4 +1,4 @@
<h1 id="email" class="anchor"><a href="#email"><i class="fas fa-link anchor-icon"></i></a> Recommended Email Services</h1>
<h2 id="email" class="anchor"><a href="#email"><i class="fas fa-link anchor-icon"></i></a> Recommended Email Services</h2>
<div class="alert alert-success" role="alert">
<strong>Our recommended providers operate outside of the US, adopt modern email technology, and meet <a href="/providers/email/#criteria">our other criteria</a> for listing.</strong> We also have a <a href="https://privacywiki.org/view/Comparison_of_email_providers#Provider_comparison">detailed comparison table</a> of the below providers on the wiki.
@ -12,7 +12,7 @@
src="/assets/img/legacy_svg/3rd-party/protonmail.svg"
height="70"
width="200"
class="img-fluid d-block mr-auto ml-auto align-middle"
class="img-fluid d-block me-auto ms-auto align-middle"
alt="ProtonMail">
</div>
<div class="col">
@ -50,7 +50,7 @@
src="/assets/img/legacy_svg/3rd-party/mailboxorg.svg"
height="70"
width="200"
class="img-fluid d-block mr-auto ml-auto align-middle"
class="img-fluid d-block me-auto ms-auto align-middle"
alt="Mailbox">
</div>
<div class="col">
@ -87,7 +87,7 @@
src="/assets/img/legacy_svg/3rd-party/posteo.svg"
height="70"
width="200"
class="img-fluid d-block mr-auto ml-auto align-middle"
class="img-fluid d-block me-auto ms-auto align-middle"
alt="Posteo">
</div>
<div class="col">
@ -124,7 +124,7 @@
data-theme-src="/assets/img/legacy_svg/3rd-party/disroot-dark.svg"
height="70"
width="200"
class="img-fluid d-block mr-auto ml-auto align-middle"
class="img-fluid d-block me-auto ms-auto align-middle"
alt="Disroot">
</div>
<div class="col">
@ -161,7 +161,7 @@
data-theme-src="/assets/img/legacy_svg/3rd-party/tutanota-dark.svg"
height="70"
width="200"
class="img-fluid d-block mr-auto ml-auto align-middle"
class="img-fluid d-block me-auto ms-auto align-middle"
alt="Tutanota">
</div>
<div class="col">
@ -203,7 +203,7 @@
data-theme-src="/assets/img/legacy_svg/3rd-party/startmail-dark.svg"
height="70"
width="200"
class="img-fluid d-block mr-auto ml-auto align-middle"
class="img-fluid d-block me-auto ms-auto align-middle"
alt="StartMail">
</div>
<div class="col">

2
_includes/legacy/sections/file-encryption.html
View File

@ -1,4 +1,4 @@
<h1 id="encrypt" class="anchor"><a href="#encrypt"><i class="fas fa-link anchor-icon"></i></a> File Encryption Software</h1>
<h2 id="encrypt" class="anchor"><a href="#encrypt"><i class="fas fa-link anchor-icon"></i></a> File Encryption Software</h2>
<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>

2
_includes/legacy/sections/file-sharing.html
View File

@ -1,4 +1,4 @@
<h1 id="filesharing" class="anchor"><a href="#filesharing"><i class="fas fa-link anchor-icon"></i></a> File Sharing</h1>
<h2 id="filesharing" class="anchor"><a href="#filesharing"><i class="fas fa-link anchor-icon"></i></a> File Sharing</h2>
{% include legacy/cardv2.html
title="OnionShare"

4
_includes/legacy/sections/file-sync.html
View File

@ -1,9 +1,9 @@
<h1 id="sync" class="anchor">
<h2 id="sync" class="anchor">
<a href="#sync">
<i class="fas fa-link anchor-icon"></i>
</a>
File Sync
</h1>
</h2>
{%
include legacy/cardv2.html

32
_includes/legacy/sections/fourteen-eyes.html
View File

@ -1,6 +1,6 @@
<h1 id="ukusa" class="anchor"><a href="#ukusa"><i class="fas fa-link anchor-icon"></i></a> Global Mass Surveillance - The Fourteen Eyes</h1>
<h2 id="ukusa" class="anchor"><a href="#ukusa"><i class="fas fa-link anchor-icon"></i></a> Global Mass Surveillance - The Fourteen Eyes</h2>
<img src="/assets/img/legacy_svg/layout/ukusa.svg" width="260" height="115" class="img-fluid float-right ml-2" alt="UKUSA Agreement">
<img src="/assets/img/legacy_svg/layout/ukusa.svg" width="260" height="115" class="img-fluid float-end ms-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>
@ -9,11 +9,11 @@
title="Five Eyes"
body='
<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>
<li>Australia <div class="float-end"><span class="flag-icon flag-icon-au"></span></div></li>
<li>Canada <div class="float-end"><span class="flag-icon flag-icon-ca"></span></div></li>
<li>New Zealand <div class="float-end"><span class="flag-icon flag-icon-nz"></span></div></li>
<li>United Kingdom <div class="float-end"><span class="flag-icon flag-icon-gb"></span></div></li>
<li>United States of America <div class="float-end"><span class="flag-icon flag-icon-us"></span></div></li>
</ol>
'
%}
@ -22,10 +22,10 @@
title="Nine Eyes"
body='
<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>
<li>Denmark <div class="float-end"><span class="flag-icon flag-icon-dk"></span></div></li>
<li>France <div class="float-end"><span class="flag-icon flag-icon-fr"></span></div></li>
<li>Netherlands <div class="float-end"><span class="flag-icon flag-icon-nl"></span></div></li>
<li>Norway <div class="float-end"><span class="flag-icon flag-icon-no"></span></div></li>
</ol>
'
%}
@ -34,11 +34,11 @@
title="Fourteen Eyes"
body='
<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>
<li>Belgium <div class="float-end"><span class="flag-icon flag-icon-be"></span></div></li>
<li>Germany <div class="float-end"><span class="flag-icon flag-icon-de"></span></div></li>
<li>Italy <div class="float-end"><span class="flag-icon flag-icon-it"></span></div></li>
<li>Spain <div class="float-end"><span class="flag-icon flag-icon-es"></span></div></li>
<li>Sweden <div class="float-end"><span class="flag-icon flag-icon-se"></span></div></li>
</ol>
'
%}

2
_includes/legacy/sections/hosting-provider.html
View File

@ -1,4 +1,4 @@
<h1 id="host" class="anchor"><a href="#host"><i class="fas fa-link anchor-icon"></i></a> Secure Hosting Provider</h1>
<h2 id="host" class="anchor"><a href="#host"><i class="fas fa-link anchor-icon"></i></a> Secure Hosting Provider</h2>
{% include legacy/cardv2.html
title="Data Center: Bahnhof"

28
_includes/legacy/sections/instant-messenger.html
View File

@ -1,7 +1,7 @@
<h1 id="im" class="anchor">
<h2 id="im" class="anchor">
<a href="#im"><i class="fas fa-link anchor-icon"></i></a>
Encrypted Instant Messengers
</h1>
</h2>
<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>
@ -13,10 +13,10 @@
<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">
<h3 id="centralized" class="anchor">
<a href="#centralized"><i class="fas fa-link anchor-icon"></i></a>
Centralized
</h2>
</h3>
<p>Centralized messengers are those where every participant is on the same server or network of servers controlled by the same organization.</p>
@ -40,14 +40,14 @@
<div class="container">
<div class="row">
<div class="col-md-6">
<h3>Advantages</h3>
<h4>Advantages</h4>
<ul>
<li>New features and changes can be implemented more quickly.</li>
<li>Easier to get started with and to find contacts.</li>
</ul>
</div>
<div class="col-md-6">
<h3>Disadvantages</h3>
<h4>Disadvantages</h4>
<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>
@ -62,10 +62,10 @@
</div>
<h2 id="federated" class="anchor">
<h3 id="federated" class="anchor">
<a href="#federated"><i class="fas fa-link anchor-icon"></i></a>
Federated
</h2>
</h3>
<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>
@ -90,7 +90,7 @@
<div class="container">
<div class="row">
<div class="col-md-6">
<h3>Advantages</h3>
<h4>Advantages</h4>
<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>
@ -101,7 +101,7 @@
</ul>
</div>
<div class="col-md-6">
<h3>Disadvantages</h3>
<h4>Disadvantages</h4>
<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>
@ -118,10 +118,10 @@
<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://our.status.im/status-launches-private-peer-to-peer-messaging-protocol/">Waku protocol (a fork of Whisper)</a> for P2P communication. Only available for iOS and Android.</li>
</ul>
<h2 id="peer-to-peer" class="anchor">
<h3 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>
</h3>
<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). 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>
@ -157,14 +157,14 @@
<div class="container">
<div class="row">
<div class="col-md-6">
<h3>Advantages</h3>
<h4>Advantages</h4>
<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>
</div>
<div class="col-md-6">
<h3>Disadvantages</h3>
<h4>Disadvantages</h4>
<ul>
<li>Reduced feature set:</li>
<ul>

6
_includes/legacy/sections/ios-addons.html
View File

@ -1,10 +1,10 @@
<h1 id="iaddons" class="anchor"><a href="#iaddons"><i class="fas fa-link anchor-icon"></i></a> iOS Privacy Add-ons</h1>
<h2 id="iaddons" class="anchor"><a href="#iaddons"><i class="fas fa-link anchor-icon"></i></a> iOS Privacy Add-ons</h2>
<div class="container-fluid">
<div class="row mb-2">
<div class="col-lg-3 col-sm-12 pt-lg-5">
<img src="/assets/img/legacy_png/3rd-party/passepartout.png" height="70" width="70" class="img-fluid d-block mr-auto ml-auto align-middle" alt="Passepartout">
<img src="/assets/img/legacy_png/3rd-party/passepartout.png" height="70" width="70" class="img-fluid d-block me-auto ms-auto align-middle" alt="Passepartout">
</div>
<div class="col">
<h3>Use a VPN with <a href="https://passepartoutvpn.app">Passepartout</a></h3>
@ -14,7 +14,7 @@
<div class="row mb-2">
<div class="col-lg-3 col-sm-12 pt-lg-5">
<img src="/assets/img/legacy_png/3rd-party/adguard.png" height="70" width="70" class="img-fluid d-block mr-auto ml-auto align-middle" alt="AdGuard">
<img src="/assets/img/legacy_png/3rd-party/adguard.png" height="70" width="70" class="img-fluid d-block me-auto ms-auto align-middle" alt="AdGuard">
</div>
<div class="col">
<h3>Block content in Safari with <a href="https://adguard.com/en/adguard-ios/overview.html">AdGuard for iOS</a></h3>

50
_includes/legacy/sections/key-disclosure-law.html
View File

@ -1,4 +1,4 @@
<h1 id="kdl" class="anchor"><a href="#kdl"><i class="fas fa-link anchor-icon"></i></a> Key Disclosure Law</h1>
<h2 id="kdl" class="anchor"><a href="#kdl"><i class="fas fa-link anchor-icon"></i></a> Key Disclosure Law</h2>
<h3>Who is required to hand over the encryption keys to authorities?</h3>
@ -10,15 +10,15 @@
title="Key disclosure laws apply"
body='
<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#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>
<li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#Antigua_and_Barbuda">Antigua and Barbuda</a> <div class="float-end"><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-end"><span class="flag-icon flag-icon-au"></span></div></li>
<li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#France">France</a> <div class="float-end"><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-end"><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-end"><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-end"><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-end"><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-end"><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-end"><span class="flag-icon flag-icon-gb"></span></div></li>
</ol>
'
%}
@ -27,13 +27,13 @@
title="Key disclosure laws may apply"
body='
<ol class="card-ol">
<li><a href="https://tweakers.net/nieuws/163116/belgische-rechter-verdachte-mag-verplicht-worden-code-smartphone-af-te-staan.html">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#Sweden">Sweden</a> (proposed) <div class="float-right"><span class="flag-icon flag-icon-se"></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>
<li><a href="https://tweakers.net/nieuws/163116/belgische-rechter-verdachte-mag-verplicht-worden-code-smartphone-af-te-staan.html">Belgium</a> <div class="float-end"><span class="flag-icon flag-icon-be"></span></div></li>
<li><a href="https://www.riigiteataja.ee/akt/106012016019">Estonia</a> <div class="float-end"><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-end"><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-end"><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-end"><span class="flag-icon flag-icon-nl"></span></div></li>
<li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#Sweden">Sweden</a> (proposed) <div class="float-end"><span class="flag-icon flag-icon-se"></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-end"><span class="flag-icon flag-icon-us"></span></div></li>
</ol>
'
%}
@ -42,13 +42,13 @@
title="Key disclosure laws don't apply"
body='
<ol class="card-ol">
<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#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://www.wikipedia.org/wiki/Key_disclosure_law#Switzerland">Switzerland</a> <div class="float-right"><span class="flag-icon flag-icon-ch"></span></div></li>
<li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#Canada">Canada</a> <div class="float-end"><span class="flag-icon flag-icon-ca"></span></div></li>
<li><a href="https://en.wikipedia.org/wiki/Key_disclosure_law#Czech_Republic">Czech Republic</a> <div class="float-end"><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-end"><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-end"><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-end"><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-end"><span class="flag-icon flag-icon-pl"></span></div></li>
<li><a href="https://www.wikipedia.org/wiki/Key_disclosure_law#Switzerland">Switzerland</a> <div class="float-end"><span class="flag-icon flag-icon-ch"></span></div></li>
</ol>
'
%}
@ -67,7 +67,7 @@
<h3 id="usa" class="anchor">Why is it not recommended to choose a US-based service?</h3>
<img src="/assets/img/legacy_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/legacy_svg/layout/great_seal_of_the_united_states_obverse.svg" width="200" height="200" class="img-fluid float-end ms-3" alt="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>

4
_includes/legacy/sections/metadata-removal-tools.html
View File

@ -1,8 +1,8 @@
<h1 id="metadata-removal-tools" class="anchor">
<h2 id="metadata-removal-tools" class="anchor">
<a href="#metadata-removal-tools"
><i class="fas fa-link anchor-icon"></i>
</a> Metadata Removal Tools
</h1>
</h2>
{%
include legacy/cardv2.html

2
_includes/legacy/sections/notebooks.html
View File

@ -1,4 +1,4 @@
<h1 id="notebook" class="anchor"><a href="#notebook"><i class="fas fa-link anchor-icon"></i></a> Digital Notebook</h1>
<h2 id="notebook" class="anchor"><a href="#notebook"><i class="fas fa-link anchor-icon"></i></a> Digital Notebook</h2>
<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>

4
_includes/legacy/sections/operating-systems.html
View File

@ -1,4 +1,4 @@
<h1 id="os" class="anchor"><a href="#os"><i class="fas fa-link anchor-icon"></i></a> Introductory Operating Systems</h1>
<h2 id="os" class="anchor"><a href="#os"><i class="fas fa-link anchor-icon"></i></a> Introductory Operating Systems</h2>
<div class="alert alert-warning" role="alert">
<strong>If you are currently using an operating system that collects data like Windows 10, you should pick an alternative here.</strong>
@ -24,7 +24,7 @@
git="https://launchpad.net/ubuntu"
%}
<h1 id="advanced_os" class="anchor"><a href="#advanced_os"><i class="fas fa-link anchor-icon"></i></a> Advanced Operating Systems</h1>
<h2 id="advanced_os" class="anchor"><a href="#advanced_os"><i class="fas fa-link anchor-icon"></i></a> Advanced Operating Systems</h2>
<div class="alert alert-info" role="alert">
<strong>These options have advanced features and are unique in some way. These options will likely require the user to read technical background documentation.</strong>

2
_includes/legacy/sections/password-managers.html
View File

@ -1,4 +1,4 @@
<h1 id="pw" class="anchor"><a href="#pw"><i class="fas fa-link anchor-icon"></i></a> Password Manager Software</h1>
<h2 id="pw" class="anchor"><a href="#pw"><i class="fas fa-link anchor-icon"></i></a> Password Manager Software</h2>
<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>

2
_includes/legacy/sections/paste-services.html
View File

@ -1,4 +1,4 @@
<h1 id="paste" class="anchor"><a href="#paste"><i class="fas fa-link anchor-icon"></i></a> Pastebin Services</h1>
<h2 id="paste" class="anchor"><a href="#paste"><i class="fas fa-link anchor-icon"></i></a> Pastebin Services</h2>
{% include legacy/cardv2.html
title="PrivateBin"

2
_includes/legacy/sections/privacy-resources.html
View File

@ -1,4 +1,4 @@
<h1 id="resources" class="anchor"><a href="#resources"><i class="fas fa-link anchor-icon"></i></a> More Privacy Resources</h1>
<h2 id="resources" class="anchor"><a href="#resources"><i class="fas fa-link anchor-icon"></i></a> More Privacy Resources</h2>
<h3>Guides</h3>

2
_includes/legacy/sections/productivity-tools.html
View File

@ -1,4 +1,4 @@
<h1 id="productivity" class="anchor"><a href="#productivity"><i class="fas fa-link anchor-icon"></i></a> Productivity Tools</h1>
<h2 id="productivity" class="anchor"><a href="#productivity"><i class="fas fa-link anchor-icon"></i></a> Productivity Tools</h2>
{%
include legacy/cardv2.html

6
_includes/legacy/sections/quotes.html
View File

@ -1,8 +1,8 @@
<div class="page-header">
<h1>Privacy? I don't have anything to hide.</h1>
<h2>Privacy? I don't have anything to hide.</h2>
</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/legacy_png/layout/glenn_greenwald.png" width="170px" class="img-fluid float-right ml-2" alt="Glenn Greenwald: Why privacy matters"></a>
<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/legacy_png/layout/glenn_greenwald.png" width="170px" class="img-fluid float-end ms-2" alt="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
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>
@ -32,7 +32,7 @@
<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>
</ul>
<h1 id="quotes" class="anchor"><a href="#quotes"><i class="fas fa-link anchor-icon"></i></a> Quotes</h1>
<h2 id="quotes" class="anchor"><a href="#quotes"><i class="fas fa-link anchor-icon"></i></a> Quotes</h2>
<blockquote class="blockquote">
<p>Ultimately, saying that you don't care about privacy because you have nothing to hide is no different from saying you don't care about freedom of speech because you have nothing to say. Or that you don't care about freedom of the press because you don't like to read. Or that you don't care about freedom of religion because you don't believe in God. Or that you don't care about the freedom to peacably assemble because you're a lazy, antisocial agoraphobe. </p>

2
_includes/legacy/sections/resources.html
View File

@ -1,4 +1,4 @@
<h1 id="os" class="anchor">Privacy Tools</h1>
<h2 id="os" class="anchor">Privacy Tools</h2>
<p><a href="/classic/"><i class="fas fa-info-circle"></i> Prefer the classic site? View a single-page layout.</a></p>

2
_includes/legacy/sections/router-firmware.html
View File

@ -1,4 +1,4 @@
<h1 id="firmware" class="anchor"><a href="#firmware"><i class="fas fa-link anchor-icon"></i></a> Open Source Router Firmware</h1>
<h2 id="firmware" class="anchor"><a href="#firmware"><i class="fas fa-link anchor-icon"></i></a> Open Source Router Firmware</h2>
{% include legacy/cardv2.html
title="OpenWrt"

2
_includes/legacy/sections/search-engines.html
View File

@ -1,4 +1,4 @@
<h1 id="search" class="anchor"><a href="#search"><i class="fas fa-link anchor-icon"></i></a> Privacy Respecting Search Engines</h1>
<h2 id="search" class="anchor"><a href="#search"><i class="fas fa-link anchor-icon"></i></a> Privacy Respecting Search Engines</h2>
<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>

2
_includes/legacy/sections/self-contained-networks.html
View File

@ -1,4 +1,4 @@
<h1 id="darknets" class="anchor"><a href="#darknets"><i class="fas fa-link anchor-icon"></i></a> Self-contained Networks</h1>
<h2 id="darknets" class="anchor"><a href="#darknets"><i class="fas fa-link anchor-icon"></i></a> Self-contained Networks</h2>
<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>

2
_includes/legacy/sections/selfhosted-cloud.html
View File

@ -1,4 +1,4 @@
<h1 id="mycloud" class="anchor"><a href="#mycloud"><i class="fas fa-link anchor-icon"></i></a> Self-Hosted Cloud Server Software</h1>
<h2 id="mycloud" class="anchor"><a href="#mycloud"><i class="fas fa-link anchor-icon"></i></a> Self-Hosted Cloud Server Software</h2>
<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>

2
_includes/legacy/sections/social-networks.html
View File

@ -1,4 +1,4 @@
<h1 id="social" class="anchor"><a href="#social"><i class="fas fa-link anchor-icon"></i></a> Decentralized Social Networks</h1>
<h2 id="social" class="anchor"><a href="#social"><i class="fas fa-link anchor-icon"></i></a> Decentralized Social Networks</h2>
<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>

2
_includes/legacy/sections/social-news-aggregator.html
View File

@ -1,4 +1,4 @@
<h1 id="obb" class="anchor"><a href="#social-news-aggregator"><i class="fas fa-link anchor-icon"></i></a> Social News Aggregators</h1>
<h2 id="obb" class="anchor"><a href="#social-news-aggregator"><i class="fas fa-link anchor-icon"></i></a> Social News Aggregators</h2>
<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>

4
_includes/legacy/sections/teamchat.html
View File

@ -1,8 +1,8 @@
<h1 id="teamchat" class="anchor">
<h2 id="teamchat" class="anchor">
<a href="#teamchat">
<i class="fas fa-link anchor-icon"></i>
</a> Team Chat Platforms
</h1>
</h2>
<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>

2
_includes/legacy/sections/tor-operating-systems.html
View File

@ -1,4 +1,4 @@
<h1 id="tor_os" class="anchor"><a href="#tor_os"><i class="fas fa-link anchor-icon"></i></a> Tor-Focused Distributions</h1>
<h2 id="tor_os" class="anchor"><a href="#tor_os"><i class="fas fa-link anchor-icon"></i></a> Tor-Focused Distributions</h2>
<div class="alert alert-info" role="alert">
<strong>These Linux distributions are developed with the purpose of directing all network traffic through Tor.</strong>

2
_includes/legacy/sections/video-frontends.html
View File

@ -1,4 +1,4 @@
<h1 id="proxies" class="anchor"><a href="#proxies"><i class="fas fa-link anchor-icon"></i></a> Frontends and Proxies</h1>
<h2 id="proxies" class="anchor"><a href="#proxies"><i class="fas fa-link anchor-icon"></i></a> Frontends and Proxies</h2>
<div class="alert alert-warning" role="alert">
<strong> If you are currently using a platform like YouTube, you can keep watching videos without sharing your IP.</strong>

2
_includes/legacy/sections/voice-video-messenger.html
View File

@ -1,4 +1,4 @@
<h1 id="voip" class="anchor"><a href="#voip"><i class="fas fa-link anchor-icon"></i></a> Video/Voice Calling</h1>
<h2 id="voip" class="anchor"><a href="#voip"><i class="fas fa-link anchor-icon"></i></a> Video/Voice Calling</h2>
<div class="alert alert-warning" role="alert">
<strong>If you are currently using a Video/Voice Calling app like Google Hangouts, Skype, Viber or <a href="https://blog.privacytools.io/protecting-your-privacy-while-using-zoom-at-home/">Zoom</a>, you should pick an alternative here.</strong> Please note that many of the above instant messengers also support {% include badge.html color="info" text="VoIP" %}. The software listed below are <em>primarily</em> Voice/Video focused.

8
_includes/legacy/sections/vpn.html
View File

@ -1,4 +1,4 @@
<h1 id="vpn" class="anchor"><a href="#vpn"><i class="fas fa-link anchor-icon"></i></a> Recommended VPN Services</h1>
<h2 id="vpn" class="anchor"><a href="#vpn"><i class="fas fa-link anchor-icon"></i></a> Recommended VPN Services</h2>
<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>
@ -13,7 +13,7 @@
data-theme-src="/assets/img/legacy_svg/3rd-party/mullvad-dark.svg"
height="70"
width="200"
class="img-fluid d-block mr-auto ml-auto align-middle"
class="img-fluid d-block me-auto ms-auto align-middle"
alt="Mullvad">
</div>
<div class="col">
@ -53,7 +53,7 @@
</div>
<div class="row mb-2">
<div class="col-lg-3 col-sm-12 pt-lg-5">
<img src="/assets/img/legacy_svg/3rd-party/protonvpn.svg" height="70" width="200" class="img-fluid d-block mr-auto ml-auto align-middle" alt="ProtonVPN">
<img src="/assets/img/legacy_svg/3rd-party/protonvpn.svg" height="70" width="200" class="img-fluid d-block me-auto ms-auto align-middle" alt="ProtonVPN">
</div>
<div class="col">
<h2 id="protonvpn" class="anchor">
@ -82,7 +82,7 @@
</div>
<div class="row mb-2">
<div class="col-lg-3 col-sm-12 pt-lg-5">
<img src="/assets/img/legacy_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/legacy_svg/3rd-party/ivpn.svg" height="70" width="200" class="img-fluid d-block me-auto ms-auto align-middle" alt="IVPN">
</div>
<div class="col">
<h2 id="ivpn" class="anchor">

2
_includes/legacy/sections/warrant-canary.html
View File

@ -1,4 +1,4 @@
<h1 id="wc" class="anchor"><a href="#wc"><i class="fas fa-link anchor-icon"></i></a> What is a warrant canary?</h1>
<h2 id="wc" class="anchor"><a href="#wc"><i class="fas fa-link anchor-icon"></i></a> What is a warrant canary?</h2>
<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>

4
_includes/legacy/sections/windows10.html
View File

@ -1,10 +1,10 @@
<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>
<h2 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</h2>
<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>
</div>
<img src="/assets/img/legacy_svg/layout/windows_privacy.svg" width="367" height="369" class="img-fluid float-right ml-3" alt="Windows 10 Privacy">
<img src="/assets/img/legacy_svg/layout/windows_privacy.svg" width="367" height="369" class="img-fluid float-end ms-3" alt="Windows 10 Privacy">
<ol>
<li><strong>Data syncing is by default enabled.</strong>

8
_includes/nav.html
View File

@ -3,11 +3,11 @@
<a class="navbar-brand" href="/">
<h1>{% include svg/privacy-guides-logo.svg %}</h1>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="mr-auto"></div>
<div class="ms-auto"></div>
<ul class="navbar-nav mt-2 mt-lg-0">
{% for item_hash in site.data.nav %}
{% assign item = item_hash[1] %}
@ -17,10 +17,10 @@
</li>
{% elsif item.type == "dropdown" %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="providerDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<a class="nav-link dropdown-toggle" href="#" id="providerDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ item.title }}
</a>
<div class="dropdown-menu" aria-labelledby="providerDropdown">
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
{% for subitem in item.items %}
{% if subitem.type == "link" %}
<a class="dropdown-item" href="{% link {{ subitem.file }} %}{%- if subitem.anchor -%}#{{ subitem.anchor }}{%- endif -%}"><span class="{{ subitem.icon | default: "fad fa-file" }} fa-fw"></span> {{ subitem.title }}</a>

10
_includes/recommendation-card.html
View File

@ -4,19 +4,19 @@
<div class="col-12 col-sm-4 col-md-3 text-center">
<img src="{{ item.logo }}" alt="{{ item.name }} logo" class="py-5 w-75">
</div>
<div class="col-12 col-sm-8 col-md-9 text-center text-md-left pb-4">
<div class="col-12 col-sm-8 col-md-9 text-center text-md-start pb-4">
<h2>{{ item.title }}</h2>
{% if item.info %} <p class="badge badge-info"><i class="fad fa-info-circle"></i> {{ item.info }}</p>{% endif %}
{% if item.warning %} <p class="badge badge-warning"><i class="fad fa-exclamation-triangle"></i> {{ item.warning }}</p>{% endif %}
{% if item.info %} <p class="badge rounded-pill bg-info"><i class="fad fa-info-circle"></i> {{ item.info }}</p>{% endif %}
{% if item.warning %} <p class="badge rounded-pill bg-warning"><i class="fad fa-exclamation-triangle"></i> {{ item.warning }}</p>{% endif %}
{{ item.description | markdownify }}
{% if item.downloads %}<p>{% for platform in item.downloads %}
<a href="{{ platform.url }}"><i class="{{ platform.icon }} fa-fw h2"></i></a>
{% endfor %}
</p>{% endif %}
{% if item.website or item.article %}<div class="pb-2">
{% if item.article %}<a href="{% link {{ item.article }} %}" class="btn btn-primary mt-1 mr-1"><i class="fad fa-info-circle fa-fw"></i>
{% if item.article %}<a href="{% link {{ item.article }} %}" class="btn btn-primary mt-1 me-1"><i class="fad fa-info-circle fa-fw"></i>
More Information</a>{% endif %}
{% if item.website %}<a href="{{ item.website }}" rel="noopener" class="btn btn-secondary mt-1 mr-1"><i class="fad fa-external-link-square fa-fw"></i>
{% if item.website %}<a href="{{ item.website }}" rel="noopener" class="btn btn-secondary mt-1 me-1"><i class="fad fa-external-link-square fa-fw"></i>
Visit {{ item.website | remove_first: "www." | split: "/" | slice: 2 }}</a>{% endif %}
</div>{% endif %}
</div>

7
_layouts/default.html
View File

@ -8,9 +8,8 @@
<main>
{{ content }}
</main>
<script src="/assets/js/vendor/jquery.min.js"></script>
<script src="/assets/js/vendor/bootstrap.bundle.min.js"></script>
<script src="/assets/js/sortable.min.js?v=5"></script>
<script src="/assets/js/main.js?v=6"></script>
<script src="/assets/js/vendor/bootstrap.bundle.min.js?v=5.0.0-beta3"></script>
<script src="/assets/js/sortable.min.js?v=6"></script>
<script src="/assets/js/main.js?v=7"></script>
</body>
</html>

1
_layouts/page.html
View File

@ -2,7 +2,6 @@
layout: default
---
<div class="container my-5">
{% include breadcrumbs.html %}
<h1>{{ page.title }}</h1>
{% if page.description %}<p class="lead">
{{ page.description }}

2
_layouts/post.html
View File

@ -2,7 +2,7 @@
layout: default
---
<div class="p-5 mb-3 bg-cyan"{% if page.cover %} style="background-image: {{ page.color | default: "linear-gradient(to bottom, rgba(40, 50, 63, 0.3), rgba(40, 50, 63, 0.9))" }}, url(/assets/img/blog/{{ page.cover }}); background-size: cover; background-position: center;"{% endif %}>
<div class="p-5 mb-3 text-light bg-green"{% if page.cover %} style="background-image: {{ page.color | default: "linear-gradient(to bottom, rgba(40, 50, 63, 0.3), rgba(40, 50, 63, 0.9))" }}, url(/assets/img/blog/{{ page.cover }}); background-size: cover; background-position: center;"{% endif %}>
<div class="container">
<div class="post-cover">
<div class="inner d-flex flex-column align-self-end" style="min-height: 300px;">

211
_sass/custom.scss
View File

@ -1,109 +1,5 @@
body {
word-wrap: break-word;
}
dt {
overflow-wrap: break-word;
}
.card {
box-shadow: $card-shadow !important;
}
/* Make links and long strings responsive */
a,
.long-string-list {
li {
word-wrap: break-word;
}
}
.card-ol {
padding-left: 1.25rem;
}
/*.card-success, */
.card-success {
.card-header {
border-color: $card-success-border !important;
}
}
.card-primary {
.card-header {
border-color: $card-primary-border !important;
}
}
.card-warning {
.card-header {
border-color: $card-warning-border !important;
}
}
.card-list {
margin-top: 2em;
margin-bottom: 2em;
margin-left: 1em;
margin-right: 1em;
}
.blockquote {
border-left: 5px solid $blockquote-border;
font-size: 1.2rem;
line-height: 1.35;
padding: 10px 20px;
}
.theme-dropdown {
.dropdown-menu {
display: block;
margin-bottom: 20px;
position: static;
}
}
.theme-showcase {
p > .btn {
margin: 5px 0;
}
.navbar {
.container {
width: auto;
}
}
}
.anchor, .page-header h1 {
margin-top: 3.5rem;
margin-bottom: 2rem;
&:target {
margin-top: -4rem;
padding-top: 7.5rem;
}
}
h2, h3:not(.h5), h4, h5 {
margin-top: 2.5rem;
margin-bottom: 1rem;
}
.h5 {
margin-bottom: 0rem;
}
.header-404 {
font-size: 10rem;
}
.anchor-icon {
font-size: .8em;
}
.panel-item {
float: right;
margin-left: 5px;
.no-text-wrap {
white-space: nowrap;
}
.panel-pic {
@ -111,109 +7,18 @@ h2, h3:not(.h5), h4, h5 {
margin-right: 15px;
}
.panel-icon {
float: right;
margin: 15px;
font-size: 5.5em;
}
.panel-font {
font-size: 120px;
}
.share-btn {
border: 0;
box-shadow: $share-btn-shadow;
color: $share-btn;
display: inline-block;
opacity: .9;
outline: none;
padding: 1em;
text-align: center;
width: 8em;
&:hover {
color: $share-btn-hover;
}
&:active {
box-shadow: none;
color: $share-btn-active;
outline: none;
position: relative;
top: 2px;
}
}
#top {
margin-bottom: 3rem !important;
}
.twitter { background: $twitter; }
.mastodon { background: $mastodon; }
.facebook { background: $facebook; }
.mix { background: $mix; }
.reddit { background: $reddit; }
.linkedin { background: $linkedin; }
.email { background: $email; }
.diaspora { background: $diaspora; }
.footer-divider {
margin-top: 3em;
margin-bottom: 3em;
border: none;
height: 1px;
background-color: #343A40;
}
.copyright-text {
margin-top: 1em;
margin-bottom: 3em;
text-align: justify;
}
.no-text-wrap {
white-space: nowrap;
}
.hover-text-decoration-none:hover {
text-decoration: none;
-webkit-text-decoration-skip: object;
}
.table td, .table th {
vertical-align: middle;
}
.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: #eee;
}
.btn-icon:hover {
text-decoration: none;
color: #fff;
h2, h3, h4, h5:not(.h5) {
margin-top: 2.5rem;
margin-bottom: 1rem;
}
.btn-tor {
background: $tor;
}
.btn-tor:hover {
background: darken($tor, 5%);
}
.icon-btn {
padding: 0px;
}
.flow-root {
display: flow-root;
.h5 {
margin-top: 0.3rem;
margin-bottom: 0.3rem;
}
// SVG Color Inversion

4
_sass/sortable.scss
View File

@ -72,7 +72,7 @@ table[data-sortable].sortable-theme-bootstrap tbody td {
}
/* line 18, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"] {
color: $table-head-color;
color: $table-color;
background: $table-active-bg;
border-bottom-color: $table-border-color;
}
@ -82,7 +82,7 @@ table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"][data-sorted
}
/* line 26, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"][data-sorted-direction="ascending"]:after {
border-bottom-color: $table-head-color;
border-bottom-color: $table-color;
}
/* line 31, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap.sortable-theme-bootstrap-striped tbody > tr:nth-child(odd) > td {

82
_sass/variables.scss
View File

@ -1,30 +1,5 @@
/* Variables */
// Default Bootstrap Colors for Now
$white: #fff;
$gray-100: #f8f9fa;
$gray-200: #e9ecef;
$gray-300: #dee2e6;
$gray-400: #ced4da;
$gray-500: #adb5bd;
$gray-600: #6c757d;
$gray-700: #495057;
$gray-800: #343a40;
$gray-900: #212529;
$black: #000;
// Default Bootstrap Colors for Now
$blue: #007bff;
$indigo: #6610f2;
$purple: #6f42c1;
$pink: #e83e8c;
$red: #dc3545;
$orange: #fd7e14;
$yellow: #ffc107;
$green: #28a745;
$teal: #20c997;
$cyan: #17a2b8;
// Fancy new Privacy Guides Color Scheme
$primary: #FFD06F;
$secondary: #3913B8;
@ -35,6 +10,17 @@ $danger: #CA1551;
$light: #FFF6EB;
$dark: #101619;
/* Social */
$twitter: #FFD06F;
$mastodon: #FFD06F;
$facebook: #FFD06F;
$mix: #FFD06F;
$reddit: #FFD06F;
$linkedin: #FFD06F;
$email: #FFD06F;
$diaspora: #FFD06F;
$tor: #7d4698;
$body-color: #28323F;
$link-color: #3913B8;
$navbar-light-color: rgba($black, .7);
@ -43,21 +29,26 @@ $navbar-light-active-color: $dark;
$dropdown-link-hover-color: $navbar-light-active-color;
/* Extra Colors */
$theme-colors: ();
$theme-colors: map-merge(
(
"gray": $gray-600,
"blue": $blue,
"indigo": $indigo,
"purple": $purple,
"red": $red,
"orange": $orange,
"yellow": $yellow,
"green": $green,
"teal": $teal,
"cyan": $cyan
),
$theme-colors
$theme-colors: (
"primary": $primary,
"secondary": $secondary,
"success": $success,
"info": $info,
"warning": $warning,
"danger": $danger,
"light": $light,
"dark": $dark,
"gray": $gray-600,
"blue": $blue,
"indigo": $indigo,
"purple": $purple,
"red": $red,
"orange": $orange,
"yellow": $yellow,
"green": $green,
"teal": $teal,
"cyan": $cyan,
"tor": $tor
);
/* Cards */
@ -75,17 +66,6 @@ $share-btn-shadow: 0 2px 0 0 rgba(0, 0, 0, .2);
$share-btn-hover: #eee;
$share-btn-active: #e2e2e2;
/* Social */
$twitter: #FFD06F;
$mastodon: #FFD06F;
$facebook: #FFD06F;
$mix: #FFD06F;
$reddit: #FFD06F;
$linkedin: #FFD06F;
$email: #FFD06F;
$diaspora: #FFD06F;
$tor: #7d4698;
/* SVG Colors */
$svg-primary: $primary !default;
$svg-dark: $body-color;

2
assets/css/app.scss
View File

@ -1,5 +1,7 @@
---
---
@import "./node_modules/bootstrap/scss/functions";
@import "./node_modules/bootstrap/scss/variables";
@import "variables";
.container-fullwidth {

2
assets/css/dark.scss
View File

@ -1,5 +1,7 @@
---
---
@import "./node_modules/bootstrap/scss/functions";
@import "./node_modules/bootstrap/scss/variables";
@import "variables";
$primary: darken( $primary, 48% );

9
assets/js/main.js
View File

@ -1,6 +1,11 @@
document.querySelectorAll(".onclick-select").forEach(element => {
element.addEventListener("click", element.select);
});
$(function () {
$('[data-toggle="tooltip"]').tooltip()
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
})
var dropdownElementList = [].slice.call(document.querySelectorAll('.dropdown-toggle'))
var dropdownList = dropdownElementList.map(function (dropdownToggleEl) {
return new bootstrap.Dropdown(dropdownToggleEl)
})

4
collections/_posts/2019-08-22-self-hosting-shadowsocks-vpn-outline.md
View File

@ -25,7 +25,7 @@ Outline allows you to setup and configure your servers from an easy-to-use manag
Simply download and install the Outline Manager application to your computer.
![](/assets/img/blog/shadowsocks-outline-1.png){:.img-fluid .w-75 .mx-auto .d-block}
![Screenshot of the Outline installation process](/assets/img/blog/shadowsocks-outline-1.png){:.img-fluid .w-75 .mx-auto .d-block}
Note: getoutline.org is blocked in China and likely other countries, however you can download the releases directly from [their GitHub page](https://github.com/Jigsaw-Code/outline-server/releases) as well.
@ -47,7 +47,7 @@ First, we need to update our system and install `curl`. Connect to your server v
Next open Outline Manager on your local machine and you should be given 4 options to configure a server. Select the “Set Up” button under the “Advanced, Set up Outline anywhere” option.
![](/assets/img/blog/shadowsocks-outline-2.png){:.img-fluid .w-100 .mx-auto .d-block}
![Screenshot of Outline Manager](/assets/img/blog/shadowsocks-outline-2.png){:.img-fluid .w-100 .mx-auto .d-block}
Outline will give you a string to paste. More technical users can [view the script](https://raw.githubusercontent.com/Jigsaw-Code/outline-server/master/src/server_manager/install_scripts/install_server.sh) that line runs in a browser to validate exactly what is being run and installed on your server, but we have examined the script and have seen no alarming commands.

10
index.html
View File

@ -6,10 +6,10 @@ layout: default
<div class="container">
<div class="row">
<div class="col-lg-8 col-12 mt-4">
<h1 class="display-4 pt-1 mt-5">The guide to restoring your online privacy.</h1>
<h1 class="display-3 pt-3 mt-5">The guide to restoring your online privacy.</h1>
<h5 class="mt-5">Massive organizations are monitoring your online activities. Privacy Guides is your central privacy and security resource to protect yourself online.</h5>
</div>
<div class="col-4 p-3 d-none d-lg-block">
<div class="col-4 p-5 d-none d-lg-block">
{% include svg/surveillance-eye.svg %}
</div>
</div>
@ -19,7 +19,7 @@ layout: default
<div class="container my-5 p-5">
<div class="row">
<div class="col-lg-10 col-12 text-right">
<div class="col-lg-10 col-12 text-end">
<h2 class="mt-4">Why should I care?</h2>
<h5 class="mt-2">“I have nothing to hide. Why should I care about my privacy?”</h5>
<p class="mt-2">Much like the right to interracial marriage, woman's suffrage, freedom of speech, and many others, we didn't always have the right to privacy. In several dictatorships, many still don't. Generations before ours fought for our right to privacy. <mark>Privacy is a human right inherent to all of us</mark>, that we are entitled to without discrimination.</p>
@ -98,8 +98,8 @@ layout: default
</div>
</div>
<div class="container">
<div class="row my-5">
<div class="container py-3">
<div class="row">
<div class="col text-center">
<h2>Latest Updates</h2>
</div>

20
legacy_pages/providers/email.html
View File

@ -10,7 +10,7 @@ description: "Find a secure email provider that will keep your privacy in mind.
{% include legacy/sections/email-providers.html %}
<hr>
<h1 id="criteria" class="anchor"><a href="#criteria"><i class="fas fa-link anchor-icon"></i></a> Our Email Provider Criteria</h1>
<h2 id="criteria" class="anchor"><a href="#criteria"><i class="fas fa-link anchor-icon"></i></a> Our Email Provider Criteria</h2>
<p><strong>Please note we are not affiliated with any of the providers we recommend. This allows us to provide completely objective recommendations.</strong> We have developed a clear set of requirements for any Email provider wishing to be recommended, including implementing industry best practices, modern technology and more. We suggest you familiarize yourself with this list before choosing an Email provider, and conduct your own research to ensure the Email provider you choose is the right choice for you.</p>
@ -169,7 +169,7 @@ description: "Find a secure email provider that will keep your privacy in mind.
</div>
<hr>
<h1 id="email-encryption" class="anchor"><a href="#email-encryption"><i class="fas fa-link anchor-icon"></i></a> Email encryption</h1>
<h2 id="email-encryption" class="anchor"><a href="#email-encryption"><i class="fas fa-link anchor-icon"></i></a> Email encryption</h2>
<div class="container">
<div class="row">
<div class="col-md-6">
@ -189,7 +189,7 @@ description: "Find a secure email provider that will keep your privacy in mind.
</div>
</div>
<h1 id="metadata" class="anchor"><a href="#metadata"><i class="fas fa-link anchor-icon"></i></a> Email metadata</h1>
<h2 id="metadata" class="anchor"><a href="#metadata"><i class="fas fa-link anchor-icon"></i></a> Email metadata</h2>
<div class="container">
<div class="row">
<div class="col-md-6">
@ -214,39 +214,39 @@ description: "Find a secure email provider that will keep your privacy in mind.
<hr>
<h1 id="cloaking" class="anchor"><a href="#cloaking"><i class="fas fa-link anchor-icon"></i></a> Email cloaking services</h1>
<h2 id="cloaking" class="anchor"><a href="#cloaking"><i class="fas fa-link anchor-icon"></i></a> Email cloaking services</h2>
<div class="container">
<a href="https://anonaddy.com">
<img src="/assets/img/legacy_svg/3rd-party/anonaddy.svg"
data-theme-src="/assets/img/legacy_svg/3rd-party/anonaddy-dark.svg"
width="180rem" class="img-fluid float-left mr-3"
width="180rem" class="img-fluid float-start me-3"
alt="AnonAddy">
</a>
<br>
<p><strong><a href="https://anonaddy.com">AnonAddy</a></strong> lets users create aliases that forward to their email address. Can be self-hosted. <a href="https://github.com/anonaddy/anonaddy">Source code on GitHub</a>.</p>
<a href="https://simplelogin.io">
<img src="/assets/img/legacy_svg/3rd-party/simplelogin.svg"
width="180rem" class="img-fluid float-left mr-3"
width="180rem" class="img-fluid float-start me-3"
alt="SimpleLogin">
</a>
<br>
<p><strong><a href="https://simplelogin.io">SimpleLogin</a></strong> allows you to easily create aliases for your email. Can be self-hosted. <a href="https://github.com/simple-login/app">Source code on GitHub</a>.</p>
</div>
<h1 id="selfhosting" class="anchor"><a href="#selfhosting"><i class="fas fa-link anchor-icon"></i></a> Self-hosting Email</h1>
<h2 id="selfhosting" class="anchor"><a href="#selfhosting"><i class="fas fa-link anchor-icon"></i></a> Self-hosting Email</h2>
<div class="container">
<p>Advanced users may consider setting up their own email server. Mailservers require attention and continuous maintenance in order to keep things secure and mail delivery reliable.</p>
<h3>Combined software solutions</h3>
<a href="https://mailinabox.email/">
<img src="/assets/img/legacy_svg/3rd-party/mail-in-a-box.svg"
width="80rem" class="img-fluid float-left mr-3"
width="80rem" class="img-fluid float-start me-3"
alt="Mail-in-a-Box">
</a>
<br>
<p><strong><a href="https://mailinabox.email">Mail-in-a-Box</a></strong> is an automated setup script for deploying a mail server on Ubuntu. Its goal is to make it easier for users to set up their own mail server.</p>
<a href="https://mailcow.email/">
<img src="/assets/img/legacy_svg/3rd-party/mailcow.svg"
width="80rem" class="img-fluid float-left mr-3"
width="80rem" class="img-fluid float-start me-3"
alt="Mailcow">
</a>
<p><strong><a href="https://mailcow.email">Mailcow</a></strong> is a 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><a href="https://mailcow.github.io/mailcow-dockerized-docs/">Mailcow Dockerized docs</a></strong></p>
@ -258,7 +258,7 @@ description: "Find a secure email provider that will keep your privacy in mind.
</ul>
</div>
<h1 id="info" class="anchor"><a href="#info"><i class="fas fa-link anchor-icon"></i></a> Related Email Articles</h1>
<h2 id="info" class="anchor"><a href="#info"><i class="fas fa-link anchor-icon"></i></a> Related Email Articles</h2>
<div class="container">
<div class="row">
<ul>

8
legacy_pages/providers/vpn.html
View File

@ -22,7 +22,7 @@ breadcrumb: "VPN"
{% include legacy/sections/vpn.html %}
<hr>
<h1 id="criteria" class="anchor"><a href="#criteria"><i class="fas fa-link anchor-icon"></i></a> Our VPN Provider Criteria</h1>
<h2 id="criteria" class="anchor"><a href="#criteria"><i class="fas fa-link anchor-icon"></i></a> Our VPN Provider Criteria</h2>
<p><strong>Please note we are not affiliated with any of the providers we recommend. This allows us to provide completely objective recommendations.</strong> We have developed a clear set of requirements for any VPN provider wishing to be recommended, including strong encryption, independent security audits, modern technology, and more. We suggest you familiarize yourself with this list before choosing a VPN provider, and conduct your own research to ensure the VPN provider you choose is as trustworthy as possible.</p>
@ -165,7 +165,7 @@ breadcrumb: "VPN"
</div>
<hr>
<h1 id="info" class="anchor"><a href="#info"><i class="fas fa-link anchor-icon"></i></a> Further Information and Dangers</h1>
<h2 id="info" class="anchor"><a href="#info"><i class="fas fa-link anchor-icon"></i></a> Further Information and Dangers</h2>
<div class="container">
<div class="row">
@ -223,7 +223,7 @@ breadcrumb: "VPN"
<li><a href="https://blog.privacytools.io/the-trouble-with-vpn-and-privacy-reviews/">The Trouble with VPN and Privacy Review Sites</a></li>
<li><a href="https://vikingvpn.com/blogs/off-topic/beware-of-vpn-marketing-and-affiliate-programs">Beware of False Reviews - VPN Marketing and Affiliate Programs</a></li>
<li><a href="https://torrentfreak.com/proxy-sh-vpn-provider-monitored-traffic-to-catch-hacker-130930/">Proxy.sh VPN Provider Sniffed Server Traffic to Catch Hacker</a></li>
<li><a href="https://www.ivpn.net/privacy">IVPN.net will collect your email and IP address after sign up</a><br />Read the <a data-toggle="tooltip" data-placement="top" data-original-title="The IP collected at signup is only used for a few seconds by our fraud module and then discarded, it is not stored. Storing them would significantly increase our own liability and certainly would not be in our interest. You're absolutely welcome to signup using Tor or a VPN.">Email statement</a> from IVPN.</li>
<li><a href="https://www.ivpn.net/privacy">IVPN.net will collect your email and IP address after sign up</a><br />Read the <a data-bs-toggle="tooltip" data-bs-placement="top" title="The IP collected at signup is only used for a few seconds by our fraud module and then discarded, it is not stored. Storing them would significantly increase our own liability and certainly would not be in our interest. You're absolutely welcome to signup using Tor or a VPN.">Email statement</a> from IVPN.</li>
<li><a href="https://medium.com/@blackVPN/no-logs-6d65d95a3016">blackVPN announced to delete connection logs after disconnection</a></li>
<li><a href="https://gist.github.com/kennwhite/1f3bc4d889b02b35d8aa">Don't use LT2P IPSec, use other protocols.</a></li>
<li>
@ -286,7 +286,7 @@ breadcrumb: "VPN"
<a href="https://invidious.site/watch?v=WVDQEoe6ZWY" target="_blank">
<img
src="/assets/img/legacy_png/layout/this-video-is-sponsored-by-vpn.png"
class="img-fluid float-left mr-3"
class="img-fluid float-start me-3"
alt="This Video Is Sponsored By censored VPN">
</a>
</div>

6
notices.md
View File

@ -5,7 +5,7 @@ title: "Notices and Disclaimers"
description: "Privacy Guides is provided with good intentions on an &quot;as-is&quot; basis, without warranty, and disclaiming liability for damages."
---
<span class="badge badge-secondary mt-5">Section 1</span>
<span class="badge rounded-pill bg-secondary mt-5">Section 1</span>
# Legal Disclaimer
<span class="lead">Privacy Guides is not a law firm. As such, the Privacy Guides website and contributors are not providing legal advice. The material and recommendations in our website and guides do not constitute legal advice nor does contributing to the website or communicating with Privacy Guides or other contributors about our website create an attorney-client relationship.</span>
@ -16,7 +16,7 @@ Privacy Guides is an open source project contributed to under licenses that incl
Privacy Guides additionally does not warrant that this website will be constantly available, or available at all.
<span class="badge badge-secondary mt-5">Section 2</span>
<span class="badge rounded-pill bg-secondary mt-5">Section 2</span>
# Licenses
<span class="lead">All content on this website is Copyright &copy; Jonah Aragon, and [Contributors](https://github.com/privacyguides/privacyguides/graphs/contributors); and is licensed under the terms of the [Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License](https://creativecommons.org/licenses/by-nc-sa/4.0/).</span>
@ -34,7 +34,7 @@ We believe that the logos and other images in `assets` obtained from third-party
When you contribute to this repository you are doing so under the above licenses.
<span class="badge badge-secondary mt-5">Section 3</span>
<span class="badge rounded-pill bg-secondary mt-5">Section 3</span>
# Acceptable Use
<span class="lead">You may not use this website in any way that causes or may cause damage to the website or impairment of the availability or accessibility of Privacy Guides, or in any way which is unlawful, illegal, fraudulent, or harmful, or in connection with any unlawful, illegal, fraudulent, or harmful purpose or activity.</span>

60
package-lock.json generated
View File

@ -10,9 +10,7 @@
"license": "ISC",
"dependencies": {
"@fortawesome/fontawesome-pro": "^6.0.0-alpha3",
"bootstrap": "^4.6.0",
"jquery": "^3.6.0",
"popper.js": "^1.16.1"
"bootstrap": "^5.0.0-beta3"
}
},
"node_modules/@fortawesome/fontawesome-pro": {
@ -23,32 +21,26 @@
"node": ">=6"
}
},
"node_modules/@popperjs/core": {
"version": "2.9.2",
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.9.2.tgz",
"integrity": "sha512-VZMYa7+fXHdwIq1TDhSXoVmSPEGM/aa+6Aiq3nVVJ9bXr24zScr+NlKFKC3iPljA7ho/GAZr+d2jOf5GIRC30Q==",
"peer": true,
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/popperjs"
}
},
"node_modules/bootstrap": {
"version": "4.6.0",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.6.0.tgz",
"integrity": "sha512-Io55IuQY3kydzHtbGvQya3H+KorS/M9rSNyfCGCg9WZ4pyT/lCxIlpJgG1GXW/PswzC84Tr2fBYi+7+jFVQQBw==",
"version": "5.0.0-beta3",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.0.0-beta3.tgz",
"integrity": "sha512-0urccjfIOzhrb9qJysN8XW/DRw6rg3zH7qLeKIp4Zyl8+Ens4JWB0NC0cB5AhnSFPd2tftRggjwCMxablo6Tpg==",
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/bootstrap"
},
"peerDependencies": {
"jquery": "1.9.1 - 3",
"popper.js": "^1.16.1"
}
},
"node_modules/jquery": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz",
"integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw=="
},
"node_modules/popper.js": {
"version": "1.16.1",
"resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
"integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==",
"deprecated": "You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1",
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/popperjs"
"@popperjs/core": "^2.9.1"
}
}
},
@ -58,21 +50,17 @@
"resolved": "https://npm.fontawesome.com/@fortawesome/fontawesome-pro/-/6.0.0-alpha3/fontawesome-pro-6.0.0-alpha3.tgz",
"integrity": "sha512-/ffbwdQNxpdv8cy1paeMnJAC+xGkD1LjHPeuWxerrrZqFO6sWmBKLNEgjHL/bE6qV7iyC3AhumDEv9XlwIw9oA=="
},
"@popperjs/core": {
"version": "2.9.2",
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.9.2.tgz",
"integrity": "sha512-VZMYa7+fXHdwIq1TDhSXoVmSPEGM/aa+6Aiq3nVVJ9bXr24zScr+NlKFKC3iPljA7ho/GAZr+d2jOf5GIRC30Q==",
"peer": true
},
"bootstrap": {
"version": "4.6.0",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.6.0.tgz",
"integrity": "sha512-Io55IuQY3kydzHtbGvQya3H+KorS/M9rSNyfCGCg9WZ4pyT/lCxIlpJgG1GXW/PswzC84Tr2fBYi+7+jFVQQBw==",
"version": "5.0.0-beta3",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.0.0-beta3.tgz",
"integrity": "sha512-0urccjfIOzhrb9qJysN8XW/DRw6rg3zH7qLeKIp4Zyl8+Ens4JWB0NC0cB5AhnSFPd2tftRggjwCMxablo6Tpg==",
"requires": {}
},
"jquery": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz",
"integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw=="
},
"popper.js": {
"version": "1.16.1",
"resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
"integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ=="
}
}
}

6
package.json
View File

@ -4,7 +4,7 @@
"description": "",
"main": "index.js",
"scripts": {
"assets:copy:js": "mkdir -p assets/js/vendor && cp node_modules/bootstrap/dist/js/bootstrap.bundle.min.js assets/js/vendor/ && cp node_modules/jquery/dist/jquery.min.js assets/js/vendor/",
"assets:copy:js": "mkdir -p assets/js/vendor && cp node_modules/bootstrap/dist/js/bootstrap.bundle.min.* assets/js/vendor/",
"assets:copy:icons": "mkdir -p assets/fonts/vendor/fontawesome && cp -a \"node_modules/@fortawesome/fontawesome-pro/.\" assets/fonts/vendor/fontawesome/",
"assets:install": "npm run assets:copy:js && npm run assets:copy:icons",
"build": "npm run assets:install && bundle exec jekyll build",
@ -23,8 +23,6 @@
"homepage": "https://github.com/privacyguides/privacyguides#readme",
"dependencies": {
"@fortawesome/fontawesome-pro": "^6.0.0-alpha3",
"bootstrap": "^4.6.0",
"jquery": "^3.6.0",
"popper.js": "^1.16.1"
"bootstrap": "^5.0.0-beta3"
}
}