contrapunctus/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

themes(advertising): add (animated!) flag and screen icons

Browse source
This commit is contained in:
Pieter Vander Vennet 2023-03-14 00:31:44 +01:00
parent 37da1ad035
commit 090130d596
7 changed files with 354 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

8
UI/BigComponents/AddNewMarker.ts
View file

@ -24,13 +24,17 @@ export default class AddNewMarker extends Combine {
for (const preset of filteredLayer.layerDef.presets) {
const tags = TagUtils.KVtoProperties(preset.tags)
const icon = layer.mapRendering[0]
.GenerateLeafletStyle(new UIEventSource<any>(tags), false)
.GenerateLeafletStyle(new UIEventSource<any>(tags), false, {
noSize: true,
})
.html.SetClass("block relative")
.SetStyle("width: 42px; height: 42px;")
icons.push(icon)
if (last === undefined) {
last = layer.mapRendering[0]
.GenerateLeafletStyle(new UIEventSource<any>(tags), false)
.GenerateLeafletStyle(new UIEventSource<any>(tags), false, {
noSize: true,
})
.html.SetClass("block relative")
.SetStyle("width: 42px; height: 42px;")
}

4
UI/BigComponents/SimpleAddUI.ts
View file

@ -285,7 +285,9 @@ export default class SimpleAddUI extends LoginToggle {
const tags = TagUtils.KVtoProperties(preset.tags ?? [])
let icon: () => BaseUIElement = () =>
layer.layerDef.mapRendering[0]
.GenerateLeafletStyle(new UIEventSource<any>(tags), false)
.GenerateLeafletStyle(new UIEventSource<any>(tags), false, {
noSize: true,
})
.html.SetClass("w-12 h-12 block relative")
const presetInfo: PresetInfo = {
layerToAddTo: layer,

43
assets/themes/advertising/advertising.json
View file

@ -170,7 +170,7 @@
"then": {
"ca": "Paret Pintada",
"es": "Pared Pintada",
"en": "Wall Painted"
"en": "Wall painting"
}
}
]
@ -258,7 +258,7 @@
"en": "This is a flag"
},
"icon": {
"path": "./assets/themes/advertising/icon.svg",
"path": "./assets/themes/advertising/flag.svg",
"class": "medium"
}
},
@ -306,7 +306,7 @@
"en": "This is a sculpture"
},
"icon": {
"path": "./assets/themes/advertising/icon.svg",
"path": "./assets/themes/advertising/sculpture.svg",
"class": "medium"
}
},
@ -367,7 +367,7 @@
"then": {
"ca": "Açò és una paret pintada",
"es": "Esto es una pared pintada",
"en": "This is a wall painted"
"en": "This is a wall painting"
},
"icon": {
"path": "./assets/themes/advertising/icon.svg",
@ -541,7 +541,7 @@
"en": "<b>Digital Prices</b>"
},
"hideInAnswer": {
"and": ["advertising:=flag", "advertising:=sculpture", "advertising:=tarp", "advertising:=wall_painting", "advertising:=board"]
"and": ["advertising=flag", "advertising=sculpture", "advertising=tarp", "advertising=wall_painting", "advertising=board"]
}
},
{
@ -571,7 +571,7 @@
"en": "Trivision"
},
"hideInAnswer": {
"or": ["advertising:=screen", "advertising:=column", "advertising:=tarp", "advertising:=wall_painting", "advertising:=column", "advertising:=sculpture", "advertising:=board", "advertising:=sign", "advertising:=flag"]
"or": ["advertising=screen", "advertising=column", "advertising=tarp", "advertising=wall_painting", "advertising=column", "advertising=sculpture", "advertising=board", "advertising=sign", "advertising=flag"]
}
},
@ -587,7 +587,7 @@
"en": "<b>Scrolling</b> posters"
},
"hideInAnswer": {
"or": ["advertising:=screen", "advertising:=column", "advertising:=tarp", "advertising:=wall_painting", "advertising:=column", "advertising:=sculpture", "advertising:=sign", "advertising:=flag"]
"or": ["advertising=screen", "advertising=column", "advertising=tarp", "advertising=wall_painting", "advertising=column", "advertising=sculpture", "advertising=sign", "advertising=flag"]
}
},
{
@ -602,7 +602,7 @@
"en": "<b>Rotates</b> on itself"
},
"hideInAnswer": {
"or": ["advertising:=flag", "advertising:=board", "advertising:=tarp", "advertising:=wall_painting"]
"or": ["advertising=flag", "advertising=board", "advertising=tarp", "advertising=wall_painting"]
}
}
]
@ -711,7 +711,7 @@
"en": "To expres your opinion"
},
"hideInAnswer": {
"or": ["advertising:=flag", "advertising:=screen"]
"or": ["advertising=flag", "advertising=screen"]
}
},
{
@ -738,7 +738,7 @@
"en": "Funding sign"
},
"hideInAnswer": {
"or": ["advertising:=flag", "advertising:=column"]
"or": ["advertising=flag", "advertising=column"]
}
}
]
@ -875,7 +875,7 @@
},
{
"if": "advertising=flag",
"then": "./assets/themes/advertising/icon.svg"
"then": "./assets/themes/advertising/flag.svg"
},
{
"if": "advertising=poster_box",
@ -883,11 +883,11 @@
},
{
"if": "advertising=screen",
"then": "./assets/themes/advertising/icon.svg"
"then": "./assets/themes/advertising/screen.svg"
},
{
"if": "advertising=sculpture",
"then": "./assets/themes/advertising/icon.svg"
"then": "./assets/themes/advertising/sculpture.svg"
},
{
"if": "advertising=sign",
@ -907,7 +907,18 @@
}
]
},
"iconSize": "40,40,bottom"
"iconSize": {
"render": "40,40,bottom",
"mappings": [{
"if": "advertising=flag",
"then": "60,60,bottom"
},
{
"if": "advertising=sculpture",
"then":"50,50,bottom"
}
]
}
},
{
"width": {
@ -1053,7 +1064,7 @@
"title": {
"ca": "una escupltura",
"es": "una escultura",
"en": "an sculpture"
"en": "a sculpture"
},
"exampleImages":[
"./assets/themes/advertising/Aircraft_Sculpture.jpg",
@ -1125,7 +1136,7 @@
"title": {
"ca": "una pintura a la paret",
"es": "una pitura en la pared",
"en": "a wall painted"
"en": "a wall painting"
},
"preciseInput": {
"preferredBackground": "map",

89
assets/themes/advertising/flag.svg Normal file
View file

@ -0,0 +1,89 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Creator: CorelDRAW -->
<svg
xml:space="preserve"
width="800"
height="564"
viewBox="0 0 800 564"
id="svg2436"
version="1.1"
sodipodi:docname="flag.svg"
inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
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#"><defs
id="defs7" /><sodipodi:namedview
id="namedview5"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:pageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
showgrid="false"
inkscape:zoom="0.5958327"
inkscape:cx="305.54865"
inkscape:cy="93.458775"
inkscape:window-width="1920"
inkscape:window-height="995"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg2436"
showguides="true"
inkscape:guide-bbox="true"
inkscape:rotation="-1"
scale-x="1"><sodipodi:guide
position="400.10238,401.41886"
orientation="1,0"
id="guide865" /></sodipodi:namedview>
<path
style="fill:none;stroke:#999999;stroke-width:37.4961;stroke-linecap:round;stroke-opacity:1"
d="M 400.10267,542.53783 V 22.94903"
id="pole" />
<g>
<path
style="fill:#fffe73;fill-opacity:1;stroke:#9999;stroke-width:7.16246;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 412.60137,27.241927 c 144.75114,62.036203 215.05882,57.900461 368.08145,4.135742 -43.42534,86.850681 -43.42534,153.022661 0,239.873331 -148.88687,51.69684 -208.85521,51.69684 -368.08145,0 z"
id="flag-textile" >
</path>
<path
sodipodi:type="spiral"
style="display:inline;fill:#b5befe;fill-opacity:1;fill-rule:evenodd;stroke:#ff0000;stroke-width:8;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4178"
sodipodi:cx="354.86203"
sodipodi:cy="373.78302"
sodipodi:expansion="1"
sodipodi:revolution="2.2986083"
sodipodi:radius="74.712395"
sodipodi:argument="-25.492455"
sodipodi:t0="0.038965192"
transform="matrix(1.4126668,0,0,1.2496675,60.291626,-288.79063)"
d="m 357.71341,374.37007 c 4.26414,3.70709 -1.33671,9.32671 -5.07702,10.22323 -8.90331,2.13404 -16.0483,-6.51539 -16.54354,-14.67451 -0.80844,-13.31906 11.72945,-23.06078 24.27201,-22.86385 17.66382,0.27733 30.16537,16.97051 29.18416,33.8695 -1.27726,21.99757 -22.22018,37.31028 -43.467,35.50447 -26.32945,-2.23779 -44.47651,-27.47377 -41.82478,-53.06449 3.17716,-30.66134 32.72957,-51.65542 62.66199,-48.14509 34.99363,4.10388 58.84245,37.98678 54.46539,72.25948 -4.08654,31.99797 -30.76626,56.97365 -62.46783,60.90649" />
<animateTransform attributeName="transform" attributeType="XML"
type="skewX" values="-3;5;-3" repeatCount="indefinite" dur="7s" fill="freeze"
additive="sum"/>
<animateTransform attributeName="transform" attributeType="XML"
type="skewY" values="-2;3;-2" repeatCount="indefinite" dur="5s" fill="freeze"
additive="sum"/>
</g>
<metadata
id="metadata826"><rdf:RDF><cc:Work
rdf:about=""><cc:license
rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" /></cc:Work><cc:License
rdf:about="http://creativecommons.org/licenses/by-sa/4.0/"><cc:permits
rdf:resource="http://creativecommons.org/ns#Reproduction" /><cc:permits
rdf:resource="http://creativecommons.org/ns#Distribution" /><cc:requires
rdf:resource="http://creativecommons.org/ns#Notice" /><cc:requires
rdf:resource="http://creativecommons.org/ns#Attribution" /><cc:permits
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" /><cc:requires
rdf:resource="http://creativecommons.org/ns#ShareAlike" /></cc:License></rdf:RDF></metadata></svg>
Side by side

After

Width:  |  Height:  |  Size: 4.1 KiB

38
assets/themes/advertising/license_info.json
View file

@ -279,6 +279,21 @@
"https://wiki.openstreetmap.org/wiki/File:Column.svg"
]
},
{
"path": "flag.svg",
"license": "CC BY-SA 3.0",
"authors": [
"Barnes38",
"Ash Crow",
"Happy-melon",
"Aris Katsaris",
"Pietervdvn"
],
"sources": [
"https://wiki.openstreetmap.org/wiki/File:Column.svg",
"https://commons.wikimedia.org/wiki/File:Flag_icon_darkblue.svg"
]
},
{
"path": "icon.svg",
"license": "CC-BY-SA 4.0",
@ -329,6 +344,29 @@
"https://imgur.com/HKsRycm"
]
},
{
"path": "screen.svg",
"license": "CC-BY-SA 4.0",
"authors": [
"Barnes38",
"Pietervdvn"
],
"sources": [
"https://wiki.openstreetmap.org/wiki/File:Poster_box.svg"
]
},
{
"path": "sculpture.svg",
"license": "CC BY 3.0",
"authors": [
"Nathaniel Smith",
"Pietervdvn"
],
"sources": [
"https://wiki.openstreetmap.org/wiki/File:Column.svg",
"https://commons.wikimedia.org/wiki/File:Sculpture_(NP100738).svg"
]
},
{
"path": "tarp_feder.jpg",
"license": "CC-BY SA 4.0",

127
assets/themes/advertising/screen.svg Normal file
View file

@ -0,0 +1,127 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<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/"
width="124.24321mm"
height="210.29477mm"
viewBox="0 0 440.23185 745.13895"
id="svg2"
version="1.1"
xmlns="http://www.w3.org/2000/svg">
<defs
id="defs4"/>
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
</cc:Work>
</rdf:RDF>
</metadata>
<g
id="layer1"
transform="translate(-155.91226,-136.11101)"
style="display:inline">
<rect
style="fill:#fffe73;fill-opacity:1;stroke:#999999;stroke-width:17.8125;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="background"
width="422.41934"
height="625.82373"
x="164.81851"
y="145.01726"/>
<rect
style="fill:#999999;fill-opacity:1;stroke:#999999;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect7422"
width="393.75"
height="112.49997"
x="178.125"
y="768.75"/>
<g transform="translate(360,460)" id="spiral">
<path
style="fill:#b5befe;fill-opacity:1;fill-rule:evenodd;stroke:#ff0000;stroke-width:8;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4178"
d="m 0,0 c 4.26414,3.70709 -1.33671,9.32671 -5.07702,10.22323 -8.90331,2.13404 -16.0483,-6.51539 -16.54354,-14.67451 -0.80844,-13.31906 11.72945,-23.06078 24.27201,-22.86385 17.66382,0.27733 30.16537,16.97051 29.18416,33.8695 -1.27726,21.99757 -22.22018,37.31028 -43.467,35.50447 -26.32945,-2.23779 -44.47651,-27.47377 -41.82478,-53.06449 3.17716,-30.66134 32.72957,-51.65542 62.66199,-48.14509 34.99363,4.10388 58.84245,37.98678 54.46539,72.25948 -4.08654,31.99797 -30.76626,56.97365 -62.46783,60.90649"
>
<animateTransform
attributeName="transform"
attributeType="XML"
type="rotate"
from="0 0 0"
to="360 0 0"
dur="10s"
repeatCount="indefinite"/>
<animateTransform attributeName="transform" attributeType="XML"
type="scale" values="0.1;2;0.1" repeatCount="indefinite" dur="5s" fill="freeze"
additive="sum"/>
</path>
</g>
<g id="star" transform="matrix(1,0,0,1,380,320)">
<path
style="opacity:1;fill:#b5befe;fill-opacity:1;stroke:#ff0000;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="path4180"
d="m 0,0 -31.36911,-32.59461 -39.51394,10.15676 21.30573,-39.90609 -21.87013,-34.44138 44.53677,7.9313 25.99746,-31.4427 6.21951,44.80789 37.93744,15.00872 -40.6929,19.76151 z"
>
<animate attributeName="fill" values="#ff0000;#ffff00;#ff0000" dur="3s"
repeatCount="indefinite"></animate>
<animateTransform
attributeName="transform"
attributeType="XML"
type="rotate"
values="0 0 0;-30 0 0; 0 0 0; 30 0 0; 0 0 0"
dur="1s"
repeatCount="indefinite"/>
</path>
</g>
<g
id="box"
style="opacity:1;fill:#b5befe;fill-opacity:1;fill-rule:nonzero;stroke:#ff0000;stroke-width:8.659;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1">
<animateTransform attributeName="transform" attributeType="XML" type="translate"
values="-45 -30; 45 -30;-45 -30"
dur="1s"
repeatCount="indefinite"
></animateTransform>
<path
id="path7235"
style="fill:#b5befe;fill-opacity:1;fill-rule:evenodd;stroke:#ff0000;stroke-width:8.25861;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 395.08639,681.78396 46.2305,-16.56225 -61.23521,-56.29676 -51.79733,11.44435 z"
points="441.31689,665.22171 380.08168,608.92495 328.28435,620.3693 395.08639,681.78396 "/>
<path
id="path7231"
style="fill:#b5befe;fill-opacity:1;fill-rule:evenodd;stroke:#ff0000;stroke-width:8.25861;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 395.08639,681.78396 -66.80204,-61.41466 -34.88198,57.46778 79.77767,73.34382 z"
points="328.28435,620.3693 293.40237,677.83708 373.18004,751.1809 395.08639,681.78396 "/>
<path
id="path7233"
style="fill:#b5befe;fill-opacity:1;fill-rule:evenodd;stroke:#ff0000;stroke-width:8.25861;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 395.08639,681.78396 46.2305,-16.56225 -11.6606,59.69859 -56.47625,26.2606 z"
points="441.31689,665.22171 429.65629,724.9203 373.18004,751.1809 395.08639,681.78396 "/>
<path
id="path7241"
style="fill:#b5befe;fill-opacity:1;fill-rule:evenodd;stroke:#ff0000;stroke-width:8.25861;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 373.18004,751.1809 56.47625,-26.2606 -71.96466,-66.16091 -64.28926,19.07769 z"
points="429.65629,724.9203 357.69163,658.75939 293.40237,677.83708 373.18004,751.1809 "/>
<path
id="path7237"
style="fill:#b5befe;fill-opacity:1;fill-rule:evenodd;stroke:#ff0000;stroke-width:8.25861;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 441.31689,665.22171 -61.23521,-56.29676 -22.39005,49.83444 71.96466,66.16091 z"
points="380.08168,608.92495 357.69163,658.75939 429.65629,724.9203 441.31689,665.22171 "/>
<path
id="path7239"
style="fill:#b5befe;fill-opacity:1;fill-rule:evenodd;stroke:#ff0000;stroke-width:8.25861;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 328.28435,620.3693 51.79733,-11.44435 -22.39005,49.83444 -64.28926,19.07769 z"
points="380.08168,608.92495 357.69163,658.75939 293.40237,677.83708 328.28435,620.3693 "/>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 7.4 KiB

64
assets/themes/advertising/sculpture.svg Normal file
View file

@ -0,0 +1,64 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xml:space="preserve"
viewBox="0 0 255.0568 499.44943"
version="1.1"
id="svg8"
sodipodi:docname="sculpture.svg"
inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
width="255.05681"
height="499.44943"
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="defs12"><inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 454.44943 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="166.43101 : 426.34956 : 1"
inkscape:persp3d-origin="44.999998 : 439.44943 : 1"
id="perspective955" /></defs><sodipodi:namedview
id="namedview10"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:pageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
showgrid="false"
inkscape:zoom="0.55174605"
inkscape:cx="574.53968"
inkscape:cy="435.88893"
inkscape:window-width="1920"
inkscape:window-height="995"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" /><g
inkscape:groupmode="layer"
id="layer1"
inkscape:label="sculpture"
style="display:inline"
transform="translate(-29.538009,0.49903361)"><path
id="path2"
d="m 122.10663,3.6815564 c -4.03008,0.3437396 -7.80472,1.613207 -11.06834,4.045121 -17.147747,12.7690776 -15.49734,36.1064336 -4.55475,57.0457636 6.70255,12.826156 18.63228,22.415705 26.81884,34.972781 19.65916,30.145138 -17.11691,34.046798 -33.22095,47.394808 -24.575995,20.36855 -12.7952,51.29493 2.78699,60.19904 18.41976,10.5349 34.12936,15.58563 37.8394,38.58791 3.71005,23.00228 -14.83839,28.94141 -37.10682,46.75778 -22.260267,17.81637 -37.595677,35.33372 -53.430638,63.08159 -20.262554,35.49412 -23.384365,78.14919 -1.067017,107.62571 l 9.268744,10.09687 c 4.329745,3.92205 9.249884,7.49093 14.810874,10.63835 40.288647,22.74136 109.850077,2.89682 123.662857,-1.44924 10.01305,-3.17188 23.38487,-13.78544 31.34173,-21.89779 4.48429,-5.55816 5.11194,-7.02618 10.54279,-13.34572 4.93314,-6.85747 10.29958,-14.99293 16.26012,-24.89183 23.4589,-38.91062 27.28756,-63.69416 24.95553,-95.31516 -2.60111,-35.18427 -23.08497,-60.02462 -25.43331,-70.18443 -4.4439,-19.29224 2.70151,-37.8319 5.66955,-49.70404 2.96803,-11.8803 9.06718,-30.12539 0,-54.16322 C 248.68516,122.65564 211.95278,107.15589 203.05683,100.4778 194.15272,93.799724 184.50151,75.249624 181.52532,64.119488 178.54913,52.989353 173.54885,35.001878 158.16236,19.60723 148.5672,9.9998444 134.1969,2.6503371 122.10663,3.6815564 Z"
sodipodi:nodetypes="scccccsccccccccccccccscs"
style="fill:#fffe73;fill-opacity:1;stroke:#999999;stroke-width:8.15394;stroke-opacity:1" /><path
sodipodi:type="star"
style="display:inline;opacity:1;fill:#b5befe;fill-opacity:1;stroke:#ff0000;stroke-width:8.00044;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="path4180"
sodipodi:sides="5"
sodipodi:cx="355.44702"
sodipodi:cy="544.95685"
sodipodi:r1="63.245552"
sodipodi:r2="29.670052"
sodipodi:arg1="1.2490458"
sodipodi:arg2="1.9640381"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
inkscape:transform-center-x="-7.0158563"
inkscape:transform-center-y="-0.16181918"
transform="matrix(1.2688011,0,0,1.1640327,-295.87121,-251.3695)"
d="m 375.44702,604.95685 -31.36911,-32.59461 -39.51394,10.15676 21.30573,-39.90609 -21.87013,-34.44138 44.53677,7.9313 25.99746,-31.4427 6.21951,44.80789 37.93744,15.00872 -40.6929,19.76151 z" /></g></svg>
Side by side

After

Width:  |  Height:  |  Size: 3.8 KiB