diff --git a/client/assets/styles/controls.less b/client/assets/styles/controls.less
index 2410322e..6aac705b 100644
--- a/client/assets/styles/controls.less
+++ b/client/assets/styles/controls.less
@@ -34,7 +34,7 @@ aside {
     button {
         width: 100%;
         font-size: 150%;
-        margin: 0;
+        margin-bottom: 0.5em;
     }
 
     button.ready:enabled {
diff --git a/client/assets/styles/styles.less b/client/assets/styles/styles.less
index 85bb973c..63ea5367 100644
--- a/client/assets/styles/styles.less
+++ b/client/assets/styles/styles.less
@@ -236,7 +236,7 @@ figure.gray {
 
 header {
     .options {
-        font-size: 150%;
+        font-size: 250%;
     }
 
     button {
@@ -268,4 +268,12 @@ ul {
 
 li {
     margin-bottom: 0.5em;
-}
\ No newline at end of file
+}
+
+.logo {
+    background-image: url("../../src/components/svgs/mnml.2.svg");
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
diff --git a/client/src/components/header.jsx b/client/src/components/header.jsx
index 7c776ff8..4f78e9fe 100644
--- a/client/src/components/header.jsx
+++ b/client/src/components/header.jsx
@@ -75,8 +75,8 @@ function Header(args) {
             <div class="options">
                 <button
                     onClick={() => navTo('play')}
-                    class={`login-btn ${nav === 'play' ? 'highlight' : ''}`}>
-                    MNML
+                    class={`logo login-btn ${nav === 'play' ? 'highlight' : ''}`}>
+                    &nbsp;
                 </button>
                 <button
                     onClick={() => navTo('shop')}
diff --git a/client/src/components/play.jsx b/client/src/components/play.jsx
index 1f0325f7..737cedbe 100644
--- a/client/src/components/play.jsx
+++ b/client/src/components/play.jsx
@@ -91,7 +91,7 @@ function Play(args) {
     return (
         <section class="top">
             <div class="news">
-                <h1>mnml v{VERSION}</h1>
+                <h1>v{VERSION}</h1>
                 <p>use the buttons on the right to join an instance.</p>
                 <p>
                     select <b>PVP</b> to play against other players.<br />
diff --git a/client/src/components/svgs/circle.svg b/client/src/components/svgs/circle.svg
new file mode 100644
index 00000000..144f9b89
--- /dev/null
+++ b/client/src/components/svgs/circle.svg
@@ -0,0 +1,5 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 198.13 199.94" >
+    <ellipse cx="100" cy="100" rx="30" ry="30"/>
+    <ellipse cx="100" cy="100" rx="60" ry="60"/>
+    <ellipse cx="100" cy="100" rx="90" ry="90"/>
+</svg>
\ No newline at end of file
diff --git a/client/src/components/svgs/mnml.2.svg b/client/src/components/svgs/mnml.2.svg
new file mode 100644
index 00000000..a8355af2
--- /dev/null
+++ b/client/src/components/svgs/mnml.2.svg
@@ -0,0 +1,184 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="800mm"
+   height="320mm"
+   viewBox="0 0 800 320"
+   version="1.1"
+   id="svg16"
+   inkscape:version="0.92.1 r15371"
+   sodipodi:docname="mnml.2.svg"
+   inkscape:export-filename="/home/ntr/notes/mnml/logo.1.png"
+   inkscape:export-xdpi="33.290001"
+   inkscape:export-ydpi="33.290001">
+  <defs
+     id="defs10">
+    <font
+       horiz-adv-x="1024"
+       id="font1681"
+       inkscape:label="font 1"
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90">
+      <font-face
+         units-per-em="1024"
+         id="font-face1683"
+         font-family="jura book" />
+      <missing-glyph
+         d="M0,0h1000v1024h-1000z"
+         id="missing-glyph1685" />
+    </font>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.17652669"
+     inkscape:cx="-1319.6072"
+     inkscape:cy="1669.4273"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:snap-grids="false"
+     inkscape:window-width="2560"
+     inkscape:window-height="1417"
+     inkscape:window-x="0"
+     inkscape:window-y="23"
+     inkscape:window-maximized="0"
+     inkscape:measure-start="2425.38,406.879"
+     inkscape:measure-end="1249.73,1603.74"
+     inkscape:snap-to-guides="false"
+     inkscape:snap-global="false"
+     borderlayer="false"
+     inkscape:showpageshadow="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid18"
+       color="#ff453f"
+       opacity="0.1254902"
+       empcolor="#ff453f"
+       empopacity="0.25098039"
+       spacingx="13.229167"
+       spacingy="13.229167"
+       originx="-309.61981"
+       originy="-386.26976" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata13">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-309.6198,409.26974)">
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:202.02764893px;line-height:1.25;font-family:Jura;-inkscape-font-specification:'Jura, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#f5f5f5;fill-opacity:1;stroke:none;stroke-width:94.70045471;stroke-miterlimit:4;stroke-dasharray:none"
+       x="304.63995"
+       y="-255.67854"
+       id="text22"><tspan
+         dx="0 0 0 20"
+         sodipodi:role="line"
+         id="tspan20"
+         x="304.63995"
+         y="-255.67854"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:202.02764893px;font-family:Jura;-inkscape-font-specification:'Jura, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#f5f5f5;fill-opacity:1;stroke:none;stroke-width:94.70045471;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0">mnml.gg</tspan></text>
+    <g
+       id="g1874">
+      <g
+         style="fill:none;stroke:#f5f5f5;stroke-width:9.80856895;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(0.47777575,0,0,0.47777575,509.84135,-209.12233)"
+         id="g936">
+        <polygon
+           style="fill:none;stroke:#f5f5f5;stroke-width:9.80856895;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           points="190,190 10,190 100,10 "
+           id="polygon920" />
+        <polygon
+           style="fill:none;stroke:#f5f5f5;stroke-width:9.80856895;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           points="160,170 40,170 100,50 "
+           id="polygon922" />
+        <polygon
+           style="fill:none;stroke:#f5f5f5;stroke-width:9.80856895;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           points="130,150 70,150 100,90 "
+           id="polygon924" />
+      </g>
+      <g
+         style="fill:none;stroke:#f5f5f5;stroke-width:9.61643505;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(0.48732156,0,0,0.48732156,318.23159,-210.93603)"
+         id="g986">
+        <rect
+           style="fill:none;stroke:#f5f5f5;stroke-width:9.61643505;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           x="10"
+           y="10"
+           width="180"
+           height="180"
+           id="rect970" />
+        <rect
+           style="fill:none;stroke:#f5f5f5;stroke-width:9.61643505;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           x="40"
+           y="40"
+           width="120"
+           height="120"
+           id="rect972" />
+        <rect
+           style="fill:none;stroke:#f5f5f5;stroke-width:9.61643505;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           x="70"
+           y="70"
+           width="60"
+           height="60"
+           id="rect974" />
+      </g>
+      <g
+         style="fill:none;stroke:#f5f5f5;stroke-width:9.78425312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(0.47896311,0,0,0.47896311,700.3778,-209.34793)"
+         id="g1136">
+        <circle
+           style="fill:none;stroke:#f5f5f5;stroke-width:9.78425312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           r="30"
+           cx="100"
+           cy="100"
+           id="ellipse1120" />
+        <circle
+           style="fill:none;stroke:#f5f5f5;stroke-width:9.78425312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           r="60"
+           cx="100"
+           cy="100"
+           id="ellipse1122" />
+        <circle
+           style="fill:none;stroke:#f5f5f5;stroke-width:9.78425312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           r="90"
+           cx="100"
+           cy="100"
+           id="ellipse1124" />
+      </g>
+    </g>
+    <path
+       sodipodi:nodetypes="cccc"
+       style="fill:none;stroke:#f5f5fa;stroke-width:5.29166651;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 320.79192,-228.53672 h 476.24812 l 66.30344,66.3036 h 236.61072"
+       id="path1152"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/client/src/components/svgs/mnml.3.svg b/client/src/components/svgs/mnml.3.svg
new file mode 100644
index 00000000..7411fc7f
--- /dev/null
+++ b/client/src/components/svgs/mnml.3.svg
@@ -0,0 +1,177 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="800mm"
+   height="500mm"
+   viewBox="0 0 800 500"
+   version="1.1"
+   id="svg16"
+   inkscape:version="0.92.1 r15371"
+   sodipodi:docname="mnml.3.svg"
+   inkscape:export-filename="/home/ntr/notes/mnml/logo.0.png"
+   inkscape:export-xdpi="33.290001"
+   inkscape:export-ydpi="33.290001">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.31458958"
+     inkscape:cx="339.43091"
+     inkscape:cy="1053.2018"
+     inkscape:document-units="mm"
+     inkscape:current-layer="g1085"
+     showgrid="false"
+     inkscape:snap-grids="false"
+     inkscape:window-width="2560"
+     inkscape:window-height="1417"
+     inkscape:window-x="0"
+     inkscape:window-y="23"
+     inkscape:window-maximized="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid18"
+       color="#ff453f"
+       opacity="0.1254902"
+       empcolor="#ff453f"
+       empopacity="0.25098039"
+       spacingx="13.229167"
+       spacingy="13.229167"
+       originx="-318.50419"
+       originy="-300.77664" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata13">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-318.50418,503.77662)">
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:202.02764893px;line-height:1.25;font-family:Jura;-inkscape-font-specification:'Jura, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#f5f5f5;fill-opacity:1;stroke:none;stroke-width:94.70045471;stroke-miterlimit:4;stroke-dasharray:none"
+       x="324.63995"
+       y="-321.57922"
+       id="text22"><tspan
+         sodipodi:role="line"
+         id="tspan20"
+         x="324.63995"
+         y="-321.57922"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:202.02764893px;font-family:Jura;-inkscape-font-specification:'Jura, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#f5f5f5;fill-opacity:1;stroke:none;stroke-width:94.70045471;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0">mnml.gg</tspan></text>
+    <g
+       id="g1085"
+       transform="translate(-3.5762787e-6,282.74713)">
+      <g
+         style="fill:none;stroke:#f5f5f5;stroke-width:5.92435312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(0.61133548,0,0,0.61133548,658.17325,-455.06409)"
+         id="g936">
+        <polygon
+           style="fill:none;stroke:#f5f5f5;stroke-width:5.92435312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           points="190,190 10,190 100,10 "
+           id="polygon920" />
+        <polygon
+           style="fill:none;stroke:#f5f5f5;stroke-width:5.92435312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           points="160,170 40,170 100,50 "
+           id="polygon922" />
+        <polygon
+           style="fill:none;stroke:#f5f5f5;stroke-width:5.92435312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           points="130,150 70,150 100,90 "
+           id="polygon924" />
+      </g>
+      <g
+         style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(0.62354979,0,0,0.62354979,333.74058,-457.40471)"
+         id="g986">
+        <rect
+           style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           x="10"
+           y="10"
+           width="180"
+           height="180"
+           id="rect970" />
+        <rect
+           style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           x="40"
+           y="40"
+           width="120"
+           height="120"
+           id="rect972" />
+        <rect
+           style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           x="70"
+           y="70"
+           width="60"
+           height="60"
+           id="rect974" />
+      </g>
+      <g
+         style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(0.61285479,0,0,0.61285479,981.23264,-456.33521)"
+         id="g1136">
+        <circle
+           style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           r="30"
+           cx="100"
+           cy="100"
+           id="ellipse1120" />
+        <circle
+           style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           r="60"
+           cx="100"
+           cy="100"
+           id="ellipse1122" />
+        <circle
+           style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           r="90"
+           cx="100"
+           cy="100"
+           id="ellipse1124" />
+      </g>
+      <circle
+         style="fill:none;stroke:#a52a2a;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         r="22.942408"
+         cx="360.85284"
+         cy="-498.49799"
+         id="circle1125" />
+      <circle
+         id="circle1132"
+         cy="-498.49799"
+         cx="564.80573"
+         r="22.942408"
+         style="fill:none;stroke:#1ff01f;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <circle
+         style="fill:none;stroke:#3050f8;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         r="22.942408"
+         cx="768.75867"
+         cy="-498.49799"
+         id="circle1134" />
+    </g>
+    <path
+       style="fill:none;stroke:#f5f5fa;stroke-width:5.29166651;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 337.00836,-261.44316 h 476.24812 l 66.30344,66.30345 h 219.95898"
+       id="path1152"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/client/src/components/svgs/mnml.horizontal.svg b/client/src/components/svgs/mnml.horizontal.svg
new file mode 100644
index 00000000..5b0aa973
--- /dev/null
+++ b/client/src/components/svgs/mnml.horizontal.svg
@@ -0,0 +1,191 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1400mm"
+   height="1000mm"
+   viewBox="0 0 1400 999.99999"
+   version="1.1"
+   id="svg16"
+   inkscape:version="0.92.1 r15371"
+   sodipodi:docname="mnml.horizontal.svg"
+   inkscape:export-filename="/home/ntr/notes/mnml/logo.1.png"
+   inkscape:export-xdpi="33.290001"
+   inkscape:export-ydpi="33.290001">
+  <defs
+     id="defs10">
+    <font
+       horiz-adv-x="1024"
+       id="font1681"
+       inkscape:label="font 1"
+       horiz-origin-x="0"
+       horiz-origin-y="0"
+       vert-origin-x="45"
+       vert-origin-y="90"
+       vert-adv-y="90">
+      <font-face
+         units-per-em="1024"
+         id="font-face1683"
+         font-family="jura book" />
+      <missing-glyph
+         d="M0,0h1000v1024h-1000z"
+         id="missing-glyph1685" />
+    </font>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.31538333"
+     inkscape:cx="2645.6693"
+     inkscape:cy="1889.7638"
+     inkscape:document-units="mm"
+     inkscape:current-layer="g1189"
+     showgrid="false"
+     inkscape:snap-grids="false"
+     inkscape:window-width="2560"
+     inkscape:window-height="1417"
+     inkscape:window-x="0"
+     inkscape:window-y="23"
+     inkscape:window-maximized="0"
+     inkscape:measure-start="2425.38,406.879"
+     inkscape:measure-end="1249.73,1603.74"
+     inkscape:snap-to-guides="false"
+     inkscape:snap-global="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid18"
+       color="#ff453f"
+       opacity="0.1254902"
+       empcolor="#ff453f"
+       empopacity="0.25098039"
+       spacingx="13.229167"
+       spacingy="13.229167"
+       originx="-309.61983"
+       originy="-380.09401" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata13">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-309.61979,1083.094)">
+    <g
+       id="g1189"
+       transform="translate(1.1156274,26.93094)">
+      <g
+         id="g931"
+         transform="translate(271.63304,-379.93571)">
+        <text
+           xml:space="preserve"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:202.02764893px;line-height:1.25;font-family:Jura;-inkscape-font-specification:'Jura, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#f5f5f5;fill-opacity:1;stroke:none;stroke-width:94.70045471;stroke-miterlimit:4;stroke-dasharray:none"
+           x="293.90451"
+           y="-223.2944"
+           id="text22"><tspan
+             dx="0 0 0 20"
+             sodipodi:role="line"
+             id="tspan20"
+             x="293.90451"
+             y="-223.2944"
+             style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:202.02764893px;font-family:Jura;-inkscape-font-specification:'Jura, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#f5f5f5;fill-opacity:1;stroke:none;stroke-width:94.70045471;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0">mnml.gg</tspan></text>
+        <g
+           transform="translate(884.80779)"
+           id="g913">
+          <g
+             style="fill:none;stroke:#f5f5f5;stroke-width:9.80856895;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             transform="matrix(0.27710921,0,0,0.27710921,225.5806,-256.1823)"
+             id="g936">
+            <polygon
+               style="fill:none;stroke:#f5f5f5;stroke-width:9.80856895;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               points="100,10 190,190 10,190 "
+               id="polygon920" />
+            <polygon
+               style="fill:none;stroke:#f5f5f5;stroke-width:9.80856895;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               points="100,50 160,170 40,170 "
+               id="polygon922" />
+            <polygon
+               style="fill:none;stroke:#f5f5f5;stroke-width:9.80856895;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               points="100,90 130,150 70,150 "
+               id="polygon924" />
+          </g>
+          <g
+             style="fill:none;stroke:#f5f5f5;stroke-width:9.61643505;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             transform="matrix(0.28264577,0,0,0.28264577,224.68531,-351.621)"
+             id="g986">
+            <rect
+               style="fill:none;stroke:#f5f5f5;stroke-width:9.61643505;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               x="10"
+               y="10"
+               width="180"
+               height="180"
+               id="rect970" />
+            <rect
+               style="fill:none;stroke:#f5f5f5;stroke-width:9.61643505;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               x="40"
+               y="40"
+               width="120"
+               height="120"
+               id="rect972" />
+            <rect
+               style="fill:none;stroke:#f5f5f5;stroke-width:9.61643505;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               x="70"
+               y="70"
+               width="60"
+               height="60"
+               id="rect974" />
+          </g>
+          <g
+             style="fill:none;stroke:#f5f5f5;stroke-width:9.78425312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             transform="matrix(0.27779788,0,0,0.27779788,224.73379,-164.16552)"
+             id="g1136">
+            <circle
+               style="fill:none;stroke:#f5f5f5;stroke-width:9.78425312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               r="30"
+               cx="100"
+               cy="100"
+               id="ellipse1120" />
+            <circle
+               style="fill:none;stroke:#f5f5f5;stroke-width:9.78425312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               r="60"
+               cx="100"
+               cy="100"
+               id="ellipse1122" />
+            <circle
+               style="fill:none;stroke:#f5f5f5;stroke-width:9.78425312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               r="90"
+               cx="100"
+               cy="100"
+               id="ellipse1124" />
+          </g>
+        </g>
+        <path
+           sodipodi:nodetypes="cccc"
+           style="fill:none;stroke:#f5f5fa;stroke-width:5.29166651;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m 310.05649,-185.15011 h 476.24812 l 66.30344,66.3036 h 236.61075"
+           id="path1152"
+           inkscape:connector-curvature="0" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/client/src/components/svgs/mnml.line.svg b/client/src/components/svgs/mnml.line.svg
new file mode 100644
index 00000000..d2591da5
--- /dev/null
+++ b/client/src/components/svgs/mnml.line.svg
@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="800mm"
+   height="350mm"
+   viewBox="0 0 800 350"
+   version="1.1"
+   id="svg16"
+   inkscape:version="0.92.1 r15371"
+   sodipodi:docname="mnml.line.svg"
+   inkscape:export-filename="/home/ntr/notes/mnml/logo.0.png"
+   inkscape:export-xdpi="33.290001"
+   inkscape:export-ydpi="33.290001">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.33139063"
+     inkscape:cx="934.2462"
+     inkscape:cy="720.22548"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:snap-grids="false"
+     inkscape:window-width="2560"
+     inkscape:window-height="1417"
+     inkscape:window-x="0"
+     inkscape:window-y="23"
+     inkscape:window-maximized="0"
+     inkscape:showpageshadow="false"
+     showborder="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid18"
+       color="#ff453f"
+       opacity="0.1254902"
+       empcolor="#ff453f"
+       empopacity="0.25098039"
+       spacingx="13.229167"
+       spacingy="13.229167"
+       originx="-337.00838"
+       originy="-489.49389" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata13">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-337.00836,542.49388)">
+    <g
+       id="g1085"
+       transform="translate(-3.5762787e-6,282.74713)" />
+    <g
+       id="g1701"
+       transform="translate(1.5e-5,-47.027751)">
+      <text
+         id="text22"
+         y="-321.57922"
+         x="342.0285"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:202.02764893px;line-height:1.25;font-family:Jura;-inkscape-font-specification:'Jura, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#f5f5f5;fill-opacity:1;stroke:none;stroke-width:94.70045471;stroke-miterlimit:4;stroke-dasharray:none"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:202.02764893px;font-family:Jura;-inkscape-font-specification:'Jura, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#f5f5f5;fill-opacity:1;stroke:none;stroke-width:94.70045471;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+           y="-321.57922"
+           x="342.0285"
+           id="tspan20"
+           sodipodi:role="line">mnml.gg</tspan></text>
+      <path
+         inkscape:connector-curvature="0"
+         id="path1152"
+         d="m 355.75309,-261.44316 h 476.24812 l 66.30344,66.30345 h 219.95895"
+         style="fill:none;stroke:#f5f5fa;stroke-width:5.29166651;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/client/src/components/svgs/mnml.svg b/client/src/components/svgs/mnml.svg
new file mode 100644
index 00000000..0e5af50f
--- /dev/null
+++ b/client/src/components/svgs/mnml.svg
@@ -0,0 +1,190 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="800mm"
+   height="500mm"
+   viewBox="0 0 800 500"
+   version="1.1"
+   id="svg16"
+   inkscape:version="0.92.1 r15371"
+   sodipodi:docname="mnml.svg"
+   inkscape:export-filename="/home/ntr/notes/mnml/logo.0.png"
+   inkscape:export-xdpi="33.290001"
+   inkscape:export-ydpi="33.290001">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.31458958"
+     inkscape:cx="494.17573"
+     inkscape:cy="535.02564"
+     inkscape:document-units="mm"
+     inkscape:current-layer="g1189"
+     showgrid="true"
+     inkscape:snap-grids="false"
+     inkscape:window-width="2560"
+     inkscape:window-height="1417"
+     inkscape:window-x="0"
+     inkscape:window-y="23"
+     inkscape:window-maximized="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid18"
+       color="#ff453f"
+       opacity="0.1254902"
+       empcolor="#ff453f"
+       empopacity="0.25098039"
+       spacingx="13.229167"
+       spacingy="13.229167"
+       originx="-318.50419"
+       originy="-300.77664" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata13">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-318.50418,503.77662)">
+    <g
+       id="g1189"
+       transform="translate(1.1156274,26.93094)">
+      <g
+         id="g1010"
+         transform="translate(18.50418,-50.77662)">
+        <text
+           xml:space="preserve"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:202.02764893px;line-height:1.25;font-family:Jura;-inkscape-font-specification:'Jura, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#f5f5f5;fill-opacity:1;stroke:none;stroke-width:94.70045471;stroke-miterlimit:4;stroke-dasharray:none"
+           x="305.02014"
+           y="-159.79291"
+           id="text22"><tspan
+             sodipodi:role="line"
+             id="tspan20"
+             x="305.02014"
+             y="-159.79291"
+             style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:202.02764893px;font-family:Jura;-inkscape-font-specification:'Jura, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#f5f5f5;fill-opacity:1;stroke:none;stroke-width:94.70045471;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0">mnml.gg</tspan></text>
+        <g
+           id="g1150"
+           transform="translate(0,-13.758336)">
+          <g
+             style="fill:none;stroke:#f5f5f5;stroke-width:5.92435312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             transform="matrix(0.61133548,0,0,0.61133548,638.55344,-417.46007)"
+             id="g936">
+            <polygon
+               style="fill:none;stroke:#f5f5f5;stroke-width:5.92435312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               points="10,190 100,10 190,190 "
+               id="polygon920" />
+            <polygon
+               style="fill:none;stroke:#f5f5f5;stroke-width:5.92435312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               points="40,170 100,50 160,170 "
+               id="polygon922" />
+            <polygon
+               style="fill:none;stroke:#f5f5f5;stroke-width:5.92435312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               points="70,150 100,90 130,150 "
+               id="polygon924" />
+          </g>
+          <g
+             style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             transform="matrix(0.62354979,0,0,0.62354979,314.12077,-419.80069)"
+             id="g986">
+            <rect
+               style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               x="10"
+               y="10"
+               width="180"
+               height="180"
+               id="rect970" />
+            <rect
+               style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               x="40"
+               y="40"
+               width="120"
+               height="120"
+               id="rect972" />
+            <rect
+               style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               x="70"
+               y="70"
+               width="60"
+               height="60"
+               id="rect974" />
+          </g>
+          <g
+             style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             transform="matrix(0.61285479,0,0,0.61285479,961.61283,-418.73119)"
+             id="g1136">
+            <circle
+               style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               r="30"
+               cx="100"
+               cy="100"
+               id="ellipse1120" />
+            <circle
+               style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               r="60"
+               cx="100"
+               cy="100"
+               id="ellipse1122" />
+            <circle
+               style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               r="90"
+               cx="100"
+               cy="100"
+               id="ellipse1124" />
+          </g>
+          <flowRoot
+             transform="matrix(0.26458333,0,0,0.26458333,-1.1156274,-716.1726)"
+             style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
+             id="flowRoot1191"
+             xml:space="preserve"><flowRegion
+               id="flowRegion1193"><rect
+                 y="2484.8455"
+                 x="1209.269"
+                 height="507.98291"
+                 width="2396.061"
+                 id="rect1195" /></flowRegion><flowPara
+               style="fill:#f00000;fill-opacity:0;stroke:none;stroke-opacity:1"
+               id="flowPara1197">abstract strategy</flowPara></flowRoot>          <text
+             id="text1201"
+             y="-36.125034"
+             x="455.61945"
+             style="font-style:normal;font-weight:normal;font-size:10.58333302px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+             xml:space="preserve"><tspan
+               style="stroke-width:0.26458332"
+               y="-36.125034"
+               x="455.61945"
+               id="tspan1199"
+               sodipodi:role="line">v</tspan></text>
+        </g>
+        <path
+           style="fill:none;stroke:#f5f5fa;stroke-width:5.29166651;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m 317.38855,-99.656848 h 476.24812 l 66.30344,66.303445 h 219.95899"
+           id="path1152"
+           inkscape:connector-curvature="0" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/client/src/components/svgs/square.svg b/client/src/components/svgs/square.svg
new file mode 100644
index 00000000..5bca8ee5
--- /dev/null
+++ b/client/src/components/svgs/square.svg
@@ -0,0 +1,6 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+     viewBox="0 0 200 200" >
+    <rect x="10" y="10" width="180" height="180"/>
+    <rect x="40" y="40" width="120" height="120"/>
+    <rect x="70" y="70" width="60" height="60"/>
+</svg>
diff --git a/client/src/components/svgs/triangle.svg b/client/src/components/svgs/triangle.svg
new file mode 100644
index 00000000..38e643a8
--- /dev/null
+++ b/client/src/components/svgs/triangle.svg
@@ -0,0 +1,6 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+     viewBox="0 0 200 200" >
+    <polygon points="10,190    100,10   190,190"/>
+    <polygon points="40,170    100,50   160,170"/>
+    <polygon points="70,150    100,90   130,150"/>
+</svg>
\ No newline at end of file