diff --git a/design/flat-design.drawio b/design/flat-design.drawio
new file mode 100644
index 0000000..e0db0a1
--- /dev/null
+++ b/design/flat-design.drawio
@@ -0,0 +1,112 @@
+<mxfile host="Electron">
+  <diagram name="Page-1" id="H9ab1rnUd2vLEnzaAEkR">
+    <mxGraphModel dx="1763" dy="1104" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-4" parent="1" style="rounded=0;whiteSpace=wrap;html=1;" value="" vertex="1">
+          <mxGeometry height="1100" width="505" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-43" parent="1" style="rounded=0;whiteSpace=wrap;html=1;fillColor=none;" value="" vertex="1">
+          <mxGeometry height="165" width="240" x="130" y="679" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-5" parent="1" style="rounded=0;whiteSpace=wrap;html=1;" value="" vertex="1">
+          <mxGeometry height="330" width="330" x="87.5" y="288" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-12" parent="1" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/png,iVBORw0KGgoAAAANSUhEUgAABQAAAAKACAIAAABMkUL2AAASqElEQVR4nO3Z0W6jyBZAUVeL///lc19Huj1kFIcUeK/1igzHhDLZqvX6ODOz5bprrZOju6Y6d93MTzzzO86nesd13+idma/7C+5yz/t87okzcwf3/J2853vhiWe+zq67cZ17roVzT5z5nHcZv+/P7gEAAADgNwhgAAAAEgQwAAAACQIYAACABAEMAABAggAGAAAgQQADAACQIIABAABIEMAAAAAkHLsH+HlrrZOjM3PRma+z67rveOc+7/LOk3N+dNczed3MT/TEte/Z4Aqf95a8zue9y/in6+7Vdb+xT5zZrwp3YwcYAACABAEMAABAggAGAAAgQQADAACQIIABAABIEMAAAAAkCGAAAAASBDAAAAAJAhgAAICEY/cAfG1mvv3ZtdYPTvJT133nG3EHu56rXZ64BoH3PfFdtuv36om/dff8C5574szv8P7lCnaAAQAASBDAAAAAJAhgAAAAEgQwAAAACQIYAACABAEMAABAggAGAAAgQQADAACQIIABAABIOHYPwNfWWrtHSJiZb3+29jeq3avzmc/vxvnRJ94N4M52/ap4L9zf583s/cv32AEGAAAgQQADAACQIIABAABIEMAAAAAkCGAAAAASBDAAAAAJAhgAAIAEAQwAAECCAAYAACDh2D0AX5uZi8681rrozE+0626cX/f8r//Os1H76z/xPj9xZmAv/zP8jife510ze5dxN3aAAQAASBDAAAAAJAhgAAAAEgQwAAAACQIYAACABAEMAABAggAGAAAgQQADAACQIIABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4COs3QN8x8zsHgGAhLWe96L0lgTgdzzxLfln9wAAAADwGwQwAAAACQIYAACABAEMAABAggAGAAAgQQADAACQIIABAABIEMAAAAAkCGAAAAASjt0DADzbWmv3CLxlZnaPAI/nlxA+1ee9Je0AAwAAkCCAAQAASBDAAAAAJAhgAAAAEgQwAAAACQIYAACABAEMAABAggAGAAAgQQADAACQIIABAABIEMAAAAAkCGAAAAASBDAAAAAJAhgAAIAEAQwAAECCAAYAACBBAAMAAJAggAEAAEgQwAAAACQIYAAAABIEMAAAAAkCGAAAgAQBDAAAQIIABgAAIEEAAwAAkCCAAQAASBDAAAAAJAhgAAAAEgQwAAAACQIYAACABAEMAABAggAGAAAgQQADAACQIIABAABIEMAAAAAkCGAAAAASBDAAAAAJAhgAAIAEAQwAAEDCsXsAgGebmd0jAGzmlxB4CjvAAAAAJAhgAAAAEgQwAAAACQIYAACABAEMAABAggAGAAAgQQADAACQIIABAABIEMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAjrN0DPMnM7B6BR1rLQgMAgP3+7B4AAAAAfoMABgAAIEEAAwAAkCCAAQAASBDAAAAAJAhgAAAAEgQwAAAACQIYAACABAEMAABAwrF7gM+x1to9AtvMzO4RAACAL9gBBgAAIEEAAwAAkCCAAQAASBDAAAAAJAhgAAAAEgQwAAAACQIYAACABAEMAABAggAGAAAg4dg9QMXM7B6Bt6y1do/AF6yyp7PKAICr2QEGAAAgQQADAACQIIABAABIEMAAAAAkCGAAAAASBDAAAAAJAhgAAIAEAQwAAECCAAYAACDh2D0Ar9frtdbaPQKvmdk9AgAAcCE7wAAAACQIYAAAABIEMAAAAAkCGAAAgAQBDAAAQIIABgAAIEEAAwAAkCCAAQAASBDAAAAAJAhgAAAAEgQwAAAACQIYAACABAEMAABAggAGAAAgQQADAACQIIABAABIEMAAAAAkCGAAAAASBDAAAAAJAhgAAIAEAQwAAECCAAYAACBBAAMAAJAggAEAAEgQwAAAACQIYAAAABIEMAAAAAkCGAAAgAQBDAAAQMKxewDua2a+/dm11g9OAk3XraN3VjcAwHPZAQYAACBBAAMAAJAggAEAAEgQwAAAACQIYAAAABIEMAAAAAkCGAAAgAQBDAAAQIIABgAAIOHYPQA7zczuESBtrbV7BACAEDvAAAAAJAhgAAAAEgQwAAAACQIYAACABAEMAABAggAGAAAgQQADAACQIIABAABIEMAAAAAkrJk5O7zWydHzz35x4cvO/ETnd2OX6/6+91R76vgd76yFd36f3zkz8F888U0HNO1679+zJe0AAwAAkCCAAQAASBDAAAAAJAhgAAAAEgQwAAAACQIYAACABAEMAABAggAGAAAgQQADAACQcOweAODZ1lrf/uzM/OAkAACcswMMAABAggAGAAAgQQADAACQIIABAABIEMAAAAAkCGAAAAASBDAAAAAJAhgAAIAEAQwAAEDCsXsAgK611g2vOzO/NgkAwG+yAwwAAECCAAYAACBBAAMAAJAggAEAAEgQwAAAACQIYAAAABIEMAAAAAkCGAAAgAQBDAAAQMLaPcCTzMzJ0bXObuY7n93lfOZz9/xG52p/38/zzhP7RO88V/e8V1YKV7juaffEAk/hl/Cf7AADAACQIIABAABIEMAAAAAkCGAAAAASBDAAAAAJAhgAAIAEAQwAAECCAAYAACBBAAMAAJBw7B6Aa83M46671vrBSeC5rlsL52fe9bsBAHA1O8AAAAAkCGAAAAASBDAAAAAJAhgAAIAEAQwAAECCAAYAACBBAAMAAJAggAEAAEgQwAAAACQcuwfgWmut3SMA3zQzu0cAAPgodoABAABIEMAAAAAkCGAAAAASBDAAAAAJAhgAAIAEAQwAAECCAAYAACBBAAMAAJAggAEAAEg4dg8AADzDzOwe4UaeeDfWWrtH4AtPfK74J6vs/uwAAwAAkCCAAQAASBDAAAAAJAhgAAAAEgQwAAAACQIYAACABAEMAABAggAGAAAgQQADAACQcOweAAD4BGut3SPwmpndI3Ahq+wOrLKnswMMAABAggAGAAAgQQADAACQIIABAABIEMAAAAAkCGAAAAASBDAAAAAJAhgAAIAEAQwAAEDCsXsAXq/Xa2Z2jwAAAB/inf+u11o/OAl3YwcYAACABAEMAABAggAGAAAgQQADAACQIIABAABIEMAAAAAkCGAAAAASBDAAAAAJAhgAAICEY/cAFWut3SPAh7PKAAA4ZwcYAACABAEMAABAggAGAAAgQQADAACQIIABAABIEMAAAAAkCGAAAAASBDAAAAAJAhgAAICEY/cAn2Nmdo8Aj2cd8T1rrd0jcKHrfhneeXLemcoTyye55wq1yvg3doABAABIEMAAAAAkCGAAAAASBDAAAAAJAhgAAIAEAQwAAECCAAYAACBBAAMAAJAggAEAAEg4dg/wJGut3SPAh7PKgP93/sswM782CTS9s8q82bkbO8AAAAAkCGAAAAASBDAAAAAJAhgAAIAEAQwAAECCAAYAACBBAAMAAJAggAEAAEgQwAAAACQcuwcAALijmfn2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;" value="" vertex="1">
+          <mxGeometry height="165" width="330" x="87.5" y="370" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-16" parent="1" style="rounded=0;whiteSpace=wrap;html=1;" value="Compute Module 5" vertex="1">
+          <mxGeometry height="550" width="400" x="740" y="340" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-18" parent="1" style="ellipse;whiteSpace=wrap;html=1;shapeInside=1;aspect=fixed;fillColor=#E6E6E6;" value="&lt;div&gt;&lt;br/&gt;&lt;/div&gt;" vertex="1">
+          <mxGeometry height="120" width="120" x="192.5" y="20" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-19" parent="1" style="shape=mxgraph.signs.tech.power;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;aspect=fixed;" value="" vertex="1">
+          <mxGeometry height="43.08" width="40" x="232.5" y="58.459999999999994" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-21" parent="1" style="ellipse;whiteSpace=wrap;html=1;shapeInside=1;aspect=fixed;fillColor=#E6E6E6;" value="&lt;div&gt;&lt;br/&gt;&lt;/div&gt;" vertex="1">
+          <mxGeometry height="35" width="35" x="158" y="714" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-22" parent="1" style="ellipse;whiteSpace=wrap;html=1;shapeInside=1;aspect=fixed;fillColor=#E6E6E6;" value="&lt;div&gt;&lt;br/&gt;&lt;/div&gt;" vertex="1">
+          <mxGeometry height="35" width="35" x="235" y="714" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-23" parent="1" style="ellipse;whiteSpace=wrap;html=1;shapeInside=1;aspect=fixed;fillColor=#E6E6E6;" value="&lt;div&gt;&lt;br/&gt;&lt;/div&gt;" vertex="1">
+          <mxGeometry height="35" width="35" x="312.5" y="714" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-24" parent="1" style="ellipse;whiteSpace=wrap;html=1;shapeInside=1;aspect=fixed;fillColor=#E6E6E6;" value="&lt;div&gt;&lt;br/&gt;&lt;/div&gt;" vertex="1">
+          <mxGeometry height="35" width="35" x="158" y="794" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-25" parent="1" style="ellipse;whiteSpace=wrap;html=1;shapeInside=1;aspect=fixed;fillColor=#E6E6E6;" value="&lt;div&gt;&lt;br/&gt;&lt;/div&gt;" vertex="1">
+          <mxGeometry height="35" width="35" x="235" y="794" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-26" parent="1" style="ellipse;whiteSpace=wrap;html=1;shapeInside=1;aspect=fixed;fillColor=#E6E6E6;" value="&lt;div&gt;&lt;br/&gt;&lt;/div&gt;" vertex="1">
+          <mxGeometry height="35" width="35" x="312.5" y="794" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-27" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;rounded=0;fontStyle=1;fontSize=24;fontFamily=Courier New;" value="1" vertex="1">
+          <mxGeometry height="30" width="60" x="145.5" y="684" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-28" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;rounded=0;fontStyle=1;fontSize=24;fontFamily=Courier New;" value="2" vertex="1">
+          <mxGeometry height="30" width="60" x="222.5" y="684" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-29" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;rounded=0;fontStyle=1;fontSize=24;fontFamily=Courier New;" value="3" vertex="1">
+          <mxGeometry height="30" width="60" x="300" y="684" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-30" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;rounded=0;fontStyle=1;fontSize=24;fontFamily=Courier New;" value="4" vertex="1">
+          <mxGeometry height="30" width="60" x="145.5" y="764" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-31" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;rounded=0;fontStyle=1;fontSize=24;fontFamily=Courier New;" value="5" vertex="1">
+          <mxGeometry height="30" width="60" x="223" y="764" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-32" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;rounded=0;fontStyle=1;fontSize=24;fontFamily=Courier New;" value="6" vertex="1">
+          <mxGeometry height="30" width="60" x="300" y="764" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-33" parent="1" style="ellipse;whiteSpace=wrap;html=1;shapeInside=1;aspect=fixed;fillColor=#E6E6E6;" value="&lt;div&gt;&lt;br&gt;&lt;/div&gt;" vertex="1">
+          <mxGeometry height="70" width="70" x="390" y="734" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-37" parent="1" style="ellipse;whiteSpace=wrap;html=1;shapeInside=1;aspect=fixed;fillColor=#E6E6E6;" value="&lt;div&gt;&lt;br/&gt;&lt;/div&gt;" vertex="1">
+          <mxGeometry height="35" width="35" x="70" y="751.5" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-38" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;rounded=0;fontStyle=1;fontSize=20;fontFamily=Courier New;fontColor=#FF0000;" value="MOD" vertex="1">
+          <mxGeometry height="30" width="60" x="57.5" y="719" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-39" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;rounded=0;fontStyle=1;fontSize=24;fontFamily=Courier New;" value="&lt;font style=&quot;font-size: 20px;&quot;&gt;RAND&lt;/font&gt;" vertex="1">
+          <mxGeometry height="30" width="60" x="395" y="704" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-40" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;rounded=0;fontStyle=1;fontSize=20;fontFamily=Courier New;" value="&lt;span style=&quot;color: rgb(255, 0, 0);&quot;&gt;RESET&lt;/span&gt;" vertex="1">
+          <mxGeometry height="30" width="60" x="395" y="804" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-41" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;rounded=0;fontStyle=1;fontSize=24;fontFamily=Courier New;" value="&lt;font style=&quot;font-size: 20px;&quot;&gt;LOAD&lt;/font&gt;" vertex="1">
+          <mxGeometry height="30" width="189.5" x="158" y="649" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-44" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;rounded=0;fontStyle=1;fontSize=24;fontFamily=Courier New;" value="&lt;span style=&quot;font-size: 20px; color: light-dark(rgb(255, 0, 0), rgb(255, 144, 144)); background-color: transparent;&quot;&gt;SAVE&lt;/span&gt;" vertex="1">
+          <mxGeometry height="30" width="189.5" x="158.25" y="844" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-45" parent="1" style="ellipse;whiteSpace=wrap;html=1;shapeInside=1;aspect=fixed;fillColor=#000000;" value="&lt;div&gt;&lt;br&gt;&lt;/div&gt;" vertex="1">
+          <mxGeometry height="50" width="50" x="62.5" y="903" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-46" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;rounded=0;fontStyle=1;fontSize=24;fontFamily=Courier New;" value="&lt;font style=&quot;font-size: 20px;&quot;&gt;SYNC&lt;/font&gt;&lt;div&gt;&lt;font style=&quot;font-size: 20px;&quot;&gt;IN&lt;/font&gt;&lt;/div&gt;" vertex="1">
+          <mxGeometry height="30" width="60" x="57.5" y="973" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-47" parent="1" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#000000;" value="" vertex="1">
+          <mxGeometry height="45" width="120" x="190" y="1030" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-49" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;rounded=0;fontStyle=1;fontSize=24;fontFamily=Courier New;" value="&lt;span style=&quot;font-size: 20px;&quot;&gt;MIDI USB&lt;/span&gt;" vertex="1">
+          <mxGeometry height="30" width="120" x="190" y="1000" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-50" parent="1" style="rounded=0;whiteSpace=wrap;html=1;" value="" vertex="1">
+          <mxGeometry height="20" width="107" x="196.5" y="1030" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-51" parent="1" style="ellipse;whiteSpace=wrap;html=1;shapeInside=1;aspect=fixed;fillColor=#000000;" value="&lt;div&gt;&lt;br&gt;&lt;/div&gt;" vertex="1">
+          <mxGeometry height="50" width="50" x="400" y="903" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-54" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;rounded=0;fontStyle=1;fontSize=24;fontFamily=Courier New;" value="&lt;span style=&quot;font-size: 20px;&quot;&gt;VIDEO&lt;/span&gt;&lt;div&gt;&lt;span style=&quot;font-size: 20px;&quot;&gt;OUT&lt;/span&gt;&lt;/div&gt;" vertex="1">
+          <mxGeometry height="30" width="60" x="395" y="973" as="geometry" />
+        </mxCell>
+        <mxCell id="4J0KJRhMqhfxnh0jpKrT-58" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;rounded=0;fontStyle=1;fontSize=60;fontFamily=Courier New;" value="F.O.R.G.E." vertex="1">
+          <mxGeometry height="30" width="189.5" x="158.25" y="200" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>