icons

public/batteryalmostcharged.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 100 125" x="0px" y="0px"><title>Artboard 1 copy 32</title><rect x="10.23" y="36.73" width="16.24" height="26.94" rx="1.23" ry="1.23"/><rect x="28.33" y="36.73" width="16.24" height="26.94" rx="1.23" ry="1.23"/><rect x="46.42" y="36.73" width="16.24" height="26.94" rx="1.23" ry="1.23"/><path d="M93.28,37.26H85.82V32.93a1.71,1.71,0,0,0-1.72-1.71H6.72A1.71,1.71,0,0,0,5,32.93V67.42a1.72,1.72,0,0,0,1.72,1.72H84.1a1.72,1.72,0,0,0,1.72-1.72V63.09h7.46A1.72,1.72,0,0,0,95,61.37V39A1.72,1.72,0,0,0,93.28,37.26ZM82.39,65.71h-74V34.65h74Zm9.18-6H85.91v-19h5.66Z"/><text x="0" y="115" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">Created by Jose Flores</text><text x="0" y="120" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">from the Noun Project</text></svg>

public/batteryfullycharged.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 100 125" x="0px" y="0px"><title>Artboard 1 copy 33</title><rect x="10.12" y="35.61" width="15.88" height="26.34" rx="1.2" ry="1.2"/><rect x="27.81" y="35.61" width="15.88" height="26.34" rx="1.2" ry="1.2"/><rect x="45.5" y="35.61" width="15.88" height="26.34" rx="1.2" ry="1.2"/><rect x="63.2" y="35.61" width="15.88" height="26.34" rx="1.2" ry="1.2"/><path d="M91.32,36.13H84V31.89a1.67,1.67,0,0,0-1.67-1.67H6.68A1.68,1.68,0,0,0,5,31.89V65.62a1.68,1.68,0,0,0,1.68,1.67H82.35A1.67,1.67,0,0,0,84,65.62V61.38h7.3A1.68,1.68,0,0,0,93,59.7V37.81A1.68,1.68,0,0,0,91.32,36.13ZM80.67,63.94H8.36V33.57H80.67Zm9-5.91H84.11V39.49h5.53Z"/><text x="0" y="115" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">Created by Jose Flores</text><text x="0" y="120" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">from the Noun Project</text></svg>

public/charging.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 100 125" x="0px" y="0px"><title>Artboard 1 copy 35</title><path d="M93.28,35.48H85.82V31.14a1.72,1.72,0,0,0-1.72-1.71H44.34L39.21,14.36a2,2,0,0,0-4,.66V29.43H6.72A1.72,1.72,0,0,0,5,31.14V65.63a1.72,1.72,0,0,0,1.72,1.72H49.45l3.88,15.08a2,2,0,0,0,2,1.57h.2a2,2,0,0,0,1.85-2l.27-14.65H84.1a1.72,1.72,0,0,0,1.72-1.72V61.3h7.46A1.72,1.72,0,0,0,95,59.58V37.19A1.71,1.71,0,0,0,93.28,35.48ZM8.43,63.92V32.86H35.24V52.3a2,2,0,0,0,2,2H46.1l2.46,9.58Zm45.69,7.8L53,67.35l-.88-3.43-3-11.44a2,2,0,0,0-2-1.57H38.68V23.44l2,6,1.17,3.43,2.48,7.29a2,2,0,0,0,1.93,1.39h8.39l-.42,22.39-.06,3.43Zm28.27-7.8H57.69l.45-23.75a2.06,2.06,0,0,0-.59-1.46,2,2,0,0,0-1.45-.61H47.29L45.5,32.86H82.39Zm9.18-6.05H85.91v-19h5.66Z"/><text x="0" y="115" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">Created by Jose Flores</text><text x="0" y="120" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">from the Noun Project</text></svg>

public/halfbattery.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 100 125" x="0px" y="0px"><title>Artboard 1 copy 31</title><rect x="10.18" y="36.15" width="16.06" height="26.64" rx="1.21" ry="1.21"/><rect x="28.07" y="36.15" width="16.06" height="26.64" rx="1.21" ry="1.21"/><path d="M92.3,36.68H84.92V32.4a1.7,1.7,0,0,0-1.7-1.7H6.7A1.7,1.7,0,0,0,5,32.4V66.5a1.7,1.7,0,0,0,1.7,1.7H83.22a1.7,1.7,0,0,0,1.7-1.7V62.22H92.3a1.7,1.7,0,0,0,1.7-1.7V38.38A1.7,1.7,0,0,0,92.3,36.68ZM81.53,64.81H8.39V34.09H81.53Zm9.08-6H85V40.07h5.6Z"/><text x="0" y="115" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">Created by Jose Flores</text><text x="0" y="120" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">from the Noun Project</text></svg>

public/index.html

@@ -1,4 +1,5 @@
 <!DOCTYPE html5>
 <html><head><title>Mediaki Sound Control Center</title></head><link rel="stylesheet" type="text/css" href="style.css"><body>
   <div id="outputs"></div>
+  <p class="credits">Battery icons by Jose Flores from the Noun Project</p>
 <script src="script.js"></script></body></html>

public/lowbattery.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 100 125" x="0px" y="0px"><title>Artboard 1 copy 29</title><path d="M10.64,63.26h4.59c.23,0,.41-.55.41-1.23V37.55c0-.68-.18-1.23-.41-1.23H10.64c-.22,0-.41.55-.41,1.23V62C10.23,62.71,10.42,63.26,10.64,63.26Z"/><path d="M93.28,36.85H85.82V32.52a1.71,1.71,0,0,0-1.72-1.71H6.72A1.71,1.71,0,0,0,5,32.52V67a1.72,1.72,0,0,0,1.72,1.72H84.1A1.72,1.72,0,0,0,85.82,67V62.68h7.46A1.72,1.72,0,0,0,95,61V38.57A1.72,1.72,0,0,0,93.28,36.85ZM82.39,65.3h-74V34.24h74Zm9.18-6H85.91v-19h5.66Z"/><text x="0" y="115" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">Created by Jose Flores</text><text x="0" y="120" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">from the Noun Project</text></svg>

public/quarterbattery.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 100 125" x="0px" y="0px"><title>Artboard 1 copy 30</title><rect x="11.08" y="36.49" width="16.08" height="26.67" rx="1.22" ry="1.22"/><path d="M93.3,37H85.91V32.73a1.7,1.7,0,0,0-1.7-1.7H7.59a1.7,1.7,0,0,0-1.69,1.7V66.88a1.7,1.7,0,0,0,1.69,1.7H84.21a1.7,1.7,0,0,0,1.7-1.7V62.59H93.3a1.7,1.7,0,0,0,1.7-1.7V38.72A1.7,1.7,0,0,0,93.3,37ZM82.51,65.18H9.29V34.43H82.51Zm9.09-6H86V40.42h5.6Z"/><text x="0" y="115" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">Created by Jose Flores</text><text x="0" y="120" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">from the Noun Project</text></svg>