privacyguides
/
privacytools.io
Archived
1
0
Fork 0
Code Issues 304 Pull Requests 47 Activity

cardv2 for browsers

This commit is contained in:
BurungHantu1605 2019-05-05 11:39:20 +08:00
parent 7842743465
commit 7afc9c3dd5
3 changed files with 85 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
_includes/cardv2.html
View File

@ -5,16 +5,44 @@
<div class="card-body">
<p class="card-text">
<img src="{{include.image}}" height="120" width="120" class="panel-pic" alt="{{include.title}}">
{% if include.labels %}
{% assign labels = include.labels | replace:", ", "," | split:"," %}
<div class="mb-1">
{% for label in labels %}
{% assign label_data = label | split:":" %}
{% assign color = label_data[0] %}
{% assign text = label_data[1] %}
{% assign tooltip = label_data[2] | default: "" %}
{% assign help_icon = '<i class="far fa-question-circle"></i>' %}
<span class="badge badge-{{color}}" {% if tooltip %} data-toggle="tooltip" title="{{ tooltip }}">{{text}} {{ help_icon
}}
{% else %}
>{{text}}
{% endif %}
</span>
{% endfor %}
</div>
{% endif %}
{{include.description}}
</p>
<a href="{{include.website}}" class="btn btn-primary"><i class="fas fa-external-link-alt fa-fw"></i> Website</a>
{% if include.discussion %}
<a href="{{include.discussion}}" class="btn btn-success"><i class="fab fa-discourse fa-fw"></i> Forum</a>
{% if include.forum %}
<a href="{{include.forum}}" class="btn btn-success"><i class="fab fa-discourse fa-fw"></i> Forum</a>
{% endif %}
{% if include.tor %}
<a class="mb-1" data-toggle="tooltip" data-placement="bottom" data-original-title="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 %}
<div class="float-right">
{% if include.windows %}<i class="fab fa-windows fa-2x fa-fw"></i>{% endif %}
{% if include.mac %}<i class="fab fa-apple fa-2x fa-fw"></i>{% endif %}
{% if include.linux %}<i class="fab fa-linux fa-2x fa-fw"></i>{% endif %}
{% if include.bsd %}<i class="fab fa-freebsd fa-2x fa-fw"></i>{% endif %}
{% if include.web %}<i class="fas fa-desktop fa-2x fa-fw"></i>{% endif %}
{% if include.firefox %}<i class="fab fa-firefox fa-2x fa-fw"></i>{% endif %}
{% if include.chrome %}<i class="fab fa-chrome fa-2x fa-fw"></i>{% endif %}
{% if include.safari %}<i class="fab fa-safari fa-2x fa-fw"></i>{% endif %}
@ -25,18 +53,16 @@
{% if include.ios %}<i class="fab fa-app-store-ios fa-2x fa-fw"></i>{% endif %}
{% if include.fire %}<i class="fas fa-fire fa-2x fa-fw"></i>{% endif %}
{% if include.windows %}<i class="fab fa-windows fa-2x fa-fw"></i>{% endif %}
{% if include.mac %}<i class="fab fa-apple fa-2x fa-fw"></i>{% endif %}
{% if include.linux %}<i class="fab fa-linux fa-2x fa-fw"></i>{% endif %}
{% if include.bsd %}<i class="fab fa-freebsd fa-2x fa-fw"></i>{% endif %}
{% if include.web %}<i class="fas fa-desktop fa-2x fa-fw"></i>{% endif %}
{{include.icon1}}
{{include.icon2}}
{{include.icon3}}
{% if include.github %}<a href="{{include.github}}"><i class="fab fa-github fa-2x fa-fw"></i></a>{% endif %}
{% if include.gitlab %}<a href="{{include.gitlab}}"><i class="fab fa-gitlab fa-2x fa-fw"></i></a>{% endif %}
{% if include.git %}<a href="{{include.git}}"><i class="fab fa-git-square fa-2x fa-fw"></i></a>{% endif %}
{{include.icon1}}{{include.icon2}}{{include.icon3}}
</div>
</div>
</div>
<br>

16
_includes/sections/browser-addons.html
View File

@ -10,7 +10,7 @@ title="Privacy Badger: Stop Tracking"
image="/assets/img/addons/privacy-badger.png"
description="<strong>Privacy Badger</strong> is a browser add-on that stops advertisers and other third-party trackers from secretly tracking where you go and what pages you look at on the web. Privacy Badger learns about trackers as you browse."
website="https://www.eff.org/privacybadger"
discussion="https://forum.privacytools.io/t/discussion-privacy-badger/265"
forum="https://forum.privacytools.io/t/discussion-privacy-badger/265"
github="https://github.com/EFForg/privacybadger"
firefox=""
chrome=""
@ -23,7 +23,7 @@ title="uBlock Origin: Block Ads and Trackers"
image="/assets/img/addons/ublock-origin.png"
description="<strong>uBlock Origin</strong> is an efficient <a href=https://github.com/gorhill/uBlock/wiki/Blocking-mode>wide-spectrum-blocker</a> that's easy on memory, and yet can load and enforce thousands more filters than other popular blockers out there. It has no monetization strategy and is completely open source."
website="https://addons.mozilla.org/firefox/addon/ublock-origin/"
discussion="https://forum.privacytools.io/t/discussion-ublock-origin/266"
forum="https://forum.privacytools.io/t/discussion-ublock-origin/266"
github="https://github.com/gorhill/uBlock/"
firefox=""
chrome=""
@ -38,7 +38,7 @@ title="Cookie AutoDelete: Automatically Delete Cookies"
image="/assets/img/addons/cookie-autodelete.png"
description="<strong>Cookie AutoDelete</strong> automatically removes cookies when they are no longer used by open browser tabs. With the cookies, lingering sessions, as well as information used to spy on you, will be expunged."
website="https://addons.mozilla.org/firefox/addon/cookie-autodelete/"
discussion="https://forum.privacytools.io/t/discussion-cookie-autodelete/267"
forum="https://forum.privacytools.io/t/discussion-cookie-autodelete/267"
github="https://github.com/Cookie-AutoDelete/Cookie-AutoDelete"
firefox=""
chrome=""
@ -49,7 +49,7 @@ title="HTTPS Everywhere: Secure Connections"
image="/assets/img/addons/https-everywhere.png"
description="<strong>HTTPS Everywhere</strong> encrypts your communications with many major websites, making your browsing more secure. A collaboration between The Tor Project and the Electronic Frontier Foundation."
website="https://www.eff.org/https-everywhere"
discussion="https://forum.privacytools.io/t/discussion-https-everywhere/268"
forum="https://forum.privacytools.io/t/discussion-https-everywhere/268"
github="https://github.com/EFForg/https-everywhere"
firefox=""
chrome=""
@ -62,7 +62,7 @@ title="Decentraleyes: Block Content Delivery Networks"
image="/assets/img/addons/decentraleyes.png"
description="<strong>Decentraleyes</strong> emulates Content Delivery Networks locally by intercepting requests, finding the required resource and injecting it into the environment. This all happens instantaneously, automatically, and no prior configuration is required."
website="https://decentraleyes.org/"
discussion="https://forum.privacytools.io/t/discussion-decentraleyes/269"
forum="https://forum.privacytools.io/t/discussion-decentraleyes/269"
gitlab="https://git.synz.io/Synzvato/decentraleyes"
firefox=""
chrome=""
@ -74,7 +74,7 @@ title="Terms of Service; Didn’t Read: Be Informed"
image="/assets/img/addons/tosdr.png"
description="<strong>Terms of Service; Didn’t Read</strong> “I have read and agree to the Terms” is the biggest lie on the web. This addon aims to fix that by grading websites based on their Terms of Service agreements and gives short summaries."
website="https://tosdr.org/"
discussion="https://forum.privacytools.io/t/discussion-decentraleyes/270"
forum="https://forum.privacytools.io/t/discussion-decentraleyes/270"
github="https://github.com/tosdr/"
firefox=""
chrome=""
@ -93,7 +93,7 @@ title="uMatrix: Stop Cross-Site Requests"
image="/assets/img/addons/umatrix.png"
description="<strong>uMatrix</strong> gives you control over the requests that websites make to other websites. Many websites integrate features which let other websites track you, such as Facebook Like Buttons or Google Analytics. This gives you greater and more fine-grained control over the information that you leak online."
website="https://addons.mozilla.org/firefox/addon/umatrix/"
discussion="https://forum.privacytools.io/t/discussion-umatrix/271"
forum="https://forum.privacytools.io/t/discussion-umatrix/271"
github="https://github.com/gorhill/uMatrix"
firefox=""
chrome=""
@ -105,7 +105,7 @@ title="NoScript Security Suite: Be in total control"
image="/assets/img/addons/noscript.png"
description="<strong>NoScript</strong> is a highly customizable plugin to selectively allow JavaScript, Java, and Flash to run only on websites you trust. Not for casual users, it requires technical knowledge to configure."
website="https://addons.mozilla.org/firefox/addon/noscript/"
discussion="https://forum.privacytools.io/t/discussion-noscript-security-suite/272"
forum="https://forum.privacytools.io/t/discussion-noscript-security-suite/272"
github="https://github.com/hackademix/noscript"
firefox=""
chrome=""

71
_includes/sections/browser-recommendation.html
View File

@ -1,32 +1,47 @@
<h1 id="browser" class="anchor"><a href="#browser"><i class="fas fa-link anchor-icon"></i></a> Browser Recommendation</h1>
<div class="row mb-2">
{% include cardv2.html
title="Tor Browser"
image="/assets/img/tools/Tor-Browser.png"
description="Tor Browser is your choice if you need an extra layer of anonymity. It's a modified version of Firefox, it comes with pre-installed privacy add-ons, encryption and an advanced proxy."
website="https://www.torproject.org/"
forum="https://forum.privacytools.io/t/discussion-tor-browser/278"
git="https://trac.torproject.org/projects/tor"
windows=""
mac=""
linux=""
android=""
ios=""
bsd=""
%}
{% include card.html color="success"
title="Tor Browser"
image="/assets/img/tools/Tor-Browser.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>'
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."
%}
{% include cardv2.html
title="Mozilla Firefox"
image="/assets/img/tools/Firefox.png"
description='Firefox is fast, reliable, open source and respects your privacy. Don\'t forget to adjust the settings according to our
recommendations: <a href="#webrtc"><i class="fas fa-link"></i> WebRTC</a> and <a href="#about_config"><i class="fas fa-link"></i> about:config</a> and get the <a href="#addons"><i class="fas fa-link"></i> privacy add-ons</a>.'
website="https://www.firefox.com/"
forum="https://forum.privacytools.io/t/discussion-firefox/279"
github="https://github.com/mozilla"
windows=""
mac=""
linux=""
android=""
ios=""
bsd=""
%}
{% include card.html color="primary"
title="Mozilla Firefox"
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
recommendations: <a href="#webrtc"><i class="fas fa-link"></i> WebRTC</a> and <a href="#about_config"><i class="fas fa-link"></i> about:config</a> and get the <a href="#addons"><i class="fas fa-link"></i> privacy add-ons</a>.'
%}
{% 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"
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."
%}
</div>
{% include cardv2.html
title="Brave Browser"
image="/assets/img/tools/Brave.png"
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."
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."
website="https://www.torproject.org/"
forum="https://forum.privacytools.io/t/discussion-brave-browser/280"
github="https://github.com/brave"
windows=""
mac=""
linux=""
android=""
ios=""
%}