Improved icon feature

This commit is contained in:
BurungHantu1605 2019-05-05 11:04:52 +08:00
parent 889d982dcd
commit 33f3c68959
2 changed files with 59 additions and 39 deletions

View File

@ -4,18 +4,38 @@
</div>
<div class="card-body">
<p class="card-text">
<img src="{{include.image}}" height="128" width="128" class="panel-pic" alt="{{include.title}}">
<img src="{{include.image}}" height="120" width="120" class="panel-pic" alt="{{include.title}}">
{{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>iscussion</a>
<a href="{{include.discussion}}" 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">
{{include.icon1}}{{include.icon2}}{{include.icon3}}{{include.icon4}}{{include.icon5}}{{include.icon6}}{{include.icon7}}{{include.icon8}}
{% 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 %}
{% if include.opera %}<i class="fab fa-opera fa-2x fa-fw"></i>{% endif %}
{% if include.edge %}<i class="fab fa-edge fa-2x fa-fw"></i>{% endif %}
{% if include.android %}<i class="fab fa-android 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.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.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>

View File

@ -11,11 +11,11 @@ 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"
icon1='<i class="fab fa-firefox fa-2x fa-fw"></i>'
icon2='<i class="fab fa-chrome fa-2x fa-fw"></i>'
icon3='<i class="fab fa-opera fa-2x fa-fw"></i>'
icon4='<i class="fab fa-android fa-2x fa-fw"></i>'
icon5='<a href="https://github.com/EFForg/privacybadger"><i class="fab fa-github fa-2x fa-fw"></i></a>'
github="https://github.com/EFForg/privacybadger"
firefox=""
chrome=""
opera=""
android=""
%}
{% include cardv2.html
@ -24,13 +24,13 @@ 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"
icon1='<i class="fab fa-firefox fa-2x fa-fw"></i>'
icon2='<i class="fab fa-chrome fa-2x fa-fw"></i>'
icon3='<i class="fab fa-edge fa-2x fa-fw"></i>'
icon4='<i class="fab fa-android fa-2x fa-fw"></i>'
icon5='<i class="fab fa-safari fa-2x fa-fw"></i>'
icon6='<i class="fab fa-opera fa-2x fa-fw"></i>'
icon7='<a href="https://github.com/gorhill/uBlock/"><i class="fab fa-github fa-2x fa-fw"></i></a>'
github="https://github.com/gorhill/uBlock/"
firefox=""
chrome=""
safari=""
opera=""
edge=""
android=""
%}
{% include cardv2.html
@ -39,9 +39,9 @@ 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"
icon1='<i class="fab fa-firefox fa-2x fa-fw"></i>'
icon2='<i class="fab fa-chrome fa-2x fa-fw"></i>'
icon3='<a href="https://github.com/Cookie-AutoDelete/Cookie-AutoDelete"><i class="fab fa-github fa-2x fa-fw"></i></a>'
github="https://github.com/Cookie-AutoDelete/Cookie-AutoDelete"
firefox=""
chrome=""
%}
{% include cardv2.html
@ -50,11 +50,11 @@ 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"
icon1='<i class="fab fa-firefox fa-2x fa-fw"></i>'
icon2='<i class="fab fa-chrome fa-2x fa-fw"></i>'
icon3='<i class="fab fa-android fa-2x fa-fw"></i>'
icon4='<i class="fab fa-opera fa-2x fa-fw"></i>'
icon5='<a href="https://github.com/EFForg/https-everywhere"><i class="fab fa-github fa-2x fa-fw"></i></a>'
github="https://github.com/EFForg/https-everywhere"
firefox=""
chrome=""
android=""
opera=""
%}
{% include cardv2.html
@ -63,10 +63,10 @@ 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"
icon1='<i class="fab fa-firefox fa-2x fa-fw"></i>'
icon2='<i class="fab fa-chrome fa-2x fa-fw"></i>'
icon3='<i class="fab fa-opera fa-2x fa-fw"></i>'
icon4='<a href="https://git.synz.io/Synzvato/decentraleyes"><i class="fab fa-gitlab fa-2x fa-fw"></i></a>'
gitlab="https://git.synz.io/Synzvato/decentraleyes"
firefox=""
chrome=""
opera=""
%}
{% include cardv2.html
@ -75,11 +75,11 @@ 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."
website="https://tosdr.org/"
discussion="https://forum.privacytools.io/t/discussion-decentraleyes/270"
icon1='<i class="fab fa-firefox fa-2x fa-fw"></i>'
icon2='<i class="fab fa-chrome fa-2x fa-fw"></i>'
icon3='<i class="fab fa-opera fa-2x fa-fw"></i>'
icon4='<i class="fab fa-safari fa-2x fa-fw"></i>'
icon5='<a href="https://github.com/tosdr/"><i class="fab fa-github fa-2x fa-fw"></i></a>'
github="https://github.com/tosdr/"
firefox=""
chrome=""
opera=""
safari=""
%}
@ -93,10 +93,10 @@ 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"
icon1='<i class="fab fa-firefox fa-2x fa-fw"></i>'
icon2='<i class="fab fa-chrome fa-2x fa-fw"></i>'
icon3='<i class="fab fa-opera fa-2x fa-fw"></i>'
icon4='<a href="https://github.com/gorhill/uMatrix"><i class="fab fa-github fa-2x fa-fw"></i></a>'
github="https://github.com/gorhill/uMatrix"
firefox=""
chrome=""
opera=""
%}
{% include cardv2.html
@ -105,7 +105,7 @@ 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"
icon1='<i class="fab fa-firefox fa-2x fa-fw"></i>'
icon2='<i class="fab fa-chrome fa-2x fa-fw"></i>'
icon3='<a href="https://github.com/hackademix/noscript"><i class="fab fa-github fa-2x fa-fw"></i></a>'
github="https://github.com/hackademix/noscript"
firefox=""
chrome=""
%}