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

View File

@ -5,16 +5,44 @@
<div class="card-body"> <div class="card-body">
<p class="card-text"> <p class="card-text">
<img src="{{include.image}}" height="120" width="120" class="panel-pic" alt="{{include.title}}"> <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}} {{include.description}}
</p> </p>
<a href="{{include.website}}" class="btn btn-primary"><i class="fas fa-external-link-alt fa-fw"></i> Website</a> <a href="{{include.website}}" class="btn btn-primary"><i class="fas fa-external-link-alt fa-fw"></i> Website</a>
{% if include.discussion %} {% if include.forum %}
<a href="{{include.discussion}}" class="btn btn-success"><i class="fab fa-discourse fa-fw"></i> Forum</a> <a href="{{include.forum}}" class="btn btn-success"><i class="fab fa-discourse fa-fw"></i> Forum</a>
{% endif %} {% endif %}
{% if include.tor %} {% 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> <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 %} {% endif %}
<div class="float-right"> <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.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.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 %} {% 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.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.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 %} {{include.icon1}}
{% if include.mac %}<i class="fab fa-apple fa-2x fa-fw"></i>{% endif %} {{include.icon2}}
{% if include.linux %}<i class="fab fa-linux fa-2x fa-fw"></i>{% endif %} {{include.icon3}}
{% 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.github %}<a href="{{include.github}}"><i class="fab fa-github fa-2x fa-fw"></i></a>{% endif %} {% 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.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 %} {% 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> </div>
</div> </div>
<br> <br>

View File

@ -10,7 +10,7 @@ title="Privacy Badger: Stop Tracking"
image="/assets/img/addons/privacy-badger.png" 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." 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" 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" github="https://github.com/EFForg/privacybadger"
firefox="" firefox=""
chrome="" chrome=""
@ -23,7 +23,7 @@ title="uBlock Origin: Block Ads and Trackers"
image="/assets/img/addons/ublock-origin.png" 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." 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/" 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/" github="https://github.com/gorhill/uBlock/"
firefox="" firefox=""
chrome="" chrome=""
@ -38,7 +38,7 @@ title="Cookie AutoDelete: Automatically Delete Cookies"
image="/assets/img/addons/cookie-autodelete.png" 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." 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/" 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" github="https://github.com/Cookie-AutoDelete/Cookie-AutoDelete"
firefox="" firefox=""
chrome="" chrome=""
@ -49,7 +49,7 @@ title="HTTPS Everywhere: Secure Connections"
image="/assets/img/addons/https-everywhere.png" 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." 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" 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" github="https://github.com/EFForg/https-everywhere"
firefox="" firefox=""
chrome="" chrome=""
@ -62,7 +62,7 @@ title="Decentraleyes: Block Content Delivery Networks"
image="/assets/img/addons/decentraleyes.png" 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." 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/" 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" gitlab="https://git.synz.io/Synzvato/decentraleyes"
firefox="" firefox=""
chrome="" chrome=""
@ -74,7 +74,7 @@ title="Terms of Service; Didnt Read: Be Informed"
image="/assets/img/addons/tosdr.png" image="/assets/img/addons/tosdr.png"
description="<strong>Terms of Service; Didnt 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." description="<strong>Terms of Service; Didnt 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/" 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/" github="https://github.com/tosdr/"
firefox="" firefox=""
chrome="" chrome=""
@ -93,7 +93,7 @@ title="uMatrix: Stop Cross-Site Requests"
image="/assets/img/addons/umatrix.png" image="/assets/img/addons/umatrix.png"
description="<strong>uMatrix</strong> gives you control over the requests that websites make to other websites. Many websites integrate features which let other websites track you, such as Facebook Like Buttons or Google Analytics. This gives you greater and more fine-grained control over the information that you leak online." 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/" 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" github="https://github.com/gorhill/uMatrix"
firefox="" firefox=""
chrome="" chrome=""
@ -105,7 +105,7 @@ title="NoScript Security Suite: Be in total control"
image="/assets/img/addons/noscript.png" 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." 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/" 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" github="https://github.com/hackademix/noscript"
firefox="" firefox=""
chrome="" chrome=""

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> <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" {% include cardv2.html
title="Tor Browser" title="Mozilla Firefox"
image="/assets/img/tools/Tor-Browser.png" image="/assets/img/tools/Firefox.png"
url="https://www.torproject.org/" description='Firefox is fast, reliable, open source and respects your privacy. Don\'t forget to adjust the settings according to our
tor="http://expyuzz4wqqyqhjn.onion" 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>.'
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>' website="https://www.firefox.com/"
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." 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" {% include cardv2.html
title="Mozilla Firefox" title="Brave Browser"
image="/assets/img/tools/Firefox.png" image="/assets/img/tools/Brave.png"
url="https://www.firefox.com/" 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."
footer="OS: Windows, macOS, Linux, Android, iOS, BSD." 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."
description='Firefox is fast, reliable, open source and respects your privacy. Don\'t forget to adjust the settings according to our website="https://www.torproject.org/"
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>.' forum="https://forum.privacytools.io/t/discussion-brave-browser/280"
%} github="https://github.com/brave"
windows=""
{% include card.html color="warning" mac=""
title="Brave" linux=""
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." android=""
image="/assets/img/tools/Brave.png" ios=""
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>