button madness
This commit is contained in:
ntr
parent
1fc23f424f
commit
75fe96b265
1
client/assets/discord.svg
Normal file
1
client/assets/discord.svg
Normal file
@ -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>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
1
client/assets/discord.white.svg
Normal file
1
client/assets/discord.white.svg
Normal file
@ -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>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
@ -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%;
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
||||
@ -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'>
|
||||
|
||||
</button>
|
||||
<button
|
||||
onClick={() => navTo('play')}
|
||||
class={`login-btn ${nav === 'play' ? 'highlight' : ''}`}>
|
||||
Play
|
||||
</button>
|
||||
<button
|
||||
onClick={() => navTo('shop')}
|
||||
class={`login-btn ${nav === 'shop' ? 'highlight' : ''}`}>
|
||||
|
||||
@ -71,6 +71,11 @@ function JoinButtons(args) {
|
||||
type="submit">
|
||||
Learn
|
||||
</button>
|
||||
<button
|
||||
class='discord-btn'
|
||||
onClick={() => document.location.assign('https://discord.gg/YJJgurM')}>
|
||||
|
||||
</button>
|
||||
</div>
|
||||
</aside>
|
||||
);
|
||||
|
||||
177
client/src/components/svgs/mnml.4.svg
Normal file
177
client/src/components/svgs/mnml.4.svg
Normal file
@ -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>
|
||||
|
After Width: | Height: | Size: 6.9 KiB |
181
client/src/components/svgs/mnml.plain.svg
Normal file
181
client/src/components/svgs/mnml.plain.svg
Normal file
@ -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>
|
||||
|
After Width: | Height: | Size: 7.2 KiB |
@ -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'>
|
||||
|
||||
</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 />
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user