Add a few icons for homepage

This commit is contained in:
Ryan Watters committed 2017-02-09 16:02:59 -06:00
1 parent 87d4ad941c
commit 7d4b94b4bc
11 files changed
+109 -25

No files matched your search

Binary file not shown.
@@ -1,5 +1,5 @@
.all-content-wrapper.home {
background-color: lighten($hugo-blue-light,50%);
background-color: lighten($hugo-blue-light, 50%);
}
main#homepage {
@@ -31,43 +31,49 @@ main#homepage {
flex-wrap: wrap;
justify-content: space-around;
flex-shrink: 0;
list-style:none;
padding-left:0px;
margin-left:0px;
list-style: none;
padding-left: 0px;
margin-left: 0px;
.homepage-card {
@include card(1, 3);
color: inherit;
width: 100%;
background-color: $body-bg-color;
margin-bottom: .5em;
padding: 16px 8px;
padding: 16px 10px;
flex-shrink: 0;
a {
display: flex;
min-height: 100%;
}
@include MQ(M) {
flex: 1 0 #{$M * .9 * .48};
max-width: $M * .9 * .48;
flex: 1 0 #{$M * .4};
max-width: $M * .4;
margin-bottom: 1em;
}
@include MQ(L) {
flex: 1 0 #{860px * .9 * .31};
max-width: 860px * .9 * .31;
margin-left: .2em;
}
section {
display:flex;
flex-direction:row;
align-items:center;
display: flex;
flex-direction: row;
align-items: center;
}
.homepage-card-image-wrapper {
display:block;
margin-left:auto;
margin-right:auto;
max-width:60px;
min-width:60px;
margin-right:1em;
}
.homepage-card-copy {
max-width: 60px;
min-width: 60px;
margin-right: 10px;
img {
max-width: 60px;
margin-left:auto;
margin-right:auto;
}
@include MQ(M) {
max-width: 70px;
min-width: 70px;
img {
max-width: 70px;
}
}
}
.homepage-card-copy {}
h2 {
font-size: 1em;
margin: 0px;
+1 -1
View File
@@ -1 +1 @@
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{margin:0px;padding:0px;outline:none;border:none;font-size:18px;font-family:"muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;color:#222;line-height:1.6;font-weight:300}body{font-size:90%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media only screen and (min-width: 760px){body{font-size:95%}}@media only screen and (min-width: 960px){body{font-size:100%}}p{margin-top:0px;margin-bottom:1.5em;line-height:1.6}@font-face{font-family:'fontello';src:url("/fonts/fontello/fontello.eot");src:url("/fonts/fontello/fontello.woff2") format("woff2"),url("/fonts/fontello/fontello.woff") format("woff"),url("/fonts/fontello/fontello.ttf") format("truetype"),url("/fonts/fontello/fontello.svg?78165468#fontello") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-alert:before{content:'\e810'}.icon-angle-double-right:before{content:'\f101'}.icon-attach:before{content:'\e820'}.icon-attention:before{content:'\e80f'}.icon-bell:before{content:'\e80d'}.icon-cancel:before{content:'\e81e'}.icon-caution:before{content:'\e80f'}.icon-chrome:before{content:'\e841'}.icon-clipboard:before{content:'\e817'}.icon-code:before{content:'\f121'}.icon-cog-alt:before{content:'\e814'}.icon-css3:before{content:'\f13c'}.icon-docs:before{content:'\f15c'}.icon-download:before{content:'\e815'}.icon-facebook-official:before{content:'\f230'}.icon-firefox:before{content:'\e840'}.icon-flag:before{content:'\e813'}.icon-forum:before{content:'\f03d';margin-right:.3em}.icon-github:before{content:'\f09b'}.icon-gitter:before{content:'\e819'}.icon-go:before{content:'\e801'}.icon-golang:before{content:'\e801'}.icon-heart:before{content:'\e81d'}.icon-help:before{content:'\e81b'}.icon-home:before{content:'\e812'}.icon-html.input:before{content:'\e81f'}.icon-html5:before{content:'\e800'}.icon-html:before{content:'\e800'}.icon-hugo:before{content:'\e81f'}.icon-ie:before{content:'\e843'}.icon-info:before{content:'\e811'}.icon-instagram:before{content:'\f32d'}.icon-javascript:before{content:'\e802'}.icon-js:before{content:'\e802'}.icon-json:before{content:'\e81c'}.icon-link:before{content:'\e816'}.icon-linkedin:before{content:'\f30c'}.icon-love:before{content:'\e81d'}.icon-mail:before{content:'\e821'}.icon-markdown:before{content:'\e80e'}.icon-note:before{content:'\e80d'}.icon-opera:before{content:'\e842'}.icon-pdf:before{content:'\f1c1'}.icon-pencil:before{content:'\e80c'}.icon-picture:before{content:'\e808'}.icon-quote-left:before{content:'\e809'}.icon-quote-right:before{content:'\e80a'}.icon-sass:before{content:'\e803'}.icon-search:before{content:'\e80b'}.icon-share:before{content:'\f1e0'}.icLine truncated
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{margin:0px;padding:0px;outline:none;border:none;font-size:18px;font-family:"muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;color:#222;line-height:1.6;font-weight:300}body{font-size:90%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media only screen and (min-width: 760px){body{font-size:95%}}@media only screen and (min-width: 960px){body{font-size:100%}}p{margin-top:0px;margin-bottom:1.5em;line-height:1.6}@font-face{font-family:'fontello';src:url("/fonts/fontello/fontello.eot");src:url("/fonts/fontello/fontello.woff2") format("woff2"),url("/fonts/fontello/fontello.woff") format("woff"),url("/fonts/fontello/fontello.ttf") format("truetype"),url("/fonts/fontello/fontello.svg?78165468#fontello") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-alert:before{content:'\e810'}.icon-angle-double-right:before{content:'\f101'}.icon-attach:before{content:'\e820'}.icon-attention:before{content:'\e80f'}.icon-bell:before{content:'\e80d'}.icon-cancel:before{content:'\e81e'}.icon-caution:before{content:'\e80f'}.icon-chrome:before{content:'\e841'}.icon-clipboard:before{content:'\e817'}.icon-code:before{content:'\f121'}.icon-cog-alt:before{content:'\e814'}.icon-css3:before{content:'\f13c'}.icon-docs:before{content:'\f15c'}.icon-download:before{content:'\e815'}.icon-facebook-official:before{content:'\f230'}.icon-firefox:before{content:'\e840'}.icon-flag:before{content:'\e813'}.icon-forum:before{content:'\f03d';margin-right:.3em}.icon-github:before{content:'\f09b'}.icon-gitter:before{content:'\e819'}.icon-go:before{content:'\e801'}.icon-golang:before{content:'\e801'}.icon-heart:before{content:'\e81d'}.icon-help:before{content:'\e81b'}.icon-home:before{content:'\e812'}.icon-html.input:before{content:'\e81f'}.icon-html5:before{content:'\e800'}.icon-html:before{content:'\e800'}.icon-hugo:before{content:'\e81f'}.icon-ie:before{content:'\e843'}.icon-info:before{content:'\e811'}.icon-instagram:before{content:'\f32d'}.icon-javascript:before{content:'\e802'}.icon-js:before{content:'\e802'}.icon-json:before{content:'\e81c'}.icon-link:before{content:'\e816'}.icon-linkedin:before{content:'\f30c'}.icon-love:before{content:'\e81d'}.icon-mail:before{content:'\e821'}.icon-markdown:before{content:'\e80e'}.icon-note:before{content:'\e80d'}.icon-opera:before{content:'\e842'}.icon-pdf:before{content:'\f1c1'}.icon-pencil:before{content:'\e80c'}.icon-picture:before{content:'\e808'}.icon-quote-left:before{content:'\e809'}.icon-quote-right:before{content:'\e80a'}.icon-sass:before{content:'\e803'}.icon-search:before{content:'\e80b'}.icon-share:before{content:'\f1e0'}.icLine truncated
@@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
<circle cx="256" cy="256" r="256" style="fill:rgb(0,131,192);"/>
<path d="M388.57,367.672L118.205,367.672L133.747,347.819L388.57,347.819L388.57,367.672Z" style="fill:rgb(0,168,138);fill-rule:nonzero;"/>
<path d="M164.695,360.234L118.206,367.673L125.645,321.184L344.297,102.53C349.346,97.481 357.533,97.481 362.583,102.53L383.348,123.295C388.397,128.344 388.397,136.531 383.348,141.581L164.695,360.234Z" style="fill:rgb(255,132,104);fill-rule:nonzero;"/>
<path d="M323.686,123.14L125.644,321.183L118.205,367.672L164.695,360.234L362.737,162.191L323.686,123.14Z" style="fill:rgb(252,216,4);fill-rule:nonzero;"/>
<path d="M137.443,364.594L121.283,348.435L118.205,367.672L137.443,364.594Z" style="fill:rgb(30,73,95);fill-rule:nonzero;"/>
<path d="M118.405,366.428L118.205,367.672L137.443,364.594L128.84,355.993L118.405,366.428Z" style="fill:rgb(29,56,78);fill-rule:nonzero;"/>
<g transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,245.951,585.256)">
<rect x="233.664" y="97.052" width="21.044" height="289.277" style="fill:rgb(235,185,81);"/>
</g>
<g transform="matrix(0.7071,0.7071,-0.7071,0.7071,245.882,-103.312)">
<rect x="242.021" y="100.511" width="11.258" height="289.277" style="fill:rgb(255,162,0);"/>
</g>
<path d="M383.347,141.581C388.397,136.531 388.397,128.344 383.347,123.295L362.582,102.53C357.533,97.481 349.346,97.48 344.296,102.53L323.686,123.14L362.737,162.191L383.347,141.581Z" style="fill:rgb(230,17,0);fill-rule:nonzero;"/>
<path d="M164.695,360.234L125.644,321.183L121.283,348.435L137.443,364.594L164.695,360.234Z" style="fill:rgb(250,227,194);fill-rule:nonzero;"/>
<path d="M128.84,355.993L137.443,364.594L164.695,360.234L144.646,340.186L128.84,355.993Z" style="fill:rgb(255,216,177);fill-rule:nonzero;"/>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
<circle cx="256" cy="256" r="256" style="fill:rgb(255,64,136);"/>
<circle cx="256" cy="256" r="142.222"/>
<g>
<rect x="241.347" y="170.667" width="29.306" height="85.333" style="fill:rgb(5,148,203);"/>
<path d="M256,355.987C229.293,355.987 204.183,345.587 185.297,326.703C146.313,287.719 146.313,224.284 185.297,185.3L206.02,206.023C192.67,219.371 185.318,237.122 185.318,256.001C185.318,274.88 192.67,292.631 206.02,305.979C219.368,319.329 237.119,326.681 255.998,326.681C274.877,326.681 292.628,319.329 305.976,305.979C319.326,292.631 326.678,274.88 326.678,256.001C326.678,237.122 319.326,219.371 305.976,206.023L326.699,185.3C365.683,224.284 365.683,287.719 326.699,326.703C307.817,345.586 282.707,355.987 256,355.987Z" style="fill:rgb(5,148,203);fill-rule:nonzero;"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

@@ -0,0 +1,28 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
<circle cx="256" cy="256" r="256" style="fill:rgb(0,168,138);"/>
<g>
<path d="M265.309,300.218C265.309,293.79 270.517,288.582 276.945,288.582L307.037,288.582C310.118,288.582 313.083,289.811 315.266,291.989L331.72,308.443C333.898,310.626 336.863,311.855 339.945,311.855L393.309,311.855C399.737,311.855 404.945,317.063 404.945,323.491L404.945,393.309C404.945,399.737 399.737,404.945 393.309,404.945L276.945,404.945C270.517,404.945 265.309,399.737 265.309,393.309L265.309,300.218L265.309,300.218Z" style="fill:rgb(244,208,161);fill-rule:nonzero;"/>
<path d="M265.309,160.582C265.309,154.154 270.517,148.946 276.945,148.946L307.037,148.946C310.118,148.946 313.083,150.175 315.266,152.353L331.72,168.807C333.898,170.99 336.863,172.219 339.945,172.219L393.309,172.219C399.737,172.219 404.945,177.427 404.945,183.855L404.945,253.673C404.945,260.101 399.737,265.309 393.309,265.309L276.945,265.309C270.517,265.309 265.309,260.101 265.309,253.673L265.309,160.582L265.309,160.582Z" style="fill:rgb(244,208,161);fill-rule:nonzero;"/>
</g>
<g>
<circle cx="237.382" cy="200.145" r="9.309" style="fill:white;"/>
<circle cx="200.145" cy="200.145" r="9.309" style="fill:white;"/>
<circle cx="162.909" cy="200.145" r="9.309" style="fill:white;"/>
<circle cx="125.673" cy="200.145" r="9.309" style="fill:white;"/>
<circle cx="237.382" cy="349.091" r="9.309" style="fill:white;"/>
<circle cx="200.145" cy="349.091" r="9.309" style="fill:white;"/>
<circle cx="162.909" cy="349.091" r="9.309" style="fill:white;"/>
<circle cx="125.673" cy="349.091" r="9.309" style="fill:white;"/>
<circle cx="125.673" cy="311.855" r="9.309" style="fill:white;"/>
<circle cx="125.673" cy="274.618" r="9.309" style="fill:white;"/>
<circle cx="125.673" cy="237.382" r="9.309" style="fill:white;"/>
<circle cx="125.673" cy="162.909" r="9.309" style="fill:white;"/>
<circle cx="125.673" cy="125.673" r="9.309" style="fill:white;"/>
</g>
<g>
<path d="M339.945,172.218C336.864,172.218 333.899,170.989 331.716,168.811L315.262,152.357C313.084,150.174 310.119,148.945 307.037,148.945L276.945,148.945C270.517,148.945 265.309,154.153 265.309,160.581L265.309,253.672C265.309,257.084 266.803,260.128 269.144,262.255L359.182,172.217L339.945,172.217L339.945,172.218Z" style="fill:rgb(248,225,194);fill-rule:nonzero;"/>
<path d="M339.945,311.855C336.864,311.855 333.899,310.626 331.716,308.448L315.262,291.994C313.084,289.811 310.119,288.582 307.037,288.582L276.945,288.582C270.517,288.582 265.309,293.79 265.309,300.218L265.309,393.309C265.309,396.721 266.803,399.765 269.144,401.892L359.182,311.854L339.945,311.854L339.945,311.855Z" style="fill:rgb(248,225,194);fill-rule:nonzero;"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

@@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
<circle cx="254.444" cy="256.182" r="254.828" style="fill:rgb(5,148,203);"/>
<rect x="252.552" y="217.074" width="47.437" height="77.852" style="fill:rgb(201,47,0);"/>
<g transform="matrix(1,0,0,1,1.64775,180.239)">
<rect x="212.73" y="113.778" width="39.822" height="103.865" style="fill:rgb(235,185,81);"/>
</g>
<rect x="210.351" y="217.074" width="42.206" height="77.852" style="fill:rgb(255,84,25);"/>
<rect x="133.982" y="215.609" width="80.794" height="80.794" style="fill:rgb(235,185,81);"/>
<path d="M113.778,276.197L133.977,296.396L133.977,215.604L113.778,235.801L113.778,276.197Z" style="fill:rgb(255,198,27);fill-rule:nonzero;"/>
<rect x="291.478" y="215.609" width="80.794" height="80.794" style="fill:rgb(255,84,25);"/>
<path d="M392.475,235.801L372.276,215.602L372.277,296.396L392.475,276.197L392.475,235.801Z" style="fill:rgb(255,198,27);fill-rule:nonzero;"/>
<rect x="212.73" y="113.778" width="39.822" height="103.865" style="fill:rgb(235,185,81);"/>
<rect x="252.552" y="113.778" width="40.97" height="103.865" style="fill:rgb(255,84,25);"/>
<path d="M232.927,93.579L212.73,113.778L252.552,113.778L252.552,93.579L232.927,93.579Z" style="fill:rgb(255,198,27);fill-rule:nonzero;"/>
<path d="M273.325,93.579L252.552,93.579L252.552,113.778L293.523,113.778L273.325,93.579Z" style="fill:rgb(235,185,81);fill-rule:nonzero;"/>
<rect x="252.552" y="294.357" width="40.97" height="103.865" style="fill:rgb(255,84,25);"/>
<path d="M252.552,398.222L212.728,398.222L232.927,418.421L273.325,418.421L293.523,398.222L252.552,398.222Z" style="fill:rgb(255,198,27);fill-rule:nonzero;"/>
<path d="M293.523,398.222L252.552,398.222L252.552,418.421L273.325,418.421L293.523,398.222Z" style="fill:rgb(235,185,81);fill-rule:nonzero;"/>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB