feat(): start ui

3 files changed, 202 insertions, 0 deletions

diff --git a/client/dist/assets/images/menupicker.png b/client/dist/assets/images/menupicker.png
new file mode 100644
index 0000000..e8bc3e2
--- /dev/null
+++ b/client/dist/assets/images/menupicker.png
diff --git a/client/dist/assets/images/menupicker.svg b/client/dist/assets/images/menupicker.svg
new file mode 100644
index 0000000..9cf911f
--- /dev/null
+++ b/client/dist/assets/images/menupicker.svg
@@ -0,0 +1,202 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="150.52913"
+   height="225.5291"
+   viewBox="0 0 39.8275 59.671237"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1 (c4e8f9ed74, 2021-05-24)"
+   sodipodi:docname="menupicker.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:document-units="mm"
+     showgrid="true"
+     width="200px"
+     borderlayer="true"
+     inkscape:showpageshadow="false"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="false"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-others="false"
+     units="px"
+     inkscape:zoom="2.8284271"
+     inkscape:cx="78.312076"
+     inkscape:cy="99.52528"
+     inkscape:window-width="1594"
+     inkscape:window-height="894"
+     inkscape:window-x="0"
+     inkscape:window-y="1440"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid21"
+       spacingx="6.6145834"
+       spacingy="6.6145834"
+       empspacing="1"
+       dotted="true"
+       originx="-396.80503"
+       originy="-350.50289" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath1350">
+      <rect
+         style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:0.140441, 0.702204;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect1352"
+         width="72.760414"
+         height="72.760414"
+         x="13.229166"
+         y="-79.375" />
+    </clipPath>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-396.80501,-350.50293)">
+    <g
+       id="g1950"
+       style="stroke:#000000;stroke-opacity:1"
+       transform="translate(978.95832,165.3646)">
+      <rect
+         style="fill:#000000;stroke:#000000;stroke-width:0.14;stroke-opacity:1"
+         id="rect1624"
+         width="39.6875"
+         height="6.614583"
+         x="-582.08331"
+         y="211.66666" />
+      <rect
+         style="fill:#000000;stroke:#000000;stroke-width:0.14;stroke-opacity:1"
+         id="rect1628"
+         width="26.458332"
+         height="6.614583"
+         x="-582.08331"
+         y="205.05208" />
+      <rect
+         style="fill:#000000;stroke:#000000;stroke-width:0.14;stroke-opacity:1"
+         id="rect1630"
+         width="19.84375"
+         height="6.614583"
+         x="-582.08331"
+         y="198.43748" />
+      <rect
+         style="fill:#000000;stroke:#000000;stroke-width:0.14;stroke-opacity:1"
+         id="rect1632"
+         width="13.229166"
+         height="6.614583"
+         x="-582.08331"
+         y="191.82291" />
+      <rect
+         style="fill:#000000;stroke:#000000;stroke-width:0.14;stroke-opacity:1"
+         id="rect1634"
+         width="6.614583"
+         height="6.614583"
+         x="-582.08331"
+         y="185.20833" />
+      <rect
+         style="fill:#000000;stroke:#000000;stroke-width:0.14;stroke-opacity:1"
+         id="rect1636"
+         width="26.458332"
+         height="6.614583"
+         x="-582.08331"
+         y="218.28123" />
+      <rect
+         style="fill:#000000;stroke:#000000;stroke-width:0.14;stroke-opacity:1"
+         id="rect1638"
+         width="19.84375"
+         height="6.614583"
+         x="-582.08331"
+         y="224.89583" />
+      <rect
+         style="fill:#000000;stroke:#000000;stroke-width:0.14;stroke-opacity:1"
+         id="rect1640"
+         width="13.229166"
+         height="6.614583"
+         x="-582.08331"
+         y="231.51041" />
+      <rect
+         style="fill:#000000;stroke:#000000;stroke-width:0.14;stroke-opacity:1"
+         id="rect1642"
+         width="6.614583"
+         height="6.614583"
+         x="-582.08331"
+         y="238.12498" />
+      <rect
+         style="fill:#000000;stroke:#000000;stroke-width:0.14;stroke-opacity:1"
+         id="rect1757"
+         width="6.614583"
+         height="6.614583"
+         x="-555.625"
+         y="218.28123" />
+      <rect
+         style="fill:#000000;stroke:#000000;stroke-width:0.14;stroke-opacity:1"
+         id="rect1759"
+         width="6.614583"
+         height="6.614583"
+         x="-562.23956"
+         y="224.89583" />
+      <rect
+         style="fill:#000000;stroke:#000000;stroke-width:0.14;stroke-opacity:1"
+         id="rect1761"
+         width="6.614583"
+         height="6.614583"
+         x="-568.85419"
+         y="231.51041" />
+      <rect
+         style="fill:#000000;stroke:#000000;stroke-width:0.14;stroke-opacity:1"
+         id="rect1763"
+         width="6.614583"
+         height="6.614583"
+         x="-575.46875"
+         y="238.12498" />
+      <rect
+         style="fill:#000000;stroke:#000000;stroke-width:0.14;stroke-opacity:1"
+         id="rect1765"
+         width="6.614583"
+         height="6.614583"
+         x="-555.625"
+         y="205.05208" />
+      <rect
+         style="fill:#000000;stroke:#000000;stroke-width:0.14;stroke-opacity:1"
+         id="rect1767"
+         width="6.614583"
+         height="6.614583"
+         x="-562.23956"
+         y="198.43748" />
+      <rect
+         style="fill:#000000;stroke:#000000;stroke-width:0.14;stroke-opacity:1"
+         id="rect1769"
+         width="6.614583"
+         height="6.614583"
+         x="-568.85419"
+         y="191.82291" />
+      <rect
+         style="fill:#000000;stroke:#000000;stroke-width:0.14;stroke-opacity:1"
+         id="rect1771"
+         width="6.614583"
+         height="6.614583"
+         x="-575.46875"
+         y="185.20833" />
+    </g>
+  </g>
+</svg>
diff --git a/client/dist/assets/images/pMenu.png b/client/dist/assets/images/pMenu.png
new file mode 100644
index 0000000..715741b
--- /dev/null
+++ b/client/dist/assets/images/pMenu.png