Chalarangelo/30-seconds-of-code

<svg width="800" height="316" viewBox="0 0 800 316" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="466" y="224" width="80" height="80" rx="4" fill="#161632"/>
<path d="M503.136 281H491.835V246.091H503.494C506.915 246.091 509.852 246.79 512.307 248.188C514.761 249.574 516.642 251.568 517.949 254.17C519.267 256.761 519.926 259.869 519.926 263.494C519.926 267.131 519.261 270.256 517.932 272.869C516.614 275.483 514.705 277.494 512.205 278.903C509.705 280.301 506.682 281 503.136 281ZM497.102 276.398H502.847C505.506 276.398 507.716 275.898 509.477 274.898C511.239 273.886 512.557 272.426 513.432 270.517C514.307 268.597 514.744 266.256 514.744 263.494C514.744 260.756 514.307 258.432 513.432 256.523C512.568 254.614 511.278 253.165 509.562 252.176C507.847 251.187 505.716 250.693 503.17 250.693H497.102V276.398Z" fill="#E3E3E8"/>
<rect x="466" y="12" width="80" height="80" rx="4" fill="#161632"/>
<path d="M493.835 69V34.0909H506.619C509.097 34.0909 511.148 34.5 512.773 35.3182C514.398 36.125 515.614 37.2216 516.42 38.608C517.227 39.983 517.631 41.5341 517.631 43.2614C517.631 44.7159 517.364 45.9432 516.83 46.9432C516.295 47.9318 515.58 48.7273 514.682 49.3295C513.795 49.9205 512.818 50.3523 511.75 50.625V50.9659C512.909 51.0227 514.04 51.3977 515.142 52.0909C516.256 52.7727 517.176 53.7443 517.903 55.0057C518.631 56.267 518.994 57.8011 518.994 59.608C518.994 61.392 518.574 62.9943 517.733 64.4148C516.903 65.8239 515.619 66.9432 513.881 67.7727C512.142 68.5909 509.92 69 507.216 69H493.835ZM499.102 64.483H506.705C509.227 64.483 511.034 63.9943 512.125 63.017C513.216 62.0398 513.761 60.8182 513.761 59.3523C513.761 58.25 513.483 57.2386 512.926 56.3182C512.369 55.3977 511.574 54.6648 510.54 54.1193C509.517 53.5739 508.301 53.3011 506.892 53.3011H499.102V64.483ZM499.102 49.1932H506.159C507.341 49.1932 508.403 48.9659 509.347 48.5114C510.301 48.0568 511.057 47.4205 511.614 46.6023C512.182 45.7727 512.466 44.7955 512.466 43.6705C512.466 42.2273 511.96 41.017 510.949 40.0398C509.938 39.0625 508.386 38.5739 506.295 38.5739H499.102V49.1932Z" fill="#E3E3E8"/>
<rect x="254" y="224" width="80" height="80" rx="4" fill="#161632"/>
<path d="M308.83 257.443H303.511C303.307 256.307 302.926 255.307 302.369 254.443C301.813 253.58 301.131 252.847 300.324 252.244C299.517 251.642 298.614 251.187 297.614 250.881C296.625 250.574 295.574 250.42 294.46 250.42C292.449 250.42 290.648 250.926 289.057 251.938C287.477 252.949 286.227 254.432 285.307 256.386C284.398 258.341 283.943 260.727 283.943 263.545C283.943 266.386 284.398 268.784 285.307 270.739C286.227 272.693 287.483 274.17 289.074 275.17C290.665 276.17 292.455 276.67 294.443 276.67C295.545 276.67 296.591 276.523 297.58 276.227C298.58 275.92 299.483 275.472 300.29 274.881C301.097 274.29 301.778 273.568 302.335 272.716C302.903 271.852 303.295 270.864 303.511 269.75L308.83 269.767C308.545 271.483 307.994 273.062 307.176 274.506C306.369 275.938 305.33 277.176 304.057 278.222C302.795 279.256 301.352 280.057 299.727 280.625C298.102 281.193 296.33 281.477 294.409 281.477C291.386 281.477 288.693 280.761 286.33 279.33C283.966 277.886 282.102 275.824 280.739 273.142C279.386 270.46 278.71 267.261 278.71 263.545C278.71 259.818 279.392 256.619 280.756 253.949C282.119 251.267 283.983 249.21 286.347 247.778C288.71 246.335 291.398 245.614 294.409 245.614C296.261 245.614 297.989 245.881 299.591 246.415C301.205 246.937 302.653 247.71 303.938 248.733C305.222 249.744 306.284 250.983 307.125 252.449C307.966 253.903 308.534 255.568 308.83 257.443Z" fill="#E3E3E8"/>
<rect x="254" y="12" width="80" height="80" rx="4" fill="#161632"/>
<path d="M283.784 69H278.193L290.756 34.0909H296.841L309.403 69H303.812L293.943 40.4318H293.67L283.784 69ZM284.722 55.3295H302.858V59.7614H284.722V55.3295Z" fill="#E3E3E8"/>
<path d="M295.5 100C295.5 99.1716 294.828 98.5 294 98.5C293.172 98.5 292.5 99.1716 292.5 100H295.5ZM294 216L302.66 201H285.34L294 216ZM292.5 100V202.5H295.5V100H292.5Z" fill="#E3E3E8"/>
<path d="M458 100.024L441.27 104.507L453.517 116.755L458 100.024ZM342 216.024L358.73 211.542L346.483 199.294L342 216.024ZM447.393 108.51L350.485 205.418L352.607 207.539L449.515 110.631L447.393 108.51Z" fill="#E3E3E8"/>
<path d="M456.939 217.085C457.525 217.671 458.475 217.671 459.061 217.085C459.646 216.499 459.646 215.55 459.061 214.964L456.939 217.085ZM342 100.024L346.483 116.755L358.73 104.507L342 100.024ZM459.061 214.964L352.607 108.51L350.485 110.631L456.939 217.085L459.061 214.964Z" fill="#E3E3E8"/>
</svg>