replace fontawesome with single svg icon

This commit is contained in:
Christoph Schindlbeck 2024-04-05 14:20:36 +02:00
parent d88d9af1d1
commit 660986bcb9
7 changed files with 55 additions and 9 deletions

View File

@ -160,7 +160,7 @@ description = "<a href=\"irc://irc.hackint.org/vvoid.camp\">irc://irc.hackint.or
enable = true enable = true
[[params.service.serviceItem]] [[params.service.serviceItem]]
icon = "fa-brands fa-mastodon" icon = "mastodon"
title = "Mastodon" title = "Mastodon"
description = "<a href=\"https://chaos.social/@VVoidCamp\">https://chaos.social/@VVoidCamp</a>" description = "<a href=\"https://chaos.social/@VVoidCamp\">https://chaos.social/@VVoidCamp</a>"
enable = true enable = true

View File

@ -0,0 +1,45 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="7.8975492mm"
height="8.4666662mm"
viewBox="0 0 27.983441 29.999999"
version="1.1"
id="svg2"
sodipodi:docname="mastodon.svg"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs2" />
<sodipodi:namedview
id="namedview2"
pagecolor="#505050"
bordercolor="#ffffff"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="1"
inkscape:deskcolor="#505050"
inkscape:document-units="mm"
inkscape:zoom="4.2185726"
inkscape:cx="115.32337"
inkscape:cy="123.73854"
inkscape:window-width="2051"
inkscape:window-height="1290"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg2" />
<path
fill="#2b90d9"
d="m 27.387728,17.984696 c -0.411351,2.116236 -3.68422,4.432248 -7.443113,4.881098 -1.960101,0.23388 -3.889977,0.44885 -5.947864,0.354457 -3.365484,-0.154196 -6.021083,-0.803307 -6.021083,-0.803307 0,0.327627 0.020204,0.639575 0.060612,0.931319 0.4375354,3.321358 3.293396,3.520326 5.998616,3.613102 2.730434,0.09342 5.16169,-0.673193 5.16169,-0.673193 l 0.112172,2.46843 c 0,0 -1.909834,1.02555 -5.312007,1.214173 -1.876053,0.103121 -4.2054802,-0.0472 -6.9186203,-0.765323 C 1.1937875,27.647974 0.18181498,21.375555 0.02697235,15.011168 -0.02022394,13.121538 0.00886967,11.339717 0.00886967,9.8494777 0.00886967,3.3415619 4.2728605,1.4339914 4.2728605,1.4339914 6.4228778,0.44658681 10.112108,0.03135644 13.947453,0 h 0.09423 c 3.835345,0.03135644 7.527,0.44658681 9.676856,1.4339914 0,0 4.263829,1.9075705 4.263829,8.4154863 0,0 0.0535,4.8015763 -0.594641,8.1352183"
id="path1"
style="fill:#6700f4;fill-opacity:1;stroke-width:0.129305" />
<path
fill="#ffffff"
d="m 22.952893,10.354349 v 7.880002 h -3.121905 v -7.648385 c 0,-1.6122704 -0.678366,-2.4306088 -2.035259,-2.4306088 -1.50026,0 -2.252168,0.9707566 -2.252168,2.8902878 v 4.186408 h -3.10348 v -4.186408 c 0,-1.9195312 -0.752069,-2.8902878 -2.252329,-2.8902878 -1.3568937,0 -2.0352595,0.8183384 -2.0352595,2.4306088 v 7.648385 H 5.0305872 v -7.880002 c 0,-1.6104929 0.4100582,-2.8902881 1.2337304,-3.8371233 0.8493716,-0.9468351 1.961717,-1.4322134 3.3425318,-1.4322134 1.5975616,0 2.8073706,0.6140366 3.6072836,1.8422716 l 0.777607,1.303555 0.777769,-1.303555 c 0.799751,-1.228235 2.00956,-1.8422716 3.607284,-1.8422716 1.380653,0 2.492998,0.4853783 3.342531,1.4322134 0.823511,0.9468352 1.233569,2.2266304 1.233569,3.8371233"
id="path2"
style="stroke-width:0.129305" />
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@ -10,7 +10,6 @@
{{ "<!-- Stylesheets -->" | safeHTML }} {{ "<!-- Stylesheets -->" | safeHTML }}
<link rel="stylesheet" href="{{ `css/bootstrap.min.css` | absURL }}"> <link rel="stylesheet" href="{{ `css/bootstrap.min.css` | absURL }}">
<link rel="stylesheet" href="{{ `css/themefisher-fonts.css` | absURL }}"> <link rel="stylesheet" href="{{ `css/themefisher-fonts.css` | absURL }}">
<link rel="stylesheet" href="{{ `css/brands.min.css` | absURL }}">
<link rel="stylesheet" href="{{ `css/font-awesome.min.css` | absURL }}"> <link rel="stylesheet" href="{{ `css/font-awesome.min.css` | absURL }}">
<link rel="stylesheet" href="{{ `css/owl.carousel.css` | absURL }}"> <link rel="stylesheet" href="{{ `css/owl.carousel.css` | absURL }}">
<link rel="stylesheet" href="{{ `css/animate.css` | absURL }}"> <link rel="stylesheet" href="{{ `css/animate.css` | absURL }}">

File diff suppressed because one or more lines are too long

View File

@ -632,4 +632,12 @@ a,
a:focus, a:focus,
a:hover { a:hover {
color: #6700f4; color: #6700f4;
} }
.mastodon {
&::before {
content: url('../images/mastodon.svg');
display: block;
height: 1em;
width: 1em;
}
}