Add our new custom icon font and fix platform links (#1284)

Fixes #1250, #1249
This commit is contained in:
Dawid Potocki 2019-09-11 02:34:41 +00:00 committed by GitHub
parent eb1aefcd07
commit 7562ed6d04
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
44 changed files with 970 additions and 223 deletions

4
.gitignore vendored
View File

@ -2,3 +2,7 @@ _site/
.sass-cache/
.jekyll-metadata
.DS_Store
font/assets/
font/_sass/
font/.fontcustom-manifest.json
assets/webfonts/ptio-font-preview.html

View File

@ -8,3 +8,4 @@ plugins:
sitemap:
file: "/sitemap.xml"
include: [".well-known"]
exclude: ["font", "vendor"]

View File

@ -92,7 +92,7 @@
<div class="mt-2">
{% if include.windows %}
{% if include.windows != "" %}
<a href="{{ include.windows }}">
<a href="{{ include.windows }}" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-windows fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
@ -102,27 +102,27 @@
{% if include.mac %}
{% if include.mac != "" %}
<a href="{{ include.mac }}">
<i class="fab fa-apple fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.mac }}" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-macos fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="fab fa-apple fa-2x fa-fw d-inline pr-1"></i>
<i class="ptio-macos fa-2x fa-fw d-inline pr-1"></i>
{% endif %}
{% endif %}
{% if include.linux %}
{% if include.linux != "" %}
<a href="{{ include.linux }}">
<i class="fab fa-linux fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.linux }}" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-linux fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="fab fa-linux fa-2x fa-fw d-inline pr-1"></i>
<i class="ptio-linux fa-2x fa-fw d-inline pr-1"></i>
{% endif %}
{% endif %}
{% if include.bsd %}
{% if include.bsd != "" %}
<a href="{{ include.bsd }}">
{% if include.freebsd %}
{% if include.freebsd != "" %}
<a href="{{ include.freebsd }}" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-freebsd fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
@ -130,9 +130,29 @@
{% endif %}
{% endif %}
{% if include.openbsd %}
{% if include.openbsd != "" %}
<a href="{{ include.openbsd }}" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-openbsd fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="ptio-openbsd fa-2x fa-fw d-inline pr-1"></i>
{% endif %}
{% endif %}
{% if include.netbsd %}
{% if include.netbsd != "" %}
<a href="{{ include.netbsd }}" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-netbsd fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="ptio-netbsd fa-2x fa-fw d-inline pr-1"></i>
{% endif %}
{% endif %}
{% if include.firefox %}
{% if include.firefox != "" %}
<a href="{{ include.firefox }}">
<a href="{{ include.firefox }}" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-firefox fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
@ -142,7 +162,7 @@
{% if include.chrome %}
{% if include.chrome != "" %}
<a href="{{ include.chrome }}">
<a href="{{ include.chrome }}" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-chrome fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
@ -152,7 +172,7 @@
{% if include.safari %}
{% if include.safari != "" %}
<a href="{{ include.safari }}">
<a href="{{ include.safari }}" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-safari fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
@ -162,7 +182,7 @@
{% if include.opera %}
{% if include.opera != "" %}
<a href="{{ include.opera }}">
<a href="{{ include.opera }}" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-opera fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
@ -172,7 +192,7 @@
{% if include.edge %}
{% if include.edge != "" %}
<a href="{{ include.edge }}">
<a href="{{ include.edge }}" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-edge fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
@ -180,9 +200,29 @@
{% endif %}
{% endif %}
{% if include.fdroid %}
{% if include.fdroid != "" %}
<a href="{{ include.fdroid }}" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-f-droid fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="ptio-f-droid fa-2x fa-fw d-inline pr-1"></i>
{% endif %}
{% endif %}
{% if include.googleplay %}
{% if include.googleplay != "" %}
<a href="{{ include.googleplay }}" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-google-play fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="fab fa-google-play fa-2x fa-fw d-inline pr-1"></i>
{% endif %}
{% endif %}
{% if include.android %}
{% if include.android != "" %}
<a href="{{ include.android }}">
<a href="{{ include.android }}" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-android fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
@ -192,31 +232,31 @@
{% if include.ios %}
{% if include.ios != "" %}
<a href="{{ include.ios }}">
<i class="fab fa-app-store-ios fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.ios }}" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-ios fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="fab fa-app-store-ios fa-2x fa-fw d-inline pr-1"></i>
<i class="ptio-ios fa-2x fa-fw d-inline pr-1"></i>
{% endif %}
{% endif %}
{% if include.fire %}
{% if include.fire != "" %}
<a href="{{ include.fire }}">
<i class="fas fa-fire fa-2x fa-fw d-inline pr-1"></i>
{% if include.sailfish %}
{% if include.sailfish != "" %}
<a href="{{ include.sailfish }}" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-sailfish-os fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="fas fa-fire fa-2x fa-fw d-inline pr-1"></i>
<i class="ptio-sailfish-os fa-2x fa-fw d-inline pr-1"></i>
{% endif %}
{% endif %}
{% if include.web %}
{% if include.web != "" %}
<a href="{{ include.web }}">
<i class="fas fa-desktop fa-2x fa-fw d-inline pr-1"></i>
<a href="{{ include.web }}" class="text-decoration-none hover-text-decoration-none">
<i class="fas fa-globe-americas fa-2x fa-fw d-inline pr-1"></i>
</a>
{% else %}
<i class="fas fa-desktop fa-2x fa-fw d-inline pr-1"></i>
<i class="fas fa-globe-americas fa-2x fa-fw d-inline pr-1"></i>
{% endif %}
{% endif %}
@ -225,25 +265,25 @@
{{include.icon3}}
{% if include.github %}
<a href="{{include.github}}">
<a href="{{include.github}}" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-github fa-2x fa-fw d-inline"></i>
</a>
{% endif %}
{% if include.gitlab %}
<a href="{{include.gitlab}}">
<a href="{{include.gitlab}}" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-gitlab fa-2x fa-fw d-inline"></i>
</a>
{% endif %}
{% if include.git %}
<a href="{{include.git}}">
<a href="{{include.git}}" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-git-square fa-2x fa-fw d-inline"></i>
</a>
{% endif %}
{% if include.source %}
<a href="{{include.source}}">
<a href="{{include.source}}" class="text-decoration-none hover-text-decoration-none">
<i class="fas fa-code-branch fa-2x fa-fw d-inline"></i>
</a>
{% endif %}

View File

@ -12,10 +12,9 @@ description="<strong>Privacy Badger</strong> is a browser add-on that stops adve
website="https://www.eff.org/privacybadger"
forum="https://forum.privacytools.io/t/discussion-privacy-badger/265"
github="https://github.com/EFForg/privacybadger"
firefox=""
chrome=""
opera=""
android=""
firefox="https://addons.mozilla.org/en-US/firefox/addon/privacy-badger17"
chrome="https://chrome.google.com/webstore/detail/privacy-badger/pkehgijcmpdhfbdbbnkijodmdjhbjlgp"
opera="https://addons.opera.com/en/extensions/details/privacy-badger/"
%}
{% include cardv2.html
@ -25,12 +24,11 @@ description="<strong>uBlock Origin</strong> is an efficient <a href=https://gith
website="https://addons.mozilla.org/firefox/addon/ublock-origin/"
forum="https://forum.privacytools.io/t/discussion-ublock-origin/266"
github="https://github.com/gorhill/uBlock/"
firefox=""
chrome=""
safari=""
opera=""
edge=""
android=""
firefox="https://addons.mozilla.org/en-US/firefox/addon/ublock-origin/"
chrome="https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm"
safari="https://safari-extensions.apple.com/details/?id=com.el1t.uBlock-3NU33NW2M3"
opera="https://addons.opera.com/en/extensions/details/ublock/"
edge="https://www.microsoft.com/en-us/p/ublock-origin/9nblggh444l4"
%}
{% include cardv2.html
@ -40,8 +38,8 @@ description="<strong>Cookie AutoDelete</strong> automatically removes cookies wh
website="https://addons.mozilla.org/firefox/addon/cookie-autodelete/"
forum="https://forum.privacytools.io/t/discussion-cookie-autodelete/267"
github="https://github.com/Cookie-AutoDelete/Cookie-AutoDelete"
firefox=""
chrome=""
firefox="https://addons.mozilla.org/en-US/firefox/addon/cookie-autodelete"
chrome="https://chrome.google.com/webstore/detail/cookie-autodelete/fhcgjolkccmbidfldomjliifgaodjagh"
%}
{% include cardv2.html
@ -51,10 +49,9 @@ description="<strong>HTTPS Everywhere</strong> encrypts your communications with
website="https://www.eff.org/https-everywhere"
forum="https://forum.privacytools.io/t/discussion-https-everywhere/268"
github="https://github.com/EFForg/https-everywhere"
firefox=""
chrome=""
android=""
opera=""
firefox="https://addons.mozilla.org/en-US/firefox/addon/https-everywhere"
chrome="https://chrome.google.com/webstore/detail/https-everywhere/gcbommkclmclpchllfjekcdonpmejbdp"
opera="https://addons.opera.com/en/extensions/details/https-everywhere"
%}
{% include cardv2.html
@ -64,9 +61,9 @@ description="<strong>Decentraleyes</strong> emulates Content Delivery Networks l
website="https://decentraleyes.org/"
forum="https://forum.privacytools.io/t/discussion-decentraleyes/269"
gitlab="https://git.synz.io/Synzvato/decentraleyes"
firefox=""
chrome=""
opera=""
firefox="https://addons.mozilla.org/en-US/firefox/addon/decentraleyes"
chrome="https://chrome.google.com/webstore/detail/decentraleyes/ldpochfccmkkmhdbclfhpagapcfdljkj"
opera="https://addons.opera.com/en/extensions/details/decentraleyes"
%}
{% include cardv2.html
@ -76,10 +73,10 @@ description="<strong>Terms of Service; Didnt Read</strong> “I have read and
website="https://tosdr.org/"
forum="https://forum.privacytools.io/t/discussion-decentraleyes/270"
github="https://github.com/tosdr/"
firefox=""
chrome=""
opera=""
safari=""
firefox="https://addons.mozilla.org/en-US/firefox/addon/decentraleyes"
chrome="https://chrome.google.com/webstore/detail/terms-of-service-didn%E2%80%99t-r/hjdoplcnndgiblooccencgcggcoihigg"
opera="https://addons.opera.com/en/extensions/details/terms-of-service-didnt-read"
safari="https://safariextension.tosdr.org/"
%}
{% include cardv2.html
@ -89,8 +86,8 @@ description="<strong>Snowflake</strong> is a new <a href=https://2019.www.torpro
website="https://snowflake.torproject.org"
forum="https://forum.privacytools.io/t/discussion-snowflake/1146"
git="https://gitweb.torproject.org/pluggable-transports/snowflake.git"
firefox=""
chrome=""
firefox="https://addons.mozilla.org/en-US/firefox/addon/torproject-snowflake"
chrome="https://chrome.google.com/webstore/detail/snowflake/mafpmfcccpbjnhfhjnllmmalhifmlcie"
%}
@ -107,9 +104,9 @@ description="<strong>uMatrix</strong> gives you control over the requests that w
website="https://addons.mozilla.org/firefox/addon/umatrix/"
forum="https://forum.privacytools.io/t/discussion-umatrix/271"
github="https://github.com/gorhill/uMatrix"
firefox=""
chrome=""
opera=""
firefox="https://addons.mozilla.org/en-US/firefox/addon/umatrix"
chrome="https://chrome.google.com/webstore/detail/umatrix/ogfcmafjalglgifnmanfmnieipoejdcf"
opera="https://addons.opera.com/en/extensions/details/umatrix"
%}
{% include cardv2.html
@ -119,6 +116,6 @@ description="<strong>NoScript</strong> is a highly customizable plugin to select
website="https://addons.mozilla.org/firefox/addon/noscript/"
forum="https://forum.privacytools.io/t/discussion-noscript-security-suite/272"
github="https://github.com/hackademix/noscript"
firefox=""
chrome=""
firefox="https://addons.mozilla.org/en-US/firefox/addon/noscript"
chrome="https://chrome.google.com/webstore/detail/noscript/doojmbjmlfjjnbmnoijecmcbfeoakpjm"
%}

View File

@ -8,12 +8,15 @@ recommendations: <a href="#webrtc"><i class="fas fa-link"></i> WebRTC</a> and <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=""
windows="https://www.mozilla.org/en-US/firefox/new/"
mac="https://www.mozilla.org/en-US/firefox/new/"
linux="https://www.mozilla.org/en-US/firefox/new/"
fdroid="https://f-droid.org/en/packages/org.mozilla.fennec_fdroid/"
googleplay="https://play.google.com/store/apps/details?id=org.mozilla.firefox"
ios="https://apps.apple.com/us/app/firefox-private-safe-browser/id989804926"
freebsd="https://www.freshports.org/www/firefox"
openbsd="http://openports.se/www/mozilla-firefox"
netbsd="http://pkgsrc.se/www/firefox"
%}
{% include cardv2.html
@ -23,10 +26,10 @@ description='Tor Browser is your choice if you need an extra layer of anonymity.
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=""
windows="https://www.torproject.org/download/"
mac="https://www.torproject.org/download/"
linux="https://www.torproject.org/download/"
android="https://www.torproject.org/download/#android"
fdroid="https://guardianproject.info/fdroid/"
googleplay="https://play.google.com/store/apps/details?id=org.torproject.torbrowser"
%}

View File

@ -15,6 +15,9 @@
windows="https://nextcloud.com/install/"
linux="https://nextcloud.com/install/"
mac="https://nextcloud.com/install/"
freebsd="https://www.freshports.org/deskutils/nextcloudclient/"
openbsd="http://openports.se/www/nextcloud"
netbsd="http://pkgsrc.se/www/php-nextcloud"
android="https://nextcloud.com/install/"
ios="https://nextcloud.com/install/"
%}
@ -35,9 +38,12 @@
website="https://www.etesync.com/"
forum="https://forum.privacytools.io/t/discussion-etesync-calender-contacts-sync-tools/1536"
github="https://github.com/etesync"
web="https://www.etesync.com/"
linux="https://www.etesync.com/"
android="https://www.etesync.com/"
web="https://client.etesync.com/"
windows="https://github.com/etesync/etesync-dav/blob/master/README.md#installation"
mac="https://github.com/etesync/etesync-dav/blob/master/README.md#installation"
linux="https://github.com/etesync/etesync-dav/blob/master/README.md#installation"
fdroid="https://f-droid.org/packages/com.etesync.syncadapter/"
googleplay="https://play.google.com/store/apps/details?id=com.etesync.syncadapter"
%}
<h3>Worth Mentioning</h3>

View File

@ -11,13 +11,15 @@ description="Similar functionally to the widely used Dropbox, with the differenc
website="https://nextcloud.com/"
forum="https://forum.privacytools.io/t/discussion-nextcloud/287"
github="https://github.com/nextcloud"
windows=""
mac=""
linux=""
bsd=""
ios=""
android=""
fire=""
windows="https://nextcloud.com/install/#install-clients"
mac="https://nextcloud.com/install/#install-clients"
linux="https://nextcloud.com/install/#install-clients"
freebsd="https://www.freshports.org/www/nextcloud/"
openbsd="http://openports.se/www/nextcloud"
netbsd="http://pkgsrc.se/www/php-nextcloud"
ios="https://itunes.apple.com/us/app/nextcloud/id1125420102?mt=8"
fdroid="https://f-droid.org/packages/com.nextcloud.client/"
googleplay="https://play.google.com/store/apps/details?id=com.nextcloud.client"
%}
{% include cardv2.html
@ -27,10 +29,9 @@ description="S4 (Simple Secure Storage Service) is Least Authority's verifiably
website="https://leastauthority.com/"
forum="https://forum.privacytools.io/t/discussion-least-authority-s4/288"
github="https://github.com/LeastAuthority"
windows=""
mac=""
linux=""
bsd=""
windows="https://github.com/gridsync/gridsync#installation-and-running"
mac="https://github.com/gridsync/gridsync#installation-and-running"
linux="https://github.com/gridsync/gridsync#installation-and-running"
%}

View File

@ -18,8 +18,12 @@
website="https://github.com/jedisct1/dnscrypt-proxy/"
forum="https://forum.privacytools.io/t/discussion-dnscrypt-proxy/1498"
github="https://github.com/jedisct1/dnscrypt-proxy/"
windows="https://github.com/jedisct1/dnscrypt-proxy/releases"
linux=""
mac=""
mac="https://github.com/jedisct1/dnscrypt-proxy/releases"
freebsd="https://www.freshports.org/dns/dnscrypt-proxy2/"
openbsd="http://openports.se/net/dnscrypt-proxy"
netbsd="http://pkgsrc.se/net/dnscrypt-proxy2"
android=""
ios=""
%}

View File

@ -8,9 +8,9 @@ meaning that you need-not inherently trust any entities like root certificate au
website="https://bitmessage.org/"
forum="https://forum.privacytools.io/t/discussion-bitmessage/661"
github="https://github.com/Bitmessage/PyBitmessage"
windows=""
mac=""
linux=""
windows="https://github.com/Bitmessage/PyBitmessage/releases"
mac="https://github.com/Bitmessage/PyBitmessage/releases"
linux="https://repology.org/project/pybitmessage/versions"
%}
{% include cardv2.html
@ -20,9 +20,10 @@ description="Retroshare creates encrypted connections to your friends. Nobody ca
website="https://retroshare.cc/"
forum="https://forum.privacytools.io/t/discussion-retroshare/662"
github="https://github.com/RetroShare/RetroShare"
windows=""
mac=""
linux=""
windows="https://retroshare.cc/downloads.html#windows"
mac="https://retroshare.cc/downloads.html#mac"
linux="https://retroshare.cc/downloads.html#gnulinux"
freebsd="https://retroshare.cc/downloads.html#freebsd"
%}

View File

@ -7,10 +7,12 @@ description="Thunderbird is a free, open source, cross-platform email, newsgroup
website="https://www.thunderbird.net/"
forum="https://forum.privacytools.io/t/discussion-thunderbird/659"
source="https://hg.mozilla.org/comm-central/"
windows=""
mac=""
linux=""
bsd=""
windows="https://www.thunderbird.net/en-US/"
mac="https://www.thunderbird.net/en-US/"
linux="https://www.thunderbird.net/en-US/"
freebsd="https://www.freshports.org/mail/thunderbird/"
openbsd="http://openports.se/mail/mozilla-thunderbird"
netbsd="http://pkgsrc.se/mail/thunderbird"
%}
{% include cardv2.html
@ -20,10 +22,12 @@ description="Claws Mail is a free and open source, GTK-based email and news clie
website="https://www.claws-mail.org/"
forum="https://forum.privacytools.io/t/discussion-claws-mail/660"
git="https://git.claws-mail.org/"
windows=""
mac=""
linux=""
bsd=""
windows="https://www.claws-mail.org/win32/"
mac="https://www.claws-mail.org/faq/index.php/Installation_and_Configuration#What_do_I_need_to_compile_Claws_Mail.3F"
linux="https://www.claws-mail.org/downloads.php?section=downloads"
freebsd="https://www.freshports.org/mail/claws-mail/"
openbsd="http://openports.se/mail/claws-mail"
netbsd="http://pkgsrc.se/mail/claws-mail"
%}

View File

@ -24,11 +24,15 @@
description="<strong>GnuPG</strong> 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 of OpenPGP. Current versions of PGP (and Veridis' Filecrypt) are interoperable with GnuPG and other OpenPGP-compliant systems. GnuPG is a part of the Free Software Foundation's GNU software project, and has received major funding from the German government."
website="https://gnupg.org/"
forum="https://forum.privacytools.io/t/discussion-gnupg-file-encryption/1533"
git="https://gnupg.org/download/git.html"
windows="https://gnupg.org/download/index.html"
linux="https://gnupg.org/download/index.html"
mac="https://gnupg.org/download/index.html"
android="https://gnupg.org/download/index.html"
git="https://git.gnupg.org/cgi-bin/gitweb.cgi?p=gnupg.git"
windows="https://gpg4win.org/download.html"
linux="https://gnupg.org/download/index.html#binary"
freebsd="https://www.freshports.org/security/gnupg/"
openbsd="http://openports.se/security/gnupg"
netbsd="http://pkgsrc.se/security/gnupg"
mac="https://gpgtools.org/"
fdroid="https://f-droid.org/app/org.sufficientlysecure.keychain"
googleplay="https://play.google.com/store/apps/details?id=org.sufficientlysecure.keychain"
%}
{%
@ -38,9 +42,12 @@
description="<strong>PeaZip</strong> 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 split and flexible authenticated encryption and integrity check schemes) and other mainstream formats, with special focus on handling open formats. It supports 180+ archive formats."
website="http://www.peazip.org"
forum="https://forum.privacytools.io/t/discussion-peazip-file-encryption/1534"
source="https://sourceforge.net/projects/peazip/files/"
windows="https://www.peazip.org/"
linux="https://www.peazip.org/"
source="https://osdn.net/projects/peazip"
windows="https://www.peazip.org/peazip-64bit.html"
linux="https://www.peazip.org/peazip-linux.html"
freebsd="https://www.freshports.org/archivers/peazip/"
openbsd="https://www.peazip.org/peazip-bsd.html"
netbsd="https://www.peazip.org/peazip-bsd.html"
%}
<h3>Worth Mentioning</h3>

View File

@ -7,8 +7,8 @@ website="https://send.firefox.com/"
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."
forum="https://forum.privacytools.io/t/discussion-firefox-send/755"
github="https://github.com/mozilla/send"
web=""
android=""
web="https://send.firefox.com/"
googleplay="https://play.google.com/store/apps/details?id=org.mozilla.firefoxsend"
%}
{% include cardv2.html
@ -19,21 +19,26 @@ tor="http://elx57ue5uyfplgva.onion/"
description="OnionShare is an open source tool that lets you securely and anonymously share a file of any size. It works by starting a web server, making it accessible as a Tor onion service, and generating an unguessable URL to access and download the files."
forum="https://forum.privacytools.io/t/discussion-onionshare/754"
github="https://github.com/micahflee/onionshare"
windows=""
mac=""
linux=""
windows="https://onionshare.org/#downloads"
mac="https://onionshare.org/#downloads"
linux="https://onionshare.org/#downloads"
freebsd="https://www.freshports.org/www/onionshare/"
openbsd="http://openports.se/net/onionshare"
%}
{% include cardv2.html
title="Magic Wormhole"
image="/assets/img/tools/Magic-Wormhole.png"
website="https://github.com/warner/magic-wormhole"
website="https://magic-wormhole.readthedocs.io"
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."
forum="https://forum.privacytools.io/t/discussion-magic-wormhole/756"
github="https://github.com/warner/magic-wormhole"
windows=""
mac=""
linux=""
windows="https://magic-wormhole.readthedocs.io/en/latest/welcome.html#installation"
mac="https://magic-wormhole.readthedocs.io/en/latest/welcome.html#installation"
linux="https://magic-wormhole.readthedocs.io/en/latest/welcome.html#installation"
freebsd="https://www.freshports.org/net/py-magic-wormhole/"
openbsd="https://pypi.org/project/magic-wormhole/"
netbsd="https://pypi.org/project/magic-wormhole/"
%}
<h3>Worth Mentioning</h3>

View File

@ -14,8 +14,13 @@ labels="success:VoIP"
website="https://signal.org/"
forum="https://forum.privacytools.io/t/discussion-signal/664"
github="https://github.com/signalapp"
android=""
ios=""
playstore="https://play.google.com/store/apps/details?id=org.thoughtcrime.securesms"
windows="https://signal.org/download/"
mac="https://signal.org/download/"
linux="https://signal.org/download/"
playstore="https://play.google.com/store/apps/details?id=org.thoughtcrime.securesms"
android="https://signal.org/android/apk/#apk-danger"
ios="https://apps.apple.com/us/app/signal-private-messenger/id874139669"
%}
@ -27,12 +32,13 @@ labels="warning:<a href=//www.vice.com/en_us/article/gvzw5x/secure-messaging-app
website="https://wire.com/"
forum="https://forum.privacytools.io/t/discussion-wire/750"
github="https://github.com/wireapp/"
android=""
ios=""
mac=""
windows=""
linux=""
web=""
windows="https://wire.com/en/download"
mac="https://wire.com/en/download"
linux="https://wire.com/en/download"
googleplay="https://play.google.com/store/apps/details?id=com.wire"
android="https://wire.com/en/download"
ios="https://itunes.apple.com/app/wire/id930944768?mt=8"
web="https://app.wire.com"
%}
<h3>Complete Comparison</h3>

View File

@ -17,7 +17,7 @@ description='Knoppix is an operating system based on Debian designed to be run d
badges="info:GNU/Linux"
labels="warning:contrib:This software may depend on or recommend non-free software."
website="https://www.knopper.net/knoppix/index-en.html"
source="https://www.knopper.net/knoppix-info/index-en.html"
source="https://www.knopper.net/knoppix-info/index-en.html#license"
%}
{% include cardv2.html

View File

@ -10,13 +10,15 @@ image="/assets/img/tools/Joplin.png"
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."
website="https://joplinapp.org/"
github="https://github.com/laurent22/joplin"
windows=""
mac=""
linux=""
ios=""
android=""
firefox=""
chrome=""
windows="https://joplinapp.org/#desktop-applications"
mac="https://joplinapp.org/#desktop-applications"
linux="https://joplinapp.org/#desktop-applications"
freebsd="https://www.npmjs.com/package/joplin"
googleplay="https://joplinapp.org/images/BadgeAndroid.png"
android="https://joplinapp.org/#mobile-applications"
ios="https://itunes.apple.com/us/app/joplin/id1315599797"
firefox="https://addons.mozilla.org/en-US/firefox/addon/joplin-web-clipper/"
chrome="https://chrome.google.com/webstore/detail/joplin-web-clipper/alofnhikmmkdbbbgpnglcpdollgjjfek"
%}
{% include cardv2.html
@ -25,12 +27,13 @@ image="/assets/img/tools/StandardNotes.png"
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."
website="https://standardnotes.org/"
github="https://github.com/standardnotes"
windows=""
mac=""
linux=""
ios=""
android=""
web=""
windows="https://standardnotes.org/#get-started"
mac="https://standardnotes.org/#get-started"
linux="https://standardnotes.org/#get-started"
ios="https://itunes.apple.com/us/app/standard-notes/id1285392450"
fdroid="https://f-droid.org/packages/com.standardnotes/"
googleplay="https://play.google.com/store/apps/details?id=com.standardnotes"
web="https://app.standardnotes.org/"
%}
{% include cardv2.html
@ -39,10 +42,13 @@ image="/assets/img/tools/Turtl.png"
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."
website="https://turtlapp.com/"
github="https://github.com/turtl"
windows=""
mac=""
linux=""
android=""
windows="https://turtlapp.com/download/"
mac="https://turtlapp.com/download/"
linux="https://turtlapp.com/download/"
googleplay="https://play.google.com/store/apps/details?id=com.lyonbros.turtl"
android="https://turtlapp.com/download/"
firefox="https://addons.mozilla.org/en-US/firefox/addon/turtl-bookmarking/"
chrome="https://chrome.google.com/webstore/detail/turtl/dgcojenhfdjhieoglmiaheihjadlpcml"
%}
<h3>Warning</h3>

View File

@ -31,8 +31,8 @@ image="/assets/img/tools/Debian.png"
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.'
badges="info:GNU/Linux"
website="https://www.debian.org/"
git="https://salsa.debian.org/qa/debsources"
tor="http://sejnfjrq6szgca7v.onion"
gitlab="https://salsa.debian.org/qa/debsources"
%}
<h3>Warning</h3>

View File

@ -13,14 +13,19 @@
forum="https://forum.privacytools.io/t/discussion-bitwarden/1343"
github="https://github.com/bitwarden"
web="https://vault.bitwarden.com/#/"
linux="https://vault.bitwarden.com/download/?app=desktop&platform=linux"
mac="https://vault.bitwarden.com/download/?app=desktop&platform=macos"
windows="https://bitwarden.com/#download"
linux="https://bitwarden.com/#download"
freebsd="https://www.npmjs.com/package/@bitwarden/cli"
openbsd="https://www.npmjs.com/package/@bitwarden/cli"
netbsd="https://www.npmjs.com/package/@bitwarden/cli"
mac="https://bitwarden.com/#download"
firefox="https://addons.mozilla.org/firefox/addon/bitwarden-password-manager/"
chrome="https://chrome.google.com/webstore/detail/bitwarden-free-password-m/nngceckbapebfimnlniiiahkandclblb"
safari="https://safari-extensions.apple.com/details/?id=com.bitwarden.safari-LTZ2PFU5D6"
opera="https://addons.opera.com/extensions/details/bitwarden-free-password-manager/"
edge="https://www.microsoft.com/store/apps/9P6KXL0SVNNL"
android="https://play.google.com/store/apps/details?id=com.x8bit.bitwarden"
fdroid="https://mobileapp.bitwarden.com/fdroid/"
googleplay="https://play.google.com/store/apps/details?id=com.x8bit.bitwarden"
ios="https://itunes.apple.com/app/bitwarden-free-password-manager/id1137397744?mt=8"
%}
@ -32,9 +37,16 @@
website="https://keepassxc.org/"
forum="https://forum.privacytools.io/t/discussion-keepassxc/1344/2"
github="https://github.com/keepassxreboot/keepassxc"
web="https://keepassxc.org/"
windows="https://keepassxc.org/download/#windows"
linux="https://keepassxc.org/download/#linux"
mac="https://keepassxc.org/download/#mac"
freebsd="https://www.freshports.org/security/keepassxc/"
openbsd="http://openports.se/security/keepassxc"
netbsd="http://pkgsrc.se/security/keepassxc"
fdroid="https://f-droid.org/packages/com.kunzisoft.keepass.libre/"
googleplay="https://play.google.com/store/apps/details?id=com.kunzisoft.keepass.free"
firefox="https://addons.mozilla.org/en-US/firefox/addon/keepassxc-browser"
chrome="https://chrome.google.com/webstore/detail/keepassxc-browser/oboonakemofpalcgghocfoadofidjkkk"
%}
{%
@ -45,9 +57,14 @@
website="https://lesspass.com/"
forum="https://forum.privacytools.io/t/discussion-keepassxc/1344/2"
github="https://github.com/lesspass/lesspass"
windows="https://pypi.org/project/lesspass/"
mac="https://pypi.org/project/lesspass/"
linux="https://pypi.org/project/lesspass/"
freebsd="https://pypi.org/project/lesspass/"
firefox="https://addons.mozilla.org/en-US/firefox/addon/lesspass/"
chrome="https://chrome.google.com/webstore/detail/lesspass/lcmbpoclaodbgkbjafnkbbinogcbnjih"
android="https://play.google.com/store/apps/details?id=com.lesspass.android&hl=en"
fdroid="https://f-droid.org/packages/com.lesspass.android"
googleplay="https://play.google.com/store/apps/details?id=com.lesspass.android"
%}
<h3>Worth Mentioning</h3>

View File

@ -19,9 +19,13 @@
website="https://etherpad.org/"
forum="https://forum.privacytools.io/t/discussion-etherpad-productivity-tools/1538"
github="https://github.com/ether/etherpad-lite"
windows="https://etherpad.org/#download"
linux="https://etherpad.org/#download"
mac="https://etherpad.org/#download"
web="https://github.com/ether/etherpad-lite/wiki/Sites-that-run-Etherpad"
windows="https://github.com/ether/etherpad-lite#windows"
linux="https://github.com/ether/etherpad-lite#installation"
mac="https://github.com/ether/etherpad-lite#gnulinux-and-other-unix-like-systems"
freebsd="https://github.com/ether/etherpad-lite#gnulinux-and-other-unix-like-systems"
openbsd="https://github.com/ether/etherpad-lite#gnulinux-and-other-unix-like-systems"
netbsd="https://github.com/ether/etherpad-lite#gnulinux-and-other-unix-like-systems"
%}
{%
@ -33,11 +37,13 @@
forum="https://forum.privacytools.io/t/discussion-write-as-productivity-tools/1539"
tor="http://writeas7pm7rcdqg.onion"
git="https://code.as/writeas"
web="https://write.as/apps"
web="https://write.as/pad"
windows="https://github.com/writeas/writeas-cli"
mac="https://github.com/writeas/writeas-cli"
linux="https://write.as/apps"
chrome="https://write.as/apps"
android="https://write.as/apps"
ios="https://write.as/apps"
googleplay="https://play.google.com/store/apps/details?id=com.abunchtell.writeas"
ios="https://itunes.apple.com/app/apple-store/id1000755153"
%}
<h1 id="metadata-removal-tools" class="anchor">
@ -55,9 +61,12 @@
website="https://0xacab.org/jvoisin/mat2"
forum="https://forum.privacytools.io/t/discussion-mat/1559"
gitlab="https://0xacab.org/jvoisin/mat2"
linux=""
mac=""
windows=""
windows="https://pypi.org/project/mat2/"
mac="https://pypi.org/project/mat2/"
linux="https://pypi.org/project/mat2/"
freebsd="https://pypi.org/project/mat2/"
openbsd="https://pypi.org/project/mat2/"
netbsd="https://pypi.org/project/mat2/"
%}
</div>

View File

@ -8,7 +8,6 @@ badges="info:Linux"
labels="warning:contrib:This software may depend on or recommend non-free software."
website="https://openwrt.org/"
git="https://git.openwrt.org/"
github="https://github.com/openwrt"
%}
{% include cardv2.html

View File

@ -11,9 +11,16 @@ description='Mastodon is a social network based on open web protocols and free,
website="https://joinmastodon.org/"
forum="https://forum.privacytools.io/t/discussion-mastodon/289"
github="https://github.com/tootsuite/mastodon"
android=""
ios=""
web=""
windows="https://joinmastodon.org/apps"
mac="https://joinmastodon.org/apps"
linux="https://joinmastodon.org/apps"
freebsd="https://joinmastodon.org/apps"
openbsd="https://joinmastodon.org/apps"
netbsd="https://joinmastodon.org/apps"
android="https://joinmastodon.org/apps"
sailfish="https://joinmastodon.org/apps"
ios="https://joinmastodon.org/apps"
web="https://joinmastodon.org/#getting-started"
%}
{% include cardv2.html
@ -23,8 +30,8 @@ description="diaspora* is based on three key philosophies: Decentralization, fre
website="https://diasporafoundation.org/"
forum="https://forum.privacytools.io/t/discussion-diaspora/290"
github="https://github.com/diaspora/diaspora"
android=""
web=""
android="https://wiki.diasporafoundation.org/Tools_to_use_with_Diaspora#Android"
web="https://diasporafoundation.org/"
%}
{% include cardv2.html
@ -34,20 +41,21 @@ description="Friendica has an emphasis on extensive privacy settings and easy se
website="https://friendi.ca/"
forum="https://forum.privacytools.io/t/discussion-friendica/291"
github="https://github.com/friendica/friendica"
windows=""
linux=""
android=""
web=""
windows="https://friendi.ca/resources/mobile-clients/"
linux="https://friendi.ca/resources/mobile-clients/"
android="https://friendi.ca/resources/mobile-clients/"
sailfish="https://friendi.ca/resources/mobile-clients/"
web="https://friendi.ca/"
%}
{% include cardv2.html
title="PixelFed - Instagram Alternative"
image="/assets/img/provider/pixelfed.png"
description='A free and ethical photo sharing platform, powered by ActivityPub federation. Pixelfed is an open-source, federated platform. You can run your own instance or <a href="https://fediverse.party/en/pixelfed/">join one.</a>'
website="https://pixelfed.social/"
website="https://pixelfed.org/"
forum="https://forum.privacytools.io/t/discussion-pixelfed/293"
github="https://github.com/pixelfed"
web=""
web="https://pixelfed.org/"
%}
{% include cardv2.html
@ -56,12 +64,8 @@ image="/assets/img/provider/gnu-social.png"
description="A social communication software for both public and private communications. It is widely supported and has a large userbase. It is already used by the Free Software Foundation."
website="https://gnu.io/social/"
forum="https://forum.privacytools.io/t/discussion-gnu-social/292"
github="https://github.com/foocorp/gnu-social"
android=""
ios=""
linux=""
windows=""
web=""
gitlab="https://git.gnu.io/gnu/gnu-social/"
web="https://gnu.io/social/"
%}
<h3>Worth Mentioning</h3>

View File

@ -8,15 +8,12 @@
title="Aether"
image="/assets/img/tools/aether.png"
description='<a href="https://github.com/nehbit/aether/blob/master/LICENSE.md">Free/libre and open source</a> decentralized social news aggregator with a built in voting system.'
website="https://github.com/nehbit/aether"
website="https://getaether.net/"
forum="https://forum.privacytools.io/t/discussion-aether/1256"
github="https://github.com/nehbit/aether"
windows=""
mac=""
linux=""
android=""
ios=""
bsd=""
windows="https://getaether.net/download/"
mac="https://getaether.net/download/"
linux="https://getaether.net/download/"
%}
{% include cardv2.html
@ -25,13 +22,8 @@ image="/assets/img/tools/tildes.png"
description='Tildes is a web-based self-hostable online bulletin board. It is licensed under <a href="https://gitlab.com/tildes/tildes/blob/master/LICENSE">GPL 3.0</a>.'
website="https://tildes.net"
forum="https://forum.privacytools.io/t/discussion-tildes/1257"
git="https://gitlab.com/tildes/"
windows=""
mac=""
linux=""
android=""
ios=""
bsd=""
gitlab="https://gitlab.com/tildes/tildes"
web="https://tildes.net"
%}
{% include cardv2.html
@ -40,12 +32,8 @@ image="/assets/img/tools/raddle.png"
description="Raddle is a public Postmill instance focused on privacy and anti-censorship."
website="https://raddle.me"
forum="https://forum.privacytools.io/t/discussion-raddle/1258"
git="https://gitlab.com/postmill/"
windows=""
mac=""
linux=""
android=""
ios=""
gitlab="https://gitlab.com/postmill/"
web="https://raddle.me"
%}
<h3>Worth Mentioning</h3>

View File

@ -13,11 +13,12 @@
website="https://rocket.chat/"
forum="https://forum.privacytools.io/t/discussion-rocket-chat/1223"
github="https://github.com/rocketchat/"
android=""
ios=""
mac=""
windows=""
linux=""
windows="https://rocket.chat/install"
mac="https://itunes.apple.com/us/app/rocket-chat/id1086818840"
linux="https://rocket.chat/install"
fdroid="https://f-droid.org/packages/chat.rocket.android"
googleplay="https://play.google.com/store/apps/details?id=chat.rocket.android"
ios="https://itunes.apple.com/app/rocket-chat/id1148741252"
%}
{%
@ -30,12 +31,15 @@
forum="https://forum.privacytools.io/t/discussion-keybase/1224"
tor="http://keybase5wmilwokqirssclfnsqrjdsi7jdir5wy7y7iu3tanwmtp6oid.onion/"
github="https://github.com/Keybase"
android=""
ios=""
mac=""
windows=""
linux=""
web=""
windows="https://keybase.io/docs/the_app/install_windows"
mac="https://keybase.io/docs/the_app/install_macos"
linux="https://keybase.io/docs/the_app/install_linux"
freebsd="https://www.freshports.org/security/keybase/"
googleplay="https://play.google.com/store/apps/details?id=io.keybase.ossifrage&hl=en_US"
ios="https://keybase.io/_/download/keybase-for-ios"
firefox="https://addons.mozilla.org/en-US/firefox/addon/keybase-for-firefox/"
chrome="https://chrome.google.com/webstore/detail/keybase-for-reddit/ognfafcpbkogffpmmdglhbjboeojlefj"
web="https://keybase.io/"
%}

View File

@ -11,12 +11,12 @@ website="https://www.linphone.org/"
description="Linphone is an open source SIP Phone and a free voice over IP service, available on mobile and desktop environments and on web browsers. It supports ZRTP for end-to-end encrypted voice and video communication."
forum="https://forum.privacytools.io/t/discussion-linphone/751"
github="https://github.com/BelledonneCommunications"
ios=""
android=""
windows=""
linux=""
mac=""
web=""
windows="https://www.linphone.org/technical-corner/linphone?qt-technical_corner=2#qt-technical_corner"
linux="https://www.linphone.org/technical-corner/linphone?qt-technical_corner=2#qt-technical_corner"
mac="https://www.linphone.org/technical-corner/linphone?qt-technical_corner=2#qt-technical_corner"
fdroid="https://f-droid.org/packages/org.linphone"
googleplay="https://play.google.com/store/apps/details?id=org.linphone"
ios="https://itunes.apple.com/us/app/linphone/id360065638?mt=8"
%}
{% include cardv2.html
@ -26,9 +26,11 @@ website="https://mumble.info/"
description="Mumble is an open source, low-latency, high quality voice chat software primarily intended for use while gaming. Note that while Mumble doesn't log messages or record by default, <a href=\"https://github.com/mumble-voip/mumble/issues/1813\">it's missing end-to-end encryption</a>, so self-hosting is recommended."
forum="https://forum.privacytools.io/t/discussion-mumble/1289"
github="https://github.com/mumble-voip/"
windows=""
linux=""
mac=""
windows="https://www.mumble.info/downloads"
linux="https://www.mumble.info/downloads"
mac="https://www.mumble.info/downloads"
android="https://www.mumble.info/downloads/#third-party-clients"
ios="https://apps.apple.com/us/app/mumble/id443472808?ls=1"
%}
<h3>Worth Mentioning</h3>

54
_sass/ptio-font.scss Normal file
View File

@ -0,0 +1,54 @@
/*
Icon Font: ptio-font
*/
@font-face {
font-family: "ptio-font";
src: url("../webfonts/ptio-font.eot");
src: url("../webfonts/ptio-font.eot?#iefix") format("embedded-opentype"),
url("../webfonts/ptio-font.woff2") format("woff2"),
url("../webfonts/ptio-font.woff") format("woff"),
url("../webfonts/ptio-font.ttf") format("truetype"),
url("../webfonts/ptio-font.svg#ptio-font") format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "ptio-font";
src: url("../webfonts/ptio-font.svg#ptio-font") format("svg");
}
}
[data-icon]:before { content: attr(data-icon); }
[data-icon]:before,
.ptio-f-droid:before,
.ptio-ios:before,
.ptio-linux:before,
.ptio-macos:before,
.ptio-netbsd:before,
.ptio-openbsd:before,
.ptio-sailfish-os:before {
display: inline-block;
font-family: "ptio-font";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-rendering: optimizeLegibility;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
.ptio-f-droid:before { content: "\f100"; }
.ptio-ios:before { content: "\f101"; }
.ptio-linux:before { content: "\f107"; }
.ptio-macos:before { content: "\f102"; }
.ptio-netbsd:before { content: "\f103"; }
.ptio-openbsd:before { content: "\f104"; }
.ptio-sailfish-os:before { content: "\f106"; }

View File

@ -5,6 +5,7 @@
@import 'bootstrap';
@import 'flag-icon';
@import 'fontawesome';
@import 'ptio-font';
@import 'sortable-theme-bootstrap';
body {
@ -188,6 +189,15 @@ footer {
}
}
.hover-text-decoration-none:hover {
text-decoration: none;
-webkit-text-decoration-skip: object;
}
.table td, .table th {
vertical-align: middle;
}
/*
* Navbar
@ -353,8 +363,3 @@ input#nav-toggle,
font-size: 0.875em;
content: "\f186";
}
.table td, .table th {
vertical-align: middle;
}

View File

@ -0,0 +1,309 @@
<!DOCTYPE html>
<html>
<head>
<title>ptio-font glyphs preview</title>
<style>
/* Page Styles */
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
background: #fff;
color: #444;
font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a,
a:visited {
color: #888;
text-decoration: underline;
}
a:hover,
a:focus { color: #000; }
header {
border-bottom: 2px solid #ddd;
margin-bottom: 20px;
overflow: hidden;
padding: 20px 0;
}
header h1 {
color: #888;
float: left;
font-size: 36px;
font-weight: 300;
}
header a {
float: right;
font-size: 14px;
}
.container {
margin: 0 auto;
max-width: 1200px;
min-width: 960px;
padding: 0 40px;
width: 90%;
}
.glyph {
border-bottom: 1px dotted #ccc;
padding: 10px 0 20px;
margin-bottom: 20px;
}
.preview-glyphs { vertical-align: bottom; }
.preview-scale {
color: #888;
font-size: 12px;
margin-top: 5px;
}
.step {
display: inline-block;
line-height: 1;
position: relative;
width: 10%;
}
.step .letters,
.step i {
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
-ms-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
}
.step:hover .letters { opacity: 1; }
.step:hover i { opacity: .3; }
.letters {
opacity: .3;
position: absolute;
}
.characters-off .letters { display: none; }
.characters-off .step:hover i { opacity: 1; }
.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-36 { font-size: 36px; }
.size-48 { font-size: 48px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; }
.usage { margin-top: 10px; }
.usage input {
font-family: monospace;
margin-right: 3px;
padding: 2px 5px;
text-align: center;
}
.usage .point { width: 150px; }
.usage .class { width: 250px; }
footer {
color: #888;
font-size: 12px;
padding: 20px 0;
}
/* Icon Font: ptio-font */
@font-face {
font-family: "ptio-font";
src: url("./ptio-font.eot");
src: url("./ptio-font.eot?#iefix") format("embedded-opentype"),
url("./ptio-font.woff2") format("woff2"),
url("./ptio-font.woff") format("woff"),
url("./ptio-font.ttf") format("truetype"),
url("./ptio-font.svg#ptio-font") format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "ptio-font";
src: url("./ptio-font.svg#ptio-font") format("svg");
}
}
[data-icon]:before { content: attr(data-icon); }
[data-icon]:before,
.ptio-f-droid:before,
.ptio-ios:before,
.ptio-linux:before,
.ptio-macos:before,
.ptio-netbsd:before,
.ptio-openbsd:before,
.ptio-sailfish-os:before {
display: inline-block;
font-family: "ptio-font";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-rendering: optimizeLegibility;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
.ptio-f-droid:before { content: "\f100"; }
.ptio-ios:before { content: "\f101"; }
.ptio-linux:before { content: "\f107"; }
.ptio-macos:before { content: "\f102"; }
.ptio-netbsd:before { content: "\f103"; }
.ptio-openbsd:before { content: "\f104"; }
.ptio-sailfish-os:before { content: "\f106"; }
</style>
<!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<script>
function toggleCharacters() {
var body = document.getElementsByTagName('body')[0];
body.className = body.className === 'characters-off' ? '' : 'characters-off';
}
</script>
</head>
<body class="characters-off">
<div id="page" class="container">
<header>
<h1>ptio-font contains 7 glyphs:</h1>
<a onclick="toggleCharacters(); return false;" href="#">Toggle Preview Characters</a>
</header>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="ptio-f-droid" class="ptio-f-droid"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ptio-f-droid" class="ptio-f-droid"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ptio-f-droid" class="ptio-f-droid"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ptio-f-droid" class="ptio-f-droid"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ptio-f-droid" class="ptio-f-droid"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ptio-f-droid" class="ptio-f-droid"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ptio-f-droid" class="ptio-f-droid"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ptio-f-droid" class="ptio-f-droid"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ptio-f-droid" class="ptio-f-droid"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ptio-f-droid" class="ptio-f-droid"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".ptio-f-droid" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf100;" />