From 0f7844c09e8e8e0a8d907992ec9597e18f51a41f Mon Sep 17 00:00:00 2001
From: nsensfel <SpamShield0@noot-noot.org>
Date: Mon, 18 Jun 2018 16:39:52 +0200
Subject: Re-sizable battlemap div, +4 tiles.

---
 src/asset/www/svg/tile/14.svg | 261 +++++++++++++++++++++++++++++++++++++++++
 src/asset/www/svg/tile/15.svg | 254 ++++++++++++++++++++++++++++++++++++++++
 src/asset/www/svg/tile/16.svg | 259 +++++++++++++++++++++++++++++++++++++++++
 src/asset/www/svg/tile/17.svg | 264 ++++++++++++++++++++++++++++++++++++++++++
 src/battlemap/www/style.css   |   1 +
 5 files changed, 1039 insertions(+)
 create mode 100644 src/asset/www/svg/tile/14.svg
 create mode 100644 src/asset/www/svg/tile/15.svg
 create mode 100644 src/asset/www/svg/tile/16.svg
 create mode 100644 src/asset/www/svg/tile/17.svg

diff --git a/src/asset/www/svg/tile/14.svg b/src/asset/www/svg/tile/14.svg
new file mode 100644
index 0000000..d0dc5e6
--- /dev/null
+++ b/src/asset/www/svg/tile/14.svg
@@ -0,0 +1,261 @@
+<?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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="96mm"
+   height="96mm"
+   viewBox="0 0 96 96"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 5c3e80d, 2017-08-06"
+   sodipodi:docname="14.svg"
+   enable-background="new">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4142135"
+     inkscape:cx="2.0200375"
+     inkscape:cy="111.06515"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer6"
+     showgrid="true"
+     showguides="false"
+     inkscape:window-width="1678"
+     inkscape:window-height="1029"
+     inkscape:window-x="1"
+     inkscape:window-y="516"
+     inkscape:window-maximized="0"
+     inkscape:snap-global="false"
+     inkscape:measure-start="0,0"
+     inkscape:measure-end="0,0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid882"
+       units="mm"
+       spacingx="31.999999"
+       spacingy="31.999999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <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:groupmode="layer"
+     id="layer5"
+     inkscape:label="background"
+     sodipodi:insensitive="true"
+     style="display:inline">
+    <rect
+       style="display:inline;opacity:1;fill:#5f8dd3;fill-opacity:1;stroke:none;stroke-width:9.41215611;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect4504"
+       width="96"
+       height="96"
+       x="0"
+       y="0"
+       transform="matrix(0,1,1,0,0,0)" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer6"
+     inkscape:label="grass"
+     style="display:inline">
+    <g
+       id="g4779">
+      <path
+         sodipodi:nodetypes="cccc"
+         inkscape:connector-curvature="0"
+         id="path1932-78-1"
+         d="m 0,90.42 v 5.57994 H 6.2 C 5.3960853,94.325152 3.30641,92.479788 0,90.42 Z"
+         style="display:inline;opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:0.54960996;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke" />
+      <path
+         sodipodi:nodetypes="cccc"
+         inkscape:connector-curvature="0"
+         id="path1932-78"
+         d="m 0,91 v 4.99994 H 4.9831583 C 4.2518081,94.476325 3.0079602,92.873863 0,91 Z"
+         style="display:inline;opacity:1;fill:#bcd35f;fill-opacity:1;stroke:none;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path1932-78-9"
+         d="m 0,91.1 c 2.4009697,1.575274 4.2120843,3.605267 4.9,4.9 H 5.25 C 4.5003889,94.438342 3.0359991,92.641331 0,90.75 Z"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+    </g>
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g4779"
+       id="use4781"
+       transform="translate(32)"
+       width="100%"
+       height="100%" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g4779"
+       id="use4783"
+       transform="translate(32,-32)"
+       width="100%"
+       height="100%" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g4779"
+       id="use4785"
+       transform="translate(0,-32)"
+       width="100%"
+       height="100%" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g4779"
+       id="use4787"
+       transform="translate(0,-64)"
+       width="100%"
+       height="100%" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g4779"
+       id="use4789"
+       transform="translate(32,-64)"
+       width="100%"
+       height="100%" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g4779"
+       id="use4791"
+       transform="translate(64)"
+       width="100%"
+       height="100%" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g4779"
+       id="use4793"
+       transform="translate(64,-32)"
+       width="100%"
+       height="100%" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g4779"
+       id="use4795"
+       transform="translate(64,-64)"
+       width="100%"
+       height="100%" />
+    <g
+       style="display:inline"
+       transform="matrix(1.6534368,0,0,1.6534368,50.321213,29.829746)"
+       id="g1910">
+      <ellipse
+         style="opacity:1;fill:#3771c8;fill-opacity:1;stroke:none;stroke-width:0.09944903;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke"
+         id="ellipse1900"
+         cx="15.505153"
+         cy="10.022491"
+         rx="2.8449819"
+         ry="1.9203628" />
+      <path
+         style="display:inline;fill:#c8beb7;stroke:#000000;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="M 13.371416,9.9513884 C 14.367113,11.374061 15.639819,11.688704 17.35439,10.235885 17.583961,7.5519296 16.976071,7.6017491 15.931899,6.5374107 14.902564,5.4211262 14.166468,6.9090308 13.513664,7.6754035 13.347127,9.0030615 13.195656,8.6237304 13.371416,9.9513884 Z"
+         id="path1902"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         style="fill:#6c5d53;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 13.565408,7.7209264 c 0.120439,0.3437666 0.703975,0.9851895 1.149461,1.3289562 l 0.220755,1.9815314 -0.0665,-1.9715731 C 15.818261,8.9123556 16.436092,8.482764 17.037354,8.0526289 16.276284,8.4403355 15.48236,8.8240395 14.830271,8.8630074 14.434624,8.5972893 13.763886,8.1180903 13.565408,7.7209264 Z"
+         id="path1904"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccccc" />
+      <path
+         style="fill:#3771c8;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 12.909119,11.467019 c 1.002858,1.584739 4.051141,2.203337 5.42557,-0.140317 -0.957073,0.735843 -3.879976,1.721583 -5.42557,0.140317 z"
+         id="path1906"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccc" />
+      <path
+         style="display:inline;fill:#3771c8;stroke:none;stroke-width:0.14472419px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 14.499373,13.108023 c 0.300505,0.536106 2.171995,0.684303 2.799769,-0.291724 -0.523509,0.402498 -2.188207,0.782483 -2.799769,0.291724 z"
+         id="path1908"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccc" />
+    </g>
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g1910"
+       id="use4827"
+       transform="translate(-66.41648,40.411154)"
+       width="100%"
+       height="100%" />
+    <g
+       style="display:inline"
+       id="use1928"
+       transform="translate(28.032325,47.282351)">
+      <path
+         style="display:inline;fill:#3771c8;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 16.0809,25.214399 c 0.435409,3.100781 7.960351,6.370837 8.765935,-0.454508 -3.337022,0 -5.45644,0.454508 -8.765935,0.454508 z"
+         id="path1950"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccc" />
+      <path
+         style="opacity:1;fill:#5aa02c;fill-opacity:1;stroke:#2d5016;stroke-width:0.2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke"
+         d="m 24.730982,24.503921 a 4.3148789,3.343368 0 0 1 -3.93966,3.330703 4.3148789,3.343368 0 0 1 -4.624839,-2.751434 4.3148789,3.343368 0 0 1 3.135319,-3.809228 4.3148789,3.343368 0 0 1 5.170127,2.088942 l -4.055825,1.141017 z"
+         id="path1952"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:#5aa02c;stroke:#71c837;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 22.474026,21.675042 c 0.375919,1.922535 -0.605229,2.533689 -2.011203,2.80633 1.928161,-0.1079 2.914107,0.668336 2.829716,2.397075 -1.253334,-0.319817 -2.821565,-0.159696 -2.864795,-2.315223 0.185004,2.560759 -1.041468,2.360061 -1.88258,2.806331 -0.886629,-1.349885 -0.0694,-2.315697 1.870887,-2.888183 -1.598951,0.76912 -2.860238,1.057313 -4.045793,-0.830204 1.327986,-0.994208 2.818344,-0.213611 4.022407,0.760048 -1.052745,-0.737622 -2.429277,-1.417422 -1.473323,-2.958339 2.313929,0.226748 1.5299,1.77042 1.543481,2.934952 0.0058,-1.630067 0.480102,-2.73872 2.011203,-2.712787 z"
+         id="path1954"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccccccccc" />
+      <path
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#2d5016;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         d="m 19.28125,21.175781 c -1.100719,0.227989 -2.001421,0.763763 -2.580078,1.466797 -0.578657,0.703034 -0.833795,1.577657 -0.632813,2.462891 0.401964,1.770467 2.461815,2.981567 4.730469,2.828125 2.268654,-0.153444 4.03125,-1.63011 4.03125,-3.429688 v -0.09961 h -0.09961 -3.591797 L 24.61328,23.427733 24.5625,23.320311 c -0.789546,-1.684985 -3.079812,-2.600508 -5.28125,-2.14453 z m 0.04102,0.195313 c 2.0715,-0.429064 4.195175,0.430326 4.982422,1.935547 l -3.916016,1.101562 0.02734,0.195313 h 4.189453 c -0.06767,1.622133 -1.676699,2.985873 -3.820313,3.130859 -2.189619,0.148097 -4.148074,-1.029126 -4.521484,-2.673828 -0.186706,-0.822351 0.0463,-1.628269 0.591797,-2.291016 0.545497,-0.662746 1.405804,-1.178677 2.466797,-1.398437 z"
+         id="path1956"
+         inkscape:connector-curvature="0" />
+      <path
+         style="display:inline;fill:#3771c8;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 17.203193,27.379329 c 1.075907,2.157755 7.203164,4.583829 7.558903,-1.52802 -1.536899,5.755188 -6.768023,2.296567 -7.558903,1.52802 z"
+         id="path1958"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccc" />
+      <path
+         style="display:inline;fill:#3771c8;stroke:none;stroke-width:0.19762993px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 20.834203,29.801851 c 0.580002,0.514345 2.499284,1.414263 3.499433,-1.45208 -1.253226,1.929147 -2.835892,1.632749 -3.499433,1.45208 z"
+         id="path1960"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccc" />
+    </g>
+    <use
+       x="0"
+       y="0"
+       xlink:href="#use1928"
+       id="use4878"
+       transform="translate(-23.198996,-34.237228)"
+       width="100%"
+       height="100%" />
+  </g>
+</svg>
diff --git a/src/asset/www/svg/tile/15.svg b/src/asset/www/svg/tile/15.svg
new file mode 100644
index 0000000..8a3f12a
--- /dev/null
+++ b/src/asset/www/svg/tile/15.svg
@@ -0,0 +1,254 @@
+<?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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="96mm"
+   height="96mm"
+   viewBox="0 0 96 96"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 5c3e80d, 2017-08-06"
+   sodipodi:docname="15.svg"
+   enable-background="new">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4142135"
+     inkscape:cx="2.0200375"
+     inkscape:cy="111.06515"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer6"
+     showgrid="true"
+     showguides="false"
+     inkscape:window-width="1678"
+     inkscape:window-height="1029"
+     inkscape:window-x="1"
+     inkscape:window-y="516"
+     inkscape:window-maximized="0"
+     inkscape:snap-global="false"
+     inkscape:measure-start="0,0"
+     inkscape:measure-end="0,0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid882"
+       units="mm"
+       spacingx="31.999999"
+       spacingy="31.999999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <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:groupmode="layer"
+     id="layer5"
+     inkscape:label="background"
+     sodipodi:insensitive="true"
+     style="display:inline">
+    <rect
+       style="display:inline;opacity:1;fill:#5f8dd3;fill-opacity:1;stroke:none;stroke-width:9.41215611;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect4504"
+       width="96"
+       height="96"
+       x="0"
+       y="0"
+       transform="matrix(0,1,1,0,0,0)" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer6"
+     inkscape:label="grass"
+     style="display:inline">
+    <g
+       id="g4779"
+       transform="matrix(-1,0,0,1,96,0)">
+      <path
+         sodipodi:nodetypes="cccc"
+         inkscape:connector-curvature="0"
+         id="path1932-78-1"
+         d="m 0,90.42 v 5.57994 H 6.2 C 5.3960853,94.325152 3.30641,92.479788 0,90.42 Z"
+         style="display:inline;opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:0.54960996;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke" />
+      <path
+         sodipodi:nodetypes="cccc"
+         inkscape:connector-curvature="0"
+         id="path1932-78"
+         d="m 0,91 v 4.99994 H 4.9831583 C 4.2518081,94.476325 3.0079602,92.873863 0,91 Z"
+         style="display:inline;opacity:1;fill:#bcd35f;fill-opacity:1;stroke:none;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path1932-78-9"
+         d="m 0,91.1 c 2.4009697,1.575274 4.2120843,3.605267 4.9,4.9 H 5.25 C 4.5003889,94.438342 3.0359991,92.641331 0,90.75 Z"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+    </g>
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g4779"
+       id="use4781"
+       width="100%"
+       height="100%"
+       transform="translate(-32)" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g4779"
+       id="use4783"
+       transform="translate(-32,-32)"
+       width="100%"
+       height="100%" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g4779"
+       id="use4785"
+       transform="translate(0,-32)"
+       width="100%"
+       height="100%" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g4779"
+       id="use4787"
+       transform="translate(0,-64)"
+       width="100%"
+       height="100%" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g4779"
+       id="use4789"
+       transform="translate(-32,-64)"
+       width="100%"
+       height="100%" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g4779"
+       id="use4791"
+       width="100%"
+       height="100%"
+       transform="translate(-64)" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g4779"
+       id="use4793"
+       transform="translate(-64,-32)"
+       width="100%"
+       height="100%" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g4779"
+       id="use4795"
+       transform="translate(-64,-64)"
+       width="100%"
+       height="100%" />
+    <g
+       id="use4827"
+       transform="matrix(1.6534368,0,0,1.6534368,-2.8818348,67.43457)"
+       style="display:inline">
+      <ellipse
+         ry="1.9203628"
+         rx="2.8449819"
+         cy="10.022491"
+         cx="15.505153"
+         id="ellipse4936"
+         style="opacity:1;fill:#3771c8;fill-opacity:1;stroke:none;stroke-width:0.09944903;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path4938"
+         d="M 13.371416,9.9513884 C 14.367113,11.374061 15.639819,11.688704 17.35439,10.235885 17.583961,7.5519296 16.976071,7.6017491 15.931899,6.5374107 14.902564,5.4211262 14.166468,6.9090308 13.513664,7.6754035 13.347127,9.0030615 13.195656,8.6237304 13.371416,9.9513884 Z"
+         style="display:inline;fill:#c8beb7;stroke:#000000;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccccccc"
+         inkscape:connector-curvature="0"
+         id="path4940"
+         d="m 13.565408,7.7209264 c 0.120439,0.3437666 0.703975,0.9851895 1.149461,1.3289562 l 0.220755,1.9815314 -0.0665,-1.9715731 C 15.818261,8.9123556 16.436092,8.482764 17.037354,8.0526289 16.276284,8.4403355 15.48236,8.8240395 14.830271,8.8630074 14.434624,8.5972893 13.763886,8.1180903 13.565408,7.7209264 Z"
+         style="fill:#6c5d53;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccc"
+         inkscape:connector-curvature="0"
+         id="path4942"
+         d="m 12.909119,11.467019 c 1.002858,1.584739 4.051141,2.203337 5.42557,-0.140317 -0.957073,0.735843 -3.879976,1.721583 -5.42557,0.140317 z"
+         style="fill:#3771c8;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccc"
+         inkscape:connector-curvature="0"
+         id="path4944"
+         d="m 14.499373,13.108023 c 0.300505,0.536106 2.171995,0.684303 2.799769,-0.291724 -0.523509,0.402498 -2.188207,0.782483 -2.799769,0.291724 z"
+         style="display:inline;fill:#3771c8;stroke:none;stroke-width:0.14472419px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    </g>
+    <g
+       style="display:inline"
+       id="use1928"
+       transform="translate(61.451337,45.598553)">
+      <path
+         style="display:inline;fill:#3771c8;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 16.0809,25.214399 c 0.435409,3.100781 7.960351,6.370837 8.765935,-0.454508 -3.337022,0 -5.45644,0.454508 -8.765935,0.454508 z"
+         id="path1950"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccc" />
+      <path
+         style="opacity:1;fill:#5aa02c;fill-opacity:1;stroke:#2d5016;stroke-width:0.2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke"
+         d="m 24.730982,24.503921 a 4.3148789,3.343368 0 0 1 -3.93966,3.330703 4.3148789,3.343368 0 0 1 -4.624839,-2.751434 4.3148789,3.343368 0 0 1 3.135319,-3.809228 4.3148789,3.343368 0 0 1 5.170127,2.088942 l -4.055825,1.141017 z"
+         id="path1952"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:#5aa02c;stroke:#71c837;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 22.474026,21.675042 c 0.375919,1.922535 -0.605229,2.533689 -2.011203,2.80633 1.928161,-0.1079 2.914107,0.668336 2.829716,2.397075 -1.253334,-0.319817 -2.821565,-0.159696 -2.864795,-2.315223 0.185004,2.560759 -1.041468,2.360061 -1.88258,2.806331 -0.886629,-1.349885 -0.0694,-2.315697 1.870887,-2.888183 -1.598951,0.76912 -2.860238,1.057313 -4.045793,-0.830204 1.327986,-0.994208 2.818344,-0.213611 4.022407,0.760048 -1.052745,-0.737622 -2.429277,-1.417422 -1.473323,-2.958339 2.313929,0.226748 1.5299,1.77042 1.543481,2.934952 0.0058,-1.630067 0.480102,-2.73872 2.011203,-2.712787 z"
+         id="path1954"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccccccccc" />
+      <path
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#2d5016;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         d="m 19.28125,21.175781 c -1.100719,0.227989 -2.001421,0.763763 -2.580078,1.466797 -0.578657,0.703034 -0.833795,1.577657 -0.632813,2.462891 0.401964,1.770467 2.461815,2.981567 4.730469,2.828125 2.268654,-0.153444 4.03125,-1.63011 4.03125,-3.429688 v -0.09961 h -0.09961 -3.591797 L 24.61328,23.427733 24.5625,23.320311 c -0.789546,-1.684985 -3.079812,-2.600508 -5.28125,-2.14453 z m 0.04102,0.195313 c 2.0715,-0.429064 4.195175,0.430326 4.982422,1.935547 l -3.916016,1.101562 0.02734,0.195313 h 4.189453 c -0.06767,1.622133 -1.676699,2.985873 -3.820313,3.130859 -2.189619,0.148097 -4.148074,-1.029126 -4.521484,-2.673828 -0.186706,-0.822351 0.0463,-1.628269 0.591797,-2.291016 0.545497,-0.662746 1.405804,-1.178677 2.466797,-1.398437 z"
+         id="path1956"
+         inkscape:connector-curvature="0" />
+      <path
+         style="display:inline;fill:#3771c8;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 17.203193,27.379329 c 1.075907,2.157755 7.203164,4.583829 7.558903,-1.52802 -1.536899,5.755188 -6.768023,2.296567 -7.558903,1.52802 z"
+         id="path1958"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccc" />
+      <path
+         style="display:inline;fill:#3771c8;stroke:none;stroke-width:0.19762993px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 20.834203,29.801851 c 0.580002,0.514345 2.499284,1.414263 3.499433,-1.45208 -1.253226,1.929147 -2.835892,1.632749 -3.499433,1.45208 z"
+         id="path1960"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccc" />
+    </g>
+    <use
+       x="0"
+       y="0"
+       xlink:href="#use1928"
+       id="use4878"
+       transform="translate(-57.810401,-47.707613)"
+       width="100%"
+       height="100%" />
+  </g>
+</svg>
diff --git a/src/asset/www/svg/tile/16.svg b/src/asset/www/svg/tile/16.svg
new file mode 100644
index 0000000..e55104e
--- /dev/null
+++ b/src/asset/www/svg/tile/16.svg
@@ -0,0 +1,259 @@
+<?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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="96mm"
+   height="96mm"
+   viewBox="0 0 96 96"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 5c3e80d, 2017-08-06"
+   sodipodi:docname="16.svg"
+   enable-background="new">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4142135"
+     inkscape:cx="259.84885"
+     inkscape:cy="161.62236"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer6"
+     showgrid="true"
+     showguides="false"
+     inkscape:window-width="1678"
+     inkscape:window-height="1029"
+     inkscape:window-x="1"
+     inkscape:window-y="516"
+     inkscape:window-maximized="0"
+     inkscape:snap-global="false"
+     inkscape:measure-start="0,0"
+     inkscape:measure-end="0,0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid882"
+       units="mm"
+       spacingx="31.999999"
+       spacingy="31.999999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <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:groupmode="layer"
+     id="layer5"
+     inkscape:label="background"
+     sodipodi:insensitive="true"
+     style="display:inline">
+    <rect
+       style="display:inline;opacity:1;fill:#5f8dd3;fill-opacity:1;stroke:none;stroke-width:9.41215611;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect4504"
+       width="96"
+       height="96"
+       x="0"
+       y="0"
+       transform="matrix(0,1,1,0,0,0)" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer6"
+     inkscape:label="grass"
+     style="display:inline">
+    <g
+       id="g5137">
+      <path
+         sodipodi:nodetypes="cccc"
+         inkscape:connector-curvature="0"
+         id="path1932-78-1-8"
+         d="M 63.999999,77.043 V 66.116727 L 70.208712,64 c -1.458725,8.222892 -4.024835,12.854099 -6.208713,13.043 z"
+         style="display:inline;opacity:1;fill:#3771c8;fill-opacity:1;stroke:none;stroke-width:0.54960996;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke" />
+      <path
+         sodipodi:nodetypes="cccc"
+         inkscape:connector-curvature="0"
+         id="path1932-78-1"
+         d="M 64,74.927 V 64.00006 h 6.2 C 68.741275,72.222952 66.183878,74.738099 64,74.927 Z"
+         style="display:inline;opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:0.54960996;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke" />
+      <path
+         sodipodi:nodetypes="cccc"
+         inkscape:connector-curvature="0"
+         id="path1932-78"
+         d="m 64,69 v -4.99994 h 4.983158 C 68.251808,65.523675 67.00796,67.126137 64,69 Z"
+         style="display:inline;opacity:1;fill:#bcd35f;fill-opacity:1;stroke:none;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path1932-78-9"
+         d="m 64,68.9 c 2.40097,-1.575274 4.212084,-3.605267 4.9,-4.9 h 0.35 c -0.749611,1.561658 -2.214001,3.358669 -5.25,5.25 z"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+    </g>
+    <g
+       id="use4827"
+       transform="matrix(1.6534368,0,0,1.6534368,18.072097,54.899628)"
+       style="display:inline">
+      <ellipse
+         ry="1.9203628"
+         rx="2.8449819"
+         cy="10.022491"
+         cx="15.505153"
+         id="ellipse4936"
+         style="opacity:1;fill:#3771c8;fill-opacity:1;stroke:none;stroke-width:0.09944903;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path4938"
+         d="M 13.371416,9.9513884 C 14.367113,11.374061 15.639819,11.688704 17.35439,10.235885 17.583961,7.5519296 16.976071,7.6017491 15.931899,6.5374107 14.902564,5.4211262 14.166468,6.9090308 13.513664,7.6754035 13.347127,9.0030615 13.195656,8.6237304 13.371416,9.9513884 Z"
+         style="display:inline;fill:#c8beb7;stroke:#000000;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccccccc"
+         inkscape:connector-curvature="0"
+         id="path4940"
+         d="m 13.565408,7.7209264 c 0.120439,0.3437666 0.703975,0.9851895 1.149461,1.3289562 l 0.220755,1.9815314 -0.0665,-1.9715731 C 15.818261,8.9123556 16.436092,8.482764 17.037354,8.0526289 16.276284,8.4403355 15.48236,8.8240395 14.830271,8.8630074 14.434624,8.5972893 13.763886,8.1180903 13.565408,7.7209264 Z"
+         style="fill:#6c5d53;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccc"
+         inkscape:connector-curvature="0"
+         id="path4942"
+         d="m 12.909119,11.467019 c 1.002858,1.584739 4.051141,2.203337 5.42557,-0.140317 -0.957073,0.735843 -3.879976,1.721583 -5.42557,0.140317 z"
+         style="fill:#3771c8;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccc"
+         inkscape:connector-curvature="0"
+         id="path4944"
+         d="m 14.499373,13.108023 c 0.300505,0.536106 2.171995,0.684303 2.799769,-0.291724 -0.523509,0.402498 -2.188207,0.782483 -2.799769,0.291724 z"
+         style="display:inline;fill:#3771c8;stroke:none;stroke-width:0.14472419px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    </g>
+    <g
+       style="display:inline"
+       id="use1928"
+       transform="translate(2.5184037,18.470695)">
+      <path
+         style="display:inline;fill:#3771c8;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 16.0809,25.214399 c 0.435409,3.100781 7.960351,6.370837 8.765935,-0.454508 -3.337022,0 -5.45644,0.454508 -8.765935,0.454508 z"
+         id="path1950"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccc" />
+      <path
+         style="opacity:1;fill:#5aa02c;fill-opacity:1;stroke:#2d5016;stroke-width:0.2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke"
+         d="m 24.730982,24.503921 a 4.3148789,3.343368 0 0 1 -3.93966,3.330703 4.3148789,3.343368 0 0 1 -4.624839,-2.751434 4.3148789,3.343368 0 0 1 3.135319,-3.809228 4.3148789,3.343368 0 0 1 5.170127,2.088942 l -4.055825,1.141017 z"
+         id="path1952"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:#5aa02c;stroke:#71c837;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 22.474026,21.675042 c 0.375919,1.922535 -0.605229,2.533689 -2.011203,2.80633 1.928161,-0.1079 2.914107,0.668336 2.829716,2.397075 -1.253334,-0.319817 -2.821565,-0.159696 -2.864795,-2.315223 0.185004,2.560759 -1.041468,2.360061 -1.88258,2.806331 -0.886629,-1.349885 -0.0694,-2.315697 1.870887,-2.888183 -1.598951,0.76912 -2.860238,1.057313 -4.045793,-0.830204 1.327986,-0.994208 2.818344,-0.213611 4.022407,0.760048 -1.052745,-0.737622 -2.429277,-1.417422 -1.473323,-2.958339 2.313929,0.226748 1.5299,1.77042 1.543481,2.934952 0.0058,-1.630067 0.480102,-2.73872 2.011203,-2.712787 z"
+         id="path1954"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccccccccc" />
+      <path
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#2d5016;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         d="m 19.28125,21.175781 c -1.100719,0.227989 -2.001421,0.763763 -2.580078,1.466797 -0.578657,0.703034 -0.833795,1.577657 -0.632813,2.462891 0.401964,1.770467 2.461815,2.981567 4.730469,2.828125 2.268654,-0.153444 4.03125,-1.63011 4.03125,-3.429688 v -0.09961 h -0.09961 -3.591797 L 24.61328,23.427733 24.5625,23.320311 c -0.789546,-1.684985 -3.079812,-2.600508 -5.28125,-2.14453 z m 0.04102,0.195313 c 2.0715,-0.429064 4.195175,0.430326 4.982422,1.935547 l -3.916016,1.101562 0.02734,0.195313 h 4.189453 c -0.06767,1.622133 -1.676699,2.985873 -3.820313,3.130859 -2.189619,0.148097 -4.148074,-1.029126 -4.521484,-2.673828 -0.186706,-0.822351 0.0463,-1.628269 0.591797,-2.291016 0.545497,-0.662746 1.405804,-1.178677 2.466797,-1.398437 z"
+         id="path1956"
+         inkscape:connector-curvature="0" />
+      <path
+         style="display:inline;fill:#3771c8;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 17.203193,27.379329 c 1.075907,2.157755 7.203164,4.583829 7.558903,-1.52802 -1.536899,5.755188 -6.768023,2.296567 -7.558903,1.52802 z"
+         id="path1958"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccc" />
+      <path
+         style="display:inline;fill:#3771c8;stroke:none;stroke-width:0.19762993px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 20.834203,29.801851 c 0.580002,0.514345 2.499284,1.414263 3.499433,-1.45208 -1.253226,1.929147 -2.835892,1.632749 -3.499433,1.45208 z"
+         id="path1960"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccc" />
+    </g>
+    <use
+       x="0"
+       y="0"
+       xlink:href="#use1928"
+       id="use4878"
+       transform="translate(52.197739,-25.631149)"
+       width="100%"
+       height="100%" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g5137"
+       id="use5139"
+       transform="translate(-31.999999)"
+       width="100%"
+       height="100%" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g5137"
+       id="use5141"
+       width="100%"
+       height="100%"
+       transform="translate(-63.999999)" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g5137"
+       id="use5143"
+       transform="translate(0,-32)"
+       width="100%"
+       height="100%" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g5137"
+       id="use5145"
+       transform="translate(0,-64)"
+       width="100%"
+       height="100%" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g5137"
+       id="use5147"
+       transform="translate(-31.999999,-32)"
+       width="100%"
+       height="100%" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g5137"
+       id="use5149"
+       transform="translate(-31.999999,-64)"
+       width="100%"
+       height="100%" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g5137"
+       id="use5151"
+       transform="translate(-63.999999,-32)"
+       width="100%"
+       height="100%" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#g5137"
+       id="use5153"
+       transform="translate(-63.999999,-64)"
+       width="100%"
+       height="100%" />
+  </g>
+</svg>
diff --git a/src/asset/www/svg/tile/17.svg b/src/asset/www/svg/tile/17.svg
new file mode 100644
index 0000000..4f67d40
--- /dev/null
+++ b/src/asset/www/svg/tile/17.svg
@@ -0,0 +1,264 @@
+<?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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="96mm"
+   height="96mm"
+   viewBox="0 0 96 96"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 5c3e80d, 2017-08-06"
+   sodipodi:docname="17.svg"
+   enable-background="new">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4142135"
+     inkscape:cx="259.84885"
+     inkscape:cy="161.62236"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer6"
+     showgrid="true"
+     showguides="false"
+     inkscape:window-width="1678"
+     inkscape:window-height="1029"
+     inkscape:window-x="1"
+     inkscape:window-y="516"
+     inkscape:window-maximized="0"
+     inkscape:snap-global="false"
+     inkscape:measure-start="0,0"
+     inkscape:measure-end="0,0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid882"
+       units="mm"
+       spacingx="31.999999"
+       spacingy="31.999999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <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:groupmode="layer"
+     id="layer5"
+     inkscape:label="background"
+     sodipodi:insensitive="true"
+     style="display:inline">
+    <rect
+       style="display:inline;opacity:1;fill:#5f8dd3;fill-opacity:1;stroke:none;stroke-width:9.41215611;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect4504"
+       width="96"
+       height="96"
+       x="0"
+       y="0"
+       transform="matrix(0,1,1,0,0,0)" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer6"
+     inkscape:label="grass"
+     style="display:inline">
+    <g
+       id="use4827"
+       transform="matrix(1.6534368,0,0,1.6534368,13.956146,68.74419)"
+       style="display:inline">
+      <ellipse
+         ry="1.9203628"
+         rx="2.8449819"
+         cy="10.022491"
+         cx="15.505153"
+         id="ellipse4936"
+         style="opacity:1;fill:#3771c8;fill-opacity:1;stroke:none;stroke-width:0.09944903;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path4938"
+         d="M 13.371416,9.9513884 C 14.367113,11.374061 15.639819,11.688704 17.35439,10.235885 17.583961,7.5519296 16.976071,7.6017491 15.931899,6.5374107 14.902564,5.4211262 14.166468,6.9090308 13.513664,7.6754035 13.347127,9.0030615 13.195656,8.6237304 13.371416,9.9513884 Z"
+         style="display:inline;fill:#c8beb7;stroke:#000000;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccccccc"
+         inkscape:connector-curvature="0"
+         id="path4940"
+         d="m 13.565408,7.7209264 c 0.120439,0.3437666 0.703975,0.9851895 1.149461,1.3289562 l 0.220755,1.9815314 -0.0665,-1.9715731 C 15.818261,8.9123556 16.436092,8.482764 17.037354,8.0526289 16.276284,8.4403355 15.48236,8.8240395 14.830271,8.8630074 14.434624,8.5972893 13.763886,8.1180903 13.565408,7.7209264 Z"
+         style="fill:#6c5d53;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccc"
+         inkscape:connector-curvature="0"
+         id="path4942"
+         d="m 12.909119,11.467019 c 1.002858,1.584739 4.051141,2.203337 5.42557,-0.140317 -0.957073,0.735843 -3.879976,1.721583 -5.42557,0.140317 z"
+         style="fill:#3771c8;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccc"
+         inkscape:connector-curvature="0"
+         id="path4944"
+         d="m 14.499373,13.108023 c 0.300505,0.536106 2.171995,0.684303 2.799769,-0.291724 -0.523509,0.402498 -2.188207,0.782483 -2.799769,0.291724 z"
+         style="display:inline;fill:#3771c8;stroke:none;stroke-width:0.14472419px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    </g>
+    <g
+       style="display:inline"
+       id="use1928"
+       transform="translate(-13.009957,28.573484)">
+      <path
+         style="display:inline;fill:#3771c8;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 16.0809,25.214399 c 0.435409,3.100781 7.960351,6.370837 8.765935,-0.454508 -3.337022,0 -5.45644,0.454508 -8.765935,0.454508 z"
+         id="path1950"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccc" />
+      <path
+         style="opacity:1;fill:#5aa02c;fill-opacity:1;stroke:#2d5016;stroke-width:0.2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke"
+         d="m 24.730982,24.503921 a 4.3148789,3.343368 0 0 1 -3.93966,3.330703 4.3148789,3.343368 0 0 1 -4.624839,-2.751434 4.3148789,3.343368 0 0 1 3.135319,-3.809228 4.3148789,3.343368 0 0 1 5.170127,2.088942 l -4.055825,1.141017 z"
+         id="path1952"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:#5aa02c;stroke:#71c837;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 22.474026,21.675042 c 0.375919,1.922535 -0.605229,2.533689 -2.011203,2.80633 1.928161,-0.1079 2.914107,0.668336 2.829716,2.397075 -1.253334,-0.319817 -2.821565,-0.159696 -2.864795,-2.315223 0.185004,2.560759 -1.041468,2.360061 -1.88258,2.806331 -0.886629,-1.349885 -0.0694,-2.315697 1.870887,-2.888183 -1.598951,0.76912 -2.860238,1.057313 -4.045793,-0.830204 1.327986,-0.994208 2.818344,-0.213611 4.022407,0.760048 -1.052745,-0.737622 -2.429277,-1.417422 -1.473323,-2.958339 2.313929,0.226748 1.5299,1.77042 1.543481,2.934952 0.0058,-1.630067 0.480102,-2.73872 2.011203,-2.712787 z"
+         id="path1954"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccccccccc" />
+      <path
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#2d5016;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         d="m 19.28125,21.175781 c -1.100719,0.227989 -2.001421,0.763763 -2.580078,1.466797 -0.578657,0.703034 -0.833795,1.577657 -0.632813,2.462891 0.401964,1.770467 2.461815,2.981567 4.730469,2.828125 2.268654,-0.153444 4.03125,-1.63011 4.03125,-3.429688 v -0.09961 h -0.09961 -3.591797 L 24.61328,23.427733 24.5625,23.320311 c -0.789546,-1.684985 -3.079812,-2.600508 -5.28125,-2.14453 z m 0.04102,0.195313 c 2.0715,-0.429064 4.195175,0.430326 4.982422,1.935547 l -3.916016,1.101562 0.02734,0.195313 h 4.189453 c -0.06767,1.622133 -1.676699,2.985873 -3.820313,3.130859 -2.189619,0.148097 -4.148074,-1.029126 -4.521484,-2.673828 -0.186706,-0.822351 0.0463,-1.628269 0.591797,-2.291016 0.545497,-0.662746 1.405804,-1.178677 2.466797,-1.398437 z"
+         id="path1956"
+         inkscape:connector-curvature="0" />
+      <path
+         style="display:inline;fill:#3771c8;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 17.203193,27.379329 c 1.075907,2.157755 7.203164,4.583829 7.558903,-1.52802 -1.536899,5.755188 -6.768023,2.296567 -7.558903,1.52802 z"
+         id="path1958"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccc" />
+      <path
+         style="display:inline;fill:#3771c8;stroke:none;stroke-width:0.19762993px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 20.834203,29.801851 c 0.580002,0.514345 2.499284,1.414263 3.499433,-1.45208 -1.253226,1.929147 -2.835892,1.632749 -3.499433,1.45208 z"
+         id="path1960"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccc" />
+    </g>
+    <use
+       x="0"
+       y="0"
+       xlink:href="#use1928"
+       id="use4878"
+       transform="translate(78.390154,-34.611406)"
+       width="100%"
+       height="100%" />
+    <g
+       id="g5221"
+       transform="translate(25.791289)">
+      <g
+         transform="matrix(-1,0,0,1,134.20871,0)"
+         id="g5137">
+        <path
+           style="display:inline;opacity:1;fill:#3771c8;fill-opacity:1;stroke:none;stroke-width:0.54960996;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke"
+           d="M 63.999999,77.043 V 66.116727 L 70.208712,64 c -1.458725,8.222892 -4.024835,12.854099 -6.208713,13.043 z"
+           id="path1932-78-1-8"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccc" />
+        <path
+           style="display:inline;opacity:1;fill:#803300;fill-opacity:1;stroke:none;stroke-width:0.54960996;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke"
+           d="M 64,74.927 V 64.00006 h 6.2 C 68.741275,72.222952 66.183878,74.738099 64,74.927 Z"
+           id="path1932-78-1"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccc" />
+        <path
+           style="display:inline;opacity:1;fill:#bcd35f;fill-opacity:1;stroke:none;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke"
+           d="m 64,69 v -4.99994 h 4.983158 C 68.251808,65.523675 67.00796,67.126137 64,69 Z"
+           id="path1932-78"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccc" />
+        <path
+           style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:170.07873535;stroke-opacity:1;paint-order:fill markers stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+           d="m 64,68.9 c 2.40097,-1.575274 4.212084,-3.605267 4.9,-4.9 h 0.35 c -0.749611,1.561658 -2.214001,3.358669 -5.25,5.25 z"
+           id="path1932-78-9"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+      </g>
+      <use
+         height="100%"
+         width="100%"
+         transform="translate(-31.999999)"
+         id="use5139"
+         xlink:href="#g5137"
+         y="0"
+         x="0" />
+      <use
+         transform="translate(-63.999999)"
+         height="100%"
+         width="100%"
+         id="use5141"
+         xlink:href="#g5137"
+         y="0"
+         x="0" />
+      <use
+         height="100%"
+         width="100%"
+         transform="translate(0,-32)"
+         id="use5143"
+         xlink:href="#g5137"
+         y="0"
+         x="0" />
+      <use
+         height="100%"
+         width="100%"
+         transform="translate(0,-64)"
+         id="use5145"
+         xlink:href="#g5137"
+         y="0"
+         x="0" />
+      <use
+         height="100%"
+         width="100%"
+         transform="translate(-31.999999,-32)"
+         id="use5147"
+         xlink:href="#g5137"
+         y="0"
+         x="0" />
+      <use
+         height="100%"
+         width="100%"
+         transform="translate(-31.999999,-64)"
+         id="use5149"
+         xlink:href="#g5137"
+         y="0"
+         x="0" />
+      <use
+         height="100%"
+         width="100%"
+         transform="translate(-63.999999,-32)"
+         id="use5151"
+         xlink:href="#g5137"
+         y="0"
+         x="0" />
+      <use
+         height="100%"
+         width="100%"
+         transform="translate(-63.999999,-64)"
+         id="use5153"
+         xlink:href="#g5137"
+         y="0"
+         x="0" />
+    </g>
+  </g>
+</svg>
diff --git a/src/battlemap/www/style.css b/src/battlemap/www/style.css
index 26803d7..fc93e8d 100644
--- a/src/battlemap/www/style.css
+++ b/src/battlemap/www/style.css
@@ -59,6 +59,7 @@
    overflow: scroll;
 
    margin: auto;
+   resize: both;
 
    border: 3px solid #502D16;
    border-radius: 15px;
-- 
cgit v1.2.3-70-g09d2