convert some more cards

This commit is contained in:
Samuel Shifterovich 2018-10-25 18:45:12 +02:00
parent fc44b5c3db
commit 4b5c1f35ea

View File

@ -494,63 +494,30 @@ layout: default
<div class="row"> <div class="row">
<!-- browsers - tor browser --> {% include card.html color="success"
<div class="col-sm-4"> title="Tor Browser"
<div class="panel panel-success"> image="img/tools/Tor-Project.png"
<div class="panel-heading"> url="https://www.torproject.org/"
<h3 class="panel-title">Tor Browser</h3> 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>'
</div> description="Tor Browser is your choice if you need an extra layer of anonymity. It's a modified version of Firefox, it comes with pre-installed privacy add-ons, encryption and an advanced proxy."
<div class="panel-body"> %}
<p><img alt="Tor project" src="img/tools/Tor-Project.png" class="panel-item">Tor Browser is your choice if you need an extra layer of anonymity. It's a modified version of Firefox, it comes with pre-installed privacy add-ons, encryption and an advanced
proxy.
</p>
<p>
<a class="btn btn-success" href="https://www.torproject.org/">
Download: torproject.org
</a>
<a data-toggle="tooltip" data-placement="bottom" data-original-title="http://expyuzz4wqqyqhjn.onion. Requires specific software to access: torproject.org" href="http://expyuzz4wqqyqhjn.onion"><img alt="Tor logo" src="img/layout/tor.png" width="35"></a>
</p>
<p>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></p>
</div>
</div>
</div>
<!-- browsers - firefox --> {% include card.html color="primary"
<div class="col-sm-4"> title="Mozilla Firefox"
<div class="panel panel-info"> image="img/tools/Firefox.png"
<div class="panel-heading"> url="https://www.firefox.com/"
<h3 class="panel-title">Mozilla Firefox</h3> footer="OS: Windows, macOS, Linux, Android, iOS, BSD."
</div> description='Firefox is fast, reliable, open source and respects your privacy. Don\'t forget to adjust the settings according to our
<div class="panel-body"> recommendations: <a href="#webrtc"><span class="glyphicon glyphicon-link"></span> WebRTC</a> and <a href="#about_config"><span class="glyphicon glyphicon-link"></span> about:config</a> and get the <a href="#addons"><span class="glyphicon glyphicon-link"></span> privacy add-ons</a>.'
<p><img alt="Firefox" src="img/tools/Firefox.png" class="panel-item">Firefox is fast, reliable, open source and respects your privacy. Don't forget to adjust the settings according to our %}
recommendations: <a href="#webrtc"><span class="glyphicon glyphicon-link"></span> WebRTC</a> and <a href="#about_config"><span class="glyphicon glyphicon-link"></span> about:config</a> and get the <a href="#addons"><span class="glyphicon glyphicon-link"></span> privacy add-ons</a>.</p>
<p>
<a class="btn btn-info" href="https://www.firefox.com/">
Download: firefox.com
</a>
</p>
<p>OS: Windows, macOS, Linux, Android, iOS, BSD.</p>
</div>
</div>
</div>
<!-- browsers - brave --> {% include card.html color="warning"
<div class="col-sm-4"> title="Brave"
<div class="panel panel-warning"> image="img/tools/Brave.png"
<div class="panel-heading"> url="https://www.brave.com/"
<h3 class="panel-title">Brave</h3> footer="OS: Windows, macOS, Linux, Android, iOS."
</div> 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."
<div class="panel-body"> %}
<p><img alt="Brave browser" src="img/tools/Brave.png" class="panel-item">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.</p>
<p>
<a class="btn btn-warning" href="https://www.brave.com/">
Download: brave.com
</a>
</p>
<p>OS: Windows, macOS, Linux, Android, iOS.</p>
</div>
</div>
</div>
<!-- IceCat removed <!-- IceCat removed
<div class="col-sm-4"> <div class="col-sm-4">
@ -1185,41 +1152,23 @@ layout: default
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-4"> {% include card.html color="success"
<div class="panel panel-success"> title="Thunderbird"
<div class="panel-heading"> image="img/tools/Thunderbird.png"
<h3 class="panel-title">Thunderbird</h3> url="https://mozilla.org/thunderbird"
</div> website="mozilla.org"
<div class="panel-body"> footer="OS: Windows, macOS, Linux, BSD."
<p><img src="img/tools/Thunderbird.png" alt="Thunderbird" class="panel-item">Mozilla Thunderbird is a free, open source, cross-platform email, news, and chat client developed by the Mozilla Foundation. Thunderbird is an email, newsgroup, 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."
news feed, and chat (XMPP, IRC, Twitter) client.</p> %}
<p>
<a class="btn btn-success" href="https://mozilla.org/thunderbird">
Website: mozilla.org
</a>
</p>
<p>OS: Windows, macOS, Linux, BSD.</p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="panel panel-info"> {% include card.html color="primary"
<div class="panel-heading"> title="Claws Mail"
<h3 class="panel-title">Claws Mail</h3> image="img/tools/Claws-Mail.png"
</div> url="http://www.claws-mail.org/"
<div class="panel-body"> footer="OS: Windows, macOS, Linux, BSD, Solaris, Unix."
<p><img src="img/tools/Claws-Mail.png" alt="Claws Mail" class="panel-item">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, 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."
an encryption suite for Windows.</p> %}
<p>
<a class="btn btn-info" href="http://www.claws-mail.org/">
Website: claws-mail.org
</a>
</p>
<p>OS: Windows, macOS, Linux, BSD, Solaris, Unix.</p>
</div>
</div>
</div>
<!-- <!--
@ -1252,58 +1201,32 @@ layout: default
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-4"> {% include card.html color="success"
<div class="panel panel-success"> title="I2P-Bote"
<div class="panel-heading"> image="img/tools/I2P.png"
<h3 class="panel-title">I2P-Bote</h3> url="https://i2pbote.xyz/"
</div> footer="OS: Windows, macOS, Linux, Android, BSD / Solaris."
<div class="panel-body"> description="I2P-Bote is a fully decentralized and distributed email system. It supports different identities and does not expose email headers. Currently (2015), it is still
<p><img src="img/tools/I2P.png" alt="I2P-Bote" class="panel-item">I2P-Bote is a fully decentralized and distributed email system. It supports different identities and does not expose email headers. Currently (2015), it is still in beta version and can be accessed via its web application interface or IMAP and SMTP. All bote-mails are transparently end-to-end encrypted and, optionally, signed by the sender's private key."
in beta version and can be accessed via its web application interface or IMAP and SMTP. All bote-mails are transparently end-to-end encrypted and, optionally, signed by the sender's private key.</p> %}
<p>
<a class="btn btn-success" href="https://i2pbote.xyz/">
Website: i2pbote.xyz
</a>
</p>
<p>OS: Windows, macOS, Linux, Android, BSD / Solaris.</p>
</div>
</div>
</div>
<div class="col-sm-4"> {% include card.html color="primary"
<div class="panel panel-info"> title="Bitmessage"
<div class="panel-heading"> image="img/tools/Bitmessage.png"
<h3 class="panel-title">Bitmessage</h3> url="https://bitmessage.org/"
</div> footer="OS: Windows, macOS, Linux."
<div class="panel-body"> description="Bitmessage is a P2P communications protocol used to send encrypted messages to another person or to many subscribers. It is decentralized and trustless,
<p><img src="img/tools/Bitmessage.png" alt="Bitmessage" class="panel-item">Bitmessage is a P2P communications protocol used to send encrypted messages to another person or to many subscribers. It is decentralized and trustless, meaning that you need-not inherently trust any entities like root certificate authorities. It uses strong authentication which means that the sender of a message cannot be spoofed, and it aims to hide \"non-content\" data."
meaning that you need-not inherently trust any entities like root certificate authorities. It uses strong authentication which means that the sender of a message cannot be spoofed, and it aims to hide "non-content" data.</p> %}
<p>
<a class="btn btn-info" href="https://bitmessage.org/">
Website: bitmessage.org
</a>
</p>
<p>OS: Windows, macOS, Linux.</p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="panel panel-warning"> {% include card.html color="warning"
<div class="panel-heading"> title="RetroShare"
<h3 class="panel-title">RetroShare</h3> image="img/tools/RetroShare.png"
</div> url="http://retroshare.net"
<div class="panel-body"> footer="OS: Windows, macOS, Linux."
<p><img src="img/tools/RetroShare.png" alt="RetroShare" class="panel-item">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.</p> 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."
<p> %}
<a class="btn btn-warning" href="http://retroshare.net">
Website: retroshare.net
</a>
</p>
<p>OS: Windows, macOS, Linux.</p>
</div>
</div>
</div>
</div> </div>
<a class="anchor" name="search"></a> <a class="anchor" name="search"></a>
@ -1320,7 +1243,7 @@ layout: default
{% include card.html color="success" {% include card.html color="success"
title="searx" title="searx"
image="img/provider/searx.jpg" image="img/provider/searx.jpg"
url="ttps://searx.me/" url="https://searx.me/"
tor="http://ulrn6sryqaifefld.onion" tor="http://ulrn6sryqaifefld.onion"
extra_button='<a class="btn btn-success mb-1" href="https://github.com/asciimoo/searx/wiki/Searx-instances">List of Instances</a>' extra_button='<a class="btn btn-success mb-1" href="https://github.com/asciimoo/searx/wiki/Searx-instances">List of Instances</a>'
description='An <a href="https://github.com/asciimoo/searx">open source</a> metasearch engine, aggregating the results of other search engines while not storing information about its users. No logs, no ads and no tracking.' description='An <a href="https://github.com/asciimoo/searx">open source</a> metasearch engine, aggregating the results of other search engines while not storing information about its users. No logs, no ads and no tracking.'
@ -1567,57 +1490,31 @@ layout: default
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-4"> {% include card.html color="success"
<div class="panel panel-success"> title="Pydio"
<div class="panel-heading"> image="img/tools/Pydio.png"
<h3 class="panel-title">Pydio</h3> url="https://pydio.com/"
</div> footer="OS: Windows, macOS, Linux, iOS, Android."
<div class="panel-body"> description="Pydio is open source software that turns instantly any server (on premise, NAS, cloud IaaS or PaaS) into a file sharing platform for your company. It is an alternative
<p><img src="img/tools/Pydio.png" alt="Pydio" class="panel-item">Pydio is open source software that turns instantly any server (on premise, NAS, cloud IaaS or PaaS) into a file sharing platform for your company. It is an alternative to SaaS Boxes and Drives, with more control, safety and privacy, and favorable TCOs."
to SaaS Boxes and Drives, with more control, safety and privacy, and favorable TCOs.</p> %}
<p>
<a class="btn btn-success" href="https://pydio.com/">
Website: pydio.com
</a>
</p>
<p>OS: Windows, macOS, Linux, iOS, Android.</p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title">Tahoe-LAFS</h3>
</div>
<div class="panel-body">
<p><img src="img/tools/Tahoe-LAFS.png" alt="Tahoe-LAFS" class="panel-item">Tahoe-LAFS is a Free and Open decentralized cloud storage system. It distributes your data across multiple servers. Even if some of the servers fail or are
taken over by an attacker, the entire file store continues to function correctly, preserving your privacy and security.</p>
<p>
<a class="btn btn-info" href="https://www.tahoe-lafs.org/">
Website: tahoe-lafs.org
</a>
</p>
<p>OS: Windows, macOS, Linux.</p>
</div>
</div>
</div>
<div class="col-sm-4"> {% include card.html color="primary"
<div class="panel panel-warning"> title="Tahoe-LAFS"
<div class="panel-heading"> image="img/tools/Tahoe-LAFS.png"
<h3 class="panel-title">Nextcloud</h3> url="https://www.tahoe-lafs.org/"
</div> footer="OS: Windows, macOS, Linux."
<div class="panel-body"> description="Tahoe-LAFS is a Free and Open decentralized cloud storage system. It distributes your data across multiple servers. Even if some of the servers fail or are
<p><img src="img/provider/Nextcloud.png" alt="Nextcloud" class="panel-item">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.</p> taken over by an attacker, the entire file store continues to function correctly, preserving your privacy and security."
<p> %}
<a class="btn btn-warning" href="https://nextcloud.com/">
Website: nextcloud.com {% include card.html color="warning"
</a> title="Nextcloud"
</p> image="img/provider/Nextcloud.png"
<p>Client OS: Windows, macOS, Linux, BSD, Unix, iOS, Android, Fire OS. Server: Linux.</p> url="https://nextcloud.com/"
</div> footer="Client OS: Windows, macOS, Linux, BSD, Unix, iOS, Android, Fire OS. Server: Linux."
</div> 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."
</div> %}
</div> </div>
<h3>Worth Mentioning</h3> <h3>Worth Mentioning</h3>
@ -1629,40 +1526,27 @@ layout: default
<h1><a href="#sync" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Secure File Sync Software</h1> <h1><a href="#sync" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> Secure File Sync Software</h1>
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-4">
<div class="panel panel-success"> {% include card.html color="success"
<div class="panel-heading"> title="SparkleShare"
<h3 class="panel-title">SparkleShare</h3> image="img/tools/SparkleShare.png"
</div> url="http://sparkleshare.org/"
<div class="panel-body"> footer="OS: Windows, macOS, Linux."
<p><img src="img/tools/SparkleShare.png" alt="SparkleShare" class="panel-item">SparkleShare creates a special folder on your computer. You can add remotely hosted folders (or "projects") to this folder. These projects will be automatically 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.</p> kept in sync with both the host and all of your peers when someone adds, removes or edits a file."
<p> %}
<a class="btn btn-success" href="http://sparkleshare.org/">
Website: sparkleshare.org
</a> {% include card.html color="primary"
</p> title="Syncthing"
<p>OS: Windows, macOS, Linux.</p> image="img/tools/Syncthing.png"
</div> url="https://syncthing.net/"
</div> footer="OS: Windows, macOS, Linux, Android, BSD, Solaris."
</div> description="Syncthing replaces proprietary sync and cloud services with something open, trustworthy and decentralized. Your data is your data alone and you deserve to
<div class="col-sm-4"> choose where it is stored, if it is shared with some third party and how it's transmitted over the Internet."
<div class="panel panel-info"> %}
<div class="panel-heading">
<h3 class="panel-title">Syncthing</h3>
</div>
<div class="panel-body">
<p><img src="img/tools/Syncthing.png" alt="Syncthing" class="panel-item">Syncthing replaces proprietary sync and cloud services with something open, trustworthy and decentralized. Your data is your data alone and you deserve to
choose where it is stored, if it is shared with some third party and how it's transmitted over the Internet.</p>
<p>
<a class="btn btn-info" href="https://syncthing.net/">
Website: syncthing.net
</a>
</p>
<p>OS: Windows, macOS, Linux, Android, BSD, Solaris.</p>
</div>
</div>
</div>
</div> </div>
<h3>Worth Mentioning</h3> <h3>Worth Mentioning</h3>
<ul> <ul>