diff options
Diffstat (limited to 'assets/images/atoms')
| -rw-r--r-- | assets/images/atoms/electron_configuration.svg | 1091 | ||||
| -rw-r--r-- | assets/images/atoms/natrium_symbol.svg | 501 | ||||
| -rw-r--r-- | assets/images/atoms/oxygen.svg | 484 | ||||
| -rw-r--r-- | assets/images/atoms/oxygen_symbol.svg | 429 | ||||
| -rw-r--r-- | assets/images/atoms/parts.svg | 545 | ||||
| -rw-r--r-- | assets/images/atoms/symbol.svg | 429 |
6 files changed, 3479 insertions, 0 deletions
diff --git a/assets/images/atoms/electron_configuration.svg b/assets/images/atoms/electron_configuration.svg new file mode 100644 index 0000000..4323221 --- /dev/null +++ b/assets/images/atoms/electron_configuration.svg @@ -0,0 +1,1091 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + width="1920" + height="1080" + viewBox="0 0 1920 1080" + version="1.1" + id="svg5" + inkscape:version="1.2.2 (732a01da63, 2022-12-09)" + sodipodi:docname="electron_configuration.svg" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <sodipodi:namedview + id="namedview7" + pagecolor="#000000" + bordercolor="#000000" + borderopacity="0.25" + inkscape:showpageshadow="2" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + inkscape:document-units="px" + showgrid="false" + showguides="true" + inkscape:zoom="0.44562459" + inkscape:cx="635.0637" + inkscape:cy="428.6119" + inkscape:window-width="1920" + inkscape:window-height="1009" + inkscape:window-x="-8" + inkscape:window-y="-8" + inkscape:window-maximized="1" + inkscape:current-layer="layer1" /> + <defs + id="defs2"> + <linearGradient + inkscape:collect="always" + id="linearGradient5075"> + <stop + style="stop-color:#2ca02c;stop-opacity:1" + offset="0" + id="stop5071" /> + <stop + style="stop-color:#8dd35f;stop-opacity:1" + offset="1" + id="stop5073" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient4421"> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="0" + id="stop4417" /> + <stop + style="stop-color:#7a7a7a;stop-opacity:1;" + offset="1" + id="stop4419" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient1378"> + <stop + style="stop-color:#008000;stop-opacity:1" + offset="0" + id="stop1374" /> + <stop + style="stop-color:#8dd35f;stop-opacity:1" + offset="1" + id="stop1376" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient7274" + id="linearGradient7276" + x1="143.83966" + y1="141.71466" + x2="285.75" + y2="0" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(6.7191603,0,0,3.7795276,-2.0375977e-6,1.0046844e-8)" /> + <linearGradient + inkscape:collect="always" + id="linearGradient7274"> + <stop + style="stop-color:#ffffff;stop-opacity:1" + offset="0" + id="stop7270" /> + <stop + style="stop-color:#e5e5e5;stop-opacity:1;" + offset="1" + id="stop7272" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1378" + id="linearGradient1380" + x1="122.18182" + y1="207.86777" + x2="242.77686" + y2="87.272736" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1378" + id="linearGradient3208" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" + x1="122.18182" + y1="207.86777" + x2="242.77686" + y2="87.272736" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1378" + id="linearGradient3218" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" + x1="122.18182" + y1="207.86777" + x2="242.77686" + y2="87.272736" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1378" + id="linearGradient3236" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" + x1="122.18182" + y1="207.86777" + x2="242.77686" + y2="87.272736" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1378" + id="linearGradient3238" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" + x1="122.18182" + y1="207.86777" + x2="242.77686" + y2="87.272736" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1378" + id="linearGradient3248" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" + x1="122.18182" + y1="207.86777" + x2="242.77686" + y2="87.272736" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1378" + id="linearGradient3274" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" + x1="122.18182" + y1="207.86777" + x2="242.77686" + y2="87.272736" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1378" + id="linearGradient3276" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" + x1="122.18182" + y1="207.86777" + x2="242.77686" + y2="87.272736" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1378" + id="linearGradient3278" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" + x1="122.18182" + y1="207.86777" + x2="242.77686" + y2="87.272736" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1378" + id="linearGradient3288" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" + x1="122.18182" + y1="207.86777" + x2="242.77686" + y2="87.272736" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1378" + id="linearGradient3322" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" + x1="122.18182" + y1="207.86777" + x2="242.77686" + y2="87.272736" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1378" + id="linearGradient3324" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" + x1="122.18182" + y1="207.86777" + x2="242.77686" + y2="87.272736" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1378" + id="linearGradient3326" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" + x1="122.18182" + y1="207.86777" + x2="242.77686" + y2="87.272736" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1378" + id="linearGradient3328" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" + x1="122.18182" + y1="207.86777" + x2="242.77686" + y2="87.272736" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1378" + id="linearGradient3362" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" + x1="122.18182" + y1="207.86777" + x2="242.77686" + y2="87.272736" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1378" + id="linearGradient3364" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" + x1="122.18182" + y1="207.86777" + x2="242.77686" + y2="87.272736" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1378" + id="linearGradient3366" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" + x1="122.18182" + y1="207.86777" + x2="242.77686" + y2="87.272736" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1378" + id="linearGradient3368" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" + x1="122.18182" + y1="207.86777" + x2="242.77686" + y2="87.272736" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient4421" + id="linearGradient4352" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" + x1="182.47932" + y1="207.86777" + x2="182.47932" + y2="87.272736" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient4421" + id="linearGradient4427" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" + x1="182.47932" + y1="207.86777" + x2="182.47932" + y2="87.272736" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient4421" + id="linearGradient4433" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" + x1="182.47932" + y1="207.86777" + x2="182.47932" + y2="87.272736" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient4421" + id="linearGradient4439" + gradientUnits="userSpaceOnUse" + gradientTransform="translate(136.46282,97.289244)" + x1="182.47932" + y1="207.86777" + x2="182.47932" + y2="87.272736" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient5075" + id="linearGradient5077" + x1="49.368912" + y1="149.17371" + x2="49.368912" + y2="78.323471" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(1,0,0,1.3003407,81.122021,25.650339)" /> + </defs> + <g + inkscape:label="Layer 1" + inkscape:groupmode="layer" + id="layer1"> + <rect + style="fill:url(#linearGradient7276);fill-opacity:1;stroke:none;stroke-width:4.81765;stroke-dasharray:none;stroke-opacity:1" + id="rect6490" + width="1920" + height="1080" + x="0" + y="0" + ry="80.000008" + sodipodi:insensitive="true" /> + <g + id="g4972" + transform="translate(417.39169,97.907817)"> + <g + id="g3192" + transform="matrix(0.95161081,0,0,0.95161081,350.84326,-151.766)"> + <circle + style="fill:url(#linearGradient1380);fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="path1312" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:63.375px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;fill:#8dd35f;fill-rule:evenodd;stroke-width:3.56485;stroke-linecap:round;stroke-linejoin:round" + x="317.93658" + y="267.15521" + id="text1500"><tspan + sodipodi:role="line" + id="tspan1498" + x="317.93658" + y="267.15521" + style="fill:#ffffff;stroke-width:3.56485">1s</tspan></text> + </g> + <g + id="g3165" + transform="matrix(0.5332819,0.14289245,-0.14289245,0.5332819,392.28637,-211.52992)" + style="stroke:#808080;stroke-width:9.48001;stroke-dasharray:none"> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:9.48001;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="M 769.70619,88.078623 674.78901,252.47999 663.70905,211.12903" + id="path1829" + sodipodi:nodetypes="ccc" /> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:9.48001;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 714.27638,241.89938 -39.48737,10.58061" + id="path2257" + sodipodi:nodetypes="cc" + inkscape:transform-center-x="-18.32615" + inkscape:transform-center-y="-10.580615" /> + </g> + <g + id="g3206" + transform="matrix(0.95161081,0,0,0.95161081,350.84326,-17.97424)"> + <circle + style="fill:url(#linearGradient3208);fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="circle3200" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:63.375px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;fill:#8dd35f;fill-rule:evenodd;stroke-width:3.56485;stroke-linecap:round;stroke-linejoin:round" + x="317.93658" + y="267.15521" + id="text3204"><tspan + sodipodi:role="line" + id="tspan3202" + x="317.93658" + y="267.15521" + style="fill:#ffffff;stroke-width:3.56485">2s</tspan></text> + </g> + <g + id="g3216" + transform="matrix(0.95161081,0,0,0.95161081,503.66724,-17.97424)"> + <circle + style="fill:url(#linearGradient3218);fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="circle3210" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:63.375px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;fill:#8dd35f;fill-rule:evenodd;stroke-width:3.56485;stroke-linecap:round;stroke-linejoin:round" + x="317.93658" + y="267.15521" + id="text3214"><tspan + sodipodi:role="line" + id="tspan3212" + x="317.93658" + y="267.15521" + style="fill:#ffffff;stroke-width:3.56485">2p</tspan></text> + </g> + <g + id="g3226" + transform="matrix(0.95161081,0,0,0.95161081,350.84326,115.81752)"> + <circle + style="fill:url(#linearGradient3238);fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="circle3220" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:63.375px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;fill:#8dd35f;fill-rule:evenodd;stroke-width:3.56485;stroke-linecap:round;stroke-linejoin:round" + x="317.93658" + y="267.15521" + id="text3224"><tspan + sodipodi:role="line" + id="tspan3222" + x="317.93658" + y="267.15521" + style="fill:#ffffff;stroke-width:3.56485">3s</tspan></text> + </g> + <g + id="g3234" + transform="matrix(0.95161081,0,0,0.95161081,503.66724,115.81752)"> + <circle + style="fill:url(#linearGradient3236);fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="circle3228" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:63.375px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;fill:#8dd35f;fill-rule:evenodd;stroke-width:3.56485;stroke-linecap:round;stroke-linejoin:round" + x="317.93658" + y="267.15521" + id="text3232"><tspan + sodipodi:role="line" + id="tspan3230" + x="317.93658" + y="267.15521" + style="fill:#ffffff;stroke-width:3.56485">3p</tspan></text> + </g> + <g + id="g3246" + transform="matrix(0.95161081,0,0,0.95161081,656.49121,115.81752)"> + <circle + style="fill:url(#linearGradient3248);fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="circle3240" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:63.375px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;fill:#8dd35f;fill-rule:evenodd;stroke-width:3.56485;stroke-linecap:round;stroke-linejoin:round" + x="317.93658" + y="267.15521" + id="text3244"><tspan + sodipodi:role="line" + id="tspan3242" + x="317.93658" + y="267.15521" + style="fill:#ffffff;stroke-width:3.56485">3d</tspan></text> + </g> + <g + id="g3256" + transform="matrix(0.95161081,0,0,0.95161081,350.84326,249.60928)"> + <circle + style="fill:url(#linearGradient3278);fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="circle3250" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:63.375px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;fill:#8dd35f;fill-rule:evenodd;stroke-width:3.56485;stroke-linecap:round;stroke-linejoin:round" + x="317.93658" + y="267.15521" + id="text3254"><tspan + sodipodi:role="line" + id="tspan3252" + x="317.93658" + y="267.15521" + style="fill:#ffffff;stroke-width:3.56485">4s</tspan></text> + </g> + <g + id="g3264" + transform="matrix(0.95161081,0,0,0.95161081,503.66724,249.60928)"> + <circle + style="fill:url(#linearGradient3276);fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="circle3258" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:63.375px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;fill:#8dd35f;fill-rule:evenodd;stroke-width:3.56485;stroke-linecap:round;stroke-linejoin:round" + x="317.93658" + y="267.15521" + id="text3262"><tspan + sodipodi:role="line" + id="tspan3260" + x="317.93658" + y="267.15521" + style="fill:#ffffff;stroke-width:3.56485">4p</tspan></text> + </g> + <g + id="g3272" + transform="matrix(0.95161081,0,0,0.95161081,656.49121,249.60928)"> + <circle + style="fill:url(#linearGradient3274);fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="circle3266" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:63.375px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;fill:#8dd35f;fill-rule:evenodd;stroke-width:3.56485;stroke-linecap:round;stroke-linejoin:round" + x="317.93658" + y="267.15521" + id="text3270"><tspan + sodipodi:role="line" + id="tspan3268" + x="317.93658" + y="267.15521" + style="fill:#ffffff;stroke-width:3.56485">1d</tspan></text> + </g> + <g + id="g3286" + transform="matrix(0.95161081,0,0,0.95161081,809.31519,249.60928)"> + <circle + style="fill:url(#linearGradient3288);fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="circle3280" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:63.375px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;fill:#8dd35f;fill-rule:evenodd;stroke-width:3.56485;stroke-linecap:round;stroke-linejoin:round" + x="317.93658" + y="267.15521" + id="text3284"><tspan + sodipodi:role="line" + id="tspan3282" + x="317.93658" + y="267.15521" + style="fill:#ffffff;stroke-width:3.56485">1f</tspan></text> + </g> + <g + id="g3296" + transform="matrix(0.95161081,0,0,0.95161081,350.84326,383.40104)"> + <circle + style="fill:url(#linearGradient3328);fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="circle3290" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:63.375px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;fill:#8dd35f;fill-rule:evenodd;stroke-width:3.56485;stroke-linecap:round;stroke-linejoin:round" + x="317.93658" + y="267.15521" + id="text3294"><tspan + sodipodi:role="line" + id="tspan3292" + x="317.93658" + y="267.15521" + style="fill:#ffffff;stroke-width:3.56485">5s</tspan></text> + </g> + <g + id="g3304" + transform="matrix(0.95161081,0,0,0.95161081,503.66724,383.40104)"> + <circle + style="fill:url(#linearGradient3326);fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="circle3298" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:63.375px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;fill:#8dd35f;fill-rule:evenodd;stroke-width:3.56485;stroke-linecap:round;stroke-linejoin:round" + x="317.93658" + y="267.15521" + id="text3302"><tspan + sodipodi:role="line" + id="tspan3300" + x="317.93658" + y="267.15521" + style="fill:#ffffff;stroke-width:3.56485">5p</tspan></text> + </g> + <g + id="g3312" + transform="matrix(0.95161081,0,0,0.95161081,656.49121,383.40104)"> + <circle + style="fill:url(#linearGradient3324);fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="circle3306" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:63.375px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;fill:#8dd35f;fill-rule:evenodd;stroke-width:3.56485;stroke-linecap:round;stroke-linejoin:round" + x="317.93658" + y="267.15521" + id="text3310"><tspan + sodipodi:role="line" + id="tspan3308" + x="317.93658" + y="267.15521" + style="fill:#ffffff;stroke-width:3.56485">5d</tspan></text> + </g> + <g + id="g3320" + transform="matrix(0.95161081,0,0,0.95161081,809.31519,383.40104)"> + <circle + style="fill:url(#linearGradient3322);fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="circle3314" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:63.375px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;fill:#8dd35f;fill-rule:evenodd;stroke-width:3.56485;stroke-linecap:round;stroke-linejoin:round" + x="317.93658" + y="267.15521" + id="text3318"><tspan + sodipodi:role="line" + id="tspan3316" + x="317.93658" + y="267.15521" + style="fill:#ffffff;stroke-width:3.56485">5f</tspan></text> + </g> + <g + id="g3336" + transform="matrix(0.95161081,0,0,0.95161081,350.84326,517.1928)"> + <circle + style="fill:url(#linearGradient3368);fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="circle3330" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:63.375px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;fill:#8dd35f;fill-rule:evenodd;stroke-width:3.56485;stroke-linecap:round;stroke-linejoin:round" + x="317.93658" + y="267.15521" + id="text3334"><tspan + sodipodi:role="line" + id="tspan3332" + x="317.93658" + y="267.15521" + style="fill:#ffffff;stroke-width:3.56485">6s</tspan></text> + </g> + <g + id="g3344" + transform="matrix(0.95161081,0,0,0.95161081,503.66724,517.1928)"> + <circle + style="fill:url(#linearGradient3366);fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="circle3338" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:63.375px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;fill:#8dd35f;fill-rule:evenodd;stroke-width:3.56485;stroke-linecap:round;stroke-linejoin:round" + x="317.93658" + y="267.15521" + id="text3342"><tspan + sodipodi:role="line" + id="tspan3340" + x="317.93658" + y="267.15521" + style="fill:#ffffff;stroke-width:3.56485">6p</tspan></text> + </g> + <g + id="g3352" + transform="matrix(0.95161081,0,0,0.95161081,656.49121,517.1928)"> + <circle + style="fill:url(#linearGradient3364);fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="circle3346" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:63.375px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;fill:#8dd35f;fill-rule:evenodd;stroke-width:3.56485;stroke-linecap:round;stroke-linejoin:round" + x="317.93658" + y="267.15521" + id="text3350"><tspan + sodipodi:role="line" + id="tspan3348" + x="317.93658" + y="267.15521" + style="fill:#ffffff;stroke-width:3.56485">6d</tspan></text> + </g> + <g + id="g3360" + transform="matrix(0.95161081,0,0,0.95161081,809.31519,517.1928)"> + <circle + style="fill:url(#linearGradient3362);fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="circle3354" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + <text + xml:space="preserve" + style="font-weight:300;font-size:63.375px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;fill:#8dd35f;fill-rule:evenodd;stroke-width:3.56485;stroke-linecap:round;stroke-linejoin:round" + x="317.93658" + y="267.15521" + id="text3358"><tspan + sodipodi:role="line" + id="tspan3356" + x="317.93658" + y="267.15521" + style="fill:#ffffff;stroke-width:3.56485">6f</tspan></text> + </g> + <g + id="g3374" + transform="matrix(0.5332819,0.14289245,-0.14289245,0.5332819,545.11034,-77.738156)" + style="stroke:#808080;stroke-width:9.48002;stroke-dasharray:none"> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="M 769.70619,88.078623 674.78901,252.47999 663.70905,211.12903" + id="path3370" + sodipodi:nodetypes="ccc" /> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 714.27638,241.89938 -39.48737,10.58061" + id="path3372" + sodipodi:nodetypes="cc" + inkscape:transform-center-x="-18.32615" + inkscape:transform-center-y="-10.580615" /> + </g> + <g + id="g3380" + transform="matrix(0.5332819,0.14289245,-0.14289245,0.5332819,697.93432,56.053604)" + style="stroke:#808080;stroke-width:9.48002;stroke-dasharray:none"> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="M 769.70619,88.078623 674.78901,252.47999 663.70905,211.12903" + id="path3376" + sodipodi:nodetypes="ccc" /> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 714.27638,241.89938 -39.48737,10.58061" + id="path3378" + sodipodi:nodetypes="cc" + inkscape:transform-center-x="-18.32615" + inkscape:transform-center-y="-10.580615" /> + </g> + <g + id="g3386" + transform="matrix(0.5332819,0.14289245,-0.14289245,0.5332819,545.11034,56.053604)" + style="stroke:#808080;stroke-width:9.48002;stroke-dasharray:none"> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="M 867.20993,-80.802815 674.78901,252.47999 663.70905,211.12903" + id="path3382" + sodipodi:nodetypes="ccc" /> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 714.27638,241.89938 -39.48737,10.58061" + id="path3384" + sodipodi:nodetypes="cc" + inkscape:transform-center-x="-18.32615" + inkscape:transform-center-y="-10.580615" /> + </g> + <g + id="g3392" + transform="matrix(0.5332819,0.14289245,-0.14289245,0.5332819,392.28637,-77.738156)" + style="stroke:#808080;stroke-width:9.48002;stroke-dasharray:none"> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="M 867.20993,-80.802815 674.78901,252.47999 663.70905,211.12903" + id="path3388" + sodipodi:nodetypes="ccc" /> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 714.27638,241.89938 -39.48737,10.58061" + id="path3390" + sodipodi:nodetypes="cc" + inkscape:transform-center-x="-18.32615" + inkscape:transform-center-y="-10.580615" /> + </g> + <g + id="g3398" + transform="matrix(0.5332819,0.14289245,-0.14289245,0.5332819,850.75829,189.84536)" + style="stroke:#808080;stroke-width:9.48002;stroke-dasharray:none"> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="M 769.70619,88.078623 674.78901,252.47999 663.70905,211.12903" + id="path3394" + sodipodi:nodetypes="ccc" /> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 714.27638,241.89938 -39.48737,10.58061" + id="path3396" + sodipodi:nodetypes="cc" + inkscape:transform-center-x="-18.32615" + inkscape:transform-center-y="-10.580615" /> + </g> + <g + id="g3404" + transform="matrix(0.5332819,0.14289245,-0.14289245,0.5332819,697.93432,189.84536)" + style="stroke:#808080;stroke-width:9.48002;stroke-dasharray:none"> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="M 867.20993,-80.802815 674.78901,252.47999 663.70905,211.12903" + id="path3400" + sodipodi:nodetypes="ccc" /> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 714.27638,241.89938 -39.48737,10.58061" + id="path3402" + sodipodi:nodetypes="cc" + inkscape:transform-center-x="-18.32615" + inkscape:transform-center-y="-10.580615" /> + </g> + <g + id="g3418" + transform="matrix(0.5332819,0.14289245,-0.14289245,0.5332819,392.28637,56.053604)" + style="stroke:#808080;stroke-width:9.48002;stroke-dasharray:none"> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 720.95432,172.51934 -46.16531,79.96065 -11.07996,-41.35096" + id="path3414" + sodipodi:nodetypes="ccc" /> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 714.27638,241.89938 -39.48737,10.58061" + id="path3416" + sodipodi:nodetypes="cc" + inkscape:transform-center-x="-18.32615" + inkscape:transform-center-y="-10.580615" /> + </g> + <g + id="g3424" + transform="matrix(0.5332819,0.14289245,-0.14289245,0.5332819,391.28719,190.84454)" + style="stroke:#808080;stroke-width:9.48002;stroke-dasharray:none"> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 720.95432,172.51934 -46.16531,79.96065 -11.07996,-41.35096" + id="path3420" + sodipodi:nodetypes="ccc" /> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 714.27638,241.89938 -39.48737,10.58061" + id="path3422" + sodipodi:nodetypes="cc" + inkscape:transform-center-x="-18.32615" + inkscape:transform-center-y="-10.580615" /> + </g> + <g + id="g3436" + transform="matrix(0.5332819,0.14289245,-0.14289245,0.5332819,392.28637,323.63712)" + style="stroke:#808080;stroke-width:9.48002;stroke-dasharray:none"> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 720.95432,172.51934 -46.16531,79.96065 -11.07996,-41.35096" + id="path3432" + sodipodi:nodetypes="ccc" /> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 714.27638,241.89938 -39.48737,10.58061" + id="path3434" + sodipodi:nodetypes="cc" + inkscape:transform-center-x="-18.32615" + inkscape:transform-center-y="-10.580615" /> + </g> + <g + id="g3442" + transform="matrix(0.5332819,0.14289245,-0.14289245,0.5332819,391.28719,458.42806)" + style="stroke:#808080;stroke-width:9.48002;stroke-dasharray:none"> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 720.95432,172.51934 -46.16531,79.96065 -11.07996,-41.35096" + id="path3438" + sodipodi:nodetypes="ccc" /> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 714.27638,241.89938 -39.48737,10.58061" + id="path3440" + sodipodi:nodetypes="cc" + inkscape:transform-center-x="-18.32615" + inkscape:transform-center-y="-10.580615" /> + </g> + <g + id="g3448" + transform="matrix(0.5332819,0.14289245,-0.14289245,0.5332819,545.11034,323.63712)" + style="stroke:#808080;stroke-width:9.48002;stroke-dasharray:none"> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 720.95432,172.51934 -46.16531,79.96065 -11.07996,-41.35096" + id="path3444" + sodipodi:nodetypes="ccc" /> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 714.27638,241.89938 -39.48737,10.58061" + id="path3446" + sodipodi:nodetypes="cc" + inkscape:transform-center-x="-18.32615" + inkscape:transform-center-y="-10.580615" /> + </g> + <g + id="g3454" + transform="matrix(0.5332819,0.14289245,-0.14289245,0.5332819,544.11116,458.42806)" + style="stroke:#808080;stroke-width:9.48002;stroke-dasharray:none"> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 720.95432,172.51934 -46.16531,79.96065 -11.07996,-41.35096" + id="path3450" + sodipodi:nodetypes="ccc" /> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 714.27638,241.89938 -39.48737,10.58061" + id="path3452" + sodipodi:nodetypes="cc" + inkscape:transform-center-x="-18.32615" + inkscape:transform-center-y="-10.580615" /> + </g> + <g + id="g3460" + transform="matrix(0.5332819,0.14289245,-0.14289245,0.5332819,544.11116,190.84454)" + style="stroke:#808080;stroke-width:9.48002;stroke-dasharray:none"> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 720.95432,172.51934 -46.16531,79.96065 -11.07996,-41.35096" + id="path3456" + sodipodi:nodetypes="ccc" /> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 714.27638,241.89938 -39.48737,10.58061" + id="path3458" + sodipodi:nodetypes="cc" + inkscape:transform-center-x="-18.32615" + inkscape:transform-center-y="-10.580615" /> + </g> + <g + id="g3466" + transform="matrix(0.5332819,0.14289245,-0.14289245,0.5332819,697.93432,323.63712)" + style="stroke:#808080;stroke-width:9.48002;stroke-dasharray:none"> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 720.95432,172.51934 -46.16531,79.96065 -11.07996,-41.35096" + id="path3462" + sodipodi:nodetypes="ccc" /> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 714.27638,241.89938 -39.48737,10.58061" + id="path3464" + sodipodi:nodetypes="cc" + inkscape:transform-center-x="-18.32615" + inkscape:transform-center-y="-10.580615" /> + </g> + <g + id="g3472" + transform="matrix(0.5332819,0.14289245,-0.14289245,0.5332819,696.93514,458.42806)" + style="stroke:#808080;stroke-width:9.48002;stroke-dasharray:none"> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 720.95432,172.51934 -46.16531,79.96065 -11.07996,-41.35096" + id="path3468" + sodipodi:nodetypes="ccc" /> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 714.27638,241.89938 -39.48737,10.58061" + id="path3470" + sodipodi:nodetypes="cc" + inkscape:transform-center-x="-18.32615" + inkscape:transform-center-y="-10.580615" /> + </g> + <g + id="g3478" + transform="matrix(0.5332819,0.14289245,-0.14289245,0.5332819,849.7591,324.63631)" + style="stroke:#808080;stroke-width:9.48002;stroke-dasharray:none"> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="M 842.834,-38.582456 674.78901,252.47999 663.70905,211.12903" + id="path3474" + sodipodi:nodetypes="ccc" /> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 714.27638,241.89938 -39.48737,10.58061" + id="path3476" + sodipodi:nodetypes="cc" + inkscape:transform-center-x="-18.32615" + inkscape:transform-center-y="-10.580615" /> + </g> + <g + id="g3484" + transform="matrix(0.5332819,0.14289245,-0.14289245,0.5332819,849.75911,458.42806)" + style="stroke:#808080;stroke-width:9.48002;stroke-dasharray:none"> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="M 915.96181,-165.24353 674.78901,252.47999 663.70905,211.12903" + id="path3480" + sodipodi:nodetypes="ccc" /> + <path + style="fill:none;fill-rule:evenodd;stroke:#808080;stroke-width:12.0655;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + d="m 714.27638,241.89938 -39.48737,10.58061" + id="path3482" + sodipodi:nodetypes="cc" + inkscape:transform-center-x="-18.32615" + inkscape:transform-center-y="-10.580615" /> + </g> + <g + id="g4320" + transform="matrix(0.95161081,0,0,0.95161081,350.84326,650.98456)"> + <circle + style="fill:url(#linearGradient4352);fill-opacity:1;fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="circle4314" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + </g> + <g + id="g4425" + transform="matrix(0.95161081,0,0,0.95161081,503.66724,650.98456)"> + <circle + style="fill:url(#linearGradient4427);fill-opacity:1;fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="circle4423" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + </g> + <g + id="g4431" + transform="matrix(0.95161081,0,0,0.95161081,656.49121,650.98456)"> + <circle + style="fill:url(#linearGradient4433);fill-opacity:1;fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="circle4429" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + </g> + <g + id="g4437" + transform="matrix(0.95161081,0,0,0.95161081,809.31519,650.98456)"> + <circle + style="fill:url(#linearGradient4439);fill-opacity:1;fill-rule:evenodd;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round" + id="circle4435" + cx="318.94214" + cy="244.8595" + r="60.29752" /> + </g> + </g> + <text + xml:space="preserve" + style="font-weight:300;font-size:96px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:4.31846;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" + x="178.33624" + y="193.07347" + id="text4976"><tspan + sodipodi:role="line" + id="tspan4974" + x="178.33624" + y="193.07347" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:96px;font-family:Roboto;-inkscape-font-specification:Roboto;text-align:start;text-anchor:start;stroke-width:4.31846">Electron </tspan><tspan + sodipodi:role="line" + x="178.33624" + y="313.07349" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:96px;font-family:Roboto;-inkscape-font-specification:Roboto;text-align:start;text-anchor:start;stroke-width:4.31846" + id="tspan5028">Configuration</tspan></text> + <path + style="fill:#8dd35f;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient5077);stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" + d="m 130.49093,131.07347 v 84.97756" + id="path5030" /> + </g> +</svg> diff --git a/assets/images/atoms/natrium_symbol.svg b/assets/images/atoms/natrium_symbol.svg new file mode 100644 index 0000000..bfdad89 --- /dev/null +++ b/assets/images/atoms/natrium_symbol.svg @@ -0,0 +1,501 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + width="1080" + height="1080" + viewBox="0 0 285.74999 285.75" + version="1.1" + id="svg5" + inkscape:version="1.2.2 (732a01da63, 2022-12-09)" + sodipodi:docname="natrium_symbol.svg" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <sodipodi:namedview + id="namedview7" + pagecolor="#000000" + bordercolor="#000000" + borderopacity="0.25" + inkscape:showpageshadow="2" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + inkscape:document-units="mm" + showgrid="false" + inkscape:zoom="0.52221046" + inkscape:cx="148.4076" + inkscape:cy="574.48102" + inkscape:window-width="1920" + inkscape:window-height="1009" + inkscape:window-x="-8" + inkscape:window-y="-8" + inkscape:window-maximized="1" + inkscape:current-layer="layer1" /> + <defs + id="defs2"> + <linearGradient + inkscape:collect="always" + id="linearGradient7274"> + <stop + style="stop-color:#ffffff;stop-opacity:1" + offset="0" + id="stop7270" /> + <stop + style="stop-color:#e5e5e5;stop-opacity:1;" + offset="1" + id="stop7272" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient3529"> + <stop + style="stop-color:#c83737;stop-opacity:1" + offset="0" + id="stop3525" /> + <stop + style="stop-color:#ffb380;stop-opacity:1" + offset="1" + id="stop3527" /> + </linearGradient> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter1278" + x="-0.075946687" + y="-0.076911961" + width="1.1518934" + height="1.1538239"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="0.98634731" + id="feGaussianBlur1280" /> + </filter> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient3523" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient3537" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient3549" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient4335" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient4361" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient4363" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient4365" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient4367" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient7274" + id="linearGradient7276" + x1="143.83966" + y1="141.71466" + x2="285.75" + y2="0" + gradientUnits="userSpaceOnUse" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient568" + id="linearGradient570" + x1="102.78811" + y1="103.80765" + x2="120.66234" + y2="82.935143" + gradientUnits="userSpaceOnUse" /> + <linearGradient + inkscape:collect="always" + id="linearGradient568"> + <stop + style="stop-color:#5f8dd3;stop-opacity:1" + offset="0" + id="stop564" /> + <stop + style="stop-color:#afdde9;stop-opacity:1" + offset="1" + id="stop566" /> + </linearGradient> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter1278-8" + x="-0.075946687" + y="-0.076911961" + width="1.1518934" + height="1.1538239"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="0.98634731" + id="feGaussianBlur1280-2" /> + </filter> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter2603" + x="-0.012571142" + y="-0.012571142" + width="1.0251423" + height="1.0251423"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="0.74895363" + id="feGaussianBlur2605" /> + </filter> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient462" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient470" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient478" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + </defs> + <g + inkscape:label="Layer 1" + inkscape:groupmode="layer" + id="layer1"> + <rect + style="opacity:1;fill:url(#linearGradient7276);fill-opacity:1;stroke:none;stroke-width:0.956;stroke-dasharray:none;stroke-opacity:1" + id="rect6490" + width="285.75" + height="285.75" + x="0" + y="0" + ry="21.166668" + sodipodi:insensitive="true" /> + <g + id="g396" + style="display:inline;opacity:0.432177;filter:url(#filter2603)" + transform="matrix(1.1006133,0,0,1.1006133,-14.542283,-14.20806)"> + <circle + style="fill:none;fill-opacity:1;stroke:#676767;stroke-width:0.956;stroke-dasharray:none;stroke-opacity:1" + id="path2789" + cx="141.69138" + cy="144.0587" + r="48.87215" /> + <g + id="g3521" + transform="matrix(0.28737677,0,0,0.28737677,152.96637,139.68504)"> + <circle + style="fill:url(#linearGradient3523);fill-opacity:1;stroke-width:0.264583" + id="circle3517" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path3519" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g3535" + transform="matrix(0.28737677,0,0,0.28737677,69.491461,89.844408)"> + <circle + style="fill:url(#linearGradient3537);fill-opacity:1;stroke-width:0.264583" + id="circle3531" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path3533" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <circle + style="fill:none;fill-opacity:1;stroke:#676767;stroke-width:0.956;stroke-dasharray:none;stroke-opacity:1" + id="circle3539" + cx="141.69138" + cy="144.0587" + r="69.444046" /> + <circle + style="fill:none;fill-opacity:1;stroke:#676767;stroke-width:0.905019;stroke-dasharray:none;stroke-opacity:1" + id="circle3541" + cx="141.69138" + cy="144.0587" + r="89.490608" /> + <g + id="g3547" + transform="matrix(0.28737677,0,0,0.28737677,98.989036,49.742262)"> + <circle + style="fill:url(#linearGradient3549);fill-opacity:1;stroke-width:0.264583" + id="circle3543" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path3545" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g4333" + transform="matrix(0.28737677,0,0,0.28737677,92.37046,185.41593)"> + <circle + style="fill:url(#linearGradient4335);fill-opacity:1;stroke-width:0.264583" + id="circle4329" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path4331" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g4341" + transform="matrix(0.28737677,0,0,0.28737677,178.70414,118.42254)"> + <circle + style="fill:url(#linearGradient4367);fill-opacity:1;stroke-width:0.264583" + id="circle4337" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path4339" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g4347" + transform="matrix(0.28737677,0,0,0.28737677,47.246318,148.80032)"> + <circle + style="fill:url(#linearGradient4365);fill-opacity:1;stroke-width:0.264583" + id="circle4343" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path4345" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g4353" + transform="matrix(0.28737677,0,0,0.28737677,43.721565,97.47858)"> + <circle + style="fill:url(#linearGradient4363);fill-opacity:1;stroke-width:0.264583" + id="circle4349" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path4351" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g4359" + transform="matrix(0.28737677,0,0,0.28737677,147.73932,59.947859)"> + <circle + style="fill:url(#linearGradient4361);fill-opacity:1;stroke-width:0.264583" + id="circle4355" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path4357" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g17076"> + <g + id="g1335" + transform="translate(30.022169,53.667605)"> + <circle + style="fill:url(#linearGradient570);fill-opacity:1;stroke-width:0.264583" + id="path502" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="circle711" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278-8)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + </g> + <g + id="g460" + transform="matrix(0.28737677,0,0,0.28737677,170.72608,150.73985)"> + <circle + style="fill:url(#linearGradient462);fill-opacity:1;stroke-width:0.264583" + id="circle456" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path458" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g468" + transform="matrix(0.28737677,0,0,0.28737677,137.49025,182.26496)"> + <circle + style="fill:url(#linearGradient470);fill-opacity:1;stroke-width:0.264583" + id="circle464" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path466" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g476" + transform="matrix(0.28737677,0,0,0.28737677,49.157794,51.317757)"> + <circle + style="fill:url(#linearGradient478);fill-opacity:1;stroke-width:0.264583" + id="circle472" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path474" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + </g> + <g + id="g2554" + transform="translate(-9.0322887,-22.134172)" + style="display:inline;opacity:1"> + <text + xml:space="preserve" + style="font-size:137.408px;fill:#ffffff;stroke-width:11.4506" + x="149.82796" + y="194.14777" + id="text236"><tspan + sodipodi:role="line" + id="tspan234" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Roboto;-inkscape-font-specification:Roboto;text-align:center;text-anchor:middle;fill:#000000;stroke-width:11.4506" + x="149.82796" + y="194.14777">Na</tspan></text> + <text + xml:space="preserve" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:33.315px;font-family:Roboto;-inkscape-font-specification:Roboto;fill:#ffffff;stroke-width:5.5525" + x="154.27536" + y="226.68983" + id="text2548"><tspan + sodipodi:role="line" + id="tspan2546" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:33.315px;font-family:Roboto;-inkscape-font-specification:Roboto;text-align:center;text-anchor:middle;fill:#666666;stroke-width:5.5525" + x="154.27536" + y="226.68983">Sodium</tspan></text> + </g> + <text + xml:space="preserve" + style="font-size:33.315px;fill:#ffffff;stroke-width:5.5525" + x="24.734022" + y="45.026928" + id="text1088"><tspan + sodipodi:role="line" + id="tspan1086" + style="font-style:italic;font-variant:normal;font-weight:300;font-stretch:normal;font-size:33.315px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';fill:#000000;stroke-width:5.5525" + x="24.734022" + y="45.026928">23</tspan></text> + <text + xml:space="preserve" + style="font-size:33.315px;fill:#ffffff;stroke-width:5.5525" + x="19.442356" + y="264.25803" + id="text1092"><tspan + sodipodi:role="line" + id="tspan1090" + style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:33.315px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';fill:#000000;stroke-width:5.5525" + x="19.442356" + y="264.25803">11</tspan></text> + </g> +</svg> diff --git a/assets/images/atoms/oxygen.svg b/assets/images/atoms/oxygen.svg new file mode 100644 index 0000000..6476bcb --- /dev/null +++ b/assets/images/atoms/oxygen.svg @@ -0,0 +1,484 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + width="1080" + height="1080" + viewBox="0 0 285.74999 285.75" + version="1.1" + id="svg5" + inkscape:version="1.2.2 (732a01da63, 2022-12-09)" + sodipodi:docname="oxygen.svg" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <sodipodi:namedview + id="namedview7" + pagecolor="#000000" + bordercolor="#000000" + borderopacity="0.25" + inkscape:showpageshadow="2" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + inkscape:document-units="mm" + showgrid="false" + inkscape:zoom="0.36925856" + inkscape:cx="257.2723" + inkscape:cy="449.5495" + inkscape:window-width="1920" + inkscape:window-height="1009" + inkscape:window-x="-8" + inkscape:window-y="-8" + inkscape:window-maximized="1" + inkscape:current-layer="layer1" /> + <defs + id="defs2"> + <linearGradient + inkscape:collect="always" + id="linearGradient7274"> + <stop + style="stop-color:#ffffff;stop-opacity:1" + offset="0" + id="stop7270" /> + <stop + style="stop-color:#e5e5e5;stop-opacity:1;" + offset="1" + id="stop7272" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient6326"> + <stop + style="stop-color:#333333;stop-opacity:1;" + offset="0" + id="stop6322" /> + <stop + style="stop-color:#cccccc;stop-opacity:1" + offset="1" + id="stop6324" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient3529"> + <stop + style="stop-color:#c83737;stop-opacity:1" + offset="0" + id="stop3525" /> + <stop + style="stop-color:#ffb380;stop-opacity:1" + offset="1" + id="stop3527" /> + </linearGradient> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter1278" + x="-0.075946687" + y="-0.076911961" + width="1.1518934" + height="1.1538239"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="0.98634731" + id="feGaussianBlur1280" /> + </filter> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient3523" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient3537" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient3549" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient4335" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient4361" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient4363" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient4365" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient4367" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient6326" + id="linearGradient6328" + x1="140.60326" + y1="238.69911" + x2="140.60326" + y2="248.73122" + gradientUnits="userSpaceOnUse" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient7274" + id="linearGradient7276" + x1="143.83966" + y1="141.71466" + x2="285.75" + y2="0" + gradientUnits="userSpaceOnUse" /> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter16972" + x="-0.21763576" + y="-0.21763576" + width="1.4352715" + height="1.4352715"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="3.2161328" + id="feGaussianBlur16974" /> + </filter> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient568" + id="linearGradient570" + x1="102.78811" + y1="103.80765" + x2="120.66234" + y2="82.935143" + gradientUnits="userSpaceOnUse" /> + <linearGradient + inkscape:collect="always" + id="linearGradient568"> + <stop + style="stop-color:#5f8dd3;stop-opacity:1" + offset="0" + id="stop564" /> + <stop + style="stop-color:#afdde9;stop-opacity:1" + offset="1" + id="stop566" /> + </linearGradient> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter1278-8" + x="-0.075946687" + y="-0.076911961" + width="1.1518934" + height="1.1538239"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="0.98634731" + id="feGaussianBlur1280-2" /> + </filter> + </defs> + <g + inkscape:label="Layer 1" + inkscape:groupmode="layer" + id="layer1"> + <rect + style="opacity:1;fill:url(#linearGradient7276);fill-opacity:1;stroke:none;stroke-width:0.956;stroke-dasharray:none;stroke-opacity:1" + id="rect6490" + width="285.75" + height="285.75" + x="0" + y="0" + ry="21.166668" + sodipodi:insensitive="true" /> + <circle + style="fill:none;fill-opacity:1;stroke:#676767;stroke-width:0.956;stroke-dasharray:none;stroke-opacity:1" + id="path2789" + cx="141.69138" + cy="144.0587" + r="48.87215" /> + <g + id="g3521" + transform="matrix(0.28737677,0,0,0.28737677,152.96637,139.68504)"> + <circle + style="fill:url(#linearGradient3523);fill-opacity:1;stroke-width:0.264583" + id="circle3517" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path3519" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g3535" + transform="matrix(0.28737677,0,0,0.28737677,69.491461,89.844408)"> + <circle + style="fill:url(#linearGradient3537);fill-opacity:1;stroke-width:0.264583" + id="circle3531" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path3533" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <circle + style="fill:none;fill-opacity:1;stroke:#676767;stroke-width:0.956;stroke-dasharray:none;stroke-opacity:1" + id="circle3539" + cx="141.69138" + cy="144.0587" + r="69.444046" /> + <circle + style="fill:none;fill-opacity:1;stroke:#676767;stroke-width:0.905019;stroke-dasharray:none;stroke-opacity:1" + id="circle3541" + cx="141.69138" + cy="144.0587" + r="89.490608" /> + <g + id="g3547" + transform="matrix(0.28737677,0,0,0.28737677,98.989036,49.742262)"> + <circle + style="fill:url(#linearGradient3549);fill-opacity:1;stroke-width:0.264583" + id="circle3543" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path3545" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g4333" + transform="matrix(0.28737677,0,0,0.28737677,120.66799,186.92319)"> + <circle + style="fill:url(#linearGradient4335);fill-opacity:1;stroke-width:0.264583" + id="circle4329" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path4331" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g4341" + transform="matrix(0.28737677,0,0,0.28737677,178.70414,118.42254)"> + <circle + style="fill:url(#linearGradient4367);fill-opacity:1;stroke-width:0.264583" + id="circle4337" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path4339" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g4347" + transform="matrix(0.28737677,0,0,0.28737677,57.467032,164.68218)"> + <circle + style="fill:url(#linearGradient4365);fill-opacity:1;stroke-width:0.264583" + id="circle4343" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path4345" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g4353" + transform="matrix(0.28737677,0,0,0.28737677,41.650019,102.56842)"> + <circle + style="fill:url(#linearGradient4363);fill-opacity:1;stroke-width:0.264583" + id="circle4349" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path4351" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g4359" + transform="matrix(0.28737677,0,0,0.28737677,161.51475,72.684956)"> + <circle + style="fill:url(#linearGradient4361);fill-opacity:1;stroke-width:0.264583" + id="circle4355" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path4357" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <text + xml:space="preserve" + style="font-size:25.4px;fill:#ffffff;stroke-width:4.23333" + x="251.77174" + y="39.472527" + id="text5147"><tspan + sodipodi:role="line" + id="tspan5145" + style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:25.4px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';fill:#000000;stroke-width:4.23333" + x="251.77174" + y="39.472527">8</tspan></text> + <g + id="g5935" + transform="translate(-1.5130856,-2.5366667e-5)"> + <text + xml:space="preserve" + style="font-size:50.8px;fill:#ffffff;stroke-width:4.23333" + x="14.461133" + y="238.11827" + id="text236"><tspan + sodipodi:role="line" + id="tspan234" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Roboto;-inkscape-font-specification:Roboto;fill:#000000;stroke-width:4.23333" + x="14.461133" + y="238.11827">O</tspan></text> + <text + xml:space="preserve" + style="font-size:22.147px;fill:#ffffff;stroke-width:1.84558;stroke:none" + x="16.036341" + y="265.14932" + id="text5877"><tspan + sodipodi:role="line" + id="tspan5875" + style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-family:Roboto;-inkscape-font-specification:'Roboto Light';fill:#808080;stroke-width:1.84558;stroke:none" + x="16.036341" + y="265.14932">Oxygen</tspan></text> + </g> + <text + xml:space="preserve" + style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:14.1111px;font-family:Roboto;-inkscape-font-specification:'Roboto Medium';fill:#333333;fill-opacity:1;stroke:none;stroke-width:0.414342;stroke-dasharray:none;stroke-opacity:1;text-anchor:middle;text-align:center" + x="140.42358" + y="188.11717" + id="text5939"><tspan + sodipodi:role="line" + id="tspan5937" + style="font-size:14.1111px;stroke:none;stroke-width:0.414342;text-anchor:middle;text-align:center;-inkscape-font-specification:'Roboto Medium';font-family:Roboto;font-weight:500;font-style:normal;font-stretch:normal;font-variant:normal;fill:#333333" + x="136.73389" + y="188.11717">K</tspan></text> + <text + xml:space="preserve" + style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:14.1111px;font-family:Roboto;-inkscape-font-specification:'Roboto Medium';text-align:center;text-anchor:middle;fill:#333333;fill-opacity:1;stroke:none;stroke-width:0.414342;stroke-dasharray:none;stroke-opacity:1" + x="140.42358" + y="208.68907" + id="text6108"><tspan + sodipodi:role="line" + id="tspan6106" + style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:14.1111px;font-family:Roboto;-inkscape-font-specification:'Roboto Medium';text-align:center;text-anchor:middle;fill:#333333;stroke:none;stroke-width:0.414342" + x="140.42358" + y="208.68907">L</tspan></text> + <text + xml:space="preserve" + style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:14.1111px;font-family:Roboto;-inkscape-font-specification:'Roboto Medium';text-align:center;text-anchor:middle;fill:#333333;fill-opacity:1;stroke:none;stroke-width:0.414342;stroke-dasharray:none;stroke-opacity:1" + x="140.61359" + y="228.71014" + id="text6112"><tspan + sodipodi:role="line" + id="tspan6110" + style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:14.1111px;font-family:Roboto;-inkscape-font-specification:'Roboto Medium';text-align:center;text-anchor:middle;fill:#333333;stroke:none;stroke-width:0.414342" + x="140.61359" + y="228.71014">M</tspan></text> + <text + xml:space="preserve" + style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:14.1111px;font-family:Roboto;-inkscape-font-specification:'Roboto Medium';text-align:center;text-anchor:middle;fill:url(#linearGradient6328);fill-opacity:1;stroke:none;stroke-width:0.414342;stroke-dasharray:none;stroke-opacity:1;opacity:0.58044164" + x="140.61359" + y="248.73122" + id="text6270"><tspan + sodipodi:role="line" + id="tspan6268" + style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:14.1111px;font-family:Roboto;-inkscape-font-specification:'Roboto Medium';text-align:center;text-anchor:middle;fill:url(#linearGradient6328);stroke:none;stroke-width:0.414342;fill-opacity:1" + x="140.61359" + y="248.73122">N</tspan></text> + <g + id="g17076"> + <circle + style="opacity:0.302839;fill:#000000;fill-opacity:1;stroke-width:0.264583;filter:url(#filter16972)" + id="circle16941" + cx="138.51634" + cy="147.23373" + r="17.733112" + transform="matrix(0.9584666,0,0,0.9584666,6.8101551,5.0580161)" /> + <g + id="g1335" + transform="translate(30.022169,53.667605)"> + <circle + style="fill:url(#linearGradient570);fill-opacity:1;stroke-width:0.264583" + id="path502" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="circle711" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278-8)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + </g> + </g> +</svg> diff --git a/assets/images/atoms/oxygen_symbol.svg b/assets/images/atoms/oxygen_symbol.svg new file mode 100644 index 0000000..a809676 --- /dev/null +++ b/assets/images/atoms/oxygen_symbol.svg @@ -0,0 +1,429 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + width="1080" + height="1080" + viewBox="0 0 285.74999 285.75" + version="1.1" + id="svg5" + inkscape:version="1.2.2 (732a01da63, 2022-12-09)" + sodipodi:docname="oxygen - Copy.svg" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <sodipodi:namedview + id="namedview7" + pagecolor="#000000" + bordercolor="#000000" + borderopacity="0.25" + inkscape:showpageshadow="2" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + inkscape:document-units="mm" + showgrid="false" + inkscape:zoom="0.18462928" + inkscape:cx="-855.76892" + inkscape:cy="352.05684" + inkscape:window-width="1920" + inkscape:window-height="1009" + inkscape:window-x="-8" + inkscape:window-y="-8" + inkscape:window-maximized="1" + inkscape:current-layer="layer1" /> + <defs + id="defs2"> + <linearGradient + inkscape:collect="always" + id="linearGradient7274"> + <stop + style="stop-color:#ffffff;stop-opacity:1" + offset="0" + id="stop7270" /> + <stop + style="stop-color:#e5e5e5;stop-opacity:1;" + offset="1" + id="stop7272" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient3529"> + <stop + style="stop-color:#c83737;stop-opacity:1" + offset="0" + id="stop3525" /> + <stop + style="stop-color:#ffb380;stop-opacity:1" + offset="1" + id="stop3527" /> + </linearGradient> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter1278" + x="-0.075946687" + y="-0.076911961" + width="1.1518934" + height="1.1538239"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="0.98634731" + id="feGaussianBlur1280" /> + </filter> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient3523" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient3537" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient3549" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient4335" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient4361" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient4363" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient4365" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient4367" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient7274" + id="linearGradient7276" + x1="143.83966" + y1="141.71466" + x2="285.75" + y2="0" + gradientUnits="userSpaceOnUse" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient568" + id="linearGradient570" + x1="102.78811" + y1="103.80765" + x2="120.66234" + y2="82.935143" + gradientUnits="userSpaceOnUse" /> + <linearGradient + inkscape:collect="always" + id="linearGradient568"> + <stop + style="stop-color:#5f8dd3;stop-opacity:1" + offset="0" + id="stop564" /> + <stop + style="stop-color:#afdde9;stop-opacity:1" + offset="1" + id="stop566" /> + </linearGradient> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter1278-8" + x="-0.075946687" + y="-0.076911961" + width="1.1518934" + height="1.1538239"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="0.98634731" + id="feGaussianBlur1280-2" /> + </filter> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter2603" + x="-0.012571142" + y="-0.012571142" + width="1.0251423" + height="1.0251423"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="0.74895363" + id="feGaussianBlur2605" /> + </filter> + </defs> + <g + inkscape:label="Layer 1" + inkscape:groupmode="layer" + id="layer1"> + <rect + style="opacity:1;fill:url(#linearGradient7276);fill-opacity:1;stroke:none;stroke-width:0.956;stroke-dasharray:none;stroke-opacity:1" + id="rect6490" + width="285.75" + height="285.75" + x="0" + y="0" + ry="21.166668" + sodipodi:insensitive="true" /> + <g + id="g396" + style="opacity:0.432177;filter:url(#filter2603)" + transform="matrix(1.1006133,0,0,1.1006133,-14.542283,-14.20806)"> + <circle + style="fill:none;fill-opacity:1;stroke:#676767;stroke-width:0.956;stroke-dasharray:none;stroke-opacity:1" + id="path2789" + cx="141.69138" + cy="144.0587" + r="48.87215" /> + <g + id="g3521" + transform="matrix(0.28737677,0,0,0.28737677,152.96637,139.68504)"> + <circle + style="fill:url(#linearGradient3523);fill-opacity:1;stroke-width:0.264583" + id="circle3517" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path3519" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g3535" + transform="matrix(0.28737677,0,0,0.28737677,69.491461,89.844408)"> + <circle + style="fill:url(#linearGradient3537);fill-opacity:1;stroke-width:0.264583" + id="circle3531" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path3533" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <circle + style="fill:none;fill-opacity:1;stroke:#676767;stroke-width:0.956;stroke-dasharray:none;stroke-opacity:1" + id="circle3539" + cx="141.69138" + cy="144.0587" + r="69.444046" /> + <circle + style="fill:none;fill-opacity:1;stroke:#676767;stroke-width:0.905019;stroke-dasharray:none;stroke-opacity:1" + id="circle3541" + cx="141.69138" + cy="144.0587" + r="89.490608" /> + <g + id="g3547" + transform="matrix(0.28737677,0,0,0.28737677,98.989036,49.742262)"> + <circle + style="fill:url(#linearGradient3549);fill-opacity:1;stroke-width:0.264583" + id="circle3543" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path3545" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g4333" + transform="matrix(0.28737677,0,0,0.28737677,120.66799,186.92319)"> + <circle + style="fill:url(#linearGradient4335);fill-opacity:1;stroke-width:0.264583" + id="circle4329" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path4331" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g4341" + transform="matrix(0.28737677,0,0,0.28737677,178.70414,118.42254)"> + <circle + style="fill:url(#linearGradient4367);fill-opacity:1;stroke-width:0.264583" + id="circle4337" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path4339" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g4347" + transform="matrix(0.28737677,0,0,0.28737677,57.467032,164.68218)"> + <circle + style="fill:url(#linearGradient4365);fill-opacity:1;stroke-width:0.264583" + id="circle4343" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path4345" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g4353" + transform="matrix(0.28737677,0,0,0.28737677,41.650019,102.56842)"> + <circle + style="fill:url(#linearGradient4363);fill-opacity:1;stroke-width:0.264583" + id="circle4349" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path4351" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g4359" + transform="matrix(0.28737677,0,0,0.28737677,161.51475,72.684956)"> + <circle + style="fill:url(#linearGradient4361);fill-opacity:1;stroke-width:0.264583" + id="circle4355" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path4357" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g17076"> + <g + id="g1335" + transform="translate(30.022169,53.667605)"> + <circle + style="fill:url(#linearGradient570);fill-opacity:1;stroke-width:0.264583" + id="path502" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="circle711" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278-8)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + </g> + </g> + <g + id="g2554" + transform="translate(-9.0322887,-22.134172)" + style="opacity:1"> + <text + xml:space="preserve" + style="font-size:137.408px;fill:#ffffff;stroke-width:11.4506" + x="106.65077" + y="193.7238" + id="text236"><tspan + sodipodi:role="line" + id="tspan234" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Roboto;-inkscape-font-specification:Roboto;fill:#000000;stroke-width:11.4506" + x="106.65077" + y="193.7238">O</tspan></text> + <text + xml:space="preserve" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:33.315px;font-family:Roboto;-inkscape-font-specification:Roboto;fill:#ffffff;stroke-width:5.5525" + x="99.901421" + y="222.39435" + id="text2548"><tspan + sodipodi:role="line" + id="tspan2546" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:33.315px;font-family:Roboto;-inkscape-font-specification:Roboto;fill:#666666;stroke-width:5.5525" + x="99.901421" + y="222.39435">Oxygen</tspan></text> + </g> + <text + xml:space="preserve" + style="font-size:33.315px;fill:#ffffff;stroke-width:5.5525" + x="24.734022" + y="45.026928" + id="text1088"><tspan + sodipodi:role="line" + id="tspan1086" + style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:33.315px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';fill:#000000;stroke-width:5.5525" + x="24.734022" + y="45.026928">15.999 </tspan></text> + <text + xml:space="preserve" + style="font-size:33.315px;fill:#ffffff;stroke-width:5.5525" + x="19.442356" + y="264.25803" + id="text1092"><tspan + sodipodi:role="line" + id="tspan1090" + style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:33.315px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';fill:#000000;stroke-width:5.5525" + x="19.442356" + y="264.25803">8</tspan></text> + </g> +</svg> diff --git a/assets/images/atoms/parts.svg b/assets/images/atoms/parts.svg new file mode 100644 index 0000000..dacd0e7 --- /dev/null +++ b/assets/images/atoms/parts.svg @@ -0,0 +1,545 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + width="1920" + height="1080" + viewBox="0 0 507.99998 285.75" + version="1.1" + id="svg5" + inkscape:version="1.2.2 (732a01da63, 2022-12-09)" + sodipodi:docname="parts.svg" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <sodipodi:namedview + id="namedview7" + pagecolor="#000000" + bordercolor="#000000" + borderopacity="0.25" + inkscape:showpageshadow="2" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + inkscape:document-units="mm" + showgrid="false" + inkscape:zoom="0.26110523" + inkscape:cx="1597.0572" + inkscape:cy="202.98329" + inkscape:window-width="1920" + inkscape:window-height="1009" + inkscape:window-x="-8" + inkscape:window-y="-8" + inkscape:window-maximized="1" + inkscape:current-layer="g28464" + showguides="true" /> + <defs + id="defs2"> + <linearGradient + inkscape:collect="always" + id="linearGradient28103"> + <stop + style="stop-color:#2a7fff;stop-opacity:1" + offset="0" + id="stop28099" /> + <stop + style="stop-color:#afdde9;stop-opacity:1" + offset="1" + id="stop28101" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient26637"> + <stop + style="stop-color:#373748;stop-opacity:1" + offset="0" + id="stop26633" /> + <stop + style="stop-color:#6f6f91;stop-opacity:1" + offset="1" + id="stop26635" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient7274"> + <stop + style="stop-color:#ffffff;stop-opacity:1" + offset="0" + id="stop7270" /> + <stop + style="stop-color:#e5e5e5;stop-opacity:1;" + offset="1" + id="stop7272" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient3529"> + <stop + style="stop-color:#c83737;stop-opacity:1" + offset="0" + id="stop3525" /> + <stop + style="stop-color:#ffb380;stop-opacity:1" + offset="1" + id="stop3527" /> + </linearGradient> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter1278" + x="-0.075946687" + y="-0.076911961" + width="1.1518934" + height="1.1538239"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="0.98634731" + id="feGaussianBlur1280" /> + </filter> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient28103" + id="linearGradient3523" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient3549" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient4335" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient7274" + id="linearGradient7276" + x1="143.83966" + y1="141.71466" + x2="285.75" + y2="0" + gradientUnits="userSpaceOnUse" + gradientTransform="scale(1.7777778,1)" /> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter16972" + x="-0.21763576" + y="-0.21763576" + width="1.4352715" + height="1.4352715"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="3.2161328" + id="feGaussianBlur16974" /> + </filter> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient568" + id="linearGradient570" + x1="102.78811" + y1="103.80765" + x2="120.66234" + y2="82.935143" + gradientUnits="userSpaceOnUse" /> + <linearGradient + inkscape:collect="always" + id="linearGradient568"> + <stop + style="stop-color:#5f8dd3;stop-opacity:1" + offset="0" + id="stop564" /> + <stop + style="stop-color:#afdde9;stop-opacity:1" + offset="1" + id="stop566" /> + </linearGradient> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter1278-8" + x="-0.075946687" + y="-0.076911961" + width="1.1518934" + height="1.1538239"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="0.98634731" + id="feGaussianBlur1280-2" /> + </filter> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient26607" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient26615" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient26637" + id="linearGradient26629" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient26637" + id="linearGradient26645" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient28105" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient28103" + id="linearGradient28224" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient28103" + id="linearGradient30413" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + </defs> + <g + inkscape:label="Layer 1" + inkscape:groupmode="layer" + id="layer1"> + <rect + style="opacity:1;fill:url(#linearGradient7276);fill-opacity:1;stroke:none;stroke-width:1.27467;stroke-dasharray:none;stroke-opacity:1" + id="rect6490" + width="508" + height="285.75" + x="0" + y="0" + ry="21.166668" + sodipodi:insensitive="true" /> + <g + id="g28464" + transform="translate(22.818016,-1.1837006)"> + <circle + style="fill:none;fill-opacity:1;stroke:#676767;stroke-width:0.956;stroke-dasharray:none;stroke-opacity:1" + id="path2789" + cx="141.69138" + cy="144.0587" + r="48.87215" /> + <g + id="g3521" + transform="matrix(0.28737677,0,0,0.28737677,152.96637,139.68504)"> + <circle + style="fill:url(#linearGradient3523);fill-opacity:1;stroke-width:0.264583" + id="circle3517" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path3519" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g3535" + transform="matrix(0.28737677,0,0,0.28737677,69.491461,89.844408)"> + <circle + style="fill:url(#linearGradient28105);fill-opacity:1;stroke-width:0.264583" + id="circle3531" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path3533" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <circle + style="fill:none;fill-opacity:1;stroke:#676767;stroke-width:0.956;stroke-dasharray:none;stroke-opacity:1" + id="circle3539" + cx="141.69138" + cy="144.0587" + r="69.444046" /> + <circle + style="fill:none;fill-opacity:1;stroke:#676767;stroke-width:0.905019;stroke-dasharray:none;stroke-opacity:1" + id="circle3541" + cx="141.69138" + cy="144.0587" + r="89.490608" /> + <g + id="g3547" + transform="matrix(0.28737677,0,0,0.28737677,98.989036,49.742262)"> + <circle + style="fill:url(#linearGradient3549);fill-opacity:1;stroke-width:0.264583" + id="circle3543" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path3545" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g4333" + transform="matrix(0.28737677,0,0,0.28737677,120.66799,186.92319)"> + <circle + style="fill:url(#linearGradient4335);fill-opacity:1;stroke-width:0.264583" + id="circle4329" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path4331" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g17076" + style="opacity:0.492114"> + <circle + style="opacity:0.302839;fill:#000000;fill-opacity:1;stroke-width:0.264583;filter:url(#filter16972)" + id="circle16941" + cx="138.51634" + cy="147.23373" + r="17.733112" + transform="matrix(0.9584666,0,0,0.9584666,6.8101551,5.0580161)" /> + <g + id="g1335" + transform="translate(30.022169,53.667605)"> + <circle + style="fill:url(#linearGradient570);fill-opacity:1;stroke-width:0.264583" + id="path502" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="circle711" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278-8)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + </g> + <g + id="g26605" + transform="matrix(0.28737677,0,0,0.28737677,104.08512,110.84487)"> + <circle + style="fill:url(#linearGradient26607);fill-opacity:1;stroke-width:0.264583" + id="circle26601" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path26603" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g26613" + transform="matrix(0.28737677,0,0,0.28737677,116.91429,109.26419)"> + <circle + style="fill:url(#linearGradient26615);fill-opacity:1;stroke-width:0.264583" + id="circle26609" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path26611" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g26627" + transform="matrix(0.28737677,0,0,0.28737677,114.95758,125.46644)"> + <circle + style="fill:url(#linearGradient26629);fill-opacity:1;stroke-width:0.264583" + id="circle26623" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path26625" + style="opacity:0.671924;fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g26643" + transform="matrix(0.28737677,0,0,0.28737677,102.64229,122.6899)"> + <circle + style="fill:url(#linearGradient26645);fill-opacity:1;stroke-width:0.264583" + id="circle26639" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path26641" + style="opacity:0.671924;fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g28222" + transform="matrix(0.28737677,0,0,0.28737677,170.21273,85.147177)"> + <circle + style="fill:url(#linearGradient28224);fill-opacity:1;stroke-width:0.264583" + id="circle28218" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path28220" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <path + style="opacity:0.671924;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#808080;stroke-width:0.956;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" + d="m 300.50412,79.309535 -119.87971,-2e-6 -27.27578,49.148447" + id="path28533" + sodipodi:nodetypes="ccc" /> + <path + style="opacity:0.671924;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#808080;stroke-width:0.956;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" + d="M 300.50412,108.12723 H 180.62441 l -27.45917,38.44525" + id="path28649" + sodipodi:nodetypes="ccc" /> + <path + style="opacity:0.671924;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#808080;stroke-width:0.956;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" + d="m 300.50412,136.79764 h -88.71083 l -21.29955,23.42747" + id="path28651" + sodipodi:nodetypes="ccc" /> + <path + style="opacity:0.671924;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#808080;stroke-width:0.956;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" + d="m 300.50412,168.47633 h -12.56711 l -11.04713,10.13321 h -96.26547 l -24.07855,-24.9628" + id="path28653" + sodipodi:nodetypes="ccccc" /> + <path + style="opacity:0.671924;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#808080;stroke-width:0.956;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" + d="m 300.50412,203.37138 h -40.8407 l -69.8764,16.15505" + id="path28655" + sodipodi:nodetypes="ccc" /> + <g + id="g30411" + transform="matrix(0.28737677,0,0,0.28737677,47.370797,149.9216)"> + <circle + style="fill:url(#linearGradient30413);fill-opacity:1;stroke-width:0.264583" + id="circle30407" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path30409" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + </g> + <g + id="g28416" + transform="translate(27.204101,22.755938)"> + <text + xml:space="preserve" + style="font-size:25.4px;fill:#ffffff;stroke-width:4.23333" + x="299.18585" + y="153.45967" + id="text5147"><tspan + sodipodi:role="line" + id="tspan5145" + style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:25.4px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';fill:#000000;stroke-width:4.23333" + x="299.18585" + y="153.45967">Nucleus</tspan></text> + <text + xml:space="preserve" + style="font-size:16.9333px;fill:#ffffff;stroke-width:2.11666" + x="300.35995" + y="61.306473" + id="text26599"><tspan + sodipodi:role="line" + id="tspan26597" + style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:16.9333px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';fill:#000000;stroke-width:2.11666" + x="300.35995" + y="61.306473">Proton</tspan></text> + <text + xml:space="preserve" + style="font-size:16.9333px;fill:#ffffff;stroke-width:2.11666" + x="300.35995" + y="89.646164" + id="text28330"><tspan + sodipodi:role="line" + id="tspan28328" + style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:16.9333px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';fill:#000000;stroke-width:2.11666" + x="300.35995" + y="89.646164">Neutron</tspan></text> + <text + xml:space="preserve" + style="font-size:16.9333px;fill:#ffffff;stroke-width:2.11666" + x="299.94653" + y="118.64731" + id="text28334"><tspan + sodipodi:role="line" + id="tspan28332" + style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:16.9333px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';fill:#000000;stroke-width:2.11666" + x="299.94653" + y="118.64731">Electron</tspan></text> + <text + xml:space="preserve" + style="font-size:25.4px;fill:#ffffff;stroke-width:4.23333" + x="299.18585" + y="188.35472" + id="text28392"><tspan + sodipodi:role="line" + id="tspan28390" + style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:25.4px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';fill:#000000;stroke-width:4.23333" + x="299.18585" + y="188.35472">Shell</tspan></text> + </g> + </g> +</svg> diff --git a/assets/images/atoms/symbol.svg b/assets/images/atoms/symbol.svg new file mode 100644 index 0000000..fcb9a9e --- /dev/null +++ b/assets/images/atoms/symbol.svg @@ -0,0 +1,429 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + width="1080" + height="1080" + viewBox="0 0 285.74999 285.75" + version="1.1" + id="svg5" + inkscape:version="1.2.2 (732a01da63, 2022-12-09)" + sodipodi:docname="symbol.svg" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <sodipodi:namedview + id="namedview7" + pagecolor="#000000" + bordercolor="#000000" + borderopacity="0.25" + inkscape:showpageshadow="2" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + inkscape:document-units="mm" + showgrid="false" + inkscape:zoom="0.36925856" + inkscape:cx="-136.76054" + inkscape:cy="574.12345" + inkscape:window-width="1920" + inkscape:window-height="1009" + inkscape:window-x="-8" + inkscape:window-y="-8" + inkscape:window-maximized="1" + inkscape:current-layer="layer1" /> + <defs + id="defs2"> + <linearGradient + inkscape:collect="always" + id="linearGradient7274"> + <stop + style="stop-color:#ffffff;stop-opacity:1" + offset="0" + id="stop7270" /> + <stop + style="stop-color:#e5e5e5;stop-opacity:1;" + offset="1" + id="stop7272" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient3529"> + <stop + style="stop-color:#c83737;stop-opacity:1" + offset="0" + id="stop3525" /> + <stop + style="stop-color:#ffb380;stop-opacity:1" + offset="1" + id="stop3527" /> + </linearGradient> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter1278" + x="-0.075946687" + y="-0.076911961" + width="1.1518934" + height="1.1538239"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="0.98634731" + id="feGaussianBlur1280" /> + </filter> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient3523" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient3537" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient3549" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient4335" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient4361" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient4363" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient4365" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3529" + id="linearGradient4367" + gradientUnits="userSpaceOnUse" + x1="99.414001" + y1="100.77732" + x2="123.55016" + y2="77.759682" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient7274" + id="linearGradient7276" + x1="143.83966" + y1="141.71466" + x2="285.75" + y2="0" + gradientUnits="userSpaceOnUse" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient568" + id="linearGradient570" + x1="102.78811" + y1="103.80765" + x2="120.66234" + y2="82.935143" + gradientUnits="userSpaceOnUse" /> + <linearGradient + inkscape:collect="always" + id="linearGradient568"> + <stop + style="stop-color:#5f8dd3;stop-opacity:1" + offset="0" + id="stop564" /> + <stop + style="stop-color:#afdde9;stop-opacity:1" + offset="1" + id="stop566" /> + </linearGradient> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter1278-8" + x="-0.075946687" + y="-0.076911961" + width="1.1518934" + height="1.1538239"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="0.98634731" + id="feGaussianBlur1280-2" /> + </filter> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter2603" + x="-0.012571142" + y="-0.012571142" + width="1.0251423" + height="1.0251423"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="0.74895363" + id="feGaussianBlur2605" /> + </filter> + </defs> + <g + inkscape:label="Layer 1" + inkscape:groupmode="layer" + id="layer1"> + <rect + style="opacity:1;fill:url(#linearGradient7276);fill-opacity:1;stroke:none;stroke-width:0.956;stroke-dasharray:none;stroke-opacity:1" + id="rect6490" + width="285.75" + height="285.75" + x="0" + y="0" + ry="21.166668" + sodipodi:insensitive="true" /> + <g + id="g396" + style="opacity:0.432177;filter:url(#filter2603)" + transform="matrix(1.1006133,0,0,1.1006133,-14.542283,-14.20806)"> + <circle + style="fill:none;fill-opacity:1;stroke:#676767;stroke-width:0.956;stroke-dasharray:none;stroke-opacity:1" + id="path2789" + cx="141.69138" + cy="144.0587" + r="48.87215" /> + <g + id="g3521" + transform="matrix(0.28737677,0,0,0.28737677,152.96637,139.68504)"> + <circle + style="fill:url(#linearGradient3523);fill-opacity:1;stroke-width:0.264583" + id="circle3517" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path3519" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g3535" + transform="matrix(0.28737677,0,0,0.28737677,69.491461,89.844408)"> + <circle + style="fill:url(#linearGradient3537);fill-opacity:1;stroke-width:0.264583" + id="circle3531" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path3533" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <circle + style="fill:none;fill-opacity:1;stroke:#676767;stroke-width:0.956;stroke-dasharray:none;stroke-opacity:1" + id="circle3539" + cx="141.69138" + cy="144.0587" + r="69.444046" /> + <circle + style="fill:none;fill-opacity:1;stroke:#676767;stroke-width:0.905019;stroke-dasharray:none;stroke-opacity:1" + id="circle3541" + cx="141.69138" + cy="144.0587" + r="89.490608" /> + <g + id="g3547" + transform="matrix(0.28737677,0,0,0.28737677,98.989036,49.742262)"> + <circle + style="fill:url(#linearGradient3549);fill-opacity:1;stroke-width:0.264583" + id="circle3543" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path3545" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g4333" + transform="matrix(0.28737677,0,0,0.28737677,120.66799,186.92319)"> + <circle + style="fill:url(#linearGradient4335);fill-opacity:1;stroke-width:0.264583" + id="circle4329" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path4331" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g4341" + transform="matrix(0.28737677,0,0,0.28737677,178.70414,118.42254)"> + <circle + style="fill:url(#linearGradient4367);fill-opacity:1;stroke-width:0.264583" + id="circle4337" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path4339" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g4347" + transform="matrix(0.28737677,0,0,0.28737677,57.467032,164.68218)"> + <circle + style="fill:url(#linearGradient4365);fill-opacity:1;stroke-width:0.264583" + id="circle4343" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path4345" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g4353" + transform="matrix(0.28737677,0,0,0.28737677,41.650019,102.56842)"> + <circle + style="fill:url(#linearGradient4363);fill-opacity:1;stroke-width:0.264583" + id="circle4349" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path4351" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g4359" + transform="matrix(0.28737677,0,0,0.28737677,161.51475,72.684956)"> + <circle + style="fill:url(#linearGradient4361);fill-opacity:1;stroke-width:0.264583" + id="circle4355" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="path4357" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + <g + id="g17076"> + <g + id="g1335" + transform="translate(30.022169,53.667605)"> + <circle + style="fill:url(#linearGradient570);fill-opacity:1;stroke-width:0.264583" + id="path502" + cx="112.85283" + cy="89.207481" + r="17.733112" /> + <path + id="circle711" + style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;filter:url(#filter1278-8)" + d="m 100.84501,76.162276 a 17.733112,17.733112 0 0 0 -5.725235,13.045199 17.733112,17.733112 0 0 0 17.733285,17.733285 17.733112,17.733112 0 0 0 13.43639,-6.17947 17.733112,17.733112 0 0 1 -12.00805,4.68757 17.733112,17.733112 0 0 1 -17.733288,-17.733284 17.733112,17.733112 0 0 1 4.296898,-11.5533 z" + transform="rotate(180,112.85286,89.207478)" /> + </g> + </g> + </g> + <g + id="g2554" + transform="translate(-7.5624219,-18.896155)" + style="opacity:1"> + <text + xml:space="preserve" + style="font-size:137.408px;fill:#ffffff;stroke-width:11.4506" + x="106.65077" + y="193.7238" + id="text236"><tspan + sodipodi:role="line" + id="tspan234" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Roboto;-inkscape-font-specification:Roboto;fill:#000000;stroke-width:11.4506" + x="106.65077" + y="193.7238">X</tspan></text> + <text + xml:space="preserve" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:33.315px;font-family:Roboto;-inkscape-font-specification:Roboto;fill:#ffffff;stroke-width:5.5525" + x="149.66473" + y="227.18167" + id="text2548"><tspan + sodipodi:role="line" + id="tspan2546" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:33.315px;font-family:Roboto;-inkscape-font-specification:Roboto;text-align:center;text-anchor:middle;fill:#666666;stroke-width:5.5525" + x="149.66473" + y="227.18167">Name</tspan></text> + </g> + <text + xml:space="preserve" + style="font-size:33.315px;fill:#ffffff;stroke-width:5.5525" + x="24.734022" + y="45.026928" + id="text1088"><tspan + sodipodi:role="line" + id="tspan1086" + style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:33.315px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';fill:#000000;stroke-width:5.5525" + x="24.734022" + y="45.026928">Mass</tspan></text> + <text + xml:space="preserve" + style="font-size:33.315px;fill:#ffffff;stroke-width:5.5525" + x="19.442356" + y="264.25803" + id="text1092"><tspan + sodipodi:role="line" + id="tspan1090" + style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:33.315px;font-family:Roboto;-inkscape-font-specification:'Roboto Light';fill:#000000;stroke-width:5.5525" + x="19.442356" + y="264.25803">Number</tspan></text> + </g> +</svg> |
