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

Add I2P button to cardv2 (#1469)

Browse Source
This commit is contained in:
Dawid Potocki
2019-11-06 07:03:29 +00:00
committed by GitHub
parent 3c74311aa8
commit 61170b72f7
13 changed files with 46 additions and 333 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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.