Replace Tor image button with proper font icon (#1470)

This commit is contained in:
Dawid Potocki 2019-11-06 23:04:34 +00:00 committed by GitHub
parent 61170b72f7
commit f4335e86dd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
13 changed files with 85 additions and 15 deletions

View File

@ -78,16 +78,12 @@
{% endif %}
{% if include.tor %}
<a
href="{{include.tor}}"
class="hover-text-decoration-none mt-1 mr-1"
data-toggle="tooltip"
data-placement="bottom"
data-original-title="Requires specific software to access: torproject.org"
href="{{include.tor}}">
<img
class="mt-2 mr-1"
alt="Tor"
src="/assets/img/layout/tor.png"
width="35"
height="35">
data-original-title="Requires specific software to access: torproject.org">
<span class="ptio-tor btn-tor btn-icon"></span>
</a>
{% endif %}
{% if include.i2p %}

View File

@ -24,3 +24,4 @@ $reddit: #ff5700;
$linkedin: #4875b4;
$email: #444;
$diaspora: #2f3537;
$tor: #7d4698;

View File

@ -32,7 +32,8 @@
.ptio-mix:before,
.ptio-netbsd:before,
.ptio-openbsd:before,
.ptio-sailfish-os:before {
.ptio-sailfish-os:before,
.ptio-tor:before {
display: inline-block;
font-family: "ptio-font";
font-style: normal;
@ -48,7 +49,7 @@
}
.ptio-f-droid:before { content: "\f100"; }
.ptio-i2p-garlic:before { content: "\f10a"; }
.ptio-i2p-garlic:before { content: "\f10c"; }
.ptio-ios:before { content: "\f101"; }
.ptio-linux:before { content: "\f102"; }
.ptio-macos:before { content: "\f103"; }
@ -56,3 +57,4 @@
.ptio-netbsd:before { content: "\f104"; }
.ptio-openbsd:before { content: "\f105"; }
.ptio-sailfish-os:before { content: "\f106"; }
.ptio-tor:before { content: "\f10b"; }

View File

@ -99,6 +99,9 @@ img {
border-color: darken($danger, 10%);
}
.btn-tor { background: desaturate($tor, 10%); }
.btn-tor:hover { background: darken($tor, 5%); }
.card {
box-shadow: none !important;
}

View File

@ -202,12 +202,21 @@ footer {
vertical-align: middle;
}
.btn-icon {
font-size: 1.5rem;
padding: 0.5rem;
border-radius: 0.25rem;
display: flex;
height: 2.4rem;
color: #ddd;
}
.btn-tor {
background: $tor;
}
.btn-tor:hover {
background: darken($tor, 5%);
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

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-11-5: Created with FontForge (http://fontforge.org)
2019-11-6: 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 Tue Nov 5 22:26:01 2019
Created by FontForge 20190801 at Wed Nov 6 20:45:23 2019
By Dawid Potocki
</metadata>
@ -22,7 +22,7 @@ Created by FontForge 20190801 at Tue Nov 5 22:26:01 2019
bbox="-0.00195312 -64.0049 512.014 448"
underline-thickness="25.6"
underline-position="-51.2"
unicode-range="U+0020-F10A"
unicode-range="U+0020-F10C"
/>
<missing-glyph />
<glyph glyph-name="space" unicode=" " horiz-adv-x="200"
@ -38,7 +38,7 @@ 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;"
<glyph glyph-name="i2p-garlic" unicode="&#xf10c;"
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
@ -160,5 +160,30 @@ c8.31445 -22.0557 6.37891 -48.1729 -5.6709 -75.6553c-21.5723 -49.2031 -70.1602 -
c0.810547 -2.9541 3.49219 -4.92383 6.44824 -4.92383c0.441406 0 0.883789 0.0439453 1.3291 0.134766c10.0469 2.02344 74.2061 18.9258 136.608 50.3584c4.25977 2.14551 8.39453 4.31641 12.457 6.49805l0.00195312 -0.00390625
c0.0166016 0.00976562 0.0654297 0.0371094 0.0859375 0.0517578c77.2275 41.5039 118.729 89.5742 123.359 143.022c2.9541 34.0928 -16.4551 56.5459 -37.6768 77.2021c26.7793 38.7305 114.028 68.5859 115.03 68.9258l86.1172 30.7246
c27.3418 8.91504 48.9072 17.3955 50.4531 18.0068c3.39648 1.34082 5.09082 5.1582 3.80664 8.5791z" />
<glyph glyph-name="tor" unicode="&#xf10b;"
d="M280.216 409.741l-13.5029 -54.0127c19.1289 38.2588 50.0742 66.9531 85.5195 92.2715c-25.8809 -29.8193 -49.5117 -59.6387 -63.5771 -90.0215c24.1934 34.3203 56.8262 52.8877 93.3975 65.8281c-48.9492 -43.3223 -87.7715 -90.584 -117.028 -137.282
l-23.6309 10.127c3.93848 37.6963 18.0049 75.9561 38.8223 113.09zM262.212 288.774l16.3154 -8.43945c-1.6875 -10.6895 0.563477 -34.3203 11.2529 -39.9463c47.2617 -29.2568 91.1465 -60.7646 108.589 -92.835c61.8896 -111.964 -43.3232 -216.051 -135.032 -205.924
c49.5117 36.5713 64.1396 111.964 45.5732 194.671c-7.31445 32.0703 -19.1299 61.3271 -39.9473 94.5225c-9.00195 15.1914 -5.62598 35.4463 -6.75098 57.9512zM244.207 235.324c-3.37598 -17.4414 -7.31445 -48.9482 -22.5049 -60.7637
c-6.18945 -4.50098 -12.9404 -9.00293 -19.6924 -13.5039c-27.5693 -18.5664 -54.5752 -36.0078 -66.9531 -80.4561c-2.81348 -9.56445 -0.5625 -19.6924 1.6875 -29.2568c6.75195 -27.5693 25.8809 -56.8262 41.0723 -74.2676c0 -0.5625 2.81348 -2.81348 2.81348 -3.37598
c12.3779 -14.6289 16.3164 -19.1299 63.5771 -29.8193l-1.125 -5.06445c-28.6943 7.31445 -51.7627 14.6289 -66.9531 31.5078c0 0.5625 -2.81348 2.81348 -2.81348 2.81348c-15.7539 18.0039 -35.4463 48.3867 -42.1973 77.0801
c-2.81348 11.2529 -5.06445 20.2549 -1.68848 32.0703c12.9404 46.1357 41.0723 64.7031 69.2041 83.833c6.18945 3.93848 14.0654 7.87695 20.2549 12.9404c12.9404 8.43945 19.1299 34.8828 25.3184 56.2627zM256.585 162.183
c2.25098 -18.0049 2.25098 -33.7588 7.31445 -42.1982c3.93848 -7.31348 10.6904 -17.4414 14.6279 -27.5684c7.87695 -18.5674 11.8154 -38.8223 12.3779 -48.3867c0.563477 -16.3164 -1.6875 -41.6348 -7.31348 -61.8896
c-6.75195 -21.9424 -19.6924 -38.8213 -29.8203 -40.5098v-1.6875c-13.5029 2.25 -34.8828 10.6895 -46.1357 18.5664c-27.0059 18.5674 -40.5098 41.6348 -42.7598 75.9561c-1.68848 27.0059 14.6279 54.5752 46.6982 71.4541
c21.9434 11.8154 28.6943 29.2568 35.4463 50.6367c-5.06348 -24.7559 -10.6904 -39.3838 -33.1953 -52.8877c-27.0068 -15.1904 -46.1357 -46.1357 -44.4482 -66.9531c2.25098 -25.3184 19.6924 -54.5752 39.9473 -72.0166
c10.127 -9.00195 27.5684 -14.6289 42.7598 -17.4424c14.6289 9.00293 23.0684 25.3193 27.0068 43.8857c5.06348 22.5059 5.62598 43.8857 5.62598 55.1387c0 10.127 -4.50098 26.4434 -8.43945 41.0713c-2.81348 11.2529 -13.5029 22.5059 -16.3164 30.9453
c-5.06348 14.0654 -2.81348 24.1934 -3.37598 43.8857zM253.209 85.1016c2.81348 -12.3779 9.00293 -29.8193 12.3779 -46.6982c2.81348 -13.5039 3.37598 -26.4443 2.25098 -36.5713c-1.125 -11.8154 -1.68848 -21.3799 -3.37598 -31.5078
c-1.6875 -8.43945 -6.18848 -16.3164 -13.5029 -24.7559v-0.5625c-3.93848 0.5625 -11.8154 6.18848 -18.0049 15.1914c-3.93848 5.62598 -6.75098 13.5029 -9.56445 20.8174c-2.81348 6.75098 -5.62598 14.6279 -5.62598 21.3799c0 16.3164 1.6875 36.5713 13.5029 50.0742
c10.6904 12.3779 14.0654 14.0654 18.5674 28.6943c-3.37598 -16.3164 -5.62695 -17.4414 -15.7539 -32.0703c-12.9404 -18.0039 -13.5039 -36.0088 -11.8154 -47.2607c1.125 -7.31445 3.93848 -14.0664 6.18848 -19.6924
c2.81348 -7.31445 6.18945 -14.0654 10.6904 -20.2549c3.93848 -4.50098 6.18848 -7.31445 11.8154 -10.127c6.18848 11.8145 10.127 35.4453 10.6895 48.3857c0.563477 11.2529 1.12598 24.1934 -0.5625 37.1338c-2.25 17.4424 -7.31445 34.3213 -7.87695 47.8242z
M255.46 251.078c0.5625 -23.0674 5.06348 -57.9512 9.00195 -65.8281c1.6875 -5.06348 16.8789 -29.2568 27.5693 -54.5752c7.31445 -16.3164 9.56445 -32.0703 10.127 -36.5713c5.62695 -47.2607 1.125 -66.9531 -11.2529 -109.15
c-7.31348 -25.3193 -27.5684 -45.0107 -36.0078 -45.5732l2.8125 5.06348c14.6289 9.00195 27.5693 32.0703 31.5078 50.6367c7.31445 34.3203 12.9404 70.8916 8.43945 92.2715c-1.125 5.06445 -2.81348 21.9434 -9.56445 39.9473
c-9.56543 26.4443 -23.6309 47.8242 -25.3184 52.8877c-5.62695 14.6289 -6.75195 51.1992 -7.31445 70.8916zM262.212 287.087l5.62598 -2.81348c-2.81348 -6.18848 -1.125 -37.6963 3.37598 -49.5117c5.62598 -15.7539 21.9424 -33.7578 32.0693 -59.0762
c7.31445 -16.8789 14.6289 -57.3887 15.1914 -61.8896c5.62695 -47.2617 2.81348 -91.709 -11.2529 -129.406c-9.00195 -23.6299 -31.5068 -44.4473 -39.9463 -45.0098l-15.7539 3.93848c21.9424 8.43945 43.3223 35.4453 47.8242 54.0127
c11.8145 52.3242 16.3154 119.841 -0.563477 171.603c-9.00195 27.0068 -30.3818 50.6377 -34.3203 66.9541c-3.37598 15.1904 -3.37598 30.9443 -2.25 51.1992zM374.738 187.501c30.9443 -28.1318 48.3867 -67.5166 48.3867 -108.589s-18.5674 -81.0186 -50.6377 -107.463
c-29.8193 -24.7559 -71.4541 -35.4453 -111.401 -35.4453c-24.7559 0 -47.2607 1.125 -71.4541 9.00195c-55.7012 18.5664 -96.7734 65.8281 -100.148 122.654c-3.37598 43.8848 6.75098 77.6436 41.0723 113.089c17.4414 18.5674 53.4502 39.9473 78.2061 56.8262
c12.3779 7.87695 25.3184 31.5078 0.5625 75.9551l5.06348 3.93848l73.7051 -30.3818c-10.1279 -32.6328 19.1289 -55.7012 28.6943 -60.7646c21.3799 -11.8154 41.6348 -24.1934 57.9512 -38.8213zM364.048 -20.1113c29.2568 24.1934 45.0107 61.3271 45.0107 99.0234
c0 37.6973 -14.6279 73.7051 -43.3223 99.0234c-16.3164 14.6289 -42.7607 32.6328 -59.6396 42.1982c-16.8789 9.56445 -37.6963 36.0078 -30.9443 61.3271l-55.1387 24.1924c2.81348 -3.9375 9.56543 -20.8174 11.2529 -25.8809
c3.37598 -14.0654 1.6875 -27.5693 -1.125 -33.7578c-15.1914 -28.1318 -42.1982 -36.0088 -61.3271 -51.7627c-34.3203 -28.1309 -71.4541 -50.0742 -67.5166 -127.154c2.25098 -37.6973 31.5078 -84.3955 75.9561 -105.775
c25.3184 -12.3779 54.0127 -16.8789 83.2695 -18.5674c26.4443 -1.125 75.9561 14.6289 103.524 37.1338z" />
</font>
</defs></svg>

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

35
font/svg/tor.svg Normal file
View File

@ -0,0 +1,35 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="96pc" height="96pc" enable-background="new 0 0 150.5 91.1" version="1.1" viewBox="0 0 1536 1536" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(0,1444.9)">
<g transform="matrix(16.879 0 0 16.879 -592.38 -1444.9)"><g id="layer3_20_" transform="translate(-92 -64)">
<g id="layer5_20_">
<g id="path2554_21_">
<path d="m176.9 70.8-2.4 9.6c3.4-6.8 8.9-11.9 15.2-16.4-4.6 5.3-8.8 10.6-11.3 16 4.3-6.1 10.1-9.4 16.6-11.7-8.7 7.7-15.6 16.1-20.8 24.4l-4.2-1.8c0.7-6.7 3.2-13.5 6.9-20.1z" fill="#010101"/>
</g>
<g id="path2536_21_">
<path d="m173.7 92.3 2.9 1.5c-0.3 1.9 0.1 6.1 2 7.1 8.4 5.2 16.2 10.8 19.3 16.5 11 19.9-7.7 38.4-24 36.6 8.8-6.5 11.4-19.9 8.1-34.6-1.3-5.7-3.4-10.9-7.1-16.8-1.6-2.7-1-6.3-1.2-10.3z" fill="#010101"/>
</g>
</g>
<g id="layer4_20_">
<g id="path2540_21_">
<path d="m170.5 101.8c-0.6 3.1-1.3 8.7-4 10.8-1.1 0.8-2.3 1.6-3.5 2.4-4.9 3.3-9.7 6.4-11.9 14.3-0.5 1.7-0.1 3.5 0.3 5.2 1.2 4.9 4.6 10.1 7.3 13.2 0 0.1 0.5 0.5 0.5 0.6 2.2 2.6 2.9 3.4 11.3 5.3l-0.2 0.9c-5.1-1.3-9.2-2.6-11.9-5.6 0-0.1-0.5-0.5-0.5-0.5-2.8-3.2-6.3-8.6-7.5-13.7-0.5-2-0.9-3.6-0.3-5.7 2.3-8.2 7.3-11.5 12.3-14.9 1.1-0.7 2.5-1.4 3.6-2.3 2.3-1.5 3.4-6.2 4.5-10z" fill="#010101"/>
</g>
<g id="path2542_21_">
<path d="m172.7 114.8c0.1 3.5-0.3 5.3 0.6 7.8 0.5 1.5 2.4 3.5 2.9 5.5 0.7 2.6 1.5 5.5 1.5 7.3 0 2-0.1 5.8-1 9.8-0.7 3.3-2.2 6.2-4.8 7.8-2.7-0.5-5.8-1.5-7.6-3.1-3.6-3.1-6.7-8.3-7.1-12.8-0.3-3.7 3.1-9.2 7.9-11.9 4-2.4 5-5 5.9-9.4-1.2 3.8-2.4 6.9-6.3 9-5.7 3-8.6 7.9-8.3 12.7 0.4 6.1 2.8 10.2 7.6 13.5 2 1.4 5.8 2.9 8.2 3.3v-0.3c1.8-0.3 4.1-3.3 5.3-7.2 1-3.6 1.4-8.1 1.3-11-0.1-1.7-0.8-5.3-2.2-8.6-0.7-1.8-1.9-3.6-2.6-4.9-0.9-1.5-0.9-4.3-1.3-7.5z" fill="#010101"/>
</g>
<g id="path2544_21_">
<path d="m172.1 128.5c0.1 2.4 1 5.4 1.4 8.5 0.3 2.3 0.2 4.6 0.1 6.6-0.1 2.3-0.8 6.5-1.9 8.6-1-0.5-1.4-1-2.1-1.8-0.8-1.1-1.4-2.3-1.9-3.6-0.4-1-0.9-2.2-1.1-3.5-0.3-2-0.2-5.2 2.1-8.4 1.8-2.6 2.2-2.8 2.8-5.7-0.8 2.6-1.4 2.9-3.3 5.1-2.1 2.4-2.4 6-2.4 8.9 0 1.2 0.5 2.6 1 3.8 0.5 1.3 1 2.7 1.7 3.7 1.1 1.6 2.5 2.6 3.2 2.7v-0.1c1.3-1.5 2.1-2.9 2.4-4.4 0.3-1.8 0.4-3.5 0.6-5.6 0.2-1.8 0.1-4.1-0.4-6.5-0.6-3-1.7-6.1-2.2-8.3z" fill="#010101"/>
</g>
<g id="path2550_21_">
<path d="m172.5 99c0.1 3.5 0.3 10 1.3 12.6 0.3 0.9 2.8 4.7 4.5 9.4 1.2 3.2 1.5 6.2 1.7 7.1 0.8 3.8-0.2 10.3-1.5 16.4-0.7 3.3-3 7.4-5.6 9l-0.5 0.9c1.5-0.1 5.1-3.6 6.4-8.1 2.2-7.5 3-11 2-19.4-0.1-0.8-0.5-3.6-1.8-6.5-1.9-4.5-4.6-8.8-4.9-9.7-0.7-1.4-1.5-7.6-1.6-11.7z" fill="#010101"/>
</g>
<g id="path2552_21_">
<path d="m173.7 92.6c-0.2 3.6-0.2 6.4 0.4 9.1 0.7 2.9 4.5 7.1 6.1 11.9 3 9.2 2.2 21.2 0.1 30.5-0.8 3.3-4.6 8.1-8.5 9.6l2.8 0.7c1.5-0.1 5.5-3.8 7.1-8 2.5-6.7 3-14.6 2-23-0.1-0.8-1.4-8-2.7-11-1.8-4.5-4.7-7.7-5.7-10.5-0.8-2.1-1.1-7.7-0.6-8.8z" fill="#010101"/>
</g>
</g>
</g>
<path d="m101.7 46.3c-2.9-2.6-6.5-4.8-10.3-6.9-1.7-0.9-6.9-5-5.1-10.8l-13.1-5.4-0.9 0.7c4.4 7.9 2.1 12.1-0.1 13.5-4.4 3-10.8 6.8-13.9 10.1-6.1 6.3-7.9 12.3-7.3 20.1 0.6 10.1 7.9 18.5 17.8 21.8 4.3 1.4 8.3 1.6 12.7 1.6 7.1 0 14.5-1.9 19.8-6.3 5.7-4.7 9-11.8 9-19.1s-3.1-14.3-8.6-19.3zm-1.9 36.9c-4.9 4-13.7 6.8-18.4 6.6-5.2-0.3-10.3-1.1-14.8-3.3-7.9-3.8-13.1-12.1-13.5-18.8-0.7-13.7 5.9-17.6 12-22.6 3.4-2.8 8.2-4.2 10.9-9.2 0.5-1.1 0.8-3.5 0.2-6-0.3-0.9-1.5-3.9-2-4.6l9.8 4.3c-1.2 4.5 2.5 9.2 5.5 10.9s7.7 4.9 10.6 7.5c5.1 4.5 7.7 10.9 7.7 17.6s-2.8 13.3-8 17.6z" fill="#010101"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.4 KiB