feat(): battle assets en player list menu

author: Mike Vink <mike1994vink@gmail.com> 2021-07-26 19:13:49 +0200
committer: Mike Vink <mike1994vink@gmail.com> 2021-07-26 19:13:49 +0200
commit: 79a9fb88a9dd43caddaa011ce2dd920a2caefd85 (patch)
tree: c37b8c00ba0d8e94aff84f479eb2ce4a5c640c13 /client/dist
parent: eb1c9000946a6c4f43776081afe0606d611379bb (diff)
25 files changed, 3850 insertions, 0 deletions
diff --git a/client/dist/assets/images/battle-interface/hp-green-bar.png b/client/dist/assets/images/battle-interface/hp-green-bar.png
new file mode 100644
index 0000000..de2f132
--- /dev/null
+++ b/client/dist/assets/images/battle-interface/hp-green-bar.png
diff --git a/client/dist/assets/images/battle-interface/hp-green-bar.svg b/client/dist/assets/images/battle-interface/hp-green-bar.svg
new file mode 100644
index 0000000..1153a67
--- /dev/null
+++ b/client/dist/assets/images/battle-interface/hp-green-bar.svg
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1849.4536"
+   height="100.19415"
+   viewBox="0 0 489.3346 26.509699"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1 (c4e8f9ed74, 2021-05-24)"
+   sodipodi:docname="hpbbbbb.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="false"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="false"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-others="false"
+     units="px"
+     inkscape:zoom="0.5"
+     inkscape:cx="1251"
+     inkscape:cy="377"
+     inkscape:window-width="2560"
+     inkscape:window-height="1440"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     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="2988.8318"
+       originy="974.81433" />
+  </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(2988.8318,974.81445)">
+    <rect
+       style="fill:#3dc73d;fill-opacity:1;stroke:none;stroke-width:0.958606;stroke-miterlimit:4;stroke-dasharray:none"
+       id="rect13924"
+       width="489.33459"
+       height="26.509701"
+       x="-2988.8318"
+       y="-974.81445" />
+  </g>
+</svg>
diff --git a/client/dist/assets/images/battle-interface/hp-opponent.png b/client/dist/assets/images/battle-interface/hp-opponent.png
new file mode 100644
index 0000000..16168fb
--- /dev/null
+++ b/client/dist/assets/images/battle-interface/hp-opponent.png
diff --git a/client/dist/assets/images/battle-interface/hp-opponent.svg b/client/dist/assets/images/battle-interface/hp-opponent.svg
new file mode 100644
index 0000000..7ae8a70
--- /dev/null
+++ b/client/dist/assets/images/battle-interface/hp-opponent.svg
@@ -0,0 +1,249 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="2975.2654"
+   height="842.78119"
+   viewBox="0 0 787.20564 222.98584"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1 (c4e8f9ed74, 2021-05-24)"
+   sodipodi:docname="hpopp.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="false"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="false"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-others="false"
+     units="px"
+     inkscape:zoom="0.088388348"
+     inkscape:cx="1374.6156"
+     inkscape:cy="1397.243"
+     inkscape:window-width="2560"
+     inkscape:window-height="1440"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     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="3204.4626"
+       originy="1078.9215" />
+  </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(3204.4625,1078.9215)">
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect3035-6"
+       width="19.84375"
+       height="13.229166"
+       x="2417.3271"
+       y="-869.23511"
+       transform="scale(-1,1)" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect3037-7"
+       width="66.145836"
+       height="26.458332"
+       x="2437.1709"
+       y="-882.46423"
+       transform="scale(-1,1)" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.179993;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect3039-5"
+       width="46.262531"
+       height="10.874191"
+       x="2457.0344"
+       y="-893.35822"
+       transform="scale(-1,1)" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect3042-3"
+       width="26.458332"
+       height="13.229166"
+       x="2476.8584"
+       y="-902.30798"
+       transform="scale(-1,1)" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:1.2954;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect3146-5"
+       width="693.92914"
+       height="21.456461"
+       x="2503.9744"
+       y="-878.11975"
+       transform="scale(-1,1)" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.321371;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect3352-6"
+       width="19.592621"
+       height="140.31917"
+       x="3184.7092"
+       y="-1009.6448"
+       transform="scale(-1,1)" />
+    <g
+       id="g940-1"
+       transform="translate(-1983.4712,-1100.483)">
+      <rect
+         style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect3456-2"
+         width="13.229166"
+         height="26.458332"
+         x="-515.9375"
+         y="125.6771" />
+      <rect
+         style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.682637;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect3560-7"
+         width="488.86676"
+         height="12.68697"
+         x="-1005.0754"
+         y="112.71903" />
+      <rect
+         style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect3664-0"
+         width="13.229166"
+         height="26.458332"
+         x="-1018.6458"
+         y="125.6771" />
+      <rect
+         style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.831027;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect3666-9"
+         width="488.71838"
+         height="12.53858"
+         x="-1005.0714"
+         y="152.48073" />
+    </g>
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.186485;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect3770-3"
+       width="10.952431"
+       height="14.087203"
+       x="-3043.1704"
+       y="-975.26392" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect3874-6"
+       width="10.145541"
+       height="9.1633196"
+       x="-3042.8406"
+       y="-948.29797" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4162-7"
+       width="20.968483"
+       height="47.744518"
+       x="-3094.6042"
+       y="-986.44617" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4164-5"
+       width="21.229357"
+       height="12.953367"
+       x="-3074.0747"
+       y="-961.71021" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.141214;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4473-3"
+       width="10.457409"
+       height="24.816576"
+       x="-3063.3064"
+       y="-986.44275" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140492;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4577-5"
+       width="13.014583"
+       height="13.233728"
+       x="-3073.9946"
+       y="-986.44586" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4681-6"
+       width="10.639459"
+       height="48.050575"
+       x="-3115.0393"
+       y="-986.34729" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4683-2"
+       width="31.927095"
+       height="12.633854"
+       x="-3145.655"
+       y="-961.87018" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140932;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4685-9"
+       width="21.10965"
+       height="47.948689"
+       x="-3145.6455"
+       y="-986.41638" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4905-3"
+       width="11.970482"
+       height="13.498784"
+       x="-2982.7856"
+       y="-1069.1842" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4907-6"
+       width="11.046354"
+       height="12.94556"
+       x="-2981.9255"
+       y="-1044.1804" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4909-0"
+       width="21.818935"
+       height="57.663635"
+       x="-2961.4719"
+       y="-1078.8513" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4911-6"
+       width="21.93298"
+       height="11.221142"
+       x="-2942.0374"
+       y="-1032.4202" />
+  </g>
+</svg>
diff --git a/client/dist/assets/images/battle-interface/hp-player.png b/client/dist/assets/images/battle-interface/hp-player.png
new file mode 100644
index 0000000..9dae578
--- /dev/null
+++ b/client/dist/assets/images/battle-interface/hp-player.png
diff --git a/client/dist/assets/images/battle-interface/hp-player.svg b/client/dist/assets/images/battle-interface/hp-player.svg
new file mode 100644
index 0000000..ba62c7c
--- /dev/null
+++ b/client/dist/assets/images/battle-interface/hp-player.svg
@@ -0,0 +1,288 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="2975.2654"
+   height="1190.4139"
+   viewBox="0 0 787.20564 314.96367"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1 (c4e8f9ed74, 2021-05-24)"
+   sodipodi:docname="hp-player.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="false"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="false"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-others="false"
+     units="px"
+     inkscape:zoom="0.1767767"
+     inkscape:cx="924.89565"
+     inkscape:cy="633.56766"
+     inkscape:window-width="2494"
+     inkscape:window-height="1393"
+     inkscape:window-x="30"
+     inkscape:window-y="31"
+     inkscape:window-maximized="0"
+     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="1250.2265"
+       originy="-22.450285" />
+  </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(1250.2265,-22.450306)">
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect3035"
+       width="19.84375"
+       height="13.229166"
+       x="-1250.1562"
+       y="324.11459" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect3037"
+       width="66.145836"
+       height="26.458332"
+       x="-1230.3125"
+       y="310.88544" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.179993;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect3039"
+       width="46.262531"
+       height="10.874191"
+       x="-1210.449"
+       y="299.99146" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect3042"
+       width="26.458332"
+       height="13.229166"
+       x="-1190.625"
+       y="291.04169" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:1.2954;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect3146"
+       width="693.92914"
+       height="21.456461"
+       x="-1163.5092"
+       y="315.22992" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.411539;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect3352"
+       width="19.502453"
+       height="231.16908"
+       x="-482.72906"
+       y="92.809959" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect3456"
+       width="13.229166"
+       height="26.458332"
+       x="-515.9375"
+       y="125.6771" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.682637;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect3560"
+       width="488.86676"
+       height="12.68697"
+       x="-1005.0754"
+       y="112.71903" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect3664"
+       width="13.229166"
+       height="26.458332"
+       x="-1018.6458"
+       y="125.6771" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.831027;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect3666"
+       width="488.71838"
+       height="12.53858"
+       x="-1005.0714"
+       y="152.48073" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.186485;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect3770"
+       width="10.952431"
+       height="14.087203"
+       x="-1058.3103"
+       y="125.70013" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect3874"
+       width="10.145541"
+       height="9.1633196"
+       x="-1057.9805"
+       y="152.66612" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4162"
+       width="20.968483"
+       height="47.744518"
+       x="-1109.7441"
+       y="114.51788" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4164"
+       width="21.229357"
+       height="12.953367"
+       x="-1089.2146"
+       y="139.25389" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.141214;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4473"
+       width="10.457409"
+       height="24.816576"
+       x="-1078.4464"
+       y="114.52131" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140492;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4577"
+       width="13.014583"
+       height="13.233728"
+       x="-1089.1346"
+       y="114.51823" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4681"
+       width="10.639459"
+       height="48.050575"
+       x="-1130.1792"
+       y="114.61679" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4683"
+       width="31.927095"
+       height="12.633854"
+       x="-1160.7949"
+       y="139.09392" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140932;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4685"
+       width="21.10965"
+       height="47.948689"
+       x="-1160.7855"
+       y="114.54766" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4789"
+       width="10.450678"
+       height="11.011484"
+       x="-842.51617"
+       y="268.0267" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4791"
+       width="11.17397"
+       height="13.257895"
+       x="-832.75214"
+       y="255.69559" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4793"
+       width="10.780746"
+       height="12.893867"
+       x="-821.7099"
+       y="243.55678" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4795"
+       width="11.245631"
+       height="11.439405"
+       x="-811.92334"
+       y="233.16919" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4797"
+       width="11.573599"
+       height="13.159328"
+       x="-802.07391"
+       y="220.73111" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4799"
+       width="11.480395"
+       height="13.352851"
+       x="-791.52777"
+       y="208.59184" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4801"
+       width="11.80561"
+       height="13.657691"
+       x="-781.24353"
+       y="196.11652" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4905"
+       width="11.970482"
+       height="13.498784"
+       x="-833.28052"
+       y="32.187672" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4907"
+       width="11.046354"
+       height="12.94556"
+       x="-832.42053"
+       y="57.191441" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4909"
+       width="21.818935"
+       height="57.663635"
+       x="-811.96686"
+       y="22.520527" />
+    <rect
+       style="fill:#010101;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect4911"
+       width="21.93298"
+       height="11.221142"
+       x="-792.53235"
+       y="68.951782" />
+  </g>
+</svg>
diff --git a/client/dist/assets/images/battle-interface/move-type-info.png b/client/dist/assets/images/battle-interface/move-type-info.png
new file mode 100644
index 0000000..7018966
--- /dev/null
+++ b/client/dist/assets/images/battle-interface/move-type-info.png
diff --git a/client/dist/assets/images/battle-interface/move-type-info.svg b/client/dist/assets/images/battle-interface/move-type-info.svg
new file mode 100644
index 0000000..316e233
--- /dev/null
+++ b/client/dist/assets/images/battle-interface/move-type-info.svg
@@ -0,0 +1,1090 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="3250.531"
+   height="1225.5308"
+   viewBox="0 0 860.03634 324.25499"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1 (c4e8f9ed74, 2021-05-24)"
+   sodipodi:docname="blyp.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="0.35355339"
+     inkscape:cx="1047.9322"
+     inkscape:cy="612.35447"
+     inkscape:window-width="2560"
+     inkscape:window-height="1440"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     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="2050.5913"
+       originy="-85.919346" />
+  </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(2050.5911,-85.919382)">
+    <circle
+       id="path17460"
+       style="fill:#ffffff;stroke:#ffffff;stroke-width:0.264583"
+       cx="-4959.4229"
+       cy="2943.5413"
+       r="0.42328164" />
+    <circle
+       id="path17462"
+       style="fill:#ffffff;stroke:#ffffff;stroke-width:0.264583"
+       cx="-4959.4229"
+       cy="2943.5413"
+       r="0.42328164" />
+    <g
+       id="g3357">
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#fefefe;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect2876"
+         width="19.84375"
+         height="6.614583"
+         x="-1256.7709"
+         y="138.90627" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#fefefe;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect2878"
+         width="13.229166"
+         height="6.614583"
+         x="-1256.7709"
+         y="132.29169" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#fefefe;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect2880"
+         width="6.614583"
+         height="6.614583"
+         x="-1256.7709"
+         y="125.6771" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#fefefe;stroke-width:1.42323;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect2882"
+         width="726.25116"
+         height="18.560963"
+         x="-1983.6635"
+         y="126.31848" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#fefefe;stroke-width:1.42945;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect2772"
+         width="732.85956"
+         height="18.554741"
+         x="-1983.7306"
+         y="344.60284" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#fefefe;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect2452"
+         width="19.84375"
+         height="6.614583"
+         x="-2004.2188"
+         y="343.95834" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#fefefe;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect2666"
+         width="13.229166"
+         height="6.614583"
+         x="-1997.6041"
+         y="350.57294" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#fefefe;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect2668"
+         width="6.614583"
+         height="6.614583"
+         x="-1990.9896"
+         y="357.18753" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16234"
+         width="13.229166"
+         height="19.84375"
+         x="-1997.6041"
+         y="370.41669" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.645768;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16392"
+         width="727.02863"
+         height="12.72384"
+         x="-1984.1223"
+         y="370.66934" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16496"
+         width="13.229166"
+         height="19.84375"
+         x="-1256.7709"
+         y="370.41669" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16498"
+         width="6.614583"
+         height="13.229166"
+         x="-1243.5416"
+         y="363.80209" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16500"
+         width="6.614583"
+         height="13.229166"
+         x="-1236.9271"
+         y="357.18753" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16502"
+         width="6.614583"
+         height="6.614583"
+         x="-1230.3125"
+         y="357.18753" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.785565;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16504"
+         width="12.584043"
+         height="217.5659"
+         x="-1229.99"
+         y="139.29906" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16608"
+         width="13.229166"
+         height="6.614583"
+         x="-1236.9271"
+         y="132.29169" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16610"
+         width="13.229166"
+         height="6.614583"
+         x="-1243.5416"
+         y="125.6771" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16612"
+         width="13.229166"
+         height="6.614583"
+         x="-1250.1562"
+         y="119.06252" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16614"
+         width="19.84375"
+         height="13.229166"
+         x="-1263.3854"
+         y="105.83335" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16616"
+         width="13.229166"
+         height="6.614583"
+         x="-1263.3854"
+         y="99.218765" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.39378;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16618"
+         width="719.66602"
+         height="11.975825"
+         x="-1983.6781"
+         y="99.845436" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16722"
+         width="6.614583"
+         height="19.84375"
+         x="-1990.9896"
+         y="99.218765" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16724"
+         width="6.614583"
+         height="19.84375"
+         x="-1997.6041"
+         y="105.83335" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16726"
+         width="6.614583"
+         height="13.229166"
+         x="-2004.2188"
+         y="119.06252" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16728"
+         width="6.614583"
+         height="13.229166"
+         x="-2010.8334"
+         y="125.6771" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16730"
+         width="6.614583"
+         height="13.229166"
+         x="-2017.4479"
+         y="132.29169" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16732"
+         width="6.614583"
+         height="6.614583"
+         x="-2024.0625"
+         y="138.90627" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.762061;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16734"
+         width="12.607546"
+         height="204.36026"
+         x="-2030.3663"
+         y="145.83165" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16838"
+         width="19.84375"
+         height="6.614583"
+         x="-2024.0625"
+         y="350.57294" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16840"
+         width="6.614583"
+         height="6.614583"
+         x="-2017.4479"
+         y="343.95834" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16842"
+         width="19.84375"
+         height="6.614583"
+         x="-2017.4479"
+         y="357.18753" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16844"
+         width="19.84375"
+         height="6.614583"
+         x="-2010.8334"
+         y="363.80209" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16846"
+         width="6.614583"
+         height="6.614583"
+         x="-2004.2188"
+         y="370.41669" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16848"
+         width="773.57092"
+         height="198.1723"
+         x="-2010.7008"
+         y="145.65344" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect17112"
+         width="6.614583"
+         height="13.229166"
+         x="-1243.5416"
+         y="343.95834" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect17114"
+         width="6.614583"
+         height="19.84375"
+         x="-1250.1562"
+         y="343.95834" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect17116"
+         width="6.614583"
+         height="19.84375"
+         x="-1250.1562"
+         y="343.95834" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect1824"
+         width="13.229166"
+         height="6.614583"
+         x="-2004.2188"
+         y="138.90627" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect1826"
+         width="6.614583"
+         height="6.614583"
+         x="-1997.6041"
+         y="132.29169" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect1828"
+         width="6.614583"
+         height="19.84375"
+         x="-1990.9896"
+         y="125.6771" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect14345"
+         width="6.614583"
+         height="6.614583"
+         x="-1997.6041"
+         y="125.6771" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect14347"
+         width="6.614583"
+         height="6.614583"
+         x="-1990.9896"
+         y="119.06252" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect14343"
+         width="6.614583"
+         height="6.614583"
+         x="-2004.2188"
+         y="132.29169" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect14341"
+         width="6.614583"
+         height="6.614583"
+         x="-2010.8334"
+         y="138.90627" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.721112;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect14339"
+         width="6.0339112"
+         height="191.17204"
+         x="-2017.1576"
+         y="145.81117" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect14041"
+         width="6.614583"
+         height="6.614583"
+         x="-2030.6771"
+         y="138.90627" />
+      <g
+         id="g1400-5-4-4-6-2-2"
+         transform="translate(-2050.5209,85.989603)">
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect2314-2-78-5-3-1-9"
+           width="6.614583"
+           height="6.614583"
+           x="19.84375"
+           y="6.614583" />
+        <g
+           id="g1266-54-4-2-9-0-9">
+          <g
+             id="g2302-7-50-5-4-5-0">
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1660-4-36-4-8-1-8"
+               width="13.229166"
+               height="6.614583"
+               x="19.84375"
+               y="46.302082" />
+            <g
+               id="g2286-4-1-7-1-1-1">
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1618-3-0-4-2-0-3"
+                 width="6.614583"
+                 height="13.229166"
+                 x="0"
+                 y="19.84375" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1648-0-6-4-93-8-1"
+                 width="46.302082"
+                 height="6.614583"
+                 x="6.614583"
+                 y="19.84375" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1650-7-3-3-90-5-1"
+                 width="6.614583"
+                 height="6.614583"
+                 x="46.302082"
+                 y="26.458332" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1652-86-2-0-8-0-0"
+                 width="6.614583"
+                 height="6.614583"
+                 x="39.6875"
+                 y="33.072918" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1654-8-0-7-8-6-3"
+                 width="6.614583"
+                 height="6.614583"
+                 x="33.072918"
+                 y="39.6875" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1662-8-6-8-5-4-4"
+                 width="6.614583"
+                 height="6.614583"
+                 x="13.229166"
+                 y="39.6875" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1664-43-1-6-0-6-0"
+                 width="6.614583"
+                 height="6.614583"
+                 x="6.614583"
+                 y="33.072918" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1668-1-5-8-9-2-3"
+                 width="39.6875"
+                 height="6.614583"
+                 x="6.614583"
+                 y="13.229166" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1670-4-5-8-6-5-9"
+                 width="6.614583"
+                 height="6.614583"
+                 x="33.072918"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1672-92-4-4-3-8-1"
+                 width="6.614583"
+                 height="6.614583"
+                 x="13.229166"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1674-0-7-3-8-6-9"
+                 width="6.614583"
+                 height="6.614583"
+                 x="26.458332"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1676-6-65-1-5-2-6"
+                 width="13.229166"
+                 height="6.614583"
+                 x="19.84375"
+                 y="0" />
+            </g>
+          </g>
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2324-8-6-4-6-8-9"
+             width="39.6875"
+             height="6.614583"
+             x="6.614583"
+             y="26.458332" />
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2326-9-9-9-1-4-3"
+             width="26.458332"
+             height="6.614583"
+             x="13.229166"
+             y="33.072918" />
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2514-2-3-2-1-7-3"
+             width="13.229166"
+             height="6.614583"
+             x="19.84375"
+             y="39.6875" />
+        </g>
+      </g>
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.34323;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect14353"
+         width="739.56036"
+         height="5.411798"
+         x="-1990.3882"
+         y="93.205582" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect14351"
+         width="6.614583"
+         height="6.614583"
+         x="-1997.6041"
+         y="99.218765" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.39378;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect14349"
+         width="719.66595"
+         height="11.975825"
+         x="-1983.7483"
+         y="113.07461" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect14559"
+         width="13.229166"
+         height="6.614583"
+         x="-1263.3854"
+         y="119.06252" />
+      <g
+         id="g1400-5-4-4-6-2-8"
+         transform="translate(-1243.5417,85.989604)">
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect2314-2-78-5-3-1-0"
+           width="6.614583"
+           height="6.614583"
+           x="19.84375"
+           y="6.614583" />
+        <g
+           id="g1266-54-4-2-9-0-5">
+          <g
+             id="g2302-7-50-5-4-5-6">
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1660-4-36-4-8-1-6"
+               width="13.229166"
+               height="6.614583"
+               x="19.84375"
+               y="46.302082" />
+            <g
+               id="g2286-4-1-7-1-1-4">
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1618-3-0-4-2-0-0"
+                 width="6.614583"
+                 height="13.229166"
+                 x="0"
+                 y="19.84375" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1648-0-6-4-93-8-0"
+                 width="46.302082"
+                 height="6.614583"
+                 x="6.614583"
+                 y="19.84375" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1650-7-3-3-90-5-4"
+                 width="6.614583"
+                 height="6.614583"
+                 x="46.302082"
+                 y="26.458332" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1652-86-2-0-8-0-6"
+                 width="6.614583"
+                 height="6.614583"
+                 x="39.6875"
+                 y="33.072918" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1654-8-0-7-8-6-2"
+                 width="6.614583"
+                 height="6.614583"
+                 x="33.072918"
+                 y="39.6875" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1662-8-6-8-5-4-6"
+                 width="6.614583"
+                 height="6.614583"
+                 x="13.229166"
+                 y="39.6875" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1664-43-1-6-0-6-7"
+                 width="6.614583"
+                 height="6.614583"
+                 x="6.614583"
+                 y="33.072918" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1668-1-5-8-9-2-5"
+                 width="39.6875"
+                 height="6.614583"
+                 x="6.614583"
+                 y="13.229166" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1670-4-5-8-6-5-6"
+                 width="6.614583"
+                 height="6.614583"
+                 x="33.072918"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1672-92-4-4-3-8-9"
+                 width="6.614583"
+                 height="6.614583"
+                 x="13.229166"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1674-0-7-3-8-6-8"
+                 width="6.614583"
+                 height="6.614583"
+                 x="26.458332"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1676-6-65-1-5-2-7"
+                 width="13.229166"
+                 height="6.614583"
+                 x="19.84375"
+                 y="0" />
+            </g>
+          </g>
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2324-8-6-4-6-8-2"
+             width="39.6875"
+             height="6.614583"
+             x="6.614583"
+             y="26.458332" />
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2326-9-9-9-1-4-8"
+             width="26.458332"
+             height="6.614583"
+             x="13.229166"
+             y="33.072918" />
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2514-2-3-2-1-7-2"
+             width="13.229166"
+             height="6.614583"
+             x="19.84375"
+             y="39.6875" />
+        </g>
+      </g>
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect15050"
+         width="6.614583"
+         height="6.614583"
+         x="-1250.1562"
+         y="125.6771" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect15196"
+         width="6.614583"
+         height="6.614583"
+         x="-1243.5416"
+         y="132.29169" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect15198"
+         width="6.614583"
+         height="6.614583"
+         x="-1236.9271"
+         y="138.90627" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.551839;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect15202"
+         width="6.2031851"
+         height="217.79964"
+         x="-1216.8777"
+         y="139.11197" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.0993946;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect14559-9"
+         width="6.5854211"
+         height="6.6556296"
+         x="-1250.1562"
+         y="99.177719" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect15585"
+         width="6.614583"
+         height="6.614583"
+         x="-1243.5416"
+         y="357.18753" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.34855;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect15587"
+         width="746.16962"
+         height="5.4064732"
+         x="-1990.3153"
+         y="364.40616" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.755397;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect15200"
+         width="5.9996262"
+         height="210.98151"
+         x="-1236.6196"
+         y="145.82832" />
+      <g
+         id="g1400-5-4-4-6-2-8-9"
+         transform="translate(-1243.5417,357.18752)">
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect2314-2-78-5-3-1-0-6"
+           width="6.614583"
+           height="6.614583"
+           x="19.84375"
+           y="6.614583" />
+        <g
+           id="g1266-54-4-2-9-0-5-0">
+          <g
+             id="g2302-7-50-5-4-5-6-2">
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1660-4-36-4-8-1-6-7"
+               width="13.229166"
+               height="6.614583"
+               x="19.84375"
+               y="46.302082" />
+            <g
+               id="g2286-4-1-7-1-1-4-6">
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1618-3-0-4-2-0-0-1"
+                 width="6.614583"
+                 height="13.229166"
+                 x="0"
+                 y="19.84375" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1648-0-6-4-93-8-0-3"
+                 width="46.302082"
+                 height="6.614583"
+                 x="6.614583"
+                 y="19.84375" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1650-7-3-3-90-5-4-2"
+                 width="6.614583"
+                 height="6.614583"
+                 x="46.302082"
+                 y="26.458332" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1652-86-2-0-8-0-6-1"
+                 width="6.614583"
+                 height="6.614583"
+                 x="39.6875"
+                 y="33.072918" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1654-8-0-7-8-6-2-5"
+                 width="6.614583"
+                 height="6.614583"
+                 x="33.072918"
+                 y="39.6875" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1662-8-6-8-5-4-6-9"
+                 width="6.614583"
+                 height="6.614583"
+                 x="13.229166"
+                 y="39.6875" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1664-43-1-6-0-6-7-9"
+                 width="6.614583"
+                 height="6.614583"
+                 x="6.614583"
+                 y="33.072918" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1668-1-5-8-9-2-5-1"
+                 width="39.6875"
+                 height="6.614583"
+                 x="6.614583"
+                 y="13.229166" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1670-4-5-8-6-5-6-4"
+                 width="6.614583"
+                 height="6.614583"
+                 x="33.072918"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1672-92-4-4-3-8-9-9"
+                 width="6.614583"
+                 height="6.614583"
+                 x="13.229166"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1674-0-7-3-8-6-8-1"
+                 width="6.614583"
+                 height="6.614583"
+                 x="26.458332"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1676-6-65-1-5-2-7-0"
+                 width="13.229166"
+                 height="6.614583"
+                 x="19.84375"
+                 y="0" />
+            </g>
+          </g>
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2324-8-6-4-6-8-2-7"
+             width="39.6875"
+             height="6.614583"
+             x="6.614583"
+             y="26.458332" />
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2326-9-9-9-1-4-8-5"
+             width="26.458332"
+             height="6.614583"
+             x="13.229166"
+             y="33.072918" />
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2514-2-3-2-1-7-2-8"
+             width="13.229166"
+             height="6.614583"
+             x="19.84375"
+             y="39.6875" />
+        </g>
+      </g>
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect15611"
+         width="13.229166"
+         height="6.614583"
+         x="-1256.7709"
+         y="390.26044" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect15717"
+         width="13.229166"
+         height="6.614583"
+         x="-1997.6041"
+         y="390.26044" />
+      <g
+         id="g1400-5-4-4-6-2-8-7"
+         transform="translate(-2050.5209,357.18752)">
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect2314-2-78-5-3-1-0-0"
+           width="6.614583"
+           height="6.614583"
+           x="19.84375"
+           y="6.614583" />
+        <g
+           id="g1266-54-4-2-9-0-5-4">
+          <g
+             id="g2302-7-50-5-4-5-6-8">
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1660-4-36-4-8-1-6-0"
+               width="13.229166"
+               height="6.614583"
+               x="19.84375"
+               y="46.302082" />
+            <g
+               id="g2286-4-1-7-1-1-4-4">
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1618-3-0-4-2-0-0-2"
+                 width="6.614583"
+                 height="13.229166"
+                 x="0"
+                 y="19.84375" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1648-0-6-4-93-8-0-9"
+                 width="46.302082"
+                 height="6.614583"
+                 x="6.614583"
+                 y="19.84375" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1650-7-3-3-90-5-4-6"
+                 width="6.614583"
+                 height="6.614583"
+                 x="46.302082"
+                 y="26.458332" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1652-86-2-0-8-0-6-10"
+                 width="6.614583"
+                 height="6.614583"
+                 x="39.6875"
+                 y="33.072918" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1654-8-0-7-8-6-2-4"
+                 width="6.614583"
+                 height="6.614583"
+                 x="33.072918"
+                 y="39.6875" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1662-8-6-8-5-4-6-2"
+                 width="6.614583"
+                 height="6.614583"
+                 x="13.229166"
+                 y="39.6875" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1664-43-1-6-0-6-7-2"
+                 width="6.614583"
+                 height="6.614583"
+                 x="6.614583"
+                 y="33.072918" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1668-1-5-8-9-2-5-2"
+                 width="39.6875"
+                 height="6.614583"
+                 x="6.614583"
+                 y="13.229166" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1670-4-5-8-6-5-6-0"
+                 width="6.614583"
+                 height="6.614583"
+                 x="33.072918"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1672-92-4-4-3-8-9-5"
+                 width="6.614583"
+                 height="6.614583"
+                 x="13.229166"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1674-0-7-3-8-6-8-5"
+                 width="6.614583"
+                 height="6.614583"
+                 x="26.458332"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1676-6-65-1-5-2-7-2"
+                 width="13.229166"
+                 height="6.614583"
+                 x="19.84375"
+                 y="0" />
+            </g>
+          </g>
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2324-8-6-4-6-8-2-9"
+             width="39.6875"
+             height="6.614583"
+             x="6.614583"
+             y="26.458332" />
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2326-9-9-9-1-4-8-0"
+             width="26.458332"
+             height="6.614583"
+             x="13.229166"
+             y="33.072918" />
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2514-2-3-2-1-7-2-2"
+             width="13.229166"
+             height="6.614583"
+             x="19.84375"
+             y="39.6875" />
+        </g>
+      </g>
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect15914"
+         width="6.614583"
+         height="6.614583"
+         x="-1997.6041"
+         y="357.18753" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect15916"
+         width="6.614583"
+         height="6.614583"
+         x="-2004.2188"
+         y="350.57294" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16022"
+         width="6.614583"
+         height="6.614583"
+         x="-2010.8334"
+         y="343.95834" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16024"
+         width="6.614583"
+         height="6.614583"
+         x="-2017.4479"
+         y="337.34378" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect16026"
+         width="6.614583"
+         height="6.614583"
+         x="-2030.6771"
+         y="350.57294" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.744178;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect14131"
+         width="6.0108461"
+         height="204.37816"
+         x="-2036.9899"
+         y="145.82269" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.39981;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect15613"
+         width="726.2746"
+         height="11.969793"
+         x="-1983.6752"
+         y="384.27554" />
+    </g>
+  </g>
+</svg>
diff --git a/client/dist/assets/images/battle-interface/moves-dialogue.png b/client/dist/assets/images/battle-interface/moves-dialogue.png
new file mode 100644
index 0000000..b6af5c6
--- /dev/null
+++ b/client/dist/assets/images/battle-interface/moves-dialogue.png
diff --git a/client/dist/assets/images/battle-interface/moves-dialogue.svg b/client/dist/assets/images/battle-interface/moves-dialogue.svg
new file mode 100644
index 0000000..8603d76
--- /dev/null
+++ b/client/dist/assets/images/battle-interface/moves-dialogue.svg
@@ -0,0 +1,1023 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="4500.5308"
+   height="1625.5309"
+   viewBox="0 0 1190.7654 430.08835"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1 (c4e8f9ed74, 2021-05-24)"
+   sodipodi:docname="blmo.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="0.1767767"
+     inkscape:cx="1026.719"
+     inkscape:cy="263.04372"
+     inkscape:window-width="2560"
+     inkscape:window-height="1440"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     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="1746.3904"
+       originy="-350.5729" />
+  </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(1746.3905,-350.57294)">
+    <g
+       id="g10391"
+       transform="translate(-33.143141,562.30981)">
+      <g
+         id="g1400-5-4-4-5"
+         transform="translate(-575.46875,-211.66665)">
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect2314-2-78-5-9"
+           width="6.614583"
+           height="6.614583"
+           x="19.84375"
+           y="6.614583" />
+        <g
+           id="g1266-54-4-2-84">
+          <g
+             id="g2302-7-50-5-8">
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1660-4-36-4-1"
+               width="13.229166"
+               height="6.614583"
+               x="19.84375"
+               y="46.302082" />
+            <g
+               id="g2286-4-1-7-0">
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1618-3-0-4-3"
+                 width="6.614583"
+                 height="13.229166"
+                 x="0"
+                 y="19.84375" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1648-0-6-4-0"
+                 width="46.302082"
+                 height="6.614583"
+                 x="6.614583"
+                 y="19.84375" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1650-7-3-3-4"
+                 width="6.614583"
+                 height="6.614583"
+                 x="46.302082"
+                 y="26.458332" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1652-86-2-0-4"
+                 width="6.614583"
+                 height="6.614583"
+                 x="39.6875"
+                 y="33.072918" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1654-8-0-7-4"
+                 width="6.614583"
+                 height="6.614583"
+                 x="33.072918"
+                 y="39.6875" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1662-8-6-8-47"
+                 width="6.614583"
+                 height="6.614583"
+                 x="13.229166"
+                 y="39.6875" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1664-43-1-6-6"
+                 width="6.614583"
+                 height="6.614583"
+                 x="6.614583"
+                 y="33.072918" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1668-1-5-8-3"
+                 width="39.6875"
+                 height="6.614583"
+                 x="6.614583"
+                 y="13.229166" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1670-4-5-8-17"
+                 width="6.614583"
+                 height="6.614583"
+                 x="33.072918"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1672-92-4-4-5"
+                 width="6.614583"
+                 height="6.614583"
+                 x="13.229166"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1674-0-7-3-9"
+                 width="6.614583"
+                 height="6.614583"
+                 x="26.458332"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1676-6-65-1-6"
+                 width="13.229166"
+                 height="6.614583"
+                 x="19.84375"
+                 y="0" />
+            </g>
+          </g>
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2324-8-6-4-21"
+             width="39.6875"
+             height="6.614583"
+             x="6.614583"
+             y="26.458332" />
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2326-9-9-9-7"
+             width="26.458332"
+             height="6.614583"
+             x="13.229166"
+             y="33.072918" />
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2514-2-3-2-8"
+             width="13.229166"
+             height="6.614583"
+             x="19.84375"
+             y="39.6875" />
+        </g>
+      </g>
+      <g
+         id="g1400-5-4-4-0-5"
+         transform="translate(-575.46876,165.3646)">
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect2314-2-78-5-6-7"
+           width="6.614583"
+           height="6.614583"
+           x="19.84375"
+           y="6.614583" />
+        <g
+           id="g1266-54-4-2-8-4">
+          <g
+             id="g2302-7-50-5-9-1">
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1660-4-36-4-2-8"
+               width="13.229166"
+               height="6.614583"
+               x="19.84375"
+               y="46.302082" />
+            <g
+               id="g2286-4-1-7-6-5">
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1618-3-0-4-6-9"
+                 width="6.614583"
+                 height="13.229166"
+                 x="0"
+                 y="19.84375" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1648-0-6-4-4-7"
+                 width="46.302082"
+                 height="6.614583"
+                 x="6.614583"
+                 y="19.84375" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1650-7-3-3-9-5"
+                 width="6.614583"
+                 height="6.614583"
+                 x="46.302082"
+                 y="26.458332" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1652-86-2-0-5-3"
+                 width="6.614583"
+                 height="6.614583"
+                 x="39.6875"
+                 y="33.072918" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1654-8-0-7-0-8"
+                 width="6.614583"
+                 height="6.614583"
+                 x="33.072918"
+                 y="39.6875" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1662-8-6-8-4-8"
+                 width="6.614583"
+                 height="6.614583"
+                 x="13.229166"
+                 y="39.6875" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1664-43-1-6-8-3"
+                 width="6.614583"
+                 height="6.614583"
+                 x="6.614583"
+                 y="33.072918" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1668-1-5-8-7-1"
+                 width="39.6875"
+                 height="6.614583"
+                 x="6.614583"
+                 y="13.229166" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1670-4-5-8-1-8"
+                 width="6.614583"
+                 height="6.614583"
+                 x="33.072918"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1672-92-4-4-7-9"
+                 width="6.614583"
+                 height="6.614583"
+                 x="13.229166"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1674-0-7-3-2-6"
+                 width="6.614583"
+                 height="6.614583"
+                 x="26.458332"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1676-6-65-1-7-4"
+                 width="13.229166"
+                 height="6.614583"
+                 x="19.84375"
+                 y="0" />
+            </g>
+          </g>
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2324-8-6-4-2-3"
+             width="39.6875"
+             height="6.614583"
+             x="6.614583"
+             y="26.458332" />
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2326-9-9-9-2-3"
+             width="26.458332"
+             height="6.614583"
+             x="13.229166"
+             y="33.072918" />
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2514-2-3-2-6-3"
+             width="13.229166"
+             height="6.614583"
+             x="19.84375"
+             y="39.6875" />
+        </g>
+      </g>
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect6665-8"
+         width="6.614583"
+         height="6.614583"
+         x="-588.69788"
+         y="-178.59373" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.66451;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect6667-6"
+         width="1050.1245"
+         height="11.705105"
+         x="-1639.5845"
+         y="-184.4463" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect6669-0"
+         width="6.614583"
+         height="6.614583"
+         x="-582.08331"
+         y="-171.97917" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect6671-4"
+         width="6.614583"
+         height="6.614583"
+         x="-575.46875"
+         y="-165.36458" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.921971;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect6673-8"
+         width="5.8330531"
+         height="323.26285"
+         x="-568.46338"
+         y="-158.35922" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.921971;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect6675-8"
+         width="5.8330531"
+         height="323.26285"
+         x="-548.61963"
+         y="-158.35922" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect6907-8"
+         width="6.614583"
+         height="6.614583"
+         x="-582.08331"
+         y="198.43753" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect6909-9"
+         width="6.614583"
+         height="6.614583"
+         x="-588.69788"
+         y="198.43753" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.66938;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect6911-7"
+         width="1056.7343"
+         height="11.700223"
+         x="-1646.1965"
+         y="192.58743" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect6913-7"
+         width="6.614583"
+         height="6.614583"
+         x="-575.46875"
+         y="165.36461" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect6915-6"
+         width="6.614583"
+         height="6.614583"
+         x="-582.15356"
+         y="171.90892" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.58421;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect6917-4"
+         width="1076.6632"
+         height="5.1708198"
+         x="-1659.5387"
+         y="172.63084" />
+      <g
+         id="g1400-5-4-4-1-3"
+         transform="translate(-1713.1771,165.36461)">
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect2314-2-78-5-0-0"
+           width="6.614583"
+           height="6.614583"
+           x="19.84375"
+           y="6.614583" />
+        <g
+           id="g1266-54-4-2-6-3">
+          <g
+             id="g2302-7-50-5-1-0">
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1660-4-36-4-5-9"
+               width="13.229166"
+               height="6.614583"
+               x="19.84375"
+               y="46.302082" />
+            <g
+               id="g2286-4-1-7-9-2">
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1618-3-0-4-4-5"
+                 width="6.614583"
+                 height="13.229166"
+                 x="0"
+                 y="19.84375" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1648-0-6-4-9-4"
+                 width="46.302082"
+                 height="6.614583"
+                 x="6.614583"
+                 y="19.84375" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1650-7-3-3-0-0"
+                 width="6.614583"
+                 height="6.614583"
+                 x="46.302082"
+                 y="26.458332" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1652-86-2-0-9-5"
+                 width="6.614583"
+                 height="6.614583"
+                 x="39.6875"
+                 y="33.072918" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1654-8-0-7-1-9"
+                 width="6.614583"
+                 height="6.614583"
+                 x="33.072918"
+                 y="39.6875" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1662-8-6-8-7-4"
+                 width="6.614583"
+                 height="6.614583"
+                 x="13.229166"
+                 y="39.6875" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1664-43-1-6-7-6"
+                 width="6.614583"
+                 height="6.614583"
+                 x="6.614583"
+                 y="33.072918" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1668-1-5-8-1-9"
+                 width="39.6875"
+                 height="6.614583"
+                 x="6.614583"
+                 y="13.229166" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1670-4-5-8-15-2"
+                 width="6.614583"
+                 height="6.614583"
+                 x="33.072918"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1672-92-4-4-9-2"
+                 width="6.614583"
+                 height="6.614583"
+                 x="13.229166"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1674-0-7-3-7-4"
+                 width="6.614583"
+                 height="6.614583"
+                 x="26.458332"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1676-6-65-1-76-7"
+                 width="13.229166"
+                 height="6.614583"
+                 x="19.84375"
+                 y="0" />
+            </g>
+          </g>
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2324-8-6-4-7-7"
+             width="39.6875"
+             height="6.614583"
+             x="6.614583"
+             y="26.458332" />
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2326-9-9-9-3-5"
+             width="26.458332"
+             height="6.614583"
+             x="13.229166"
+             y="33.072918" />
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2514-2-3-2-65-4"
+             width="13.229166"
+             height="6.614583"
+             x="19.84375"
+             y="39.6875" />
+        </g>
+      </g>
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect7318-8"
+         width="13.229166"
+         height="6.614583"
+         x="-1660.2604"
+         y="198.43753" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect7422-1"
+         width="6.614583"
+         height="6.614583"
+         x="-1693.3334"
+         y="158.75002" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.913095;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect7424-2"
+         width="5.841929"
+         height="316.58691"
+         x="-1699.5616"
+         y="-158.29344" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect7528-8"
+         width="6.614583"
+         height="6.614583"
+         x="-1666.875"
+         y="165.36461" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect7530-9"
+         width="6.614583"
+         height="6.614583"
+         x="-1673.4896"
+         y="158.75002" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.904206;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect7532-3"
+         width="5.8508182"
+         height="309.9812"
+         x="-1679.7224"
+         y="-151.68329" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect7718-6"
+         width="6.614583"
+         height="6.614583"
+         x="-582.08331"
+         y="-198.43748" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.57998;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect7720-8"
+         width="1070.0527"
+         height="5.1750455"
+         x="-1652.856"
+         y="-204.33232" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect7824-0"
+         width="13.229166"
+         height="6.614583"
+         x="-1653.6459"
+         y="-178.59373" />
+      <g
+         id="g1400-5-4-4-6-2"
+         transform="translate(-1713.1771,-211.66665)">
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect2314-2-78-5-3-1"
+           width="6.614583"
+           height="6.614583"
+           x="19.84375"
+           y="6.614583" />
+        <g
+           id="g1266-54-4-2-9-0">
+          <g
+             id="g2302-7-50-5-4-5">
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1660-4-36-4-8-1"
+               width="13.229166"
+               height="6.614583"
+               x="19.84375"
+               y="46.302082" />
+            <g
+               id="g2286-4-1-7-1-1">
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1618-3-0-4-2-0"
+                 width="6.614583"
+                 height="13.229166"
+                 x="0"
+                 y="19.84375" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1648-0-6-4-93-8"
+                 width="46.302082"
+                 height="6.614583"
+                 x="6.614583"
+                 y="19.84375" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1650-7-3-3-90-5"
+                 width="6.614583"
+                 height="6.614583"
+                 x="46.302082"
+                 y="26.458332" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1652-86-2-0-8-0"
+                 width="6.614583"
+                 height="6.614583"
+                 x="39.6875"
+                 y="33.072918" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1654-8-0-7-8-6"
+                 width="6.614583"
+                 height="6.614583"
+                 x="33.072918"
+                 y="39.6875" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1662-8-6-8-5-4"
+                 width="6.614583"
+                 height="6.614583"
+                 x="13.229166"
+                 y="39.6875" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1664-43-1-6-0-6"
+                 width="6.614583"
+                 height="6.614583"
+                 x="6.614583"
+                 y="33.072918" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1668-1-5-8-9-2"
+                 width="39.6875"
+                 height="6.614583"
+                 x="6.614583"
+                 y="13.229166" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1670-4-5-8-6-5"
+                 width="6.614583"
+                 height="6.614583"
+                 x="33.072918"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1672-92-4-4-3-8"
+                 width="6.614583"
+                 height="6.614583"
+                 x="13.229166"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1674-0-7-3-8-6"
+                 width="6.614583"
+                 height="6.614583"
+                 x="26.458332"
+                 y="6.614583" />
+              <rect
+                 style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+                 id="rect1676-6-65-1-5-2"
+                 width="13.229166"
+                 height="6.614583"
+                 x="19.84375"
+                 y="0" />
+            </g>
+          </g>
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2324-8-6-4-6-8"
+             width="39.6875"
+             height="6.614583"
+             x="6.614583"
+             y="26.458332" />
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2326-9-9-9-1-4"
+             width="26.458332"
+             height="6.614583"
+             x="13.229166"
+             y="33.072918" />
+          <rect
+             style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+             id="rect2514-2-3-2-1-7"
+             width="13.229166"
+             height="6.614583"
+             x="19.84375"
+             y="39.6875" />
+        </g>
+      </g>
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect8026-2"
+         width="6.614583"
+         height="6.614583"
+         x="-1660.2605"
+         y="-198.43748" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect8028-4"
+         width="6.614583"
+         height="6.614583"
+         x="-1660.2605"
+         y="-171.97917" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect8030-0"
+         width="6.614583"
+         height="6.614583"
+         x="-1666.8751"
+         y="-165.36458" />
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+         id="rect8032-6"
+         width="6.614583"
+         height="6.614583"
+         x="-1673.4896"
+         y="-158.74998" />
+    </g>
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.519758;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect11186"
+       width="1104.1859"
+       height="310.43591"
+       x="-1706.3728"
+       y="410.29382" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect11356"
+       width="13.229166"
+       height="6.614583"
+       x="-1699.948"
+       y="720.98962" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect11358"
+       width="6.614583"
+       height="6.614583"
+       x="-1693.3334"
+       y="727.60419" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.68392;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect11360"
+       width="1076.5635"
+       height="11.685679"
+       x="-1685.947"
+       y="721.76135" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect11464"
+       width="6.614583"
+       height="6.614583"
+       x="-608.54169"
+       y="720.98962" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect11568"
+       width="19.84375"
+       height="6.614583"
+       x="-621.77081"
+       y="403.48959" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect11570"
+       width="13.229166"
+       height="6.614583"
+       x="-621.77081"
+       y="396.87503" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect11572"
+       width="6.614583"
+       height="6.614583"
+       x="-621.77081"
+       y="390.26044" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.74202;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect11574"
+       width="1064.083"
+       height="18.978781"
+       x="-1685.8478"
+       y="391.13144" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect11678"
+       width="13.229166"
+       height="6.614583"
+       x="-1699.948"
+       y="403.48959" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect11680"
+       width="6.614583"
+       height="6.614583"
+       x="-1693.3334"
+       y="396.87503" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.197373;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect11784"
+       width="13.101997"
+       height="19.786818"
+       x="-1686.6903"
+       y="363.83057" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.20395;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect11888"
+       width="1057.1996"
+       height="12.165658"
+       x="-1672.9578"
+       y="364.33386" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect12100"
+       width="6.614583"
+       height="6.614583"
+       x="-621.77081"
+       y="377.03128" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect12102"
+       width="6.614583"
+       height="19.84375"
+       x="-615.15625"
+       y="370.41669" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect12104"
+       width="6.614583"
+       height="13.229166"
+       x="-608.54169"
+       y="383.64584" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect12106"
+       width="6.614583"
+       height="13.229166"
+       x="-601.92706"
+       y="390.26044" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.0993945;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect12108"
+       width="6.6556296"
+       height="6.585403"
+       x="-595.33301"
+       y="396.85449" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.680178;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect12212"
+       width="12.689428"
+       height="323.50464"
+       x="-595.0426"
+       y="403.75946" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect12316"
+       width="13.229166"
+       height="6.614583"
+       x="-601.92706"
+       y="727.60419" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect12318"
+       width="13.229166"
+       height="6.614583"
+       x="-608.54169"
+       y="734.21875" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect12320"
+       width="6.614583"
+       height="6.614583"
+       x="-608.54169"
+       y="740.83337" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect12322"
+       width="13.229166"
+       height="19.84375"
+       x="-621.77081"
+       y="740.83337" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.66938;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect12324"
+       width="1056.7343"
+       height="11.700223"
+       x="-1679.2695"
+       y="741.59784" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect12428"
+       width="13.229166"
+       height="19.84375"
+       x="-1693.3334"
+       y="740.83337" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect12430"
+       width="6.614583"
+       height="13.229166"
+       x="-1699.948"
+       y="734.21875" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect12432"
+       width="6.614583"
+       height="13.229166"
+       x="-1706.5625"
+       y="727.60419" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect12434"
+       width="6.614583"
+       height="13.229166"
+       x="-1713.1771"
+       y="720.98962" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect12436"
+       width="6.614583"
+       height="6.614583"
+       x="-1719.7917"
+       y="720.98962" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.941779;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect12438"
+       width="12.427828"
+       height="316.62842"
+       x="-1726.0056"
+       y="403.96051" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect12542"
+       width="6.614583"
+       height="13.229166"
+       x="-1713.1771"
+       y="396.87503" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect12544"
+       width="6.614583"
+       height="13.229166"
+       x="-1706.5625"
+       y="390.26044" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect12546"
+       width="6.614583"
+       height="13.229166"
+       x="-1699.948"
+       y="383.64584" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       id="rect12548"
+       width="6.614583"
+       height="19.84375"
+       x="-1693.3334"
+       y="370.41669" />
+  </g>
+</svg>
diff --git a/client/dist/assets/images/battle-interface/options-dialogue.png b/client/dist/assets/images/battle-interface/options-dialogue.png
new file mode 100644
index 0000000..3a40a05
--- /dev/null
+++ b/client/dist/assets/images/battle-interface/options-dialogue.png
diff --git a/client/dist/assets/images/battle-interface/options-dialogue.svg b/client/dist/assets/images/battle-interface/options-dialogue.svg
new file mode 100644
index 0000000..0802798
--- /dev/null
+++ b/client/dist/assets/images/battle-interface/options-dialogue.svg
@@ -0,0 +1,1061 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="3375.5308"
+   height="1650.5308"
+   viewBox="0 0 893.10918 436.7029"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1 (c4e8f9ed74, 2021-05-24)"
+   sodipodi:docname="blop.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="0.1767767"
+     inkscape:cx="1852.6198"
+     inkscape:cy="-2.8284271"
+     inkscape:window-width="2560"
+     inkscape:window-height="1440"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     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="1428.8202"
+       originy="-370.34642" />
+  </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(1428.8202,-370.34647)">
+    <g
+       id="g1400-5-3"
+       transform="translate(-1428.75,370.41669)">
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+         id="rect2314-2-6"
+         width="6.614583"
+         height="6.614583"
+         x="19.84375"
+         y="6.614583" />
+      <g
+         id="g1266-54-7">
+        <g
+           id="g2302-7-5">
+          <rect
+             style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+             id="rect1660-4-3"
+             width="13.229166"
+             height="6.614583"
+             x="19.84375"
+             y="46.302082" />
+          <g
+             id="g2286-4-5">
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1618-3-6"
+               width="6.614583"
+               height="13.229166"
+               x="0"
+               y="19.84375" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1648-0-2"
+               width="46.302082"
+               height="6.614583"
+               x="6.614583"
+               y="19.84375" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1650-7-9"
+               width="6.614583"
+               height="6.614583"
+               x="46.302082"
+               y="26.458332" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1652-86-1"
+               width="6.614583"
+               height="6.614583"
+               x="39.6875"
+               y="33.072918" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1654-8-2"
+               width="6.614583"
+               height="6.614583"
+               x="33.072918"
+               y="39.6875" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1662-8-7"
+               width="6.614583"
+               height="6.614583"
+               x="13.229166"
+               y="39.6875" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1664-43-0"
+               width="6.614583"
+               height="6.614583"
+               x="6.614583"
+               y="33.072918" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1668-1-9"
+               width="39.6875"
+               height="6.614583"
+               x="6.614583"
+               y="13.229166" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1670-4-3"
+               width="6.614583"
+               height="6.614583"
+               x="33.072918"
+               y="6.614583" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1672-92-6"
+               width="6.614583"
+               height="6.614583"
+               x="13.229166"
+               y="6.614583" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1674-0-0"
+               width="6.614583"
+               height="6.614583"
+               x="26.458332"
+               y="6.614583" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1676-6-6"
+               width="13.229166"
+               height="6.614583"
+               x="19.84375"
+               y="0" />
+          </g>
+        </g>
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect2324-8-2"
+           width="39.6875"
+           height="6.614583"
+           x="6.614583"
+           y="26.458332" />
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect2326-9-6"
+           width="26.458332"
+           height="6.614583"
+           x="13.229166"
+           y="33.072918" />
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect2514-2-1"
+           width="13.229166"
+           height="6.614583"
+           x="19.84375"
+           y="39.6875" />
+      </g>
+    </g>
+    <rect
+       style="stroke:#000000;stroke-width:0.140441"
+       id="rect2069"
+       width="6.614583"
+       height="13.229166"
+       x="-1408.9062"
+       y="423.33334" />
+    <rect
+       style="stroke:#000000;stroke-width:0.532964"
+       id="rect2173"
+       width="6.2220607"
+       height="303.80807"
+       x="-1415.3246"
+       y="436.75879" />
+    <rect
+       style="stroke:#000000;stroke-width:0.140441"
+       id="rect2277"
+       width="6.614583"
+       height="13.229166"
+       x="-1408.9062"
+       y="740.83337" />
+    <g
+       id="g1400-5"
+       transform="translate(-1428.75,754.06253)">
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+         id="rect2314-2"
+         width="6.614583"
+         height="6.614583"
+         x="19.84375"
+         y="6.614583" />
+      <g
+         id="g1266-54">
+        <g
+           id="g2302-7">
+          <rect
+             style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+             id="rect1660-4"
+             width="13.229166"
+             height="6.614583"
+             x="19.84375"
+             y="46.302082" />
+          <g
+             id="g2286-4">
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1618-3"
+               width="6.614583"
+               height="13.229166"
+               x="0"
+               y="19.84375" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1648-0"
+               width="46.302082"
+               height="6.614583"
+               x="6.614583"
+               y="19.84375" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1650-7"
+               width="6.614583"
+               height="6.614583"
+               x="46.302082"
+               y="26.458332" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1652-86"
+               width="6.614583"
+               height="6.614583"
+               x="39.6875"
+               y="33.072918" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1654-8"
+               width="6.614583"
+               height="6.614583"
+               x="33.072918"
+               y="39.6875" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1662-8"
+               width="6.614583"
+               height="6.614583"
+               x="13.229166"
+               y="39.6875" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1664-43"
+               width="6.614583"
+               height="6.614583"
+               x="6.614583"
+               y="33.072918" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1668-1"
+               width="39.6875"
+               height="6.614583"
+               x="6.614583"
+               y="13.229166" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1670-4"
+               width="6.614583"
+               height="6.614583"
+               x="33.072918"
+               y="6.614583" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1672-92"
+               width="6.614583"
+               height="6.614583"
+               x="13.229166"
+               y="6.614583" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1674-0"
+               width="6.614583"
+               height="6.614583"
+               x="26.458332"
+               y="6.614583" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1676-6"
+               width="13.229166"
+               height="6.614583"
+               x="19.84375"
+               y="0" />
+          </g>
+        </g>
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect2324-8"
+           width="39.6875"
+           height="6.614583"
+           x="6.614583"
+           y="26.458332" />
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect2326-9"
+           width="26.458332"
+           height="6.614583"
+           x="13.229166"
+           y="33.072918" />
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect2514-2"
+           width="13.229166"
+           height="6.614583"
+           x="19.84375"
+           y="39.6875" />
+      </g>
+    </g>
+    <rect
+       style="stroke:#000000;stroke-width:0.140441"
+       id="rect2474"
+       width="13.229166"
+       height="6.614583"
+       x="-1375.8334"
+       y="787.13544" />
+    <rect
+       style="stroke:#000000;stroke-width:1.42953"
+       id="rect2476"
+       width="759.31769"
+       height="11.940082"
+       x="-1361.9596"
+       y="781.16547" />
+    <rect
+       style="stroke:#000000;stroke-width:0.140441"
+       id="rect2580"
+       width="13.229166"
+       height="6.614583"
+       x="-601.92706"
+       y="787.13544" />
+    <g
+       id="g1400-5-8"
+       transform="translate(-588.69792,754.06253)">
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+         id="rect2314-2-7"
+         width="6.614583"
+         height="6.614583"
+         x="19.84375"
+         y="6.614583" />
+      <g
+         id="g1266-54-9">
+        <g
+           id="g2302-7-2">
+          <rect
+             style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+             id="rect1660-4-0"
+             width="13.229166"
+             height="6.614583"
+             x="19.84375"
+             y="46.302082" />
+          <g
+             id="g2286-4-2">
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1618-3-3"
+               width="6.614583"
+               height="13.229166"
+               x="0"
+               y="19.84375" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1648-0-7"
+               width="46.302082"
+               height="6.614583"
+               x="6.614583"
+               y="19.84375" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1650-7-5"
+               width="6.614583"
+               height="6.614583"
+               x="46.302082"
+               y="26.458332" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1652-86-9"
+               width="6.614583"
+               height="6.614583"
+               x="39.6875"
+               y="33.072918" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1654-8-22"
+               width="6.614583"
+               height="6.614583"
+               x="33.072918"
+               y="39.6875" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1662-8-8"
+               width="6.614583"
+               height="6.614583"
+               x="13.229166"
+               y="39.6875" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1664-43-9"
+               width="6.614583"
+               height="6.614583"
+               x="6.614583"
+               y="33.072918" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1668-1-7"
+               width="39.6875"
+               height="6.614583"
+               x="6.614583"
+               y="13.229166" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1670-4-36"
+               width="6.614583"
+               height="6.614583"
+               x="33.072918"
+               y="6.614583" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1672-92-1"
+               width="6.614583"
+               height="6.614583"
+               x="13.229166"
+               y="6.614583" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1674-0-2"
+               width="6.614583"
+               height="6.614583"
+               x="26.458332"
+               y="6.614583" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1676-6-9"
+               width="13.229166"
+               height="6.614583"
+               x="19.84375"
+               y="0" />
+          </g>
+        </g>
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect2324-8-3"
+           width="39.6875"
+           height="6.614583"
+           x="6.614583"
+           y="26.458332" />
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect2326-9-1"
+           width="26.458332"
+           height="6.614583"
+           x="13.229166"
+           y="33.072918" />
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect2514-2-9"
+           width="13.229166"
+           height="6.614583"
+           x="19.84375"
+           y="39.6875" />
+      </g>
+    </g>
+    <rect
+       style="stroke:#000000;stroke-width:0.283466"
+       id="rect2799"
+       width="6.4715581"
+       height="330.51587"
+       x="-562.16809"
+       y="423.4751" />
+    <g
+       id="g1400-5-4"
+       transform="translate(-588.69792,370.41669)">
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+         id="rect2314-2-78"
+         width="6.614583"
+         height="6.614583"
+         x="19.84375"
+         y="6.614583" />
+      <g
+         id="g1266-54-4">
+        <g
+           id="g2302-7-50">
+          <rect
+             style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+             id="rect1660-4-36"
+             width="13.229166"
+             height="6.614583"
+             x="19.84375"
+             y="46.302082" />
+          <g
+             id="g2286-4-1">
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1618-3-0"
+               width="6.614583"
+               height="13.229166"
+               x="0"
+               y="19.84375" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1648-0-6"
+               width="46.302082"
+               height="6.614583"
+               x="6.614583"
+               y="19.84375" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1650-7-3"
+               width="6.614583"
+               height="6.614583"
+               x="46.302082"
+               y="26.458332" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1652-86-2"
+               width="6.614583"
+               height="6.614583"
+               x="39.6875"
+               y="33.072918" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1654-8-0"
+               width="6.614583"
+               height="6.614583"
+               x="33.072918"
+               y="39.6875" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1662-8-6"
+               width="6.614583"
+               height="6.614583"
+               x="13.229166"
+               y="39.6875" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1664-43-1"
+               width="6.614583"
+               height="6.614583"
+               x="6.614583"
+               y="33.072918" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1668-1-5"
+               width="39.6875"
+               height="6.614583"
+               x="6.614583"
+               y="13.229166" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1670-4-5"
+               width="6.614583"
+               height="6.614583"
+               x="33.072918"
+               y="6.614583" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1672-92-4"
+               width="6.614583"
+               height="6.614583"
+               x="13.229166"
+               y="6.614583" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1674-0-7"
+               width="6.614583"
+               height="6.614583"
+               x="26.458332"
+               y="6.614583" />
+            <rect
+               style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.140441;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+               id="rect1676-6-65"
+               width="13.229166"
+               height="6.614583"
+               x="19.84375"
+               y="0" />
+          </g>
+        </g>
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect2324-8-6"
+           width="39.6875"
+           height="6.614583"
+           x="6.614583"
+           y="26.458332" />
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect2326-9-9"
+           width="26.458332"
+           height="6.614583"
+           x="13.229166"
+           y="33.072918" />
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.14;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect2514-2-3"
+           width="13.229166"
+           height="6.614583"
+           x="19.84375"
+           y="39.6875" />
+      </g>
+    </g>
+    <rect
+       style="stroke:#000000;stroke-width:0.140441"
+       id="rect2996"
+       width="6.614583"
+       height="6.614583"
+       x="-595.3125"
+       y="383.64584" />
+    <rect
+       style="stroke:#000000;stroke-width:1.36956"
+       id="rect2998"
+       width="772.60693"
+       height="5.3854604"
+       x="-1368.5339"
+       y="377.64584" />
+    <rect
+       style="stroke:#000000;stroke-width:0.140441"
+       id="rect3102"
+       width="6.614583"
+       height="6.614583"
+       x="-1375.8334"
+       y="383.64584" />
+    <rect
+       style="stroke:#000000;stroke-width:0.196817"
+       id="rect3104"
+       width="13.102557"
+       height="6.5582075"
+       x="-1369.1906"
+       y="403.51779" />
+    <rect
+       style="stroke:#000000;stroke-width:0.140441"
+       id="rect3106"
+       width="6.614583"
+       height="6.614583"
+       x="-1375.8334"
+       y="410.10419" />
+    <rect
+       style="stroke:#000000;stroke-width:0.140441"
+       id="rect3108"
+       width="6.614583"
+       height="6.614583"
+       x="-1382.4479"
+       y="416.71878" />
+    <rect
+       style="stroke:#000000;stroke-width:0.140441"
+       id="rect3110"
+       width="6.614583"
+       height="6.614583"
+       x="-1389.0625"
+       y="423.33334" />
+    <rect
+       style="stroke:#000000;stroke-width:0.140441"
+       id="rect3112"
+       width="6.614583"
+       height="6.614583"
+       x="-1395.6771"
+       y="429.94794" />
+    <rect
+       style="stroke:#000000;stroke-width:1.41773"
+       id="rect3114"
+       width="746.10046"
+       height="11.951879"
+       x="-1355.351"
+       y="397.51367" />
+    <rect
+       style="stroke:#000000;stroke-width:0.196817"
+       id="rect3220"
+       width="13.102596"
+       height="6.558207"
+       x="-608.44324"
+       y="403.51779" />
+    <rect
+       style="stroke:#000000;stroke-width:0.140441"
+       id="rect3426"
+       width="6.614583"
+       height="6.614583"
+       x="-595.3125"
+       y="410.10419" />
+    <rect
+       style="stroke:#000000;stroke-width:0.140441"
+       id="rect3426-7"
+       width="6.614583"
+       height="6.614583"
+       x="-608.54169"
+       y="396.87503" />
+    <rect
+       style="stroke:#000000;stroke-width:0.140441"
+       id="rect3428"
+       width="6.614583"
+       height="6.614583"
+       x="-588.69794"
+       y="416.71878" />
+    <rect
+       style="stroke:#000000;stroke-width:0.93065"
+       id="rect3430"
+       width="5.8243732"
+       height="329.86877"
+       x="-581.68817"
+       y="423.72842" />
+    <rect
+       style="stroke:#000000;stroke-width:0.140441"
+       id="rect3534"
+       width="6.614583"
+       height="6.614583"
+       x="-588.69788"
+       y="754.06256" />
+    <rect
+       style="stroke:#000000;stroke-width:0.140441"
+       id="rect3536"
+       width="6.614583"
+       height="6.614583"
+       x="-595.3125"
+       y="760.67712" />
+    <rect
+       style="stroke:#000000;stroke-width:1.37475"
+       id="rect3640"
+       width="779.21637"
+       height="5.3802767"
+       x="-1375.146"
+       y="761.29425" />
+    <rect
+       style="stroke:#000000;stroke-width:0.140441"
+       id="rect3744"
+       width="6.614583"
+       height="6.614583"
+       x="-1382.448"
+       y="754.0625" />
+    <rect
+       style="stroke:#000000;stroke-width:0.140441"
+       id="rect3746"
+       width="6.614583"
+       height="6.614583"
+       x="-1389.0625"
+       y="747.44794" />
+    <rect
+       style="stroke:#000000;stroke-width:0.140441"
+       id="rect3748"
+       width="6.614583"
+       height="6.614583"
+       x="-1395.6771"
+       y="740.83337" />
+    <rect
+       style="stroke:#000000;stroke-width:0.895303"
+       id="rect3954"
+       width="5.8597202"
+       height="303.44571"
+       x="-1395.2997"
+       y="437.01016" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.188085;stroke-opacity:1"
+       id="rect4182"
+       width="806.86127"
+       height="317.45236"
+       x="-1389.0387"
+       y="429.97177" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect4352"
+       width="26.458332"
+       height="6.614583"
+       x="-1382.4479"
+       y="423.33334" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect4354"
+       width="19.84375"
+       height="6.614583"
+       x="-1375.8334"
+       y="416.71878" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect4356"
+       width="13.229166"
+       height="6.614583"
+       x="-1369.2188"
+       y="410.10419" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.45403;stroke-opacity:1"
+       id="rect4358"
+       width="759.29333"
+       height="18.530155"
+       x="-1355.3329"
+       y="410.76099" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect4570"
+       width="6.614583"
+       height="13.229166"
+       x="-595.3125"
+       y="416.71878" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect4572"
+       width="6.614583"
+       height="6.614583"
+       x="-588.69794"
+       y="423.33334" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect4574"
+       width="13.229166"
+       height="6.614583"
+       x="-595.3125"
+       y="747.44794" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect4576"
+       width="6.614583"
+       height="6.614583"
+       x="-595.3125"
+       y="754.0625" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.44701;stroke-opacity:1"
+       id="rect4578"
+       width="779.1441"
+       height="11.9226"
+       x="-1375.1099"
+       y="748.10126" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect4682"
+       width="6.614583"
+       height="6.614583"
+       x="-1382.4479"
+       y="747.44794" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect4684"
+       width="13.229166"
+       height="19.84375"
+       x="-1375.8334"
+       y="767.29169" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.42953;stroke-opacity:1"
+       id="rect4686"
+       width="759.31775"
+       height="11.940082"
+       x="-1361.9596"
+       y="767.93622" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect4790"
+       width="13.229166"
+       height="19.84375"
+       x="-601.92706"
+       y="767.29169" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect4792"
+       width="6.614583"
+       height="13.229166"
+       x="-588.69794"
+       y="760.67712" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect4794"
+       width="6.614583"
+       height="13.229166"
+       x="-582.08331"
+       y="754.0625" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect4796"
+       width="6.614583"
+       height="6.614583"
+       x="-575.46875"
+       y="754.0625" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.951191;stroke-opacity:1"
+       id="rect4798"
+       width="12.418416"
+       height="323.23361"
+       x="-575.06335"
+       y="430.42352" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect4902"
+       width="13.229166"
+       height="6.614583"
+       x="-575.46875"
+       y="423.33334" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect4904"
+       width="13.229166"
+       height="6.614583"
+       x="-582.08331"
+       y="416.71878" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect4906"
+       width="13.229166"
+       height="6.614583"
+       x="-588.69794"
+       y="410.10419" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect4908"
+       width="13.229166"
+       height="6.614583"
+       x="-595.3125"
+       y="403.48959" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect5078"
+       width="13.229166"
+       height="13.229166"
+       x="-601.92706"
+       y="390.26044" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect5080"
+       width="6.614583"
+       height="6.614583"
+       x="-601.92706"
+       y="383.64584" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.42364;stroke-opacity:1"
+       id="rect5082"
+       width="752.70905"
+       height="11.945966"
+       x="-1355.2778"
+       y="384.28745" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect5186"
+       width="13.229166"
+       height="19.84375"
+       x="-1369.2188"
+       y="383.64584" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect5188"
+       width="6.614583"
+       height="19.84375"
+       x="-1375.8334"
+       y="390.26044" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect5190"
+       width="6.614583"
+       height="13.229166"
+       x="-1382.4479"
+       y="403.48959" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect5192"
+       width="6.614583"
+       height="13.229166"
+       x="-1389.0625"
+       y="410.10419" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect5194"
+       width="6.614583"
+       height="13.229166"
+       x="-1395.6771"
+       y="416.71878" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect5196"
+       width="6.614583"
+       height="26.458332"
+       x="-1402.2916"
+       y="423.33334" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect5198"
+       width="6.614583"
+       height="13.229166"
+       x="-1408.9062"
+       y="436.56253" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.903037;stroke-opacity:1"
+       id="rect5200"
+       width="12.466571"
+       height="290.20886"
+       x="-1408.5249"
+       y="450.17297" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect5304"
+       width="6.614583"
+       height="13.229166"
+       x="-1402.2916"
+       y="740.83337" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect5306"
+       width="6.614583"
+       height="13.229166"
+       x="-1395.6771"
+       y="747.44794" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect5308"
+       width="6.614583"
+       height="13.229166"
+       x="-1389.0625"
+       y="754.0625" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.140441;stroke-opacity:1"
+       id="rect5310"
+       width="6.614583"
+       height="13.229166"
+       x="-1382.4479"
+       y="760.67712" />
+  </g>
+</svg>
diff --git a/client/dist/assets/images/battle-ui.json b/client/dist/assets/images/battle-ui.json
new file mode 100644
index 0000000..6ec5cb4
--- /dev/null
+++ b/client/dist/assets/images/battle-ui.json
@@ -0,0 +1 @@
+{"battle-ui": {"files": [{"url": "move-type-info.png", "key": "move-type-info"}, {"url": "moves-dialogue.png", "key": "moves-dialogue"}, {"url": "hp-opponent.png", "key": "hp-opponent"}, {"url": "hp-player.png", "key": "hp-player"}, {"url": "options-dialogue.png", "key": "options-dialogue"}, {"url": "hp-green-bar.png", "key": "hp-green-bar"}], "path": "assets/images/battle-interface", "defaultType": "image"}}
+\ No newline at end of file
diff --git a/client/dist/assets/images/general-interface/confirmation-dialogue.png b/client/dist/assets/images/general-interface/confirmation-dialogue.png
new file mode 100644
index 0000000..307b6f6
--- /dev/null
+++ b/client/dist/assets/images/general-interface/confirmation-dialogue.png
diff --git a/client/dist/assets/images/cMenu.svg b/client/dist/assets/images/general-interface/confirmation-dialogue.svg
index 6250040..6250040 100644
--- a/client/dist/assets/images/cMenu.svg
+++ b/client/dist/assets/images/general-interface/confirmation-dialogue.svg
diff --git a/client/dist/assets/images/general-interface/general-dialogue-box.png b/client/dist/assets/images/general-interface/general-dialogue-box.png
new file mode 100644
index 0000000..20e7893
--- /dev/null
+++ b/client/dist/assets/images/general-interface/general-dialogue-box.png
diff --git a/client/dist/assets/images/dMenu.svg b/client/dist/assets/images/general-interface/general-dialogue-box.svg
index f461cdb..f461cdb 100644
--- a/client/dist/assets/images/dMenu.svg
+++ b/client/dist/assets/images/general-interface/general-dialogue-box.svg
diff --git a/client/dist/assets/images/menupicker.png b/client/dist/assets/images/general-interface/menupicker.png
index e8bc3e2..e8bc3e2 100644
--- a/client/dist/assets/images/menupicker.png
+++ b/client/dist/assets/images/general-interface/menupicker.png
diff --git a/client/dist/assets/images/menupicker.svg b/client/dist/assets/images/general-interface/menupicker.svg
index 9cf911f..9cf911f 100644
--- a/client/dist/assets/images/menupicker.svg
+++ b/client/dist/assets/images/general-interface/menupicker.svg
diff --git a/client/dist/assets/images/pMenu.png b/client/dist/assets/images/general-interface/pause-menu.png
index 715741b..715741b 100644
--- a/client/dist/assets/images/pMenu.png
+++ b/client/dist/assets/images/general-interface/pause-menu.png
diff --git a/client/dist/assets/images/pMenu.svg b/client/dist/assets/images/general-interface/pause-menu.svg
index 3b9d625..3b9d625 100644
--- a/client/dist/assets/images/pMenu.svg
+++ b/client/dist/assets/images/general-interface/pause-menu.svg
diff --git a/client/dist/assets/images/general-ui.json b/client/dist/assets/images/general-ui.json
new file mode 100644
index 0000000..aaf2782
--- /dev/null
+++ b/client/dist/assets/images/general-ui.json
@@ -0,0 +1 @@
+{"general-ui": {"files": [{"url": "menupicker.png", "key": "menupicker"}, {"url": "general-dialogue-box.png", "key": "general-dialogue-box"}, {"url": "pause-menu.png", "key": "pause-menu"}, {"url": "confirmation-dialogue.png", "key": "confirmation-dialogue"}], "path": "assets/images/general-interface", "defaultType": "image"}}
+\ No newline at end of file
diff --git a/client/dist/assets/images/pack-json.py b/client/dist/assets/images/pack-json.py
new file mode 100644
index 0000000..8fd7c47
--- /dev/null
+++ b/client/dist/assets/images/pack-json.py
@@ -0,0 +1,52 @@
+import json
+from pathlib import Path
+
+class PackEntry:
+    def __init__(self, pathstring, key):
+        self.url = pathstring
+        self.key = key
+
+    def __str__(self):
+        return "entry={url: " + self.url + ", key: " + self.key + "}"
+
+class Packer:
+
+    def __init__(self, name, path, defaultType):
+        self.json = { }
+        self.name = name
+        self.json[name] = {
+                "files": [],
+                "path": path,
+                "defaultType": defaultType
+                }
+
+    def addEntry(self, entry):
+        self.json[self.name]['files'].append(entry)
+
+    def saveToJson(self):
+        with open(f"./{self.name}.json", "w") as f:
+            json.dump(self.json, f)
+
+
+generalUIdir = Path('./general-interface')
+generalUI = Packer("general-ui",
+        "assets/images/general-interface",
+        "image")
+
+battleUIdir = Path('./battle-interface')
+battleUI = Packer("battle-ui",
+        "assets/images/battle-interface",
+        "image")
+
+
+for f in generalUIdir.glob("*.png"):
+    entry = PackEntry(f.name, f.stem)
+    generalUI.addEntry(entry.__dict__)
+
+generalUI.saveToJson()
+
+for f in battleUIdir.glob("*.png"):
+    entry = PackEntry(f.name, f.stem)
+    battleUI.addEntry(entry.__dict__)
+
+battleUI.saveToJson()
diff --git a/client/dist/assets/images/pokemon-yellow-menus.png b/client/dist/assets/images/pokemon-yellow-menus.png
new file mode 100644
index 0000000..76f84cf
--- /dev/null
+++ b/client/dist/assets/images/pokemon-yellow-menus.png
diff --git a/client/dist/assets/images/pokemon-yellow-pokedex.png b/client/dist/assets/images/pokemon-yellow-pokedex.png
new file mode 100644
index 0000000..ef78dc0
--- /dev/null
+++ b/client/dist/assets/images/pokemon-yellow-pokedex.png
author	Mike Vink <mike1994vink@gmail.com>	2021-07-26 19:13:49 +0200
committer	Mike Vink <mike1994vink@gmail.com>	2021-07-26 19:13:49 +0200
commit	79a9fb88a9dd43caddaa011ce2dd920a2caefd85 (patch)
tree	c37b8c00ba0d8e94aff84f479eb2ce4a5c640c13 /client/dist
parent	eb1c9000946a6c4f43776081afe0606d611379bb (diff)