add optimized footer circle pattern png/svg

currently this image is needlessly duplicated across multiple web
projects, and the versions used there are not optimized at all eg. the
png used in www.tpo is over 100 Kb!
This commit is contained in:
Jérôme Charaoui 2023-10-18 15:12:58 -04:00
parent 5b80983480
commit bfa285204e
No known key found for this signature in database
GPG Key ID: 69C52F658E988542
2 changed files with 131 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

View File

@ -0,0 +1,131 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1288px" height="401px" version="1.1" viewBox="0 0 1288 401" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>0FCE7078-26FD-4F77-A8AB-6FE4C61BC38C</title>
<desc>Created with sketchtool.</desc>
<g id="Symbols" fill="none" fill-rule="evenodd" opacity=".4">
<g id="Block/download" transform="translate(1 -7)">
<g id="Donate">
<g id="Pattern-" transform="translate(0 9)" style="mix-blend-mode:lighten">
<g stroke="#fff" stroke-width="4">
<circle id="Oval" cx="201.44" cy="196.56" r="64.87"/>
<circle cx="201.44" cy="196.56" r="49.107"/>
<circle id="Oval-Copy" cx="202.04" cy="197.17" r="33.951"/>
<circle cx="201.44" cy="196.56" r="18.794"/>
<circle cx="414.1" cy="331.18" r="64.87"/>
<circle cx="414.1" cy="331.18" r="49.107"/>
<circle cx="414.7" cy="331.79" r="33.951"/>
<circle cx="414.1" cy="331.18" r="18.794"/>
<circle cx="537.98" cy="64.87" r="64.87"/>
<circle cx="537.98" cy="64.87" r="49.107"/>
<circle cx="538.59" cy="65.476" r="33.951"/>
<circle cx="537.98" cy="64.87" r="18.794"/>
<circle cx="959.39" cy="331.18" r="64.87"/>
<circle cx="959.39" cy="331.18" r="49.107"/>
<circle cx="960" cy="331.79" r="33.951"/>
<circle cx="959.39" cy="331.18" r="18.794"/>
<circle cx="1082.3" cy="64.87" r="64.87"/>
<circle cx="1082.3" cy="64.87" r="49.107"/>
<circle cx="1082.9" cy="65.476" r="33.951"/>
<circle cx="1082.3" cy="64.87" r="18.794"/>
<circle cx="749.66" cy="196.56" r="64.87"/>
<circle cx="749.66" cy="196.56" r="49.107"/>
<circle cx="750.27" cy="197.17" r="33.951"/>
<circle cx="749.66" cy="196.56" r="18.794"/>
<circle cx="687.23" cy="331.18" r="64.87"/>
<circle cx="687.23" cy="331.18" r="49.107"/>
<circle cx="687.84" cy="331.79" r="33.951"/>
<circle cx="687.23" cy="331.18" r="18.794"/>
<circle cx="811.12" cy="64.87" r="64.87"/>
<circle cx="811.12" cy="64.87" r="49.107"/>
<circle cx="811.73" cy="65.476" r="33.951"/>
<circle cx="811.12" cy="64.87" r="18.794"/>
<circle cx="1023.8" cy="196.56" r="64.87"/>
<circle cx="1023.8" cy="196.56" r="49.107"/>
<circle cx="1024.4" cy="197.17" r="33.951"/>
<circle cx="1023.8" cy="196.56" r="18.794"/>
<circle cx="141.93" cy="331.18" r="64.87"/>
<circle cx="141.93" cy="331.18" r="49.107"/>
<circle cx="142.54" cy="331.79" r="33.951"/>
<circle cx="141.93" cy="331.18" r="18.794"/>
<circle cx="262.89" cy="64.87" r="64.87"/>
<circle cx="262.89" cy="64.87" r="49.107"/>
<circle cx="263.5" cy="65.476" r="33.951"/>
<circle cx="262.89" cy="64.87" r="18.794"/>
<circle cx="474.58" cy="196.56" r="64.87"/>
<circle cx="474.58" cy="196.56" r="49.107"/>
<circle cx="475.18" cy="197.17" r="33.951"/>
<circle cx="474.58" cy="196.56" r="18.794"/>
<g stroke-dasharray="1,7" stroke-linecap="round" stroke-linejoin="round">
<path d="m550.66 396.05c35.827 0 64.87-29.043 64.87-64.87 0-35.827-29.043-64.87-64.87-64.87s-64.87 29.043-64.87 64.87c0 35.827 29.043 64.87 64.87 64.87z"/>
<path d="m550.66 380.29c27.121 0 49.107-21.986 49.107-49.107 0-27.121-21.986-49.107-49.107-49.107-27.121 0-49.107 21.986-49.107 49.107 0 27.121 21.986 49.107 49.107 49.107z"/>
<path d="m551.27 365.74c18.75 0 33.951-15.2 33.951-33.951s-15.2-33.951-33.951-33.951-33.951 15.2-33.951 33.951 15.2 33.951 33.951 33.951z"/>
<path d="m550.66 349.97c10.38 0 18.794-8.4144 18.794-18.794 0-10.38-8.4144-18.794-18.794-18.794-10.38 0-18.794 8.4144-18.794 18.794 0 10.38 8.4144 18.794 18.794 18.794z"/>
</g>
<g stroke-dasharray="6,10" stroke-linecap="round" stroke-linejoin="round">
<path d="m674.55 129.74c35.827 0 64.87-29.043 64.87-64.87 0-35.827-29.043-64.87-64.87-64.87-35.827 0-64.87 29.043-64.87 64.87 0 35.827 29.043 64.87 64.87 64.87z"/>
<path d="m674.55 113.98c27.121 0 49.107-21.986 49.107-49.107s-21.986-49.107-49.107-49.107c-27.121 0-49.107 21.986-49.107 49.107s21.986 49.107 49.107 49.107z"/>
<path d="m675.16 99.427c18.75 0 33.951-15.2 33.951-33.951s-15.2-33.951-33.951-33.951-33.951 15.2-33.951 33.951 15.2 33.951 33.951 33.951z"/>
<path d="m674.55 83.664c10.38 0 18.794-8.4144 18.794-18.794 0-10.38-8.4144-18.794-18.794-18.794-10.38 0-18.794 8.4144-18.794 18.794 0 10.38 8.4144 18.794 18.794 18.794z"/>
</g>
<g stroke-dasharray="1,7" stroke-linecap="round" stroke-linejoin="round">
<path d="m122.42 130.72c35.827 0 64.87-29.043 64.87-64.87s-29.043-64.87-64.87-64.87c-35.827 0-64.87 29.043-64.87 64.87s29.043 64.87 64.87 64.87z"/>
<path d="m122.42 114.95c27.121 0 49.107-21.986 49.107-49.107s-21.986-49.107-49.107-49.107c-27.121 0-49.107 21.986-49.107 49.107s21.986 49.107 49.107 49.107z"/>
<path d="m123.03 100.4c18.75 0 33.951-15.2 33.951-33.951s-15.2-33.951-33.951-33.951-33.951 15.2-33.951 33.951 15.2 33.951 33.951 33.951z"/>
<path d="m122.42 84.64c10.38 0 18.794-8.4144 18.794-18.794s-8.4144-18.794-18.794-18.794c-10.38 0-18.794 8.4144-18.794 18.794s8.4144 18.794 18.794 18.794z"/>
</g>
<g stroke-dasharray="6,10" stroke-linecap="round" stroke-linejoin="round">
<path d="m1096 396.05c35.827 0 64.87-29.043 64.87-64.87 0-35.827-29.043-64.87-64.87-64.87-35.827 0-64.87 29.043-64.87 64.87 0 35.827 29.043 64.87 64.87 64.87z"/>
<path d="m1096 380.29c27.121 0 49.107-21.986 49.107-49.107 0-27.121-21.986-49.107-49.107-49.107-27.121 0-49.107 21.986-49.107 49.107 0 27.121 21.986 49.107 49.107 49.107z"/>
<path d="m1096.6 365.74c18.75 0 33.951-15.2 33.951-33.951s-15.2-33.951-33.951-33.951c-18.75 0-33.951 15.2-33.951 33.951s15.2 33.951 33.951 33.951z"/>
<path d="m1096 349.97c10.38 0 18.794-8.4144 18.794-18.794 0-10.38-8.4144-18.794-18.794-18.794-10.38 0-18.794 8.4144-18.794 18.794 0 10.38 8.4144 18.794 18.794 18.794z"/>
</g>
<g stroke-dasharray="4,10" stroke-linecap="round" stroke-linejoin="round">
<path d="m1219.9 129.74c35.827 0 64.87-29.043 64.87-64.87 0-35.827-29.043-64.87-64.87-64.87s-64.87 29.043-64.87 64.87c0 35.827 29.043 64.87 64.87 64.87z"/>
<path d="m1219.9 113.98c27.121 0 49.107-21.986 49.107-49.107s-21.986-49.107-49.107-49.107-49.107 21.986-49.107 49.107 21.986 49.107 49.107 49.107z"/>
<path d="m1220.5 99.427c18.75 0 33.951-15.2 33.951-33.951s-15.2-33.951-33.951-33.951c-18.75 0-33.951 15.2-33.951 33.951s15.2 33.951 33.951 33.951z"/>
<path d="m1219.9 83.664c10.38 0 18.794-8.4144 18.794-18.794 0-10.38-8.4144-18.794-18.794-18.794s-18.794 8.4144-18.794 18.794c0 10.38 8.4144 18.794 18.794 18.794z"/>
<path d="m822.83 396.05c35.827 0 64.87-29.043 64.87-64.87 0-35.827-29.043-64.87-64.87-64.87-35.827 0-64.87 29.043-64.87 64.87 0 35.827 29.043 64.87 64.87 64.87z"/>
<path d="m822.83 380.29c27.121 0 49.107-21.986 49.107-49.107 0-27.121-21.986-49.107-49.107-49.107-27.121 0-49.107 21.986-49.107 49.107 0 27.121 21.986 49.107 49.107 49.107z"/>
<path d="m823.43 365.74c18.75 0 33.951-15.2 33.951-33.951s-15.2-33.951-33.951-33.951-33.951 15.2-33.951 33.951 15.2 33.951 33.951 33.951z"/>
<path d="m822.83 349.97c10.38 0 18.794-8.4144 18.794-18.794 0-10.38-8.4144-18.794-18.794-18.794-10.38 0-18.794 8.4144-18.794 18.794 0 10.38 8.4144 18.794 18.794 18.794z"/>
</g>
<g stroke-dasharray="4,7" stroke-linecap="round" stroke-linejoin="round">
<path d="m946.71 129.74c35.827 0 64.87-29.043 64.87-64.87 0-35.827-29.043-64.87-64.87-64.87s-64.87 29.043-64.87 64.87c0 35.827 29.043 64.87 64.87 64.87z"/>
<path d="m946.71 113.98c27.121 0 49.107-21.986 49.107-49.107s-21.986-49.107-49.107-49.107c-27.121 0-49.107 21.986-49.107 49.107s21.986 49.107 49.107 49.107z"/>
<path d="m947.32 99.427c18.75 0 33.951-15.2 33.951-33.951s-15.2-33.951-33.951-33.951-33.951 15.2-33.951 33.951 15.2 33.951 33.951 33.951z"/>
<path d="m946.71 83.664c10.38 0 18.794-8.4144 18.794-18.794 0-10.38-8.4144-18.794-18.794-18.794-10.38 0-18.794 8.4144-18.794 18.794 0 10.38 8.4144 18.794 18.794 18.794z"/>
</g>
<g stroke-dasharray="1,7" stroke-linecap="round" stroke-linejoin="round">
<path d="m338.01 261.43c35.827 0 64.87-29.043 64.87-64.87 0-35.827-29.043-64.87-64.87-64.87s-64.87 29.043-64.87 64.87c0 35.827 29.043 64.87 64.87 64.87z"/>
<path d="m338.01 245.67c27.121 0 49.107-21.986 49.107-49.107 0-27.121-21.986-49.107-49.107-49.107s-49.107 21.986-49.107 49.107c0 27.121 21.986 49.107 49.107 49.107z"/>
<path d="m338.61 231.12c18.75 0 33.951-15.2 33.951-33.951s-15.2-33.951-33.951-33.951c-18.75 0-33.951 15.2-33.951 33.951s15.2 33.951 33.951 33.951z"/>
<path d="m338.01 215.36c10.38 0 18.794-8.4144 18.794-18.794 0-10.38-8.4144-18.794-18.794-18.794s-18.794 8.4144-18.794 18.794c0 10.38 8.4144 18.794 18.794 18.794z"/>
</g>
</g>
<g fill="#fff">
<path d="m1095.5 131.69h131.69c0 36.366-29.48 65.846-65.846 65.846-36.366 0-65.846-29.48-65.846-65.846z" fill-opacity=".2"/>
<path d="m1095.5 197.54h131.69c0 36.366-29.48 65.846-65.846 65.846-36.366 0-65.846-29.48-65.846-65.846z" stroke="#fff"/>
<path d="m211.68 266.31h131.69c0 36.366-29.48 65.846-65.846 65.846s-65.846-29.48-65.846-65.846z" fill-opacity=".2"/>
<path d="m211.68 332.15h131.69c0 36.366-29.48 65.846-65.846 65.846s-65.846-29.48-65.846-65.846z" stroke="#fff"/>
<path d="m333.62 0h131.69c0 36.366-29.48 65.846-65.846 65.846-36.366 0-65.846-29.48-65.846-65.846z" stroke="#fff"/>
<path d="m333.62 68.284h131.69c0 36.366-29.48 65.846-65.846 65.846-36.366 0-65.846-29.48-65.846-65.846z" fill-opacity=".2"/>
<path transform="translate(887.21 156.81) scale(1 -1) translate(-887.21 -156.81)" d="m821.36 123.89h131.69c0 36.366-29.48 65.846-65.846 65.846-36.366 0-65.846-29.48-65.846-65.846z" stroke="#fff"/>
<path transform="translate(887.21 225.58) scale(1 -1) translate(-887.21 -225.58)" d="m821.36 192.66h131.69c0 36.366-29.48 65.846-65.846 65.846-36.366 0-65.846-29.48-65.846-65.846z" fill-opacity=".2"/>
</g>
<path transform="translate(65.846 164.61) scale(1 -1) translate(-65.846 -164.61)" d="m0 131.69h131.69c0 36.366-29.48 65.846-65.846 65.846-36.366 0-65.846-29.48-65.846-65.846z" stroke="#fff"/>
<path transform="translate(65.846 230.46) scale(1 -1) translate(-65.846 -230.46)" d="m0 197.54h131.69c0 36.366-29.48 65.846-65.846 65.846-36.366 0-65.846-29.48-65.846-65.846z" stroke="#fff"/>
<path transform="translate(577.84 197.54) scale(-1) rotate(90) translate(-577.84 -197.54)" d="m512.67 164.61h130.33c0 36.366-29.176 65.846-65.167 65.846s-65.167-29.48-65.167-65.846z" fill="#fff" fill-opacity=".2"/>
<path transform="translate(646.4 197.54) scale(-1) rotate(90) translate(-646.4 -197.54)" d="m581.23 164.61h130.33c0 36.366-29.176 65.846-65.167 65.846-35.991 0-65.167-29.48-65.167-65.846z" fill="#fff" stroke="#fff"/>
</g>
</g>
</g>
</g>
<metadata>
<rdf:RDF>
<cc:Work rdf:about="">
<dc:title>0FCE7078-26FD-4F77-A8AB-6FE4C61BC38C</dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
</svg>

After

Width:  |  Height:  |  Size: 11 KiB