Split All Services into Individual Pages (#807)

* Split sections into pages

Preliminary work

* Separate everything into their own pages

+ Permalinks!

* Navbar Link Updates

* Change all asset links

Assets are served from the root. Hope nobody is serving this site in a subfolder for some reason! :)

* Point all navbar links to pages

* Make the layouts more modular

* Remove unnecessary div containers

* Adjust footer and headers layout

* Add link to various privacy subpages to homepage

* Remove test script

* Add titles and descriptions to all pages

* Fix links and layouts

* Adjust header margins

* Create master pages

* Finalize master pages

* Add services page

* Add Javascript redirects

Okay I'm pretty garbage at Javascript so this is basically hacked together. If someone who knows what they're doing wants to do this, be my guest.
This commit is contained in:
Jonah Aragon 2019-04-01 19:42:34 -05:00 committed by Burung Hantu
parent 5d1c51897e
commit 48fd518cb7
75 changed files with 703 additions and 382 deletions

View File

@ -1,6 +1,6 @@
title: Privacy Tools - Encryption Against Global Mass Surveillance
description: You are being watched! Knowledge, encryption and privacy tools to protect you against global mass surveillance.
url: "https://privacytools.io"
url: "https://www.privacytools.io"
sass:
style: compressed
plugins:

View File

@ -26,9 +26,17 @@
{% endfor %}
</div>
{% endif %}
<p><img src="{{include.image}}" width="120" height="120" alt="{{include.title}}" class="panel-item">{{include.description}}</p>
<p>
{% if include.image %}
<img src="{{include.image}}" width="120" height="120" alt="{{include.title}}" class="panel-item">
{% elsif include.icon %}
<i class="{{ include.icon }} panel-icon{% if include.iconcolor %} text-{{include.iconcolor}}{% endif %}"></i>
{% endif %}
{{include.description}}
</p>
<div>
<p>
{% if include.url %}
<a class="btn btn-{{include.color}} mb-1" href="{{include.url}}">Website:
{% if include.website %}
{{include.website}}
@ -36,8 +44,17 @@
{{ include.url | remove: "https://" | remove: "http://" | remove: "www." | remove: "/" | remove: "github.com" }}
{% endif %}
</a>
{% elsif include.page %}
<a class="btn btn-{{include.color}} mb-1" href="{{include.page}}">
{% if include.moretext %}
{{include.moretext}}
{% else %}
Learn More
{% endif %}
</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-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>
{% endif %}
{% if include.extra_button %}

View File

@ -1,20 +1,18 @@
<footer>
<div class="page-header">
<h4>No Ads, No Google Analytics, No Affiliates, No Cross-Site Requests</h4>
</div>
<hr class="footer-divider" />
<div class="row mt-3">
<div class="col-md-3 col-sm-6 mb-3 d-flex justify-content-center d-flex justify-content-center">
<a href="http://www.wtfpl.net/" data-toggle="tooltip" data-placement="top" data-original-title="This work is free. You can redistribute it and/or modify it under the terms of the ''Do What The Fuck You Want To Public License'', Version 2, as published by Sam Hocevar."><img alt="WTFPL" src="assets/img/layout/wtfpl.png" width="44" height="32">WTFPL</a>
<a href="http://www.wtfpl.net/" data-toggle="tooltip" data-placement="top" data-original-title="This work is free. You can redistribute it and/or modify it under the terms of the ''Do What The Fuck You Want To Public License'', Version 2, as published by Sam Hocevar."><img alt="WTFPL" src="/assets/img/layout/wtfpl.png" width="44" height="32">WTFPL</a>
</div>
<div class="col-md-3 col-sm-6 mb-3 d-flex justify-content-center">
<a href="https://www.kopimi.com/" data-toggle="tooltip" data-placement="top" data-original-title="kopimi (copyme), symbol showing that you want to be copied. use kopimi in your own fancy. kopimi may be put on homepages or blogs, in books, in software, as sound logos in music or whatever."><img alt="kopimi" src="assets/img/layout/kopimi.png" width="32" height="33">kopimi</a>
<a href="https://www.kopimi.com/" data-toggle="tooltip" data-placement="top" data-original-title="kopimi (copyme), symbol showing that you want to be copied. use kopimi in your own fancy. kopimi may be put on homepages or blogs, in books, in software, as sound logos in music or whatever."><img alt="kopimi" src="/assets/img/layout/kopimi.png" width="32" height="33">kopimi</a>
</div>
<div class="col-md-3 col-sm-6 mb-3 d-flex justify-content-center">
<a href="donate.html" data-toggle="tooltip" data-placement="top" data-original-title="Please support this project by donating Bitcoins. We are ad free and not affiliated with any providers. Your donation will cover our cost for server and domain."><img alt="Bitcoin" src="assets/img/layout/Bitcoin.png" width="32" height="32">Donate BTC</a>
<a href="/donate.html" data-toggle="tooltip" data-placement="top" data-original-title="Please support this project by donating Bitcoins. We are ad free and not affiliated with any providers. Your donation will cover our cost for server and domain."><img alt="Bitcoin" src="/assets/img/layout/Bitcoin.png" width="32" height="32">Donate BTC</a>
</div>
<div class="col-md-3 col-sm-6 mb-3 d-flex justify-content-center">
<i class="fab fa-paypal fa-2x"></i>
@ -22,6 +20,6 @@
</div>
</div>
<p><em>privacytools.io is a socially motivated website that provides information for protecting your data security and privacy. never trust any company with your privacy, always encrypt. <a href="/privacy-policy.html">view our privacy policy</a>.</em></p>
<p class="copyright-text"><strong>No Ads, No Google Analytics, No Affiliates, No Cross-Site Requests.</strong> <em>privacytools.io is a socially motivated website that provides information for protecting your data security and privacy. Never trust any company with your privacy, always encrypt. <a href="/privacy-policy/">View our privacy policy</a>.</em></p>
</footer>

46
_includes/head.html Normal file
View File

@ -0,0 +1,46 @@
<head>
<meta charset="utf-8">
<meta name="referrer" content="no-referrer">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="privacy, anonymity, privacy tools, surveillance, encryption, edward snowden, nsa, tor">
<meta name="description" content="{{ site.description }}">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="/assets/img/favicons/mstile-144x144.png">
<meta name="msapplication-config" content="/assets/img/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<meta property="og:title" content="Privacy Tools | Encryption against global mass surveillance" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.privacytools.io/" />
<meta property="og:image" content="https://www.privacytools.io/assets/img/layout/ogimage.jpg" />
<meta property="og:description" content="You are being watched! Knowledge, encryption and privacy tools to protect you against global mass surveillance."/>
<meta property="og:locale" content="en_US" />
<meta property="og:site_name" content="privacytools.io" />
<!-- title -->
{% if page.title %}
<title>{{ page.title }} | {{ site.title }} </title>
{% else %}
<title>{{ site.title }}</title>
{% endif %}
<!-- icons -->
<link rel="apple-touch-icon" sizes="57x57" href="/assets/img/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/assets/img/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/assets/img/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/assets/img/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/assets/img/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/assets/img/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/assets/img/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/assets/img/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/assets/img/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/assets/img/favicons/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/assets/img/favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/assets/img/favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/assets/img/favicons/manifest.json">
<link rel="shortcut icon" href="/assets/img/favicons/favicon.ico">
<!-- CSS stylesheets -->
<link href="/assets/css/style.css?v=5" rel="stylesheet">
</head>

View File

@ -6,15 +6,77 @@
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
{% assign prefix = "" %}
{% if page.active_page %}
{% assign prefix = "index.html" %}
{% endif %}
<li class="nav-item">
<a class="nav-link" href="{{prefix}}#top"><i class="fas fa-home"></i> <span class="sr-only">Home</span></a>
<a class="nav-link" href="/index.html"><i class="fas fa-home"></i> <span class="sr-only">Home</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="browserDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<a class="nav-link dropdown-toggle" href="/providers/" id="providerDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Provider
</a>
<div class="dropdown-menu" aria-labelledby="providerDropdown">
<a class="dropdown-item" href="/providers/"><i class="fab fa-creative-commons-nc"></i> Avoid all US and UK based services</a>
<a class="dropdown-item" href="/providers/vpn/"><i class="far fa-eye-slash"></i> Virtual Private Network (VPN)</a>
<a class="dropdown-item" href="/providers/email/"><i class="fas fa-mail-bulk"></i> Privacy Email</a>
<a class="dropdown-item" href="/providers/cloud-storage/"><i class="fas fa-cloud"></i> Encrypted Cloud Storage Services</a>
<a class="dropdown-item" href="/providers/social-networks/"><i class="fas fa-expand-arrows-alt"></i> Decentralized Social Networks</a>
<a class="dropdown-item" href="/providers/dns/"><i class="fa fa-tasks"></i> Domain Name System (DNS)</a>
<a class="dropdown-item" href="/providers/search-engines/"><i class="fab fa-searchengin"></i> Privacy Respecting Search Engines</a>
<a class="dropdown-item" href="/providers/hosting/"><i class="fas fa-database"></i> Secure Hosting Providers</a>
<a class="dropdown-item" href="/providers/paste"><i class="fas fa-paste"></i> Paste Services</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="/browsers/" id="browserDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Browser
</a>
<div class="dropdown-menu" aria-labelledby="browserDropdown">
<a class="dropdown-item" href="/browsers/#browser"><i class="fas fa-check"></i> Recommendation</a>
<a class="dropdown-item" href="/browsers/#fingerprint"><i class="fas fa-fingerprint"></i> Fingerprint</a>
<a class="dropdown-item" href="/browsers/#webrtc"><i class="far fa-eye"></i> WebRTC IP Leak</a>
<a class="dropdown-item" href="/browsers/#addons"><i class="far fa-list-alt"></i> Firefox Privacy Add-ons</a>
<a class="dropdown-item" href="/browsers/#about_config"><i class="fas fa-wrench"></i> Privacy Related Tweaks</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="/software/" id="softwareDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Software
</a>
<div class="dropdown-menu" aria-labelledby="softwareDropdown">
<a class="dropdown-item" href="/software/email/"><i class="fas fa-envelope"></i> Email Clients</a>
<a class="dropdown-item" href="/software/email/#messaging"><i class="fas fa-random"></i> Email Alternatives</a>
<a class="dropdown-item" href="/software/im/"><i class="fab fa-telegram-plane"></i> Instant Messenger</a>
<a class="dropdown-item" href="/software/voip/"><i class="fas fa-phone"></i> Video & Voice Messenger</a>
<a class="dropdown-item" href="/software/file-sharing/"><i class="fas fa-file-export"></i> File Sharing</a>
<a class="dropdown-item" href="/software/cloud/"><i class="fas fa-hdd"></i> Self-Hosted Cloud Server</a>
<a class="dropdown-item" href="/software/file-sync/"><i class="fas fa-copy"></i> Secure File Sync</a>
<a class="dropdown-item" href="/software/passwords/"><i class="fas fa-user-lock"></i> Password Manager</a>
<a class="dropdown-item" href="/software/calendar-contacts/"><i class="far fa-calendar-alt"></i> Calendar and Contacts Sync</a>
<a class="dropdown-item" href="/software/encryption-tools/"><i class="fas fa-lock"></i> File Encryption</a>
<a class="dropdown-item" href="/software/networks/"><i class="fas fa-user-secret"></i> Self-contained Networks</a>
<a class="dropdown-item" href="/software/notebooks/"><i class="far fa-sticky-note"></i> Digital Notebook</a>
<a class="dropdown-item" href="/software/productivity/"><i class="fas fa-briefcase"></i> Productivity Tools</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="/operating-systems/" id="osDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
OS
</a>
<div class="dropdown-menu" aria-labelledby="osDropdown">
<a class="dropdown-item" href="/operating-systems/#os"><i class="fas fa-th-large"></i> PC OS</a>
<a class="dropdown-item" href="/operating-systems/#live_os"><i class="fas fa-compact-disc"></i> Live CD OS</a>
<a class="dropdown-item" href="/operating-systems/#mobile_os"><i class="fas fa-mobile-alt"></i> Mobile OS</a>
<a class="dropdown-item" href="/operating-systems/#aaddons"><i class="fas fa-th"></i> Android Privacy Add-ons</a>
<a class="dropdown-item" href="/operating-systems/#firmware"><i class="fas fa-signal"></i> Router Firmware</a>
<a class="dropdown-item" href="/operating-systems/#win10"><i class="far fa-thumbs-down"></i> Don't use Windows 10</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="/index.html#participate">Participate</a>
</li>
</ul>
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="/services/" id="browserDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Services
</a>
<div class="dropdown-menu" aria-labelledby="servicesDropdown">
@ -23,86 +85,10 @@
<a class="dropdown-item" href="https://search.privacytools.io/"><i class="fas fa-search"></i> Searx - Privacy Friendly Search</a>
</div>
</li>
<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">
Provider
</a>
<div class="dropdown-menu" aria-labelledby="providerDropdown">
<a class="dropdown-item" href="{{prefix}}#ukusa"><i class="fab fa-creative-commons-nc"></i> Avoid all US and UK based services</a>
<a class="dropdown-item" href="{{prefix}}#vpn"><i class="far fa-eye-slash"></i> Virtual Private Network (VPN)</a>
<a class="dropdown-item" href="{{prefix}}#email"><i class="fas fa-mail-bulk"></i> Privacy Email</a>
<a class="dropdown-item" href="{{prefix}}#wc"><i class="fa fa-exclamation-circle"></i> Warrant Canaries</a>
<a class="dropdown-item" href="{{prefix}}#cloud"><i class="fas fa-cloud"></i> Encrypted Cloud Storage Services</a>
<a class="dropdown-item" href="{{prefix}}#social"><i class="fas fa-expand-arrows-alt"></i> Decentralized Social Networks</a>
<a class="dropdown-item" href="{{prefix}}#dns"><i class="fa fa-tasks"></i> Domain Name System (DNS)</a>
<a class="dropdown-item" href="{{prefix}}#search"><i class="fab fa-searchengin"></i> Privacy Respecting Search Engines</a>
<a class="dropdown-item" href="{{prefix}}#host"><i class="fas fa-database"></i> Secure Hosting Providers</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="browserDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Browser
</a>
<div class="dropdown-menu" aria-labelledby="browserDropdown">
<a class="dropdown-item" href="{{prefix}}#browser"><i class="fas fa-check"></i> Recommendation</a>
<a class="dropdown-item" href="{{prefix}}#fingerprint"><i class="fas fa-fingerprint"></i> Fingerprint</a>
<a class="dropdown-item" href="{{prefix}}#webrtc"><i class="far fa-eye"></i> WebRTC IP Leak</a>
<a class="dropdown-item" href="{{prefix}}#addons"><i class="far fa-list-alt"></i> Firefox Privacy Add-ons</a>
<a class="dropdown-item" href="{{prefix}}#about_config"><i class="fas fa-wrench"></i> Privacy Related Tweaks</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="softwareDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Software
</a>
<div class="dropdown-menu" aria-labelledby="softwareDropdown">
<a class="dropdown-item" href="{{prefix}}#clients"><i class="fas fa-envelope"></i> Email Clients</a>
<a class="dropdown-item" href="{{prefix}}#messaging"><i class="fas fa-random"></i> Email Alternatives</a>
<a class="dropdown-item" href="{{prefix}}#im"><i class="fab fa-telegram-plane"></i> Instant Messenger</a>
<a class="dropdown-item" href="{{prefix}}#voip"><i class="fas fa-phone"></i> Video & Voice Messenger</a>
<a class="dropdown-item" href="{{prefix}}#filesharing"><i class="fas fa-file-export"></i> File Sharing</a>
<a class="dropdown-item" href="{{prefix}}#mycloud"><i class="fas fa-hdd"></i> Self-Hosted Cloud Server</a>
<a class="dropdown-item" href="{{prefix}}#sync"><i class="fas fa-copy"></i> Secure File Sync</a>
<a class="dropdown-item" href="{{prefix}}#pw"><i class="fas fa-user-lock"></i> Password Manager</a>
<a class="dropdown-item" href="{{prefix}}#calendar_contacts"><i class="far fa-calendar-alt"></i> Calendar and Contacts Sync</a>
<a class="dropdown-item" href="{{prefix}}#encrypt"><i class="fas fa-lock"></i> File Encryption</a>
<a class="dropdown-item" href="{{prefix}}#darknets"><i class="fas fa-user-secret"></i> Self-contained Networks</a>
<a class="dropdown-item" href="{{prefix}}#notebook"><i class="far fa-sticky-note"></i> Digital Notebook</a>
<a class="dropdown-item" href="{{prefix}}#paste"><i class="fas fa-paste"></i> Paste Services</a>
<a class="dropdown-item" href="{{prefix}}#productivity"><i class="fas fa-briefcase"></i> Productivity Tools</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="osDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
OS
</a>
<div class="dropdown-menu" aria-labelledby="osDropdown">
<a class="dropdown-item" href="{{prefix}}#os"><i class="fas fa-th-large"></i> PC OS</a>
<a class="dropdown-item" href="{{prefix}}#live_os"><i class="fas fa-compact-disc"></i> Live CD OS</a>
<a class="dropdown-item" href="{{prefix}}#mobile_os"><i class="fas fa-mobile-alt"></i> Mobile OS</a>
<a class="dropdown-item" href="{{prefix}}#aaddons"><i class="fas fa-th"></i> Android Privacy Add-ons</a>
<a class="dropdown-item" href="{{prefix}}#firmware"><i class="fas fa-signal"></i> Router Firmware</a>
<a class="dropdown-item" href="{{prefix}}#win10"><i class="far fa-thumbs-down"></i> Don't use Windows 10</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="{{prefix}}#participate">Participate</a>
<a class="nav-link" href="/donate/">Donate <i class="fas fa-heart text-danger"></i></a>
</li>
</ul>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="https://social.privacytools.io/"><i class="fas fa-retweet text-danger"></i> Mastodon</a>
</li>
{% if page.active_page == "donate" %}
<li class="nav-item active">
<a class="nav-link" href="#">Donate <i class="fas fa-heart text-danger"></i></a>
</li>
{% else %}
<li class="nav-item">
<a class="nav-link" href="donate.html">Donate <i class="fas fa-heart text-danger"></i></a>
</li>
{% endif %}
</ul>
</div>
</div>
</nav>

View File

@ -1,7 +1,7 @@
<script src="assets/js/jquery-3.3.1.min.js?v=4"></script>
<script src="assets/js/popper.min.js?v=4"></script>
<script src="assets/js/bootstrap.min.js?v=4"></script>
<script src="assets/js/sortable.min.js?v=4"></script>
<script src="/assets/js/jquery-3.3.1.min.js?v=4"></script>
<script src="/assets/js/popper.min.js?v=4"></script>
<script src="/assets/js/bootstrap.min.js?v=4"></script>
<script src="/assets/js/sortable.min.js?v=4"></script>
<script>
$(function () {
$("[data-toggle='tooltip']").tooltip();

View File

@ -7,7 +7,7 @@
<div class="container-fluid">
<div class="row mb-2">
<div class="col-lg-3 col-sm-12">
<img src="assets/img/addons/netguard.png" height="70" width="200" class="img-fluid d-block mr-auto ml-auto align-middle" alt="NetGuard">
<img src="/assets/img/addons/netguard.png" height="70" width="200" class="img-fluid d-block mr-auto ml-auto align-middle" alt="NetGuard">
</div>
<div class="col">
<h3>Control your traffic with <a href="https://www.netguard.me/">NetGuard</a></h3>
@ -23,7 +23,7 @@
<div class="container-fluid">
<div class="row mb-2">
<div class="col-lg-3 col-sm-12">
<img src="assets/img/addons/xprivacylua.png" height="70" width="200" class="img-fluid d-block mr-auto ml-auto align-middle" alt="XPrivacyLua">
<img src="/assets/img/addons/xprivacylua.png" height="70" width="200" class="img-fluid d-block mr-auto ml-auto align-middle" alt="XPrivacyLua">
</div>
<div class="col">
<h3>Manage your apps' permissions with <a href="https://lua.xprivacy.eu/">XPrivacyLua</a></h3>

View File

@ -7,7 +7,7 @@
<div class="container-fluid">
<div class="row mb-2">
<div class="col-lg-3 col-sm-12">
<img src="assets/img/addons/Privacy-Badger.png" height="70" width="200" class="img-fluid d-block mr-auto ml-auto align-middle" alt="Privacy Badger">
<img src="/assets/img/addons/Privacy-Badger.png" height="70" width="200" class="img-fluid d-block mr-auto ml-auto align-middle" alt="Privacy Badger">
</div>
<div class="col">
<h3>Stop Tracking with <a href="https://www.eff.org/privacybadger">Privacy Badger</a></h3>
@ -17,7 +17,7 @@
<div class="row mb-2">
<div class="col-lg-3 col-sm-12">
<img src="assets/img/addons/uBlock.png" width="200" height="70" class="img-fluid d-block mr-auto ml-auto align-middle" alt="uBlock">
<img src="/assets/img/addons/uBlock.png" width="200" height="70" class="img-fluid d-block mr-auto ml-auto align-middle" alt="uBlock">
</div>
<div class="col">
<h3>Block Ads and Trackers with <a href="https://addons.mozilla.org/firefox/addon/ublock-origin/">uBlock Origin</a></h3>
@ -27,7 +27,7 @@
<div class="row mb-2">
<div class="col-lg-3 col-sm-12">
<img src="assets/img/addons/Cookie-AutoDelete.png" width="200" height="70" class="img-fuid d-block mr-auto ml-auto align-middle" alt="Cookie AutoDelete">
<img src="/assets/img/addons/Cookie-AutoDelete.png" width="200" height="70" class="img-fuid d-block mr-auto ml-auto align-middle" alt="Cookie AutoDelete">
</div>
<div class="col">
<h3>Automatically Delete Cookies with <a href="https://addons.mozilla.org/firefox/addon/cookie-autodelete">Cookie AutoDelete</a></h3>
@ -37,7 +37,7 @@
<div class="row mb-2">
<div class="col-lg-3 col-sm-12">
<img src="assets/img/addons/HTTPS-Everywhere.png" width="200" height="70" class="img-fuid d-block mr-auto ml-auto align-middle" alt="HTTPS Everywhere">
<img src="/assets/img/addons/HTTPS-Everywhere.png" width="200" height="70" class="img-fuid d-block mr-auto ml-auto align-middle" alt="HTTPS Everywhere">
</div>
<div class="col">
<h3>Encryption with <a href="https://www.eff.org/https-everywhere">HTTPS Everywhere</a></h3>
@ -47,7 +47,7 @@
<div class="row mb-2">
<div class="col-lg-3 col-sm-12">
<img src="assets/img/addons/Decentraleyes.png" width="200" height="70" class="img-fuid d-block mr-auto ml-auto align-middle" alt="Decentraleyes">
<img src="/assets/img/addons/Decentraleyes.png" width="200" height="70" class="img-fuid d-block mr-auto ml-auto align-middle" alt="Decentraleyes">
</div>
<div class="col">
<h3>Block Content Delivery Networks with <a href="https://addons.mozilla.org/firefox/addon/decentraleyes/">Decentraleyes</a></h3>
@ -57,7 +57,7 @@
<div class="row mb-2">
<div class="col-lg-3 col-sm-12">
<img src="assets/img/addons/ToSDR.png" width="200" height="70" class="img-fuid d-block mr-auto ml-auto align-middle" alt="Terms of Service - Didn't Read">
<img src="/assets/img/addons/ToSDR.png" width="200" height="70" class="img-fuid d-block mr-auto ml-auto align-middle" alt="Terms of Service - Didn't Read">
</div>
<div class="col">
<h3>Be informed with <a href="https://addons.mozilla.org/firefox/addon/terms-of-service-didnt-read/">Terms of Service; Didnโ€™t Read</a></h3>
@ -74,7 +74,7 @@
<div class="container-fluid">
<div class="row mb-2">
<div class="col-lg-3 col-sm-12">
<img src="assets/img/addons/uMatrix.png" width="200" height="70" class="img-fuid d-block mr-auto ml-auto align-middle" alt="uMatrix">
<img src="/assets/img/addons/uMatrix.png" width="200" height="70" class="img-fuid d-block mr-auto ml-auto align-middle" alt="uMatrix">
</div>
<div class="col">
<h3>Stop cross-site requests with <a href="https://addons.mozilla.org/firefox/addon/umatrix/">uMatrix</a></h3>
@ -84,7 +84,7 @@
<div class="row mb-2">
<div class="col-lg-3 col-sm-12">
<img src="assets/img/addons/NoScript.png" width="200" height="70" class="img-fuid d-block mr-auto ml-auto align-middle" alt="NoScript">
<img src="/assets/img/addons/NoScript.png" width="200" height="70" class="img-fuid d-block mr-auto ml-auto align-middle" alt="NoScript">
</div>
<div class="col">
<h3>Be in total control with <a href="https://addons.mozilla.org/firefox/addon/noscript/">NoScript Security Suite</a></h3>

View File

@ -4,7 +4,7 @@
<strong>Your Browser sends information that makes you unique amongst millions of users and therefore easy to identify.</strong>
</div>
<img src="assets/img/layout/browser-fingerprint.jpg" width="439" height="350" class="img-fluid float-right" alt="Fingerprint image" style="margin-left:20px;">
<img src="/assets/img/layout/browser-fingerprint.jpg" width="439" height="350" class="img-fluid float-right" alt="Fingerprint image" style="margin-left:20px;">
<p>When you visit a web page, your browser voluntarily sends information about its configuration, such as available fonts, browser type, and add-ons. If this combination of information is unique, it may be possible to identify and track you without using cookies. EFF created a Tool called <a href="https://panopticlick.eff.org/">Panopticlick</a> to test your browser to see how unique it is.</p>

View File

@ -4,7 +4,7 @@
{% include card.html color="success"
title="Tor Browser"
image="assets/img/tools/Tor-Project.png"
image="/assets/img/tools/Tor-Project.png"
url="https://www.torproject.org/"
tor="http://expyuzz4wqqyqhjn.onion"
footer='OS: Windows, macOS, Linux, <a href="https://mike.tig.as/onionbrowser/">iOS</a>, <a href="https://www.torproject.org/docs/android.html.en">Android</a>, <a href="https://github.com/torbsd/openbsd-ports">OpenBSD.</a>'
@ -13,7 +13,7 @@
{% include card.html color="primary"
title="Mozilla Firefox"
image="assets/img/tools/Firefox.png"
image="/assets/img/tools/Firefox.png"
url="https://www.firefox.com/"
footer="OS: Windows, macOS, Linux, Android, iOS, BSD."
description='Firefox is fast, reliable, open source and respects your privacy. Don\'t forget to adjust the settings according to our
@ -23,7 +23,7 @@
{% include card.html color="warning"
title="Brave"
labels="warning:experimental:Brave is a good choice if you want to use a Chromium-based browser. But at this point in Brave's development&comma; it's not as good as Firefox with privacy addons."
image="assets/img/tools/Brave.png"
image="/assets/img/tools/Brave.png"
url="https://www.brave.com/"
footer="OS: Windows, macOS, Linux, Android, iOS."
description="The new open source browser \"Brave\" automatically blocks ads and trackers, making it faster and safer than your current browser. Brave is based on Chromium."

View File

@ -8,7 +8,7 @@
{% include card.html color="success"
title="Nextcloud"
image="assets/img/provider/Nextcloud.png"
image="/assets/img/provider/Nextcloud.png"
url="https://nextcloud.com/"
footer="Client OS: Windows, macOS, Linux, BSD, Unix, iOS, Android, Fire OS. Server: Linux."
description="NextCloud is a suite of client-server software for creating and using file hosting services. This includes calendar sync via CalDAV and contacts sync via CardDAV. Nextcloud is free and open-source, thereby allowing anyone to install and operate it without charge on a private server."
@ -16,7 +16,7 @@
{% include card.html color="primary"
title="Email Providers"
image="assets/img/misc/email.png"
image="/assets/img/misc/email.png"
url="#email"
website="Email Providers section"
footer="OS: depends on email provider."
@ -25,7 +25,7 @@
{% include card.html color="warning"
title="EteSync"
image="assets/img/provider/etesync.png"
image="/assets/img/provider/etesync.png"
url="https://www.etesync.com/"
footer="Client OS: Android, Web. Server OS: Linux."
description="EteSync is a secure, end-to-end encrypted and journaled personal information (e.g. contacts and calendar) cloud synchronization and backup for Android and any OS that supports CalDAV/CardDAV. It costs $14 per year to use, or you can host the server yourself for free."

View File

@ -8,7 +8,7 @@
{% include card.html color="success"
title="Nextcloud - Choose your hoster"
image="assets/img/provider/Nextcloud.png"
image="/assets/img/provider/Nextcloud.png"
description="Similar functionally to the widely used Dropbox, with the difference being that Nextcloud is free and open-source, and thereby allowing anyone to install and operate it without charge on a private server, with no limits on storage space or the number of connected clients."
@ -18,7 +18,7 @@
{% include card.html color="primary"
title="Least Authority S4 - For Experts"
image="assets/img/provider/S4.jpg"
image="/assets/img/provider/S4.jpg"
description="S4 (Simple Secure Storage Service) is Least Authority's verifiably secure off-site backup system for individuals and businesses. 100% client-side encryption and open source transparency. 250GB for $9.95/month or 5TB for $25.95/month. Servers are hosted with Amazon S3 in the US."

View File

@ -4,14 +4,14 @@
{% include card.html color="success"
title="OpenNIC - Service"
image="assets/img/tools/OpenNIC.png"
image="/assets/img/tools/OpenNIC.png"
url="https://www.opennic.org/"
description="OpenNIC is an alternate network information center/alternative DNS root which lists itself as an alternative to ICANN and its registries. Like all alternative root DNS systems, OpenNIC-hosted domains are unreachable to the vast majority of the Internet."
%}
{% include card.html color="primary"
title="Njalla - Domain Registration"
image="assets/img/provider/Njalla.png"
image="/assets/img/provider/Njalla.png"
url="https://njal.la/"
tor="http://njalladnspotetti.onion"
description="Njalla only needs your email or jabber address in order to register a domain name for you. Created by people from The Pirate Bay and IPredator VPN. Accepted Payments: Bitcoin, Litecoin, Monero, DASH, Bitcoin Cash and PayPal. A privacy-aware domain registration service."
@ -19,7 +19,7 @@
{% include card.html color="warning"
title="DNSCrypt - Tool"
image="assets/img/tools/DNSCrypt.png"
image="/assets/img/tools/DNSCrypt.png"
url="https://dnscrypt.info/"
description="A protocol for securing communications between a client and a DNS resolver. The DNSCrypt protocol uses high-speed high-security elliptic-curve cryptography and is very similar to DNSCurve, but focuses on securing communications between a client and its first-level resolver."
%}

View File

@ -4,7 +4,7 @@
{% include card.html color="success"
title="Bitmessage"
image="assets/img/tools/Bitmessage.png"
image="/assets/img/tools/Bitmessage.png"
url="https://bitmessage.org/"
footer="OS: Windows, macOS, Linux."
description="Bitmessage is a P2P communications protocol used to send encrypted messages to another person or to many subscribers. It is decentralized and trustless,
@ -12,7 +12,7 @@
%}
{% include card.html color="primary"
title="RetroShare"
image="assets/img/tools/RetroShare.png"
image="/assets/img/tools/RetroShare.png"
url="https://retroshare.cc/"
footer="OS: Windows, macOS, Linux."
description="Retroshare creates encrypted connections to your friends. Nobody can spy on you. Retroshare is completely decentralized. This means there are no central servers. It is entirely Open-Source and free. There are no costs, no ads and no Terms of Service."

View File

@ -3,14 +3,14 @@
{% include card.html color="success"
title="Thunderbird"
image="assets/img/tools/Thunderbird.png"
image="/assets/img/tools/Thunderbird.png"
url="https://mozilla.org/thunderbird"
website="mozilla.org"
footer="OS: Windows, macOS, Linux, BSD."
description="Mozilla Thunderbird is a free, open source, cross-platform email, news, and chat client developed by the Mozilla Foundation. Thunderbird is an email, newsgroup, news feed, and chat (XMPP, IRC, Twitter) client."
%} {% include card.html color="primary"
title="Claws Mail"
image="assets/img/tools/Claws-Mail.png"
image="/assets/img/tools/Claws-Mail.png"
url="https://www.claws-mail.org/"
footer="OS: Windows, macOS, Linux, BSD, Solaris, Unix."
description="Claws Mail is a free and open source, GTK+-based email and news client. It offers easy configuration and an abundance of features. It is included with Gpg4win, an encryption suite for Windows."

View File

@ -24,11 +24,11 @@
<tr>
<td data-value="ProtonMail">
<img alt="Protonmail" src="assets/img/provider/ProtonMail.ch.png" width="200" height="70">
<img alt="Protonmail" src="/assets/img/provider/ProtonMail.ch.png" width="200" height="70">
</td>
<td>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://www.protonmail.ch" href="https://www.protonmail.ch"><img alt="WWW" src="assets/img/layout/www.png" width="35" height="35"></a>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://protonirockerxow.onion. Requires specific software to access: torproject.org" href="https://protonirockerxow.onion"><img alt="Tor" src="assets/img/layout/tor.png" width="35"></a>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://www.protonmail.ch" href="https://www.protonmail.ch"><img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35"></a>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://protonirockerxow.onion. Requires specific software to access: torproject.org" href="https://protonirockerxow.onion"><img alt="Tor" src="/assets/img/layout/tor.png" width="35"></a>
</td>
<td data-value="2013">2013</td>
<td><span class="flag-icon flag-icon-ch"></span> Switzerland</td>
@ -41,10 +41,10 @@
<tr>
<td data-value="disroot.org">
<img alt="Disroot" src="assets/img/provider/disroot.org.png" width="200" height="70">
<img alt="Disroot" src="/assets/img/provider/disroot.org.png" width="200" height="70">
</td>
<td>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://disroot.org" href="https://disroot.org"><img alt="WWW" src="assets/img/layout/www.png" width="35" height="35"></a>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://disroot.org" href="https://disroot.org"><img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35"></a>
</td>
<td data-value="2015">2015</td>
<td><span class="flag-icon flag-icon-nl"></span> Netherlands</td>
@ -57,10 +57,10 @@
<tr>
<td data-value="Tutanota">
<img alt="Tutanota" src="assets/img/provider/Tutanota.png" width="200" height="70">
<img alt="Tutanota" src="/assets/img/provider/Tutanota.png" width="200" height="70">
</td>
<td>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://www.tutanota.com" href="https://www.tutanota.com"><img alt="WWW" src="assets/img/layout/www.png" width="35" height="35"></a>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://www.tutanota.com" href="https://www.tutanota.com"><img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35"></a>
</td>
<td data-value="2011">2011</td>
<td><span class="flag-icon flag-icon-de"></span> Germany</td>
@ -73,10 +73,10 @@
<tr>
<td data-value="Mailfence">
<img alt="Mailfence" src="assets/img/provider/Mailfence.png" width="200" height="70">
<img alt="Mailfence" src="/assets/img/provider/Mailfence.png" width="200" height="70">
</td>
<td>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://www.mailfence.com" href="https://www.mailfence.com"><img alt="WWW" src="assets/img/layout/www.png" width="35" height="35"></a>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://www.mailfence.com" href="https://www.mailfence.com"><img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35"></a>
</td>
<td data-value="2013">2013</td>
<td><span class="flag-icon flag-icon-be"></span> Belgium</td>
@ -89,11 +89,11 @@
<tr>
<td data-value="mailbox.org">
<img alt="mailbox.org" src="assets/img/provider/mailbox.org.png" width="200" height="70">
<img alt="mailbox.org" src="/assets/img/provider/mailbox.org.png" width="200" height="70">
</td>
<td>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://www.mailbox.org" href="https://www.mailbox.org"><img alt="WWW" src="assets/img/layout/www.png" width="35 "height="35"></a>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://www.mailbox.org" href="https://www.mailbox.org"><img alt="WWW" src="/assets/img/layout/www.png" width="35 "height="35"></a>
</td>
<td data-value="2014">2014</td>
<td><span class="flag-icon flag-icon-de"></span> Germany</td>
@ -106,10 +106,10 @@
<tr>
<td data-value="Posteo">
<img alt="Posteo" src="assets/img/provider/Posteo.png" width="200" height="70">
<img alt="Posteo" src="/assets/img/provider/Posteo.png" width="200" height="70">
</td>
<td>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://www.posteo.de" href="https://www.posteo.de"><img alt="WWW" src="assets/img/layout/www.png" width="35" height="35"></a>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://www.posteo.de" href="https://www.posteo.de"><img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35"></a>
</td>
<td data-value="2009">2009</td>
<td><span class="flag-icon flag-icon-de"></span> Germany</td>
@ -122,11 +122,11 @@
<tr>
<td data-value="Runbox">
<img alt="Runbox" src="assets/img/provider/runbox.png" width="200" height="70">
<img alt="Runbox" src="/assets/img/provider/runbox.png" width="200" height="70">
</td>
<td>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://runbox.com" href="https://runbox.com"><img alt="WWW" src="assets/img/layout/www.png" width="35" height="35"></a>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://runbox.com" href="https://runbox.com"><img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35"></a>
</td>
<td data-value="1999">1999</td>
<td><span class="flag-icon flag-icon-no"></span> Norway</td>
@ -139,10 +139,10 @@
<tr>
<td data-value="Neomailbox">
<img alt="Neomailbox" src="assets/img/provider/Neomailbox.png" width="200" height="70">
<img alt="Neomailbox" src="/assets/img/provider/Neomailbox.png" width="200" height="70">
</td>
<td>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://www.neomailbox.com" href="https://www.neomailbox.com"><img alt="WWW" src="assets/img/layout/www.png" width="35" height="35"></a>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://www.neomailbox.com" href="https://www.neomailbox.com"><img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35"></a>
</td>
<td data-value="2003">2003</td>
<td><span class="flag-icon flag-icon-ch"></span> Switzerland</td>
@ -155,10 +155,10 @@
<tr>
<td data-value="StartMail">
<img alt="StartMail" src="assets/img/provider/StartMail.png" width="200" height="70">
<img alt="StartMail" src="/assets/img/provider/StartMail.png" width="200" height="70">
</td>
<td>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://www.startmail.com" href="https://www.startmail.com"><img alt="WWW" src="assets/img/layout/www.png" width="35" height="35"></a>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://www.startmail.com" href="https://www.startmail.com"><img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35"></a>
</td>
<td data-value="2014">2014</td>
<td><span class="flag-icon flag-icon-nl"></span> Netherlands</td>
@ -171,10 +171,10 @@
<tr>
<td data-value="Kolab Now">
<img alt="Kolab Now" src="assets/img/provider/Kolab-Now.png" width="200" height="70">
<img alt="Kolab Now" src="/assets/img/provider/Kolab-Now.png" width="200" height="70">
</td>
<td>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://www.kolabnow.com" href="https://www.kolabnow.com"><img alt="WWW" src="assets/img/layout/www.png" width="35" height="35"></a>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="https://www.kolabnow.com" href="https://www.kolabnow.com"><img alt="WWW" src="/assets/img/layout/www.png" width="35" height="35"></a>
</td>
<td data-value="2010">2010</td>
<td><span class="flag-icon flag-icon-ch"></span> Switzerland</td>
@ -195,7 +195,7 @@
<li><a href="https://www.confidantmail.org/">Confidant Mail</a> - An open-source non-SMTP cryptographic email system optimized for large file attachments. It is a secure and spam-resistant alternative to regular email and online file drop services. It
uses <a href="https://theprivacyguide.org/tutorials/gpg.html">GNU Privacy Guard (GPG)</a> for content encryption and authentication, and TLS 1.2 with ephemeral keys for transport encryption.</li>
</ul> <h3>Become Your Own Email Provider with Mail-in-a-Box</h3>
<a href="https://mailinabox.email/"><img src="assets/img/provider/Mail-in-a-Box.png" width="200" height="70" class="img-fluid float-left" alt="Mail-in-a-Box" style="margin-right:10px;"></a>
<a href="https://mailinabox.email/"><img src="/assets/img/provider/Mail-in-a-Box.png" width="200" height="70" class="img-fluid float-left" alt="Mail-in-a-Box" style="margin-right:10px;"></a>
<p>Take it a step further and get control of your email with this easy-to-deploy mail server in a box. Mail-in-a-Box lets you become your own mail service provider in a few easy steps. It's sort of like making your own Gmail, but one you control from top
to bottom. Technically, Mail-in-a-Box turns a fresh cloud computer into a working mail server. But you don't need to be a technology expert to set it up. <strong>More: <a href="https://mailinabox.email/">https://mailinabox.email/</a></strong></p>

View File

@ -8,7 +8,7 @@
{% include card.html color="success"
title="VeraCrypt - Disk Encryption"
image="assets/img/tools/VeraCrypt.png"
image="/assets/img/tools/VeraCrypt.png"
url="https://veracrypt.fr/"
footer="OS: Windows, macOS, Linux."
description="VeraCrypt is a source-available freeware utility used for on-the-fly encryption. It can create a virtual encrypted disk within a file or encrypt a partition
@ -18,7 +18,7 @@
{% include card.html color="primary"
title="GNU Privacy Guard - Email Encryption"
image="assets/img/tools/GnuPG.png"
image="/assets/img/tools/GnuPG.png"
url="https://gpgtools.org/"
footer="OS: Windows, macOS, Linux, Android, BSD."
description="GnuPG is a GPL Licensed alternative to the PGP suite of cryptographic software. GnuPG is compliant with RFC 4880, which is the current IETF standards track specification
@ -28,7 +28,7 @@
{% include card.html color="warning"
title="PeaZip - File Archive Encryption"
image="assets/img/tools/PeaZip.png"
image="/assets/img/tools/PeaZip.png"
url="http://www.peazip.org/"
footer="OS: Windows, Linux, BSD."
description="PeaZip is a free and open-source file manager and file archiver made by Giorgio Tani. It supports its native PEA archive format (featuring compression, multi volume

View File

@ -3,7 +3,7 @@
<div class="row mb-2">
{% include card.html color="success"
title="OnionShare"
image="assets/img/tools/OnionShare.png"
image="/assets/img/tools/OnionShare.png"
url="https://onionshare.org/"
tor="http://elx57ue5uyfplgva.onion/"
footer="OS: Windows, macOS, Linux."
@ -12,7 +12,7 @@
{% include card.html color="primary"
title="Firefox Send"
image="assets/img/tools/Firefox.png"
image="/assets/img/tools/Firefox.png"
url="https://send.firefox.com/"
footer='OS: Browser and Android'
description="Send uses end-to-end encryption to keep your data secure from the moment you share to the moment your file is opened. It also offers security controls that you can set. You can choose when your file link expires, the number of downloads, and whether to add an optional password for an extra layer of security."
@ -20,7 +20,7 @@
{% include card.html color="warning"
title="Magic Wormhole"
image="assets/img/tools/Magic-Wormhole.png"
image="/assets/img/tools/Magic-Wormhole.png"
url="https://github.com/warner/magic-wormhole"
footer="OS: cross-platform"
description="Get things from one computer to another, safely. This package provides a library and a command-line tool named wormhole, which makes it possible to get arbitrary-sized files and directories (or short pieces of text) from one computer to another. The two endpoints are identified by using identical wormhole codes: in general, the sending machine generates and displays the code, which must then be typed into the receiving machine."

View File

@ -4,14 +4,14 @@
{% include card.html color="success"
title="SparkleShare"
image="assets/img/tools/SparkleShare.png"
image="/assets/img/tools/SparkleShare.png"
url="https://sparkleshare.org/"
footer="OS: Windows, macOS, Linux."
description="SparkleShare creates a special folder on your computer. You can add remotely hosted folders (or \"projects\") to this folder. These projects will be automatically
kept in sync with both the host and all of your peers when someone adds, removes or edits a file."
%} {% include card.html color="primary"
title="Syncthing"
image="assets/img/tools/Syncthing.png"
image="/assets/img/tools/Syncthing.png"
url="https://syncthing.net/"
footer="OS: Windows, macOS, Linux, Android, BSD, Solaris."
description="Syncthing replaces proprietary sync and cloud services with something open, trustworthy and decentralized. Your data is your data alone and you deserve to

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>
<img src="assets/img/layout/UKUSA.png" width="260" height="115" class="img-fluid float-right" alt="UKUSA Agreement" style="margin-left:10px;">
<img src="/assets/img/layout/UKUSA.png" width="260" height="115" class="img-fluid float-right" alt="UKUSA Agreement" style="margin-left:10px;">
<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>

View File

@ -1,5 +1,5 @@
<div class="jumbotron p-5">
<h1 class="display-4"><a href="https://www.privacytools.io/" title="privacytools.io"><img src="assets/img/layout/logo.png" width="600" height="88" class="img-fluid" alt="privacytools.io"></a></h1>
<h1 class="display-4"><a href="https://www.privacytools.io/" title="privacytools.io"><img src="/assets/img/layout/logo.png" width="600" height="88" class="img-fluid" alt="privacytools.io"></a></h1>
<p class="lead">You are being watched. Private and state-sponsored organizations are monitoring and recording your online activities. privacytools.io provides knowledge and tools to protect your privacy against global mass surveillance.</p>
</div>
@ -35,7 +35,7 @@
</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/layout/Glenn-Greenwald-Why-privacy-matters.jpg" width="177" height="200" class="img-fluid float-right ml-2" alt="Glenn Greenwald: Why privacy matters"></a>
<a href="https://www.ted.com/talks/glenn_greenwald_why_privacy_matters" title="Glenn Greenwald - Why privacy matters - TED Talk"><img src="/assets/img/layout/Glenn-Greenwald-Why-privacy-matters.jpg" width="177" height="200" class="img-fluid float-right ml-2" alt="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>

View File

@ -3,20 +3,20 @@
<div class="row mb-2">
{% include card.html color="success"
title="BAHNHOF"
image="assets/img/provider/bahnhof.png"
image="/assets/img/provider/bahnhof.png"
url="https://www.bahnhof.net/"
description="BAHNHOF is a widely known 'bullet-proof' hosting company utilized by Wikileaks."
%}
{% include card.html color="primary"
title="Colocation: DataCell"
image="assets/img/provider/datacell.png"
image="/assets/img/provider/datacell.png"
url="https://datacell.is/"
description="DataCell is a data center providing secure colocating in Switzerland and Iceland."
%}
{% include card.html color="warning"
title="VPS/Web Hosting: Orange Website"
image="assets/img/provider/orange_hosting.png"
image="/assets/img/provider/orange_hosting.png"
url="https://www.orangewebsite.com/"
description="Orange Website is an Icelandic web hosting provider that prides themselves in protecting online privacy and free speech."
%}

View File

@ -7,7 +7,7 @@
<div class="row mb-2">
{% include card.html color="success"
title="Mobile: Signal"
image="assets/img/tools/Signal.png"
image="/assets/img/tools/Signal.png"
url="https://signal.org"
footer="OS: Android, iOS, macOS, Windows, Linux"
description="Signal is a mobile app developed by Open Whisper Systems. The app provides instant messaging, as well as voice and video calling.
@ -18,7 +18,7 @@
{% include card.html color="primary"
title="Riot.im"
image="assets/img/tools/riot.png"
image="/assets/img/tools/riot.png"
url="https://riot.im/"
footer="OS: Android, iOS, macOS, Windows, Linux, Web"
labels="warning:beta:The software is currently in beta and the mobile client states 'End-to-end encryption is in beta and may not be reliable. You should not yet trust it to secure data.'"
@ -27,7 +27,7 @@
{% include card.html color="warning"
title="Desktop: Ricochet"
image="assets/img/tools/Ricochet.png"
image="/assets/img/tools/Ricochet.png"
url="https://ricochet.im/"
footer="OS: Windows, macOS, Linux."
description='Ricochet uses the <a href="#browser"><i class="fas fa-link"></i> Tor network</a> to reach your contacts without relying on messaging servers. It creates a hidden service, which is used to rendezvous with

View File

@ -66,7 +66,7 @@
<h3 id="usa" class="anchor">Why is it not recommended to choose a US-based service?</h3>
<img src="assets/img/layout/USA.png" width="200" height="200" class="img-fluid float-right" alt="USA" style="margin-left:10px;">
<img src="/assets/img/layout/USA.png" width="200" height="200" class="img-fluid float-right" alt="USA" style="margin-left:10px;">
<p>Services based in the United States are not recommended because of the country's surveillance programs, use of <a href="https://www.eff.org/issues/national-security-letters/faq">National Security Letters</a> (NSLs) and 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>

View File

@ -4,14 +4,14 @@
{% include card.html color="success"
title="Tails"
image="assets/img/tools/Tails.png"
image="/assets/img/tools/Tails.png"
url="https://tails.boum.org/"
description="Tails is a live operating system, that starts on almost any computer from a DVD, USB stick, or SD card. It aims at preserving privacy and anonymity, and helps to: Use the Internet anonymously and circumvent censorship; Internet connections go through the Tor network; leave no trace on the computer; use state-of-the-art cryptographic tools to encrypt files, emails and instant messaging."
%}
{% include card.html color="primary"
title="KNOPPIX"
image="assets/img/tools/KNOPPIX.png"
image="/assets/img/tools/KNOPPIX.png"
url="https://www.knopper.net/knoppix/"
website="knopper.net"
description="Knoppix is an operating system based on Debian designed to be run directly from a CD / DVD (Live CD) or a USB flash drive (Live USB), one of the first of its kind for any operating system. When starting a program, it is loaded from the removable medium and decompressed into a RAM drive. The decompression is transparent and on-the-fly."
@ -19,7 +19,7 @@
{% include card.html color="warning"
title="Puppy Linux"
image="assets/img/tools/Puppy-Linux.png"
image="/assets/img/tools/Puppy-Linux.png"
url="http://puppylinux.org/"
description="Puppy Linux operating system is a lightweight Linux distribution that focuses on ease of use and minimal memory footprint. The entire system can be run from RAM with current versions generally taking up about 210 MB, allowing the boot medium to be removed after the operating system has started."
%}

View File

@ -8,14 +8,14 @@
{% include card.html color="success"
title="LineageOS"
image="assets/img/tools/LineageOS.png"
image="/assets/img/tools/LineageOS.png"
url="https://www.lineageos.org/"
description="LineageOS is a free and open-source operating system for smartphones and tablets, based on the official releases of Android by Google. It is the continuation of the CyanogenMod project."
%}
{% include card.html color="primary"
title="Ubuntu Touch"
image="assets/img/tools/Ubuntu-Touch.png"
image="/assets/img/tools/Ubuntu-Touch.png"
url="https://ubuntu-touch.io/"
description="Ubuntu Touch is a free and open-source operating system for smartphones and tablets. It's an alternative to the current popular mobile operating systems on the market. Only a few devices are <a href=https://devices.ubuntu-touch.io/>supported.</a>"
%}

View File

@ -8,7 +8,7 @@
{% include card.html color="success"
title="Joplin"
image="assets/img/tools/Joplin.png"
image="/assets/img/tools/Joplin.png"
url="https://joplin.cozic.net/"
footer="OS: Windows, macOS, Linux, iOS, Android, Firefox/Chrome (Web Clipper)."
description="Joplin is a free, open source, fully featured note taking and to-do application, which can handle a large number of markdown notes organized into notebooks and tags. It offers E2EE encryption and can sync through Nextcloud, Dropbox and more. It also offers easy import from Evernote and plain text notes."
@ -16,7 +16,7 @@
{% include card.html color="primary"
title="Standard Notes"
image="assets/img/tools/StandardNotes.png"
image="/assets/img/tools/StandardNotes.png"
url="https://standardnotes.org/"
footer="OS: Windows, macOS, Linux, iOS, Android, Web."
description="Standard Notes is a simple and private notes app that makes your notes easy and available everywhere you are. Features end-to-end encryption on every platform, and a powerful desktop experience with themes and custom editors."
@ -24,7 +24,7 @@
{% include card.html color="warning"
title="Turtl"
image="assets/img/tools/Turtl.png"
image="/assets/img/tools/Turtl.png"
url="https://turtlapp.com/"
footer="OS: Windows, macOS, Linux, Android."
description="Turtl lets you take notes, bookmark websites, and store documents for sensitive projects. From sharing passwords with your coworkers to tracking research on an article you're writing, Turtl keeps it all safe from everyone but you and those you share with."

View File

@ -8,7 +8,7 @@
{% include card.html color="success"
title="Qubes OS"
image="assets/img/tools/Qubes-OS.png"
image="/assets/img/tools/Qubes-OS.png"
url="https://www.qubes-os.org/"
tor="http://qubesos4rrrrz6n4.onion"
description="Qubes is an open-source operating system designed to provide strong security for desktop computing. Qubes is based on Xen, the X Window System, and Linux, and can run most Linux applications and utilize most of the Linux drivers."
@ -16,7 +16,7 @@
{% include card.html color="primary"
title="Debian"
image="assets/img/tools/Debian.png"
image="/assets/img/tools/Debian.png"
url="https://www.debian.org/"
tor="http://sejnfjrq6szgca7v.onion"
description="Debian is a Unix-like computer operating system and a Linux distribution that is composed entirely of free and open-source software, most of which is under the GNU General Public License, and packaged by a group of individuals known as the Debian project."
@ -24,7 +24,7 @@
{% include card.html color="warning"
title="Trisquel"
image="assets/img/tools/Trisquel.png"
image="/assets/img/tools/Trisquel.png"
url="https://trisquel.info/"
description="Trisquel is a Linux-based operating system derived from Ubuntu. The project aims for a fully free software system without proprietary software or firmware and uses Linux-libre, a version of the Linux kernel with the non-free code (binary blobs) removed."
%}

View File

@ -54,7 +54,7 @@
{% include card.html color="success"
title="Make suggestions on Reddit"
image="assets/img/icons/reddit.png"
image="/assets/img/icons/reddit.png"
url="https://www.reddit.com/r/privacytoolsIO/"
website="reddit.com"
description='Our active community subreddit to stay up to date or to make suggestions. Join now! <a href="#" data-toggle="tooltip" data-placement="top" data-original-title="Warrant Canary has been removed by reddit">(Info)</a>'
@ -62,7 +62,7 @@
{% include card.html color="primary"
title="Follow on Twitter"
image="assets/img/icons/twitter.png"
image="/assets/img/icons/twitter.png"
url="https://twitter.com/privacytoolsIO"
website="twitter.com"
description="Get the latest privacy-related updates from our Twitter Feed. Follow now!"
@ -70,7 +70,7 @@
{% include card.html color="warning"
title="Develop on GitHub"
image="assets/img/icons/github.png"
image="/assets/img/icons/github.png"
url="https://github.com/privacytoolsIO/privacytools.io"
website="github.com"
description="The complete website source code is available on GitHub. Join our developer team!"

View File

@ -8,7 +8,7 @@
{% include card.html color="success"
title="Bitwarden - Cloud/Self-host"
image="assets/img/tools/bitwarden.png"
image="/assets/img/tools/bitwarden.png"
url="https://bitwarden.com/"
footer="OS: Windows, macOS, Linux, iOS, Android, Web."
description="Bitwarden is a free and open source password manager. It aims to solve password management problems for individuals, teams, and business organizations. Bitwarden is among the easiest and safest solutions to store all of your logins and passwords while conveniently keeping them synced between all of your devices. If you don't want to use the Bitwarden cloud, you can easily host your own Bitwarden server."
@ -16,7 +16,7 @@
{% include card.html color="primary"
title="KeePass / KeePassXC - Local"
image="assets/img/tools/KeePass.png"
image="/assets/img/tools/KeePass.png"
url="https://keepass.info/download.html"
website="keepass.info"
footer="OS: Windows, macOS, Linux, iOS, Android, BSD."
@ -25,7 +25,7 @@
%}
{% include card.html color="warning"
title="LessPass - Browser"
image="assets/img/tools/LessPass.png"
image="/assets/img/tools/LessPass.png"
url="https://lesspass.com/"
footer="OS: Windows, macOS, Linux, Android."
description="LessPass is a free and open source password manager that generates unique passwords for websites, email accounts, or anything else based on a master password and information you know. No sync needed. Uses PBKDF2 and SHA-256. It's advised to use the browser addons for more security."

View File

@ -4,14 +4,14 @@
{% include card.html color="success"
title="PrivateBin"
image="assets/img/tools/PrivateBin.png"
image="/assets/img/tools/PrivateBin.png"
url="https://privatebin.net/"
description="PrivateBin is a minimalist, open source online pastebin where the server has zero knowledge of pasted data. Data is encrypted/decrypted in the browser using 256bit AES. It is the improved version of ZeroBin."
%}
{% include card.html color="primary"
title="Zerobin.net"
image="assets/img/tools/ZeroBin.png"
image="/assets/img/tools/ZeroBin.png"
url="https://zerobin.net/"
tor="http://zerobinqmdqd236y.onion"
description="Zerobin is a minimalist, open source online pastebin where the server has zero knowledge of pasted data. Data is encrypted/decrypted in the browser using 256bit AES."
@ -19,7 +19,7 @@
{% include card.html color="warning"
title="Ghostbin"
image="assets/img/tools/Ghostbin.png"
image="/assets/img/tools/Ghostbin.png"
url="https://ghostbin.com/"
description="Ghostbin supports encryption, expiration, sessions, grant users to edit your notes and pastes up to one megabyte. You can also create your own account to keep track of your pastes.<br>
The software is good but ghostbin.com's security is <a href=\"https://github.com/privacytoolsIO/privacytools.io/issues/454\">worrisome</a>."

View File

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