diff --git a/client/assets/discord.svg b/client/assets/discord.svg
new file mode 100644
index 00000000..fcaa2211
--- /dev/null
+++ b/client/assets/discord.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 272.1"><style>.st0{fill:#7289DA;}</style><path class="st0" d="M142.8 120.1c-5.7 0-10.2 4.9-10.2 11s4.6 11 10.2 11c5.7 0 10.2-4.9 10.2-11s-4.6-11-10.2-11zM106.3 120.1c-5.7 0-10.2 4.9-10.2 11s4.6 11 10.2 11c5.7 0 10.2-4.9 10.2-11 .1-6.1-4.5-11-10.2-11z"/><path class="st0" d="M191.4 36.9h-134c-11.3 0-20.5 9.2-20.5 20.5v134c0 11.3 9.2 20.5 20.5 20.5h113.4l-5.3-18.3 12.8 11.8 12.1 11.1 21.6 18.7V57.4c-.1-11.3-9.3-20.5-20.6-20.5zm-38.6 129.5s-3.6-4.3-6.6-8c13.1-3.7 18.1-11.8 18.1-11.8-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.4-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.6-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.2-1.8-1-2.8-1.7-2.8-1.7s4.8 7.9 17.5 11.7c-3 3.8-6.7 8.2-6.7 8.2-22.1-.7-30.5-15.1-30.5-15.1 0-31.9 14.4-57.8 14.4-57.8 14.4-10.7 28-10.4 28-10.4l1 1.2c-18 5.1-26.2 13-26.2 13s2.2-1.2 5.9-2.8c10.7-4.7 19.2-5.9 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.5 0 0-7.9-7.5-24.9-12.6l1.4-1.6s13.7-.3 28 10.4c0 0 14.4 25.9 14.4 57.8 0-.1-8.4 14.3-30.5 15zM303.8 79.7h-33.2V117l22.1 19.9v-36.2h11.8c7.5 0 11.2 3.6 11.2 9.4v27.7c0 5.8-3.5 9.7-11.2 9.7h-34v21.1h33.2c17.8.1 34.5-8.8 34.5-29.2v-29.8c.1-20.8-16.6-29.9-34.4-29.9zm174 59.7v-30.6c0-11 19.8-13.5 25.8-2.5l18.3-7.4c-7.2-15.8-20.3-20.4-31.2-20.4-17.8 0-35.4 10.3-35.4 30.3v30.6c0 20.2 17.6 30.3 35 30.3 11.2 0 24.6-5.5 32-19.9l-19.6-9c-4.8 12.3-24.9 9.3-24.9-1.4zM417.3 113c-6.9-1.5-11.5-4-11.8-8.3.4-10.3 16.3-10.7 25.6-.8l14.7-11.3c-9.2-11.2-19.6-14.2-30.3-14.2-16.3 0-32.1 9.2-32.1 26.6 0 16.9 13 26 27.3 28.2 7.3 1 15.4 3.9 15.2 8.9-.6 9.5-20.2 9-29.1-1.8l-14.2 13.3c8.3 10.7 19.6 16.1 30.2 16.1 16.3 0 34.4-9.4 35.1-26.6 1-21.7-14.8-27.2-30.6-30.1zm-67 55.5h22.4V79.7h-22.4v88.8zM728 79.7h-33.2V117l22.1 19.9v-36.2h11.8c7.5 0 11.2 3.6 11.2 9.4v27.7c0 5.8-3.5 9.7-11.2 9.7h-34v21.1H728c17.8.1 34.5-8.8 34.5-29.2v-29.8c0-20.8-16.7-29.9-34.5-29.9zm-162.9-1.2c-18.4 0-36.7 10-36.7 30.5v30.3c0 20.3 18.4 30.5 36.9 30.5 18.4 0 36.7-10.2 36.7-30.5V109c0-20.4-18.5-30.5-36.9-30.5zm14.4 60.8c0 6.4-7.2 9.7-14.3 9.7-7.2 0-14.4-3.1-14.4-9.7V109c0-6.5 7-10 14-10 7.3 0 14.7 3.1 14.7 10v30.3zM682.4 109c-.5-20.8-14.7-29.2-33-29.2h-35.5v88.8h22.7v-28.2h4l20.6 28.2h28L665 138.1c10.7-3.4 17.4-12.7 17.4-29.1zm-32.6 12h-13.2v-20.3h13.2c14.1 0 14.1 20.3 0 20.3z"/></svg>
\ No newline at end of file
diff --git a/client/assets/discord.white.svg b/client/assets/discord.white.svg
new file mode 100644
index 00000000..22dd1136
--- /dev/null
+++ b/client/assets/discord.white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 272.1"><style>.st0{fill:#FFFFFF;}</style><path class="st0" d="M142.8 120.1c-5.7 0-10.2 4.9-10.2 11s4.6 11 10.2 11c5.7 0 10.2-4.9 10.2-11s-4.6-11-10.2-11zM106.3 120.1c-5.7 0-10.2 4.9-10.2 11s4.6 11 10.2 11c5.7 0 10.2-4.9 10.2-11 .1-6.1-4.5-11-10.2-11z"/><path class="st0" d="M191.4 36.9h-134c-11.3 0-20.5 9.2-20.5 20.5v134c0 11.3 9.2 20.5 20.5 20.5h113.4l-5.3-18.3 12.8 11.8 12.1 11.1 21.6 18.7V57.4c-.1-11.3-9.3-20.5-20.6-20.5zm-38.6 129.5s-3.6-4.3-6.6-8c13.1-3.7 18.1-11.8 18.1-11.8-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.4-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.6-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.2-1.8-1-2.8-1.7-2.8-1.7s4.8 7.9 17.5 11.7c-3 3.8-6.7 8.2-6.7 8.2-22.1-.7-30.5-15.1-30.5-15.1 0-31.9 14.4-57.8 14.4-57.8 14.4-10.7 28-10.4 28-10.4l1 1.2c-18 5.1-26.2 13-26.2 13s2.2-1.2 5.9-2.8c10.7-4.7 19.2-5.9 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.5 0 0-7.9-7.5-24.9-12.6l1.4-1.6s13.7-.3 28 10.4c0 0 14.4 25.9 14.4 57.8 0-.1-8.4 14.3-30.5 15zM303.8 79.7h-33.2V117l22.1 19.9v-36.2h11.8c7.5 0 11.2 3.6 11.2 9.4v27.7c0 5.8-3.5 9.7-11.2 9.7h-34v21.1h33.2c17.8.1 34.5-8.8 34.5-29.2v-29.8c.1-20.8-16.6-29.9-34.4-29.9zm174 59.7v-30.6c0-11 19.8-13.5 25.8-2.5l18.3-7.4c-7.2-15.8-20.3-20.4-31.2-20.4-17.8 0-35.4 10.3-35.4 30.3v30.6c0 20.2 17.6 30.3 35 30.3 11.2 0 24.6-5.5 32-19.9l-19.6-9c-4.8 12.3-24.9 9.3-24.9-1.4zM417.3 113c-6.9-1.5-11.5-4-11.8-8.3.4-10.3 16.3-10.7 25.6-.8l14.7-11.3c-9.2-11.2-19.6-14.2-30.3-14.2-16.3 0-32.1 9.2-32.1 26.6 0 16.9 13 26 27.3 28.2 7.3 1 15.4 3.9 15.2 8.9-.6 9.5-20.2 9-29.1-1.8l-14.2 13.3c8.3 10.7 19.6 16.1 30.2 16.1 16.3 0 34.4-9.4 35.1-26.6 1-21.7-14.8-27.2-30.6-30.1zm-67 55.5h22.4V79.7h-22.4v88.8zM728 79.7h-33.2V117l22.1 19.9v-36.2h11.8c7.5 0 11.2 3.6 11.2 9.4v27.7c0 5.8-3.5 9.7-11.2 9.7h-34v21.1H728c17.8.1 34.5-8.8 34.5-29.2v-29.8c0-20.8-16.7-29.9-34.5-29.9zm-162.9-1.2c-18.4 0-36.7 10-36.7 30.5v30.3c0 20.3 18.4 30.5 36.9 30.5 18.4 0 36.7-10.2 36.7-30.5V109c0-20.4-18.5-30.5-36.9-30.5zm14.4 60.8c0 6.4-7.2 9.7-14.3 9.7-7.2 0-14.4-3.1-14.4-9.7V109c0-6.5 7-10 14-10 7.3 0 14.7 3.1 14.7 10v30.3zM682.4 109c-.5-20.8-14.7-29.2-33-29.2h-35.5v88.8h22.7v-28.2h4l20.6 28.2h28L665 138.1c10.7-3.4 17.4-12.7 17.4-29.1zm-32.6 12h-13.2v-20.3h13.2c14.1 0 14.1 20.3 0 20.3z"/></svg>
\ No newline at end of file
diff --git a/client/assets/styles/controls.less b/client/assets/styles/controls.less
index 1d52b4c1..a9fc250d 100644
--- a/client/assets/styles/controls.less
+++ b/client/assets/styles/controls.less
@@ -26,6 +26,12 @@ aside {
         grid-gap: 0.5em 0;
     }
 
+    &.play-ctrl {
+        .controls {
+            grid-template-rows: 4fr 4fr 1fr;
+        }
+    }
+
     // fix chrome being inconsistent
     table {
         height: 100%;
diff --git a/client/assets/styles/menu.less b/client/assets/styles/menu.less
index 03a2334c..60f0a7de 100644
--- a/client/assets/styles/menu.less
+++ b/client/assets/styles/menu.less
@@ -64,10 +64,18 @@
     .options {
         grid-area: hdr;
 
+        display: flex;
+
+        .logo {
+            flex: 0 1 10%;
+            margin-right: 1em;
+            border: none;
+        }
+
         button {
-            width: 25%;
+            flex: 1;
             border-top: 0;
-            border: 1px solid #222;
+            border: 2px solid #222;
             &:not(:last-child) {
                 border-right: 0;
             }
@@ -81,7 +89,6 @@
     .login {
         display: flex;
         flex-flow: column;
-        margin-bottom: 2em;
     }
 }
 
diff --git a/client/assets/styles/styles.less b/client/assets/styles/styles.less
index c2119868..66bdb2cd 100644
--- a/client/assets/styles/styles.less
+++ b/client/assets/styles/styles.less
@@ -236,12 +236,13 @@ figure.gray {
 
 header {
     .options {
-        font-size: 250%;
+        font-size: 200%;
     }
 
     button {
         height: 2em;
         // border-radius: 0.1em;
+        border: none;
         border-radius: 0;
     }
 }
@@ -254,8 +255,7 @@ header {
             border: 0;
         }
 
-        border: 1px solid #444;
-        flex: 1;
+        border: none;
     }
 }
 
@@ -273,9 +273,16 @@ li {
 }
 
 .logo {
+    height: 2em;
     background-image: url("../../src/components/svgs/mnml.2.svg");
     background-size: contain;
     background-repeat: no-repeat;
+    background-position: left;
+}
+
+.discord-btn {
+    background-image: url("./../discord.white.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 4f78e9fe..9bb8d9e0 100644
--- a/client/src/components/header.jsx
+++ b/client/src/components/header.jsx
@@ -75,9 +75,14 @@ function Header(args) {
             <div class="options">
                 <button
                     onClick={() => navTo('play')}
-                    class={`logo login-btn ${nav === 'play' ? 'highlight' : ''}`}>
+                    class='logo login-btn'>
                     &nbsp;
                 </button>
+                <button
+                    onClick={() => navTo('play')}
+                    class={`login-btn ${nav === 'play' ? 'highlight' : ''}`}>
+                    Play
+                </button>
                 <button
                     onClick={() => navTo('shop')}
                     class={`login-btn ${nav === 'shop' ? 'highlight' : ''}`}>
diff --git a/client/src/components/play.ctrl.jsx b/client/src/components/play.ctrl.jsx
index 468de26e..8ef291e0 100644
--- a/client/src/components/play.ctrl.jsx
+++ b/client/src/components/play.ctrl.jsx
@@ -71,6 +71,11 @@ function JoinButtons(args) {
                     type="submit">
                     Learn
                 </button>
+                <button
+                    class='discord-btn'
+                    onClick={() => document.location.assign('https://discord.gg/YJJgurM')}>
+                    &nbsp;
+                </button>
             </div>
         </aside>
     );
diff --git a/client/src/components/svgs/mnml.4.svg b/client/src/components/svgs/mnml.4.svg
new file mode 100644
index 00000000..801d6215
--- /dev/null
+++ b/client/src/components/svgs/mnml.4.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.4.svg"
+   inkscape:export-filename="/home/ntr/Dropbox/mnml/mnml.4.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.22244843"
+     inkscape:cx="763.22194"
+     inkscape:cy="952.76605"
+     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: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.77663" />
+  </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.77661)">
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:179.92054749px;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:84.3377533;stroke-miterlimit:4;stroke-dasharray:none"
+       x="366.74548"
+       y="-214.34631"
+       id="text22"><tspan
+         sodipodi:role="line"
+         id="tspan20"
+         x="366.74548"
+         y="-214.34631"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:179.92054749px;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:84.3377533;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0">mnml.gg</tspan></text>
+    <g
+       id="g936"
+       transform="matrix(0.54443942,0,0,0.54443942,664.50223,-143.74083)"
+       style="fill:none;stroke:#f5f5f5;stroke-width:5.92435312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">
+      <polygon
+         id="polygon920"
+         points="10,190 100,10 190,190 "
+         style="fill:none;stroke:#f5f5f5;stroke-width:5.92435312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <polygon
+         id="polygon922"
+         points="40,170 100,50 160,170 "
+         style="fill:none;stroke:#f5f5f5;stroke-width:5.92435312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <polygon
+         id="polygon924"
+         points="70,150 100,90 130,150 "
+         style="fill:none;stroke:#f5f5f5;stroke-width:5.92435312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+    <g
+       id="g986"
+       transform="matrix(0.55531716,0,0,0.55531716,375.75615,-145.82532)"
+       style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">
+      <rect
+         id="rect970"
+         height="180"
+         width="180"
+         y="10"
+         x="10"
+         style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         id="rect972"
+         height="120"
+         width="120"
+         y="40"
+         x="40"
+         style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         id="rect974"
+         height="60"
+         width="60"
+         y="70"
+         x="70"
+         style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+    <g
+       id="g1136"
+       transform="matrix(0.54579247,0,0,0.54579247,952.02526,-144.87285)"
+       style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">
+      <circle
+         id="ellipse1120"
+         cy="100"
+         cx="100"
+         r="30"
+         style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <circle
+         id="ellipse1122"
+         cy="100"
+         cx="100"
+         r="60"
+         style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <circle
+         id="ellipse1124"
+         cy="100"
+         cx="100"
+         r="90"
+         style="fill:none;stroke:#f5f5f5;stroke-width:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+    <g
+       id="g5700"
+       transform="translate(61.243363,-7.5514839)">
+      <circle
+         style="fill:none;stroke:#a52a2a;stroke-width:8.4862175;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         r="48.673557"
+         cx="371.42084"
+         cy="-408.40045"
+         id="circle1125" />
+      <circle
+         id="circle1132"
+         cy="-408.40045"
+         cx="657.2608"
+         r="48.673557"
+         style="fill:none;stroke:#1ff01f;stroke-width:8.48621655;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <circle
+         style="fill:none;stroke:#3050f8;stroke-width:8.48621559;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         r="48.673557"
+         cx="943.10077"
+         cy="-407.21103"
+         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 334.62953,307.09686 h 476.24812 l 66.30344,66.30345 h 219.95901"
+       id="path1152"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/client/src/components/svgs/mnml.plain.svg b/client/src/components/svgs/mnml.plain.svg
new file mode 100644
index 00000000..65379683
--- /dev/null
+++ b/client/src/components/svgs/mnml.plain.svg
@@ -0,0 +1,181 @@
+<?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="800mm"
+   viewBox="0 0 800 800"
+   version="1.1"
+   id="svg16"
+   inkscape:version="0.92.1 r15371"
+   sodipodi:docname="mnml.plain.svg"
+   inkscape:export-filename="/home/ntr/Dropbox/mnml/mnml.discord.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.22244843"
+     inkscape:cx="814.91932"
+     inkscape:cy="952.76605"
+     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: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.77663" />
+  </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,803.77661)">
+    <g
+       id="g5786"
+       transform="translate(-7.5725212e-6,-150)">
+      <text
+         id="text22"
+         y="-214.34631"
+         x="366.74548"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:179.92054749px;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:84.3377533;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:179.92054749px;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:84.3377533;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+           y="-214.34631"
+           x="366.74548"
+           id="tspan20"
+           sodipodi:role="line">mnml.gg</tspan></text>
+      <g
+         style="fill:none;stroke:#f5f5f5;stroke-width:5.92435312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(0.54443942,0,0,0.54443942,664.50223,-143.74083)"
+         id="g936">
+        <polygon
+           style="fill:none;stroke:#f5f5f5;stroke-width:5.92435312;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:5.92435312;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:5.92435312;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:5.62481165;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(0.55531716,0,0,0.55531716,375.75615,-145.82532)"
+         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.54579247,0,0,0.54579247,952.02526,-144.87285)"
+         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>
+      <g
+         transform="translate(61.243363,-7.5514839)"
+         id="g5700">
+        <circle
+           id="circle1125"
+           cy="-408.40045"
+           cx="371.42084"
+           r="48.673557"
+           style="fill:none;stroke:#a52a2a;stroke-width:8.4862175;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <circle
+           style="fill:none;stroke:#1ff01f;stroke-width:8.48621655;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           r="48.673557"
+           cx="657.2608"
+           cy="-408.40045"
+           id="circle1132" />
+        <circle
+           id="circle1134"
+           cy="-407.21103"
+           cx="943.10077"
+           r="48.673557"
+           style="fill:none;stroke:#3050f8;stroke-width:8.48621559;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      </g>
+    </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 334.62953,307.09686 h 476.24812 l 66.30344,66.30345 h 219.95901"
+       id="path1152"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/client/src/components/welcome.jsx b/client/src/components/welcome.jsx
index 80ce32a5..a9cd4c53 100644
--- a/client/src/components/welcome.jsx
+++ b/client/src/components/welcome.jsx
@@ -4,7 +4,7 @@ const preact = require('preact');
 const Login = require('./welcome.login');
 const Register = require('./welcome.register');
 const Help = require('./welcome.help');
-const About = require('./welcome.about');
+// const About = require('./welcome.about');
 const Demo = require('./demo');
 
 function Welcome() {
@@ -14,7 +14,6 @@ function Welcome() {
     const pageEl = () => {
         if (page === 'login') return <Login />;
         if (page === 'register') return <Register />;
-        if (page === 'about') return <About navRegister={navRegister} />;
         if (page === 'help') return <Help />;
         return false;
     };
@@ -23,6 +22,11 @@ function Welcome() {
         <main class="menu">
             <header>
                 <div class="options">
+                    <button
+                        onClick={() => this.setState({ page: 'login' })}
+                        class='logo login-btn'>
+                        &nbsp;
+                    </button>
                     <button
                         class={`login-btn ${page === 'login' ? 'highlight' : ''}`}
                         disabled={page === 'login'}
@@ -35,12 +39,6 @@ function Welcome() {
                         onClick={() => this.setState({ page: 'register' })}>
                         Register
                     </button>
-                    <button
-                        class={`login-btn ${page === 'about' ? 'highlight' : ''}`}
-                        disabled={page === 'about'}
-                        onClick={() => this.setState({ page: 'about' })}>
-                        About
-                    </button>
                     <button
                         class={`login-btn ${page === 'help' ? 'highlight' : ''}`}
                         disabled={page === 'help'}
@@ -52,7 +50,6 @@ function Welcome() {
             <div class="top">
                 <section>
                     <div class="news">
-                        <h1>mnml.gg</h1>
                         <p>
                             mnml is a turn-based 1v1 strategy game in an abstract setting.<br />
                             outplay your opponents by building your team of 3 constructs from a shifting meta of skills, effects and specialisations.<br />