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

Add I2P button to cardv2 (#1469)

This commit is contained in:
Dawid Potocki 2019-11-06 07:03:29 +00:00 committed by GitHub
parent 3c74311aa8
commit 61170b72f7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
13 changed files with 46 additions and 333 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
_includes/cardv2.html
View File

@ -61,17 +61,17 @@
{% endif %}
</p>
<div class="d-flex justify-content-between flex-column flex-md-row align-items-start align-items-md-center">
<div class="flex-shrink-0 mr-2">
<div class="d-flex flex-shrink-0 mr-1">
<a
href="{{include.website}}"
class="btn btn-primary mt-1">
class="btn btn-primary mt-1 mr-1">
<i class="fas fa-external-link-alt fa-fw"></i>
Website
</a>
{% if include.forum %}
<a
href="{{include.forum}}"
class="btn btn-success mt-1">
class="btn btn-success mt-1 mr-1">
<i class="fab fa-discourse fa-fw"></i>
Forum
</a>
@ -83,13 +83,23 @@
data-original-title="Requires specific software to access: torproject.org"
href="{{include.tor}}">
<img
class="mt-2"
class="mt-2 mr-1"
alt="Tor"
src="/assets/img/layout/tor.png"
width="35"
height="35">
</a>
{% endif %}
{% if include.i2p %}
<a
href="{{include.i2p}}"
class="hover-text-decoration-none mt-1 mr-1"
data-toggle="tooltip"
data-placement="bottom"
data-original-title="Requires specific software to access: geti2p.net">
<span class="ptio-i2p-garlic btn-secondary btn-icon"></span>
</a>
{% endif %}
</div>
<div class="mt-2">

2
_includes/head.html
View File

@ -43,6 +43,6 @@
<link rel="shortcut icon" href="/assets/img/favicons/favicon.ico">
<!-- CSS stylesheets -->
<link href="/assets/css/style.css?v=8" rel="stylesheet">
<link href="/assets/css/style.css?v=9" rel="stylesheet">
<link id="dark-css" href="/assets/css/dark.css?v=4" rel="stylesheet" media="(prefers-color-scheme: dark)">
</head>

1
_includes/sections/self-contained-networks.html
View File

@ -30,6 +30,7 @@ image-dark="/assets/img/tools/I2P-dark.png"
description="The Invisible Internet Project (I2P) is a computer network layer that allows applications to send messages to each other pseudonymously and securely. Uses include anonymous Web surfing, chatting, blogging, and file transfers. The software that implements this layer is called an I2P router and a computer running I2P is called an I2P node. The software is free and open-source and is published under multiple licenses."
website="https://geti2p.net/"
forum="https://forum.privacytools.io/t/discussion-i2p/1590"
i2p="http://i2p-projekt.i2p/"
windows="https://geti2p.net/en/download#windows"
mac="https://geti2p.net/en/download#mac"
linux="https://geti2p.net/en/download#unix"

2
_sass/ptio-font.scss
View File

@ -25,6 +25,7 @@
[data-icon]:before,
.ptio-f-droid:before,
.ptio-i2p-garlic:before,
.ptio-ios:before,
.ptio-linux:before,
.ptio-macos:before,
@ -47,6 +48,7 @@
}
.ptio-f-droid:before { content: "\f100"; }
.ptio-i2p-garlic:before { content: "\f10a"; }
.ptio-ios:before { content: "\f101"; }
.ptio-linux:before { content: "\f102"; }
.ptio-macos:before { content: "\f103"; }

8
assets/css/style.scss
View File

@ -202,6 +202,14 @@ footer {
vertical-align: middle;
}
.btn-icon {
font-size: 1.5rem;
padding: 0.5rem;
border-radius: 0.25rem;
display: flex;
height: 2.4rem;
}
/*
* Navbar

324
assets/webfonts/ptio-font-preview.html
View File

@ -1,324 +0,0 @@
<!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-mix: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: "\f102"; }
.ptio-macos:before { content: "\f103"; }
.ptio-mix:before { content: "\f107"; }
.ptio-netbsd:before { content: "\f104"; }
.ptio-openbsd:before { content: "\f105"; }
.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 8 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;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="ptio-ios" class="ptio-ios"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ptio-ios" class="ptio-ios"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ptio-ios" class="ptio-ios"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ptio-ios" class="ptio-ios"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ptio-ios" class="ptio-ios"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ptio-ios" class="ptio-ios"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ptio-ios" class="ptio-ios"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ptio-ios" class="ptio-ios"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ptio-ios" class="ptio-ios"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ptio-ios" class="ptio-ios"></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-ios" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf101;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="ptio-linux" class="ptio-linux"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ptio-linux" class="ptio-linux"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ptio-linux" class="ptio-linux"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ptio-linux" class="ptio-linux"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ptio-linux" class="ptio-linux"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ptio-linux" class="ptio-linux"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ptio-linux" class="ptio-linux"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ptio-linux" class="ptio-linux"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ptio-linux" class="ptio-linux"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ptio-linux" class="ptio-linux"></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-linux" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf102;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="ptio-macos" class="ptio-macos"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ptio-macos" class="ptio-macos"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ptio-macos" class="ptio-macos"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ptio-macos" class="ptio-macos"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ptio-macos" class="ptio-macos"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ptio-macos" class="ptio-macos"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ptio-macos" class="ptio-macos"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ptio-macos" class="ptio-macos"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ptio-macos" class="ptio-macos"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ptio-macos" class="ptio-macos"></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-macos" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf103;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="ptio-mix" class="ptio-mix"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ptio-mix" class="ptio-mix"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ptio-mix" class="ptio-mix"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ptio-mix" class="ptio-mix"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ptio-mix" class="ptio-mix"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ptio-mix" class="ptio-mix"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ptio-mix" class="ptio-mix"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ptio-mix" class="ptio-mix"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ptio-mix" class="ptio-mix"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ptio-mix" class="ptio-mix"></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-mix" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf107;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="ptio-netbsd" class="ptio-netbsd"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ptio-netbsd" class="ptio-netbsd"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ptio-netbsd" class="ptio-netbsd"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ptio-netbsd" class="ptio-netbsd"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ptio-netbsd" class="ptio-netbsd"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ptio-netbsd" class="ptio-netbsd"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ptio-netbsd" class="ptio-netbsd"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ptio-netbsd" class="ptio-netbsd"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ptio-netbsd" class="ptio-netbsd"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ptio-netbsd" class="ptio-netbsd"></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-netbsd" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf104;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="ptio-openbsd" class="ptio-openbsd"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ptio-openbsd" class="ptio-openbsd"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ptio-openbsd" class="ptio-openbsd"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ptio-openbsd" class="ptio-openbsd"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ptio-openbsd" class="ptio-openbsd"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ptio-openbsd" class="ptio-openbsd"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ptio-openbsd" class="ptio-openbsd"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ptio-openbsd" class="ptio-openbsd"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ptio-openbsd" class="ptio-openbsd"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ptio-openbsd" class="ptio-openbsd"></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-openbsd" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf105;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="ptio-sailfish-os" class="ptio-sailfish-os"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="ptio-sailfish-os" class="ptio-sailfish-os"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="ptio-sailfish-os" class="ptio-sailfish-os"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="ptio-sailfish-os" class="ptio-sailfish-os"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="ptio-sailfish-os" class="ptio-sailfish-os"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="ptio-sailfish-os" class="ptio-sailfish-os"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="ptio-sailfish-os" class="ptio-sailfish-os"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="ptio-sailfish-os" class="ptio-sailfish-os"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="ptio-sailfish-os" class="ptio-sailfish-os"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="ptio-sailfish-os" class="ptio-sailfish-os"></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-sailfish-os" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf106;" />
</div>
</div>
<footer>
Made with love using <a href="http://fontcustom.com">Font Custom</a>.
</footer>
</div>
</body>
</html>

BIN
assets/webfonts/ptio-font.eot
View File

Binary file not shown.

21
assets/webfonts/ptio-font.svg
View File

@ -1,11 +1,11 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<!--
2019-9-22: Created with FontForge (http://fontforge.org)
2019-11-5: Created with FontForge (http://fontforge.org)
-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<metadata>
Created by FontForge 20190801 at Sun Sep 22 19:49:38 2019
Created by FontForge 20190801 at Tue Nov 5 22:26:01 2019
By Dawid Potocki
</metadata>
@ -19,10 +19,10 @@ Created by FontForge 20190801 at Sun Sep 22 19:49:38 2019
panose-1="2 0 5 3 0 0 0 0 0 0"
ascent="448"
descent="-64"
bbox="-0.00195312 -64.0039 512.014 448"
bbox="-0.00195312 -64.0049 512.014 448"
underline-thickness="25.6"
underline-position="-51.2"
unicode-range="U+0020-F107"
unicode-range="U+0020-F10A"
/>
<missing-glyph />
<glyph glyph-name="space" unicode=" " horiz-adv-x="200"
@ -38,6 +38,19 @@ c-18.7656 0 -33.8721 15.1074 -33.8721 33.873v225.816c0 18.7656 15.1064 33.873 33
c0 65.3486 -53.2041 118.553 -118.552 118.553zM255.998 183.253c53.7549 0 97.0977 -43.3428 97.0977 -97.0977s-43.3428 -97.0977 -97.0977 -97.0977c-53.7559 0 -97.0977 43.3428 -97.0977 97.0977s43.3418 97.0977 97.0977 97.0977zM255.998 156.724
l-0.00292969 -0.00195312c-32.5244 0 -60.0645 -22.4082 -68.1191 -52.5068h36.2764c6.25879 11.125 18.0098 18.6348 31.8438 18.6348c20.4668 0 36.6953 -16.2285 36.6953 -36.6953s-16.2285 -36.6953 -36.6953 -36.6953c-14.7617 0 -27.2246 8.49902 -33.0781 20.8838
h-35.6152c7.25195 -31.2285 35.3633 -54.7568 68.6953 -54.7568c38.7725 0 70.5684 31.7949 70.5684 70.5693c0 38.7734 -31.7959 70.5684 -70.5684 70.5684z" />
<glyph glyph-name="i2p-garlic" unicode="&#xf10a;"
d="M385.84 18.6582l-0.000976562 -0.00488281c-10.4199 -5.89355 -73.4902 -33.2764 -44.791 -6.45703c3.48438 3.22852 6.81641 6.71289 9.97656 10.4541c51.6914 61.166 32.2188 140.886 4.47559 206.979c-3.36523 8.01172 -26.1191 61.8398 -29.502 70.9287
c-13.9043 37.2402 -18.3809 64.8633 -16.6553 65.7344c8.88184 4.49219 19.2695 -45.4238 58.7305 -103.231c31.3477 -45.9014 75.2158 -77.5205 72.0557 -147.1c0 -47.5068 -20.7559 -78.376 -54.2891 -97.3037zM233.802 -24.5605
c-1.60645 -1.00781 -3.29688 -2.01562 -5.02246 -3.02344c-15.2559 -8.78125 -28.835 -13.8203 -30.3564 -11.1895c-1.50293 2.61328 9.63477 11.8721 24.8896 20.6875c11.958 6.90137 15.0322 4.27148 32.0303 4.40723c14.2979 0.120117 20.5166 3.00684 33.3633 -4.40723
c15.2559 -8.79688 26.3926 -18.0732 24.8896 -20.6875c-1.52051 -2.61426 -15.1016 2.3916 -30.3564 11.2061c-2.08398 1.19629 -4.09961 2.42578 -6.0127 3.62207c12.7266 -15.1699 20.4824 -28.3242 17.8184 -30.7158c-2.81934 -2.51074 -16.332 7.89258 -30.9209 23.6426
c-0.921875 -18.8936 -3.96289 -33.0205 -7.44824 -32.9863c-3.62109 0.0351562 -6.49121 15.4092 -6.90137 35.5488c-15.4766 -17.168 -30.2695 -28.8525 -33.2598 -26.2051c-2.64746 2.375 4.86914 15.1865 17.2881 30.1006h-0.000976562zM227.635 436.466
c4.16797 19.2012 14.9131 13.0342 14.0244 -8.33594c-1.70801 -41.2725 -4.56152 -74.8574 -8.14844 -103.01c12.0088 38.1455 23.3691 73.4902 28.8525 102.258c5.79102 30.4238 21.3369 5.1416 22.1914 -24.1895c13.3242 -88.4365 34.3018 -138.394 51.2139 -178.671
c14.8965 -35.4805 26.5635 -66.1436 26.5635 -106.46v2.78418h0.015625c0 -45.9189 -15.5117 -78.2227 -37.8389 -98.9609c-9.75391 -9.07031 -20.8574 -15.9893 -32.5254 -20.8574c-15.375 -6.44043 -25.7607 -10.2324 -39.957 0.0146484
c-3.41602 2.49414 -6.76465 5.51758 -9.95898 9.13965c-36.7441 29.9121 -49.6592 72.6523 -49.6426 120.57c-0.273438 -4.71484 -0.410156 -9.61719 -0.410156 -14.7422c0 -18.9277 1.60547 -35.8398 4.47559 -50.7021c4.13379 -21.5068 10.4551 -39.0859 19.2871 -52
c14.1953 -20.7383 13.7168 -19.082 -16.4854 -13.8369c-4.45801 0.768555 -8.64355 2.4082 -12.8125 3.79199c-30.9199 10.3008 -67.4092 25.8975 -94.1084 47.9004c8.2334 -12.334 18.4658 -23.335 30.0996 -33.1572c16.5869 -13.9746 17.3389 -18.126 -12.8809 -6.9873
c-60.0625 22.1055 -101.113 62.1309 -90.6758 135.181c7.96094 55.793 48.1221 78.001 85.4658 112.815c82.5947 77.0947 39.666 23.5918 -3.10938 -31.4834c-13.1709 -16.9287 -22.0537 -35.3447 -26.8711 -56.9873c31.9102 46.7725 94.7236 99.2676 125.626 183.71
c11.9238 22.2588 20.4492 49.2676 27.6055 82.2197zM406.985 251.055c42.6221 -31.501 78.4102 -58.9531 86.0801 -104.871c6.71387 -40.2646 -7.49902 -72.8242 -34.917 -97.0469c-12.2998 -10.8652 -35.3457 -35.6006 -9.70312 7.84082
c9.30957 15.8008 12.4697 35.9932 12.4697 58.9873c0 58.4561 -28.084 90.6064 -59.9434 127.08c-15.2549 15.9902 -12.8125 21.9336 6.01367 8.01172v-0.00195312z" />
<glyph glyph-name="ios" unicode="&#xf101;"
d="M125.831 448h260.341c69.7109 0 125.831 -56.1201 125.831 -125.831v-260.341c0 -69.7109 -56.1201 -125.831 -125.831 -125.831h-260.341c-69.7109 0 -125.831 56.1201 -125.831 125.831v260.341c0 69.7109 56.1201 125.831 125.831 125.831zM59.2627 96.6289h32.8428
v139.813h-32.8428v-139.813zM75.6191 254.78c10.2881 0 18.334 7.91406 18.334 17.8066c0 10.0244 -8.0459 17.9385 -18.334 17.9385c-10.1572 0 -18.2021 -7.91406 -18.2021 -17.9385c0 -9.89355 8.0459 -17.8066 18.2021 -17.8066zM201.456 290.132

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 29 KiB

BIN
assets/webfonts/ptio-font.ttf
View File

Binary file not shown.

BIN
assets/webfonts/ptio-font.woff
View File

Binary file not shown.

BIN
assets/webfonts/ptio-font.woff2
View File

Binary file not shown.

1
font/README.md
View File

@ -10,6 +10,7 @@ This font contains icons we need, which Font Awesome does not have.
| OpenBSD | `ptio-openbsd` | https://github.com/FortAwesome/Font-Awesome/issues/5345 |
| NetBSD | `ptio-netbsd` | https://github.com/FortAwesome/Font-Awesome/issues/15496 |
| Sailfish OS | `ptio-sailfish-os` | https://github.com/FortAwesome/Font-Awesome/issues/15498 |
| I2P | `ptio-i2p-garlic` | https://github.com/FortAwesome/Font-Awesome/issues/15772 |
We also have custom Linux icon (`ptio-linux`), because I (@dawidpotocki) made it before and looks cleaner.
And since we are bundling additional font anyway, why not.

2
font/svg/i2p-garlic.svg Normal file
View File

@ -0,0 +1,2 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="96pc" height="96pc" version="1.1" viewBox="0 0 406.4 406.4" xmlns="http://www.w3.org/2000/svg"><path d="m306.26 340.79c26.617-15.024 43.092-39.526 43.092-77.235 2.5085-55.228-32.312-80.326-57.194-116.76-31.322-45.885-39.567-85.506-46.617-81.94-1.3695 0.69153 2.1831 22.617 13.22 52.177 2.6848 7.2136 20.746 49.94 23.417 56.299 22.021 52.462 37.478 115.74-3.5526 164.29-2.5085 2.9695-5.1526 5.7357-7.9188 8.2984-22.78 21.288 27.282-0.44747 35.553-5.1255zm-120.68 34.305c-1.2746 0.80004-2.617 1.6-3.9865 2.4-12.109 6.9696-22.888 10.97-24.095 8.8815-1.1932-2.0746 7.6476-9.4238 19.756-16.421 9.4916-5.478 11.932-3.3899 25.424-3.4984 11.349-0.0949 16.285-2.3865 26.482 3.4984 12.109 6.9831 20.949 14.346 19.756 16.421-1.2068 2.0746-11.987-1.8983-24.095-8.895-1.6543-0.94917-3.2543-1.9255-4.7729-2.8746 10.102 12.041 16.258 22.482 14.143 24.38-2.2373 1.9932-12.963-6.2645-24.543-18.766-0.73221 14.997-3.1458 26.21-5.9119 26.183-2.8746-0.028-5.1526-12.231-5.478-28.217-12.285 13.627-24.027 22.902-26.4 20.8-2.1017-1.8848 3.8644-12.054 13.722-23.892zm-4.895-365.94c3.3085-15.241 11.837-10.346 11.132 6.617-1.356 32.76-3.6204 59.418-6.4679 81.764 9.5323-30.278 18.549-58.333 22.902-81.167 4.5967-24.149 16.936-4.0814 17.614 19.2 10.576 70.197 27.227 109.85 40.651 141.82 11.824 28.163 21.085 52.502 21.085 84.503v-2.2102h0.0121c0 36.448-12.312 62.089-30.034 78.55-7.7424 7.2001-16.556 12.692-25.817 16.556-12.204 5.1119-20.448 8.1221-31.716-0.012-2.7119-1.9797-5.3696-4.3797-7.9052-7.2543-29.166-23.743-39.417-57.668-39.404-95.703-0.21696 3.7424-0.32542 7.634-0.32542 11.702 0 15.024 1.2746 28.448 3.5526 40.245 3.2814 17.071 8.2984 31.024 15.309 41.275 11.268 16.461 10.888 15.146-13.085 10.983-3.539-0.61019-6.8611-1.9119-10.17-3.0102-24.543-8.1764-53.506-20.556-74.699-38.021 6.5357 9.7899 14.658 18.522 23.892 26.319 13.166 11.092 13.763 14.387-10.224 5.5458-47.675-17.546-80.259-49.316-71.974-107.3 6.3187-44.285 38.197-61.913 67.838-89.547 65.56-61.194 31.485-18.726-2.4678 24.99-10.454 13.437-17.505 28.055-21.329 45.234 25.329-37.126 75.187-78.794 99.716-145.82 9.4645-17.668 16.231-39.106 21.912-65.262zm142.36 147.17c33.831 25.004 62.238 46.794 68.326 83.242 5.3289 31.96-5.9526 57.804-27.716 77.031-9.7628 8.6238-28.055 28.258-7.7018-6.2238 7.3899-12.542 9.8984-28.57 9.8984-46.821 0-46.4-22.292-71.919-47.58-100.87-12.109-12.692-10.17-17.41 4.773-6.3594z" fill-rule="evenodd" stroke-width="13.559"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB