feat(ui): redesign migration selection screen (#6795)

Ref https://codeberg.org/forgejo/design/issues/9.

Changes:
* Updated SVGs which had inconsistent paddings making them look off
* Better usability on mobile
* Better space efficiency on desktop, up to 4 columns
* Nice responsive design
* Less bland look on desktop. The borders were already here but invisible in Forgejo dark theme

Preview:
* https://codeberg.org/attachments/3c9e10ae-3315-46e5-b8bb-8021f6fd8936
* https://codeberg.org/attachments/8196ad89-5ab6-443a-98ce-a70dcc75bca9
* https://codeberg.org/attachments/24f52a14-2ac4-4949-8108-55c34bd3c650

Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/6795
Reviewed-by: Beowulf <beowulf@beocode.eu>
Reviewed-by: Otto <otto@codeberg.org>
This commit is contained in:
0ko 2025-04-19 13:51:35 +00:00
parent 78e56ee2f7
commit a0c9e81611
17 changed files with 149 additions and 94 deletions

View file

@ -18,6 +18,7 @@
/* other variables */
--border-radius: 4px;
--border-radius-medium: 6px;
--border-radius-large: 25px;
--border-radius-full: 99999px; /* TODO: use calc(infinity * 1px) */
--opacity-disabled: 0.55;
--height-loading: 16rem;
@ -1282,10 +1283,6 @@ svg.text.purple,
width: 100%;
}
.migrate .svg.gitea-git {
color: var(--color-git);
}
.color-icon {
display: inline-block;
border-radius: var(--border-radius-full);

View file

@ -75,6 +75,7 @@
@import "./explore.css";
@import "./review.css";
@import "./actions.css";
@import "./migrate.css";
@tailwind utilities;
@import "./helpers.css";

68
web_src/css/migrate.css Normal file
View file

@ -0,0 +1,68 @@
.migrate .svg.gitea-git {
--git-logo-color: #f05133;
color: var(--git-logo-color);
}
.migrate-entries {
display: grid;
/* Limited to 4 cols by 1280px container */
grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
gap: 1.5rem;
}
.migrate-entry svg {
padding: 1.5rem;
}
.migrate-entry {
display: flex;
flex-direction: column;
color: var(--color-text);
background: var(--color-card);
border: 1px solid var(--fancy-card-border);
border-radius: var(--border-radius-large);
transition: all 0.1s ease-in-out;
}
.migrate-entry:hover {
transform: scale(105%);
box-shadow: 0 0.5rem 1rem var(--color-shadow);
color: var(--color-text);
}
.migrate-entry .content {
width: 100%;
margin-top: .5rem;
padding: 1rem;
flex: 1;
}
.migrate-entry .description {
margin-top: .5rem;
text-wrap: balance;
}
/* Desktop layout features */
@media (min-width: 599.98px) {
.migrate-entry .content {
text-align: center;
border-top: 1px solid var(--fancy-card-border);
border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
background: var(--fancy-card-bg);
}
}
/* Mobile layout features */
@media (max-width: 600px) {
.migrate-entries {
grid-template-columns: repeat(1, 1fr);
}
.migrate-entry {
flex-direction: row;
}
.migrate-entry svg {
height: 100%;
width: 100%;
max-width: 128px;
}
}

View file

@ -2764,37 +2764,6 @@ tbody.commit-list {
border-left: 1px solid var(--color-secondary);
}
.migrate-entries {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
margin: 0 !important;
}
@media (max-width: 767.98px) {
.migrate-entries {
grid-template-columns: repeat(1, 1fr);
}
}
.migrate-entry {
transition: all 0.1s ease-in-out;
box-shadow: none !important;
border: 1px solid var(--color-secondary);
color: var(--color-text) !important;
width: auto !important;
margin: 0 !important;
}
.migrate-entry:hover {
transform: scale(105%);
box-shadow: 0 0.5rem 1rem var(--color-shadow) !important;
}
.migrate-entry .description {
text-wrap: balance;
}
.commits-table .commits-table-right form {
display: flex;
align-items: center;

View file

@ -196,7 +196,6 @@
--color-orange-badge: #ea580c;
--color-orange-badge-bg: #ea580c22;
--color-orange-badge-hover-bg: #ea580c44;
--color-git: #f05133;
/* Icon colors (PR/Issue/...) */
--color-icon-green: #3fb950;
--color-icon-red: #f85149;
@ -228,6 +227,8 @@
--color-active: var(--steel-650);
--color-menu: var(--steel-700);
--color-card: var(--steel-700);
--fancy-card-bg: var(--steel-650);
--fancy-card-border: var(--steel-600);
--color-markup-table-row: #ffffff06;
--color-markup-code-block: var(--steel-800);
--color-markup-code-inline: var(--steel-850);

View file

@ -212,7 +212,6 @@
--color-orange-badge: #ea580c;
--color-orange-badge-bg: #ea580c22;
--color-orange-badge-hover-bg: #ea580c44;
--color-git: #f05133;
/* Icon colors (PR/Issue/...) */
--color-icon-green: var(--color-green-light);
--color-icon-red: var(--color-red-light);
@ -244,6 +243,8 @@
--color-active: #d4d4d8aa;
--color-menu: var(--zinc-100);
--color-card: var(--zinc-50);
--fancy-card-bg: var(--zinc-100);
--fancy-card-border: var(--zinc-200);
--color-markup-table-row: #ffffff06;
--color-markup-code-block: var(--zinc-150);
--color-markup-code-inline: var(--zinc-200);

View file

@ -179,7 +179,6 @@
--color-orange-badge: #f2711c;
--color-orange-badge-bg: #f2711c1a;
--color-orange-badge-hover-bg: #f2711c4d;
--color-git: #f05133;
/* Icon colors (PR/Issue/...) */
--color-icon-green: var(--color-green);
--color-icon-red: var(--color-red);
@ -209,6 +208,8 @@
--color-active: #e8e8ff24;
--color-menu: #151a1e;
--color-card: #151a1e;
--fancy-card-bg: #14171a;
--fancy-card-border: #3b444a;
--color-markup-table-row: #e8e8ff0f;
--color-markup-code-block: #e8e8ff12;
--color-markup-code-inline: #e8e8ff28;

View file

@ -179,7 +179,6 @@
--color-orange-badge: #f2711c;
--color-orange-badge-bg: #f2711c1a;
--color-orange-badge-hover-bg: #f2711c4d;
--color-git: #f05133;
/* Icon colors (PR/Issue/...) */
--color-icon-green: var(--color-green);
--color-icon-red: var(--color-red);
@ -209,6 +208,8 @@
--color-active: #00001714;
--color-menu: #f8f9fb;
--color-card: #f8f9fb;
--fancy-card-bg: #ffffff;
--fancy-card-border: #d0d7de;
--color-markup-table-row: #0030600a;
--color-markup-code-block: #00306010;
--color-markup-code-inline: #00306012;

View file

@ -1,5 +1,5 @@
<svg width="64" height="64" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" class="forgejo-logo" aria-hidden="true">
<g transform="translate(28,28)">
<svg width="64" height="64" viewBox="0 0 212 212" xmlns="http://www.w3.org/2000/svg" class="forgejo-logo" aria-hidden="true">
<g transform="translate(6,6)">
<path d="M58 168 v-98 a50 50 0 0 1 50-50 h20" fill="none" stroke="#ff6600" stroke-width="25" />
<path d="M58 168 v-30 a50 50 0 0 1 50-50 h20" fill="none" stroke="#d40000" stroke-width="25" />
<circle cx="142" cy="20" r="18" fill="none" stroke="#ff6600" stroke-width="15" />

Before

Width:  |  Height:  |  Size: 633 B

After

Width:  |  Height:  |  Size: 631 B

Before After
Before After

View file

@ -1 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="64px" height="64px"><path d="M42.2,22.1L25.9,5.8C25.4,5.3,24.7,5,24,5c0,0,0,0,0,0c-0.7,0-1.4,0.3-1.9,0.8l-3.5,3.5l4.1,4.1c0.4-0.2,0.8-0.3,1.3-0.3c1.7,0,3,1.3,3,3c0,0.5-0.1,0.9-0.3,1.3l4,4c0.4-0.2,0.8-0.3,1.3-0.3c1.7,0,3,1.3,3,3s-1.3,3-3,3c-1.7,0-3-1.3-3-3c0-0.5,0.1-0.9,0.3-1.3l-4-4c-0.1,0-0.2,0.1-0.3,0.1v10.4c1.2,0.4,2,1.5,2,2.8c0,1.7-1.3,3-3,3s-3-1.3-3-3c0-1.3,0.8-2.4,2-2.8V18.8c-1.2-0.4-2-1.5-2-2.8c0-0.5,0.1-0.9,0.3-1.3l-4.1-4.1L5.8,22.1C5.3,22.6,5,23.3,5,24c0,0.7,0.3,1.4,0.8,1.9l16.3,16.3c0,0,0,0,0,0c0.5,0.5,1.2,0.8,1.9,0.8s1.4-0.3,1.9-0.8l16.3-16.3c0.5-0.5,0.8-1.2,0.8-1.9C43,23.3,42.7,22.6,42.2,22.1z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="50.667px" height="50.667px">
<path d="M 46.989474,21.6 26.399999,1.0105263 C 25.768421,0.3789474 24.884211,0 24,0 c 0,0 0,0 0,0 -0.884211,0 -1.768421,0.3789474 -2.400001,1.0105263 l -4.421052,4.4210527 5.178947,5.178947 C 22.863158,10.357895 23.368422,10.231579 24,10.231579 c 2.147368,0 3.789474,1.642105 3.789474,3.789474 0,0.631579 -0.126316,1.136842 -0.378947,1.642105 l 5.052631,5.052632 c 0.505264,-0.252632 1.010526,-0.378948 1.642106,-0.378948 2.147368,0 3.789473,1.642105 3.789473,3.789474 0,2.147368 -1.642105,3.789474 -3.789473,3.789474 -2.14737,0 -3.789474,-1.642106 -3.789474,-3.789474 0,-0.631579 0.126316,-1.136842 0.378947,-1.642105 l -5.052631,-5.052632 c -0.126316,0 -0.252633,0.126316 -0.378947,0.126316 v 13.136842 c 1.515788,0.505263 2.526315,1.894737 2.526315,3.536842 0,2.147368 -1.642106,3.789474 -3.789474,3.789474 -2.147368,0 -3.789474,-1.642106 -3.789474,-3.789474 0,-1.642105 1.010527,-3.031579 2.526316,-3.536842 V 17.431579 c -1.515789,-0.505263 -2.526316,-1.894737 -2.526316,-3.536842 0,-0.631579 0.126316,-1.136842 0.378947,-1.642105 L 15.410526,7.073684 1.0105264,21.6 C 0.3789474,22.231579 0,23.11579 0,24 c 0,0.884211 0.3789474,1.768421 1.0105264,2.4 L 21.599999,46.989474 c 0,0 0,0 0,0 C 22.231579,47.621053 23.115789,48 24,48 c 0.884211,0 1.768421,-0.378947 2.399999,-1.010526 L 46.989474,26.4 C 47.621053,25.768421 48,24.884211 48,24 48,23.11579 47.621053,22.231579 46.989474,21.6 Z" />
</svg>

Before

Width:  |  Height:  |  Size: 687 B

After

Width:  |  Height:  |  Size: 1.5 KiB

Before After
Before After

View file

@ -1,19 +1,19 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="67.73333mm"
height="67.73333mm"
viewBox="0 0 67.73333 67.73333"
width="64mm"
height="64mm"
viewBox="0 0 67.724868 67.724868"
version="1.1"
id="svg8"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
sodipodi:docname="gitea-gogs.svg">
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
sodipodi:docname="gitea-gogs.svg"
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"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
@ -24,17 +24,20 @@
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="2.4352161"
inkscape:cx="145.15203"
inkscape:cy="129.56614"
inkscape:cx="122.57639"
inkscape:cy="137.97543"
inkscape:document-units="mm"
inkscape:current-layer="layer3"
inkscape:document-rotation="0"
showgrid="false"
inkscape:window-width="1920"
inkscape:window-height="1006"
inkscape:window-x="1200"
inkscape:window-y="444"
inkscape:window-maximized="1" />
inkscape:window-width="2327"
inkscape:window-height="1238"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:showpageshadow="2"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />
<metadata
id="metadata5">
<rdf:RDF>
@ -43,7 +46,6 @@
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
@ -53,8 +55,8 @@
inkscape:label="Layer 3"
style="display:inline">
<path
style="display:inline;fill:#d75547;fill-opacity:1;fill-rule:evenodd;stroke:#428f29;stroke-width:0.0190672;paint-order:markers fill stroke"
d="M 28.763808,62.186078 C 28.552224,62.156588 28.3282,62.079645 28.265977,62.01509 28.123377,61.867145 27.941284,61.235718 27.375971,58.928893 27.128273,57.918138 26.870167,56.952588 26.8024,56.783223 26.653428,56.410912 26.321729,56.197407 24.664484,55.407125 22.815394,54.525354 20.800132,53.303558 19.034519,51.99383 l -0.753641,-0.55905 -2.322335,0.678345 c -1.277286,0.37309 -2.657942,0.75099 -3.068125,0.839774 l -0.745787,0.161424 -0.351437,-0.536616 C 10.841488,51.124528 8.2297585,46.620395 7.1670955,44.599636 L 6.6102577,43.540752 7.0934858,42.948695 c 0.2657754,-0.325634 1.2926661,-1.41771 2.2819797,-2.426837 l 1.7987515,-1.834779 -0.180416,-1.038637 c -0.160803,-0.925735 -0.180684,-1.319661 -0.182886,-3.623976 -0.002,-2.082515 0.02593,-2.77882 0.143552,-3.580102 L 11.100491,29.449609 9.0366642,27.414662 C 7.5050421,25.904473 6.9326263,25.287565 6.8169034,25.02237 6.6626002,24.668764 6.6626297,24.660735 6.8197249,24.254845 7.2963868,23.023252 11.239804,16.273894 12.005659,15.378857 l 0.257067,-0.300427 0.484759,0.125942 c 0.266618,0.06927 1.585016,0.43706 2.929773,0.817315 l 2.445013,0.691373 0.429771,-0.260466 c 0.236371,-0.143253 0.844892,-0.564341 1.352266,-0.935741 1.30433,-0.954784 2.690014,-1.762213 4.707543,-2.74306 1.87475,-0.911433 1.838916,-0.883043 2.124645,-1.683256 0.06563,-0.1838 0.336217,-1.1703787 0.601305,-2.1923981 0.26509,-1.0220196 0.573575,-2.1360624 0.685518,-2.4756513 0.17614,-0.5343091 0.23295,-0.623873 0.421984,-0.6652627 0.483669,-0.1058996 3.97054,-0.1502609 7.292057,-0.092772 l 3.518704,0.060902 0.430989,1.7479767 c 0.510047,2.0686117 0.909017,3.4804444 1.127722,3.9906574 0.174557,0.407221 0.0081,0.308631 2.593742,1.53554 1.3556,0.643225 2.654323,1.424602 4.307061,2.591347 0.702523,0.495943 1.33877,0.943783 1.413882,0.995202 0.109699,0.0751 0.502152,-0.01615 1.994813,-0.463793 1.022033,-0.306501 2.381778,-0.689488 3.021651,-0.85108 l 1.163411,-0.293805 0.145052,0.19205 c 0.93221,1.234241 5.324678,8.900157 5.324678,9.292846 0,0.333447 -0.488016,0.914807 -2.540796,3.02678 l -1.893181,1.947777 0.15824,0.960735 c 0.227755,1.382822 0.274355,3.126299 0.15827,5.921847 l -0.101763,2.450639 1.510118,1.495377 c 1.549811,1.534681 2.47101,2.550338 2.683271,2.958414 0.115947,0.22291 0.103768,0.264805 -0.328833,1.13109 -1.289906,2.583039 -4.510781,8.106197 -4.924647,8.444791 -0.229142,0.187467 -0.906252,0.05936 -3.361841,-0.636096 -1.264388,-0.358089 -2.427812,-0.66997 -2.585382,-0.693076 -0.254259,-0.03729 -0.377393,0.02128 -1.094426,0.520539 -2.75021,1.914888 -3.396183,2.301016 -5.615132,3.356412 -0.864328,0.4111 -1.586938,0.808234 -1.713456,0.94169 -0.279925,0.295269 -0.499881,1.010417 -1.141053,3.709893 l -0.508517,2.140988 -1.893589,0.04981 c -2.516342,0.0662 -8.338233,0.06367 -8.822539,-0.0038 z m 7.858077,-12.120535 c 2.091378,-0.388455 5.175143,-1.723813 6.867427,-2.973786 1.796481,-1.326945 4.757949,-4.883235 4.97652,-5.976082 0.04707,-0.23538 0.0195,-0.268126 -0.544626,-0.646577 -0.89966,-0.603557 -2.187787,-1.377201 -5.078243,-3.049968 -4.184205,-2.421491 -4.52345,-2.676285 -4.524118,-3.397889 -0.0011,-1.340016 -1.219035,-3.278179 -2.4241,-3.858035 -1.790528,-0.861573 -3.841611,-0.52172 -5.213619,0.863866 -0.315085,0.318202 -0.680808,0.789483 -0.82133,1.058382 -1.355657,2.59418 0.09164,5.558218 3.005202,6.154597 0.886416,0.181439 1.72976,0.07365 2.913276,-0.372328 l 0.879991,-0.331607 2.02184,1.158352 c 2.672299,1.531012 3.61875,2.12207 4.1007,2.560884 0.340094,0.309652 0.391458,0.394601 0.346398,0.57285 -0.0768,0.303803 -0.673843,1.002125 -1.394132,1.630629 -1.608465,1.403495 -3.352982,2.265892 -5.547142,2.742214 -1.178042,0.255735 -3.523379,0.256058 -4.699639,6.79e-4 -1.211182,-0.262989 -1.987409,-0.533958 -3.06492,-1.06991 -3.757271,-1.868855 -6.310115,-5.470633 -6.829909,-9.636234 -0.156607,-1.255046 -0.06748,-3.197221 0.200967,-4.379595 1.024517,-4.512371 4.409288,-7.971423 8.971948,-9.168835 1.368354,-0.359109 1.98948,-0.43042 3.32699,-0.381966 1.261093,0.04568 1.953923,0.167871 3.540434,0.624377 0.565292,0.162659 1.094549,0.260446 1.454278,0.268701 0.495297,0.01136 0.620752,-0.01798 1.009916,-0.236201 1.079693,-0.605431 1.3594,-1.855128 0.602683,-2.692712 -1.317562,-1.458359 -6.682213,-2.214558 -10.373764,-1.462279 -2.483279,0.506053 -5.053495,1.805105 -6.993517,3.534699 -2.575021,2.295712 -4.259712,4.711906 -5.127071,7.353271 -0.924677,2.815913 -1.025226,6.141317 -0.275431,9.109059 0.774038,3.063694 2.549965,5.963534 4.958139,8.095943 2.441521,2.161939 5.76675,3.672334 8.927653,4.055148 1.089179,0.13191 3.734827,0.04956 4.807199,-0.149613 z"
style="display:inline;fill:#d75547;fill-opacity:1;fill-rule:evenodd;stroke:#428f29;stroke-width:0.0190659;paint-order:markers fill stroke"
d="m 27.943159,67.65302 c -0.253104,-0.03528 -0.521089,-0.127319 -0.595523,-0.204541 -0.170583,-0.176978 -0.388409,-0.932313 -1.064657,-3.69182 -0.296305,-1.209101 -0.60506,-2.364126 -0.686126,-2.566727 -0.178205,-0.445372 -0.574995,-0.700774 -2.557451,-1.646137 -2.211948,-1.054807 -4.622676,-2.516363 -6.734766,-4.083106 l -0.901532,-0.668755 -2.778061,0.81146 c -1.527934,0.446304 -3.1795254,0.898361 -3.6702011,1.004568 l -0.8921367,0.1931 -0.4204017,-0.641919 C 6.503839,54.420798 3.3795946,49.032794 2.1083992,46.61549 L 1.4422899,45.348815 2.0203446,44.640574 C 2.3382746,44.25104 3.566678,42.94466 4.7501303,41.737505 L 6.9018612,39.542677 6.6860413,38.300222 C 6.4936827,37.192826 6.4699004,36.721598 6.4672666,33.965093 c -0.0024,-2.491179 0.031018,-3.324124 0.171722,-4.282646 L 6.8136674,28.492485 4.3448441,26.058209 C 2.512663,24.251667 1.8279188,23.5137 1.6894868,23.196464 1.5049038,22.773468 1.5049391,22.763863 1.692862,22.278323 2.2630621,20.805047 6.9803188,12.731224 7.8964618,11.660549 l 0.3075125,-0.359381 0.5798865,0.150655 c 0.3189377,0.08286 1.8960532,0.522828 3.5047002,0.977702 l 2.924811,0.827045 0.514108,-0.311579 c 0.282756,-0.171364 1.01069,-0.675085 1.617629,-1.119367 1.560286,-1.142146 3.217891,-2.1080228 5.631331,-3.2813469 2.242643,-1.0902889 2.199778,-1.0563282 2.541577,-2.0135714 0.0785,-0.2198676 0.402195,-1.4000482 0.719302,-2.6226247 0.31711,-1.2225764 0.686131,-2.5552343 0.820041,-2.96146271 0.210706,-0.63915956 0.278663,-0.74629918 0.504792,-0.79581102 0.578583,-0.12668086 4.749702,-0.17974745 8.72302,-0.11097715 l 4.209199,0.07285291 0.515565,2.09099227 c 0.610136,2.4745478 1.087398,4.1634318 1.349022,4.7737672 0.20881,0.487132 0.0097,0.3691952 3.102726,1.8368677 1.621618,0.7694493 3.175196,1.7041608 5.15226,3.0998638 0.840384,0.593265 1.601485,1.128986 1.691337,1.190496 0.131226,0.08983 0.600692,-0.01932 2.386266,-0.554806 1.222593,-0.366648 2.849169,-0.82479 3.614607,-1.018092 l 1.391714,-0.351461 0.173517,0.229738 c 1.115143,1.476443 6.36957,10.646686 6.36957,11.116435 0,0.398881 -0.583782,1.094324 -3.039391,3.620742 l -2.264691,2.33 0.189292,1.149266 c 0.272449,1.654181 0.328193,3.739791 0.189329,7.083925 l -0.121733,2.931542 1.806457,1.788824 c 1.85394,1.835839 2.955911,3.050805 3.209825,3.53896 0.138699,0.266653 0.12413,0.316769 -0.393361,1.35305 -1.543033,3.089924 -5.395959,9.696923 -5.89104,10.101962 -0.274108,0.224254 -1.08409,0.071 -4.021554,-0.760921 -1.512507,-0.428359 -2.904235,-0.801442 -3.092726,-0.829082 -0.304154,-0.04461 -0.451452,0.02546 -1.309192,0.622687 -3.2899,2.290657 -4.062636,2.752557 -6.717022,4.01506 -1.033939,0.491772 -1.898352,0.966838 -2.049698,1.126483 -0.334855,0.353211 -0.597975,1.208697 -1.364967,4.437907 l -0.608307,2.561126 -2.265179,0.05959 c -3.010138,0.07919 -9.974492,0.07617 -10.553837,-0.0045 z m 9.400113,-14.499017 c 2.501781,-0.464684 6.190692,-2.062087 8.215062,-3.55735 2.149015,-1.587338 5.691629,-5.8415 5.953092,-7.148802 0.05631,-0.28157 0.02333,-0.320742 -0.651502,-0.773458 -1.076206,-0.721997 -2.617109,-1.647457 -6.074776,-3.648482 -5.005295,-2.896673 -5.411113,-3.201467 -5.411912,-4.064676 -0.0013,-1.602975 -1.458253,-3.921475 -2.899794,-4.615119 -2.141895,-1.030644 -4.595473,-0.6241 -6.236718,1.033387 -0.376916,0.380645 -0.814407,0.944408 -0.982504,1.266075 -1.621686,3.10325 0.109622,6.648939 3.59493,7.362349 1.060362,0.217044 2.0692,0.0881 3.484964,-0.445392 l 1.052677,-0.39668 2.418598,1.385662 c 3.196699,1.831451 4.328878,2.538496 4.905404,3.063421 0.406832,0.370416 0.468276,0.472035 0.414374,0.685263 -0.09187,0.36342 -0.806076,1.198778 -1.667711,1.950617 -1.924104,1.678911 -4.010957,2.710541 -6.63569,3.280334 -1.409216,0.305919 -4.214792,0.306306 -5.621876,8.13e-4 -1.44886,-0.314597 -2.37741,-0.63874 -3.666367,-1.279865 -4.494582,-2.235591 -7.548385,-6.544167 -8.170181,-11.527208 -0.187339,-1.501331 -0.08072,-3.82463 0.240404,-5.239028 1.225563,-5.397859 5.274548,-9.535701 10.732564,-10.968088 1.636875,-0.429579 2.379888,-0.514884 3.979865,-0.456921 1.508564,0.05465 2.337352,0.200813 4.235194,0.746902 0.676222,0.194578 1.309338,0.311554 1.739659,0.321429 0.592492,0.01359 0.742566,-0.02151 1.208098,-0.282552 1.291567,-0.724238 1.626162,-2.21917 0.72095,-3.221118 -1.576114,-1.744541 -7.993501,-2.649134 -12.409467,-1.749231 -2.970586,0.605359 -6.045171,2.159331 -8.365895,4.228334 -3.080333,2.746212 -5.09562,5.63655 -6.133185,8.796246 -1.106132,3.368495 -1.226413,7.346462 -0.329481,10.896582 0.925932,3.6649 3.05036,7.133792 5.931103,9.684656 2.920634,2.586189 6.898393,4.392977 10.679578,4.850913 1.302915,0.157795 4.467734,0.05929 5.750543,-0.178972 z"
id="path851" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 6.3 KiB

Before After
Before After