mp3 in morse code

[ryanve]

created on codepen

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2400 2400">
  <title>mp3</title>
  <g aria-label="m">
    <rect x="0" y="0" width="2400" height="2400" fill="#eee833" />
    <rect x="300" y="600" width="800" height="300" fill="#090909" />
    <rect x="1300" y="600" width="800" height="300" fill="#090909" />
  </g>
  <g aria-label="p">
    <rect x="300" y="1150" width="200" height="200" fill="#090909" />
    <rect x="600" y="1150" width="500" height="200" fill="#090909" />
    <rect x="1200" y="1150" width="500" height="200" fill="#090909" />
    <rect x="1800" y="1150" width="200" height="200" fill="#090909" />
  </g>
  <g aria-label="3">
    <rect x="300" y="1650" width="100" height="100" fill="#090909" />
    <rect x="500" y="1650" width="100" height="100" fill="#090909" />
    <rect x="700" y="1650" width="100" height="100" fill="#090909" />
    <rect x="900" y="1650" width="300" height="100" fill="#090909" />
    <rect x="1300" y="1650" width="300" height="100" fill="#090909" />
  </g>
</svg>

[ryanve]

#090909 on #eee833

html img

<img
  alt="mp3 morse code"
  width="2400"
  src="https://user-images.githubusercontent.com/949985/46237001-962d4680-c336-11e8-872c-a2dddd8cf0d3.png">

png src

[ryanve]

MidnightBlue on Pink

This one is so feelzy 💓

[ryanve]

Could be hella local in bae colors

[ryanve]

Could be hella lit in tape colors

[ryanve]

Or any accessible X11 color combo because I like putting the color codes or names on backside to show the source and it gives them more meaning