ccm/btroops
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove mapsheets.svg inline styles

Browse Source
This commit is contained in:
Catalin Constantin Mititiuc 2025-06-16 22:41:31 -07:00
parent f53358216c
commit 0e12e3079b
2 changed files with 81 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
public/assets/css/map.css
View File

@ -405,6 +405,19 @@ g[data-y="76"] { --i: 76; }
stroke-linecap: square; stroke-linecap: square;
} }
.building .outer-walls {
stroke-width: 2;
fill: none;
stroke: black;
stroke-linecap: square;
}
.building .inner-walls {
stroke: white;
fill: none;
stroke-linecap: square;
}
.building .windows, .building .door-edges, .building .doors { .building .windows, .building .door-edges, .building .doors {
stroke-linecap: square; stroke-linecap: square;
} }

136
public/assets/images/mapsheets.svg
View File

@ -2,34 +2,34 @@
<svg viewBox="0 0 571 379.5" width="571" height="379.5" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 571 379.5" width="571" height="379.5" xmlns="http://www.w3.org/2000/svg">
<defs> <defs>
<g id="building1" class="building"> <g id="building1" class="building">
<rect class="floor" style="fill: white;" x="-33.25" y="-62.25" width="66.5" height="124.5"/> <rect class="floor" x="-33.25" y="-62.25" width="66.5" height="124.5"/>
<path class="walls" style="stroke-width: 2; fill: none; stroke: black; stroke-linecap: square;" d=" <path class="outer-walls" d="
M -33.25 -62.25 V 62.25 H 33.25 V -62.25 Z M -33.25 -62.25 V 62.25 H 33.25 V -62.25 Z
M -6.75 -37.75 V 6.25 H 2.25 V 62.25 M -6.75 -37.75 V 6.25 H 2.25 V 62.25
M -33.25 16.25 H -7.75 V 62.25 M -33.25 16.25 H -7.75 V 62.25
M 2.25 39.25 H 33.25 M 2.25 39.25 H 33.25
M 13.75 6.25 V -1.25 H 33.25 M 13.75 6.25 V -1.25 H 33.25
"/> "/>
<path class="walls" style="stroke: white; fill: none; stroke-linecap: square;" d=" <path class="inner-walls" d="
M -33.25 -62.25 V 62.25 H 33.25 V -62.25 Z M -33.25 -62.25 V 62.25 H 33.25 V -62.25 Z
M -6.75 -37.75 V 6.25 H 2.25 V 62.25 M -6.75 -37.75 V 6.25 H 2.25 V 62.25
M -33.25 16.25 H -7.75 V 62.25 M -33.25 16.25 H -7.75 V 62.25
M 2.25 39.25 H 33.25 M 2.25 39.25 H 33.25
M 13.75 6.25 V -1.25 H 33.25 M 13.75 6.25 V -1.25 H 33.25
"/> "/>
<path class="windows" style="stroke-width: 2.5px; stroke: orange; stroke-linecap: square;" d=" <path class="windows" d="
M -33.25 -45.74 V -33.25 M -33.25 -45.74 V -33.25
M -33.25 40.75 V 53.75 M -33.25 40.75 V 53.75
M 11.75 62.25 H 31.25 M 11.75 62.25 H 31.25
"/> "/>
<path class="door-edges" style="stroke-width: 2.5px; stroke: orange; stroke-linecap: square;" d=" <path class="door-edges" d="
M -33.25 -16.25 V -13.75 M -33.25 -5.75 V -3.25 M -33.25 -16.25 V -13.75 M -33.25 -5.75 V -3.25
M -7.75 26.25 V 29.25 M -7.75 36.25 V 39.25 M -7.75 26.25 V 29.25 M -7.75 36.25 V 39.25
M 2.25 13.75 V 16.25 M 2.25 24.25 V 26.75 M 2.25 13.75 V 16.25 M 2.25 24.25 V 26.75
M 2.25 40.25 V 42.75 M 2.25 50.75 V 53.25 M 2.25 40.25 V 42.75 M 2.25 50.75 V 53.25
M -3.25 -62.25 H -0.75 M 11.25 -62.25 H 13.25 M -3.25 -62.25 H -0.75 M 11.25 -62.25 H 13.25
"/> "/>
<path class="doors" style="stroke: white; stroke-width: 2.25; stroke-linecap: square;" d=" <path class="doors" d="
M -33.25 -13.75 V -5.75 M -33.25 -13.75 V -5.75
M -7.75 29.25 V 36.25 M -7.75 29.25 V 36.25
M 2.25 16.25 V 24.25 M 2.25 16.25 V 24.25
@ -40,7 +40,7 @@
<g id="building2" class="building"> <g id="building2" class="building">
<polygon class="floor" style="fill: white;" points="-33.5,-60.5 33.5,-60.5 33.5,-34 52,-3.5 52,30.5 35.5,60.5 -34,60.5 -52,34.5 -52,-3.5 -33.5,-34"/> <polygon class="floor" style="fill: white;" points="-33.5,-60.5 33.5,-60.5 33.5,-34 52,-3.5 52,30.5 35.5,60.5 -34,60.5 -52,34.5 -52,-3.5 -33.5,-34"/>
<path class="walls" style="stroke-width: 2; fill: none; stroke: black; stroke-linecap: square;" d=" <path class="outer-walls" d="
M -33.5 -60.5 V -34 L -52 -3 V 31 L -35 60.5 H 34.5 M -33.5 -60.5 V -34 L -52 -3 V 31 L -35 60.5 H 34.5
L 52 31.5 V -3.5 L 34.5 -34 V -60.5 Z L 52 31.5 V -3.5 L 34.5 -34 V -60.5 Z
M -33.5 -34 H 34.5 M 1 -34 V -60.5 M -33.5 -34 H 34.5 M 1 -34 V -60.5
@ -48,7 +48,7 @@
M -18 5.5 V 60.5 M -18 5.5 V 60.5
M 9.5 5.5 L 20 12 M 35.5 21 L 51 30.5 M 9.5 5.5 L 20 12 M 35.5 21 L 51 30.5
"/> "/>
<path class="walls" style="stroke: white; fill: none; stroke-linecap: square;" d=" <path class="inner-walls" d="
M -33.5 -60.5 V -34 L -52 -3 V 31 L -35 60.5 H 34.5 M -33.5 -60.5 V -34 L -52 -3 V 31 L -35 60.5 H 34.5
L 52 31.5 V -3.5 L 34.5 -34 V -60.5 Z L 52 31.5 V -3.5 L 34.5 -34 V -60.5 Z
M -33.5 -34 H 34.5 M 1 -34 V -60.5 M -33.5 -34 H 34.5 M 1 -34 V -60.5
@ -56,14 +56,14 @@
M -18 5.5 V 60.5 M -18 5.5 V 60.5
M 9.5 5.5 L 20 12 M 35.5 21 L 51 30.5 M 9.5 5.5 L 20 12 M 35.5 21 L 51 30.5
"/> "/>
<path class="windows" style="stroke-width: 2.5px; stroke: orange; stroke-linecap: square;" d=" <path class="windows" d="
M -27 -60.5 H -17 M -27 -60.5 H -17
M 42 -21 L 47 -12.2 M 42 -21 L 47 -12.2
M 52 10 V 20.5 M 52 10 V 20.5
M 38.7 53.5 L 44.1 44.5 M 38.7 53.5 L 44.1 44.5
M -37.7 55.8 L -43 46.6 M -37.7 55.8 L -43 46.6
"/> "/>
<path class="door-edges" style="stroke-width: 2.5px; stroke: orange; stroke-linecap: square;" d=" <path class="door-edges" d="
M 7 -60.5 H 17.5 M 7 -60.5 H 17.5
M -19 -34 H -9 M -19 -34 H -9
M 15.5 -34 H 25.5 M 15.5 -34 H 25.5
@ -71,7 +71,7 @@
M -12 5.5 H -1.5 M -12 5.5 H -1.5
M -6 60.5 H 10.5 M -6 60.5 H 10.5
"/> "/>
<path class="doors" style="stroke: white; stroke-width: 2.25; stroke-linecap: square;" d=" <path class="doors" d="
M 9.5 -60.5 H 15 M 9.5 -60.5 H 15
M -16.5 -34 H -11.5 M -16.5 -34 H -11.5
M 18 -34 H 23 M 18 -34 H 23
@ -82,8 +82,8 @@
</g> </g>
<g id="building3" class="building"> <g id="building3" class="building">
<rect class="floor" style="fill: white;" x="-32.25" y="-44" width="64.5" height="88"/> <rect class="floor" x="-32.25" y="-44" width="64.5" height="88"/>
<path class="walls" style="stroke-width: 2; fill: none; stroke: black; stroke-linecap: square;" d=" <path class="outer-walls" d="
M -32.25 -44 h 64.5 v 88 h -64 z M -32.25 -44 h 64.5 v 88 h -64 z
m 37.5 0 v 18 m 37.5 0 v 18
m -37.5 0 h 64.5 m -37.5 0 h 64.5
@ -91,7 +91,7 @@
m 0 21 V 44 m 0 21 V 44
m 24.5 -34.5 h 12 m 24.5 -34.5 h 12
"/> "/>
<path class="walls" style="stroke: white; fill: none; stroke-linecap: square;" d=" <path class="inner-walls" d="
M -32.25 -44 h 64.5 v 88 h -64 z M -32.25 -44 h 64.5 v 88 h -64 z
m 37.5 0 v 18 m 37.5 0 v 18
m -37.5 0 h 64.5 m -37.5 0 h 64.5
@ -99,20 +99,20 @@
m 0 21 V 44 m 0 21 V 44
m 24.5 -34.5 h 12 m 24.5 -34.5 h 12
"/> "/>
<path class="windows" style="stroke-width: 2.5px; stroke: orange; stroke-linecap: square;" d=" <path class="windows" d="
M -13.75 -44 h 10.5 M -13.75 -44 h 10.5
M 32.25 -10 v 10 M 32.25 -10 v 10
M 23 44 h -10.5 M 23 44 h -10.5
M -32.25 29 v -10.5 M -32.25 29 v -10.5
m 0 -21 v -10 m 0 -21 v -10
"/> "/>
<path class="door-edges" style="stroke-width: 2.5px; stroke: orange; stroke-linecap: square;" d=" <path class="door-edges" d="
M 12 -44 h 10.5 M 12 -44 h 10.5
m -45 18 h 10.5 m -45 18 h 10.5
m 24.5 0 h 10.5 m 24.5 0 h 10.5
M -22 44 h 10.5 M -22 44 h 10.5
"/> "/>
<path class="doors" style="stroke: white; stroke-width: 2.25; stroke-linecap: square;" d=" <path class="doors" d="
M 15 -44 h 5 M 15 -44 h 5
m -40 18 h 5.5 m -40 18 h 5.5
m 29 0 h 5.5 m 29 0 h 5.5
@ -121,8 +121,8 @@
</g> </g>
<g id="building4" class="building"> <g id="building4" class="building">
<rect class="floor" style="fill: white;" x="-35.25" y="-62.25" width="70.5" height="124.5"/> <rect class="floor" x="-35.25" y="-62.25" width="70.5" height="124.5"/>
<path class="walls" style="stroke-width: 2; fill: none; stroke: black; stroke-linecap: square;" d=" <path class="outer-walls" d="
M -35.25 -62.25 h 70.5 v 124.5 h -70.5 z M -35.25 -62.25 h 70.5 v 124.5 h -70.5 z
m 35.5 0 v 50 h -35.5 m 35.5 0 v 50 h -35.5
m 35.5 -14 h 35 m 35.5 -14 h 35
@ -131,7 +131,7 @@
m 34.5 -22.25 h -34 m 34.5 -22.25 h -34
m -16 1.5 h -20 m -16 1.5 h -20
"/> "/>
<path class="walls" style="stroke: white; fill: none; stroke-linecap: square;" d=" <path class="inner-walls" d="
M -35.25 -62.25 h 70.5 v 124.5 h -70.5 z M -35.25 -62.25 h 70.5 v 124.5 h -70.5 z
m 35.5 0 v 50 h -35.5 m 35.5 0 v 50 h -35.5
m 35.5 -14 h 35 m 35.5 -14 h 35
@ -140,14 +140,14 @@
m 34.5 -22.25 h -34 m 34.5 -22.25 h -34
m -16 1.5 h -20 m -16 1.5 h -20
"/> "/>
<path class="windows" style="stroke-width: 2.5px; stroke: orange; stroke-linecap: square;" d=" <path class="windows" d="
M 35.25 -44 v 10.5 M 35.25 -44 v 10.5
m 0 51 v 10 m 0 51 v 10
m -14.5 34.75 h -15.5 m -14.5 34.75 h -15.5
m -40.5 -50 v -10 m -40.5 -50 v -10
m 0 -18 v -10 m 0 -18 v -10
"/> "/>
<path class="door-edges" style="stroke-width: 2.5px; stroke: orange; stroke-linecap: square;" d=" <path class="door-edges" d="
M -27 -62.25 h 10 M -27 -62.25 h 10
m 20 36 h 10 m 20 36 h 10
m -31 14 h 10 m -31 14 h 10
@ -156,7 +156,7 @@
m -12.25 40 v 10 m -12.25 40 v 10
m -31 8.5 h 16 m -31 8.5 h 16
"/> "/>
<path class="doors" style="stroke: white; stroke-width: 2.25; stroke-linecap: square;" d=" <path class="doors" d="
M -24.5 -62.25 h 5 M -24.5 -62.25 h 5
m 25 36 h 5 m 25 36 h 5
m -26 14 h 5 m -26 14 h 5
@ -168,8 +168,8 @@
</g> </g>
<g id="building5" class="building"> <g id="building5" class="building">
<rect class="floor" style="fill: white;" x="-75" y="-32.75" width="150" height="65.5"/> <rect class="floor" x="-75" y="-32.75" width="150" height="65.5"/>
<path class="walls" style="stroke-width: 2; fill: none; stroke: black; stroke-linecap: square;" d=" <path class="outer-walls" d="
M -75 -32.75 h 150 v 65.5 h -150 z M -75 -32.75 h 150 v 65.5 h -150 z
m 0 13 h 8 m 13 0 h 7 m 0 13 h 8 m 13 0 h 7
m 0 -13 v 26.5 m 0 -13 v 26.5
@ -183,7 +183,7 @@
m 36.5 0 v -13.5 m 36.5 0 v -13.5
m 4.5 -19 v -6 m 4.5 -19 v -6
"/> "/>
<path class="walls" style="stroke: white; fill: none; stroke-linecap: square;" d=" <path class="inner-walls" d="
M -75 -32.75 h 150 v 65.5 h -150 z M -75 -32.75 h 150 v 65.5 h -150 z
m 0 13 h 8 m 13 0 h 7 m 0 13 h 8 m 13 0 h 7
m 0 -13 v 26.5 m 0 -13 v 26.5
@ -197,7 +197,7 @@
m 36.5 0 v -13.5 m 36.5 0 v -13.5
m 4.5 -19 v -6 m 4.5 -19 v -6
"/> "/>
<path class="windows" style="stroke-width: 2.5px; stroke: orange; stroke-linecap: square;" d=" <path class="windows" d="
M -21 -32.75 h 10 M -21 -32.75 h 10
m 33 0 h 10 m 33 0 h 10
m 6.5 0 h 10 m 6.5 0 h 10
@ -207,7 +207,7 @@
M -75 2 v 10 M -75 2 v 10
m 0 7 v 10 m 0 7 v 10
"/> "/>
<path class="door-edges" style="stroke-width: 2.5px; stroke: orange; stroke-linecap: square;" d=" <path class="door-edges" d="
M -75 -17.75 v 9.5 M -75 -17.75 v 9.5
m 150 -22 v 10 m 150 -22 v 10
m -17.5 21 v 10 m -17.5 21 v 10
@ -215,7 +215,7 @@
m -38 0 h -10 m -38 0 h -10
m -10.5 0 h -10 m -10.5 0 h -10
"/> "/>
<path class="doors" style="stroke: white; stroke-width: 2.25; stroke-linecap: square;" d=" <path class="doors" d="
M -75 -15.75 v 5.5 M -75 -15.75 v 5.5
m 150 -18 v 6 m 150 -18 v 6
m -17.5 25 v 6 m -17.5 25 v 6
@ -226,33 +226,33 @@
</g> </g>
<g id="building6" class="building"> <g id="building6" class="building">
<rect class="floor" style="fill: white;" x="-23" y="-58.75" width="46" height="117.5"/> <rect class="floor" x="-23" y="-58.75" width="46" height="117.5"/>
<path class="walls" style="stroke-width: 2; fill: none; stroke: black; stroke-linecap: square;" d=" <path class="outer-walls" d="
M -23 -58.75 h 46 v 117.5 h -46 z M -23 -58.75 h 46 v 117.5 h -46 z
m 19.5 0 v 44 h 26.5 m 19.5 0 v 44 h 26.5
M -23 26.25 h 46 M -23 26.25 h 46
m -18.5 0 v -16 m -18.5 0 v -16
"/> "/>
<path class="walls" style="stroke: white; fill: none; stroke-linecap: square;" d=" <path class="inner-walls" d="
M -23 -58.75 h 46 v 117.5 h -46 z M -23 -58.75 h 46 v 117.5 h -46 z
m 19.5 0 v 44 h 26.5 m 19.5 0 v 44 h 26.5
M -23 26.25 h 46 M -23 26.25 h 46
m -18.5 0 v -16 m -18.5 0 v -16
"/> "/>
<path class="windows" style="stroke-width: 2.5px; stroke: orange; stroke-linecap: square;" d=" <path class="windows" d="
M 3.5 -58.75 h 10 M 3.5 -58.75 h 10
m 9.5 56 v 10.5 m 9.5 56 v 10.5
m 0 20.5 v 10.5 m 0 20.5 v 10.5
M -23 -31 v 10.5 M -23 -31 v 10.5
m 0 18 v 10.5 m 0 18 v 10.5
"/> "/>
<path class="door-edges" style="stroke-width: 2.5px; stroke: orange; stroke-linecap: square;" d=" <path class="door-edges" d="
M -23 -46.5 v 10 M -23 -46.5 v 10
m 23.5 21.75 h 16.5 m 23.5 21.75 h 16.5
m -30.75 41 h 10 m -30.75 41 h 10
m -10 32.5 h 10 m -10 32.5 h 10
"/> "/>
<path class="doors" style="stroke: white; stroke-width: 2.25; stroke-linecap: square;" d=" <path class="doors" d="
M -23 -44 v 5 M -23 -44 v 5
m 26 24.25 h 11.5 m 26 24.25 h 11.5
m -26 41 h 5.5 m -26 41 h 5.5
@ -265,7 +265,7 @@
-113.25,-56.5 -73.25,-56.5 -50.75,-69.5 113.25,-69.5 113.25,43.5 10.75,43.5 -113.25,-56.5 -73.25,-56.5 -50.75,-69.5 113.25,-69.5 113.25,43.5 10.75,43.5
5.75,32 -80.25,32 -87.25,44.5 -113.25,44.5 5.75,32 -80.25,32 -87.25,44.5 -113.25,44.5
"/> "/>
<path class="walls" style="stroke-width: 2; fill: none; stroke: black; stroke-linecap: square;" d=" <path class="outer-walls" d="
M -113.25 -56.5 h 40 l 22.5 -13 h 164 v 113 M -113.25 -56.5 h 40 l 22.5 -13 h 164 v 113
h -102.5 l -5 -11.5 h -86 l -7 12.5 h -26 z h -102.5 l -5 -11.5 h -86 l -7 12.5 h -26 z
m 0 38 h 13 m 19.5 1.5 h 46.5 v -52.5 m 0 38 h 13 m 19.5 1.5 h 46.5 v -52.5
@ -280,7 +280,7 @@
m 26.5 17.5 v -19.5 m 26.5 17.5 v -19.5
m -18.5 1.5 v 18 m -18.5 1.5 v 18
"/> "/>
<path class="walls" style="stroke: white; fill: none; stroke-linecap: square;" d=" <path class="inner-walls" d="
M -113.25 -56.5 h 40 l 22.5 -13 h 164 v 113 M -113.25 -56.5 h 40 l 22.5 -13 h 164 v 113
h -102.5 l -5 -11.5 h -86 l -7 12.5 h -26 z h -102.5 l -5 -11.5 h -86 l -7 12.5 h -26 z
m 0 38 h 13 m 19.5 1.5 h 46.5 v -52.5 m 0 38 h 13 m 19.5 1.5 h 46.5 v -52.5
@ -295,7 +295,7 @@
m 26.5 17.5 v -19.5 m 26.5 17.5 v -19.5
m -18.5 1.5 v 18 m -18.5 1.5 v 18
"/> "/>
<path class="windows" style="stroke-width: 2.5px; stroke: orange; stroke-linecap: square;" d=" <path class="windows" d="
M -94.75 -56.5 h 10.25 M -94.75 -56.5 h 10.25
m 19 -4.5 l 9 -5.25 m 19 -4.5 l 9 -5.25
m 32 -3.25 h 10 m 32 -3.25 h 10
@ -310,7 +310,7 @@
m -27 -.5 v -10 m -27 -.5 v -10
m 0 -63.5 v -10 m 0 -63.5 v -10
"/> "/>
<path class="door-edges" style="stroke-width: 2.5px; stroke: orange; stroke-linecap: square;" d=" <path class="door-edges" d="
M 12 -69.5 h 10 M 12 -69.5 h 10
m -3 30.5 h 10 m -3 30.5 h 10
m 24.25 0 h 10 m 24.25 0 h 10
@ -323,7 +323,7 @@
m 25 -45 h 16 m 25 -45 h 16
M -113.25 -9.5 v 10 M -113.25 -9.5 v 10
"/> "/>
<path class="doors" style="stroke: white; stroke-width: 2.25; stroke-linecap: square;" d=" <path class="doors" d="
M 14.5 -69.5 h 5 M 14.5 -69.5 h 5
m 2 30.5 h 5 m 2 30.5 h 5
m 29.25 0 h 5 m 29.25 0 h 5
@ -344,7 +344,7 @@
113,-89 89.625,-40 89.625,8.625 122.2,8.625 122.2,94 78.75,94 78.75,59.75 7.75,59.75 113,-89 89.625,-40 89.625,8.625 122.2,8.625 122.2,94 78.75,94 78.75,59.75 7.75,59.75
-17.25,108.75 -122.25,108.75 -122.25,9 -95.625,9 -17.25,108.75 -122.25,108.75 -122.25,9 -95.625,9
"/> "/>
<path class="walls" style="stroke-width: 2; fill: none; stroke: black; stroke-linecap: square;" d=" <path class="outer-walls" d="
M -95.625 -108.625 h 48 l 9 15 h 108.5 l 8.5 -15 h 34.5 M -95.625 -108.625 h 48 l 9 15 h 108.5 l 8.5 -15 h 34.5
v 19.5 l -23.25 49 v 48.75 h 32.5 v 85.25 v 19.5 l -23.25 49 v 48.75 h 32.5 v 85.25
h -43.25 v -34.25 h -71 l -25 49 h -105 h -43.25 v -34.25 h -71 l -25 49 h -105
@ -354,7 +354,7 @@
m -26 31.75 h 60.5 m -60.5 35 h 60.5 m 0 33 v -99.75 m -26 31.75 h 60.5 m -60.5 35 h 60.5 m 0 33 v -99.75
m 69 0 v 50.75 m 0 -19.25 h -42.5 v 68 m 113.5 -40 v -28.75 h 43 m 69 0 v 50.75 m 0 -19.25 h -42.5 v 68 m 113.5 -40 v -28.75 h 43
"/> "/>
<path class="walls" style="stroke: white; fill: none; stroke-linecap: square;" d=" <path class="inner-walls" d="
M -95.625 -108.625 h 48 l 9 15 h 108.5 l 8.5 -15 h 34.5 M -95.625 -108.625 h 48 l 9 15 h 108.5 l 8.5 -15 h 34.5
v 19.5 l -23.25 49 v 48.75 h 32.5 v 85.25 v 19.5 l -23.25 49 v 48.75 h 32.5 v 85.25
h -43.25 v -34.25 h -71 l -25 49 h -105 h -43.25 v -34.25 h -71 l -25 49 h -105
@ -364,17 +364,17 @@
m -26 31.75 h 60.5 m -60.5 35 h 60.5 m 0 33 v -99.75 m -26 31.75 h 60.5 m -60.5 35 h 60.5 m 0 33 v -99.75
m 69 0 v 50.75 m 0 -19.25 h -42.5 v 68 m 113.5 -40 v -28.75 h 43 m 69 0 v 50.75 m 0 -19.25 h -42.5 v 68 m 113.5 -40 v -28.75 h 43
"/> "/>
<path class="windows" style="stroke-width: 2.5px; stroke: orange; stroke-linecap: square;" d=" <path class="windows" d="
M -78.25 -108.625 h 10 m 50 15 h 14 m 39 0 h 10 m 35 -15 h 10 M -78.25 -108.625 h 10 m 50 15 h 14 m 39 0 h 10 m 35 -15 h 10
m 23.1 4.5 v 10 m -23.2 81.5 v 10 m 12 11.2 h 16.5 m 4 19 v 10 m 0 24 v 10 m 23.1 4.5 v 10 m -23.2 81.5 v 10 m 12 11.2 h 16.5 m 4 19 v 10 m 0 24 v 10
m -21.25 22.25 h -17 m -19.5 -34.25 h -14.5 m -51 17.5 l -4.5 9 m -21.25 22.25 h -17 m -19.5 -34.25 h -14.5 m -51 17.5 l -4.5 9
m -116.5 3 v -10 m 0 -24 v -10 m 0 -23 v -10 m 26.5 -14.5 v -10 m 0 -35 v -10 m 0 -20 v -10 m -116.5 3 v -10 m 0 -24 v -10 m 0 -23 v -10 m 26.5 -14.5 v -10 m 0 -35 v -10 m 0 -20 v -10
"/> "/>
<path class="door-edges" style="stroke-width: 2.5px; stroke: orange; stroke-linecap: square;" d=" <path class="door-edges" d="
M 89.6 -27.5 v 10 m 6.75 57 h 10 m -57.75 -30.75 h -16.5 m -24.25 36.25 v 10 M 89.6 -27.5 v 10 m 6.75 57 h 10 m -57.75 -30.75 h -16.5 m -24.25 36.25 v 10
m -42.5 20.75 v 10 m -26.5 1.75 v -10 m -24 -2 h -10 m 0 -35 h 10 m 100 -70 h 15.5 m -42.5 20.75 v 10 m -26.5 1.75 v -10 m -24 -2 h -10 m 0 -35 h 10 m 100 -70 h 15.5
"/> "/>
<path class="doors" style="stroke: white; stroke-width: 2.25; stroke-linecap: square;" d=" <path class="doors" d="
M 89.6 -25 v 5 m 9 59.5 h 5.5 m -57.75 -30.75 h -12 m -26.5 38.75 v 5.25 M 89.6 -25 v 5 m 9 59.5 h 5.5 m -57.75 -30.75 h -12 m -26.5 38.75 v 5.25
m -42.5 25.5 v 5 m -26.5 1.75 v -5 m -26 -4.5 h -6 m .25 -35 h 5.5 m 104.5 -70 h 11 m -42.5 25.5 v 5 m -26.5 1.75 v -5 m -26 -4.5 h -6 m .25 -35 h 5.5 m 104.5 -70 h 11
"/> "/>
@ -396,16 +396,16 @@
<circle r="6.5" fill="white" /> <circle r="6.5" fill="white" />
<circle r="2.5" fill="black" /> <circle r="2.5" fill="black" />
</mask> </mask>
<circle class="branches" style="fill: rgb(141, 202, 141); stroke: green; mask: url(#trunk-outline)" r="6.5" mask="url(#trunk-outline)" /> <circle class="branches" r="6.5" mask="url(#trunk-outline)" />
<circle class="trunk" style="fill: brown;" r="2" /> <circle class="trunk" r="2" />
</g> </g>
<path id="bush" style=" fill: rgb(141, 202, 141); stroke: green; stroke-width: 0.5px; transform: scale(0.9);" d="m -4.8419646,1.6815712 c -0.2224,-0.58797 0.0373,-1.22438 -0.11465,-1.82718 -0.13335,-0.57348 -0.0486,-1.19322 0.31662,-1.6677 0.37485,-0.58981 0.9292504,-1.02199 1.5203804,-1.37775 0.37791,-0.29058 0.8322,-0.69438 1.3447,-0.48093 0.52883,0.22124 1.11777002,0.36526 1.69168002,0.27538 0.45164,-0.13122 0.78493,-0.50193 1.10890998,-0.82213 0.23823,-0.4706 0.79876,-0.76529 1.26021,-0.37753 0.75174,0.33698 1.53457,0.94104 1.60186,1.82553 0.009,0.47845 0.33305,0.83858 0.6865,1.11902 0.3949,0.43049 0.5194497,1.08616 0.39622,1.64816 -0.12486,0.51765 -0.59592,0.79391 -1.00538,1.0662 -0.3993,0.35161 -0.92629,0.72761 -0.88679,1.32791 0.0351,0.43819 -0.044,0.93411 -0.4491,1.18369 -0.75886,0.59794 -1.65352998,1.04869 -2.62829997769,1.12983 C -0.59642418,4.8046512 -1.2461242,4.8453312 -1.7811342,4.5051412 c -0.38949,-0.19045 -0.66499,-0.546 -0.75306,-0.96928 -0.19955,-0.51044 -0.67924,-0.93234 -1.24126,-0.95844 -0.4601204,-0.10269 -0.8649404,-0.47575 -1.0665104,-0.89585 z"/> <path id="bush" d="m -4.8419646,1.6815712 c -0.2224,-0.58797 0.0373,-1.22438 -0.11465,-1.82718 -0.13335,-0.57348 -0.0486,-1.19322 0.31662,-1.6677 0.37485,-0.58981 0.9292504,-1.02199 1.5203804,-1.37775 0.37791,-0.29058 0.8322,-0.69438 1.3447,-0.48093 0.52883,0.22124 1.11777002,0.36526 1.69168002,0.27538 0.45164,-0.13122 0.78493,-0.50193 1.10890998,-0.82213 0.23823,-0.4706 0.79876,-0.76529 1.26021,-0.37753 0.75174,0.33698 1.53457,0.94104 1.60186,1.82553 0.009,0.47845 0.33305,0.83858 0.6865,1.11902 0.3949,0.43049 0.5194497,1.08616 0.39622,1.64816 -0.12486,0.51765 -0.59592,0.79391 -1.00538,1.0662 -0.3993,0.35161 -0.92629,0.72761 -0.88679,1.32791 0.0351,0.43819 -0.044,0.93411 -0.4491,1.18369 -0.75886,0.59794 -1.65352998,1.04869 -2.62829997769,1.12983 C -0.59642418,4.8046512 -1.2461242,4.8453312 -1.7811342,4.5051412 c -0.38949,-0.19045 -0.66499,-0.546 -0.75306,-0.96928 -0.19955,-0.51044 -0.67924,-0.93234 -1.24126,-0.95844 -0.4601204,-0.10269 -0.8649404,-0.47575 -1.0665104,-0.89585 z"/>
</defs> </defs>
<g id="map1"> <g id="map1">
<g id="terrain" style="transform: translate(0, -390px)"> <g id="terrain" style="transform: translate(0, -390px)">
<rect class="floor" style="fill: white;" x="225.25" y="501.25" width="105.5" height="136"/> <rect class="floor" x="225.25" y="501.25" width="105.5" height="136"/>
<use x="251" y="524" href="#tree"/> <use x="251" y="524" href="#tree"/>
<use x="237.75" y="531.25" href="#tree"/> <use x="237.75" y="531.25" href="#tree"/>
<use x="268.5" y="523.75" href="#tree"/> <use x="268.5" y="523.75" href="#tree"/>
@ -453,7 +453,7 @@
</g> </g>
<g class="building4" style="transform: translate(100.5px, 83px)"> <g class="building4" style="transform: translate(100.5px, 83px)">
<use href="#building4"/> <use href="#building4"/>
<g class="furniture" style="fill: teal;"> <g class="furniture">
<use style="transform: translate(-21.5px, -39px)" href="#bed"/> <use style="transform: translate(-21.5px, -39px)" href="#bed"/>
<use style="transform: translate(22px, -51px)" href="#bed"/> <use style="transform: translate(22px, -51px)" href="#bed"/>
<use style="transform: translate(21.25px, 33px) rotate(-90deg)" href="#desk"/> <use style="transform: translate(21.25px, 33px) rotate(-90deg)" href="#desk"/>
@ -471,7 +471,7 @@
</g> </g>
<g class="building2" style="transform: translate(92px, 281px)"> <g class="building2" style="transform: translate(92px, 281px)">
<use href="#building2"/> <use href="#building2"/>
<g class="furniture" style="fill: teal;"> <g class="furniture">
<use style="transform: translate(-28.25px, -19.75px) rotate(90deg)" href="#couch"/> <use style="transform: translate(-28.25px, -19.75px) rotate(90deg)" href="#couch"/>
<use style="transform: translate(-11.25px, 32.75px)" href="#couch"/> <use style="transform: translate(-11.25px, 32.75px)" href="#couch"/>
@ -491,7 +491,7 @@
</g> </g>
<g class="building3" style="transform: translate(441.5px, 100.5px)"> <g class="building3" style="transform: translate(441.5px, 100.5px)">
<use style="transform: rotate(180deg)" href="#building3"/> <use style="transform: rotate(180deg)" href="#building3"/>
<g class="furniture" style="fill: teal;"> <g class="furniture">
<use style="transform: translate(-1.75px, -26.5px)" href="#couch"/> <use style="transform: translate(-1.75px, -26.5px)" href="#couch"/>
<use style="transform: translate(-8px, 15.5px)" href="#couch"/> <use style="transform: translate(-8px, 15.5px)" href="#couch"/>
<use style="transform: translate(20.5px, 36.75px)" href="#cabinet"/> <use style="transform: translate(20.5px, 36.75px)" href="#cabinet"/>
@ -513,7 +513,7 @@
</g> </g>
<g class="building6" style="transform: translate(440.75px, 288.5px)"> <g class="building6" style="transform: translate(440.75px, 288.5px)">
<use style="transform: rotate(180deg)" href="#building6"/> <use style="transform: rotate(180deg)" href="#building6"/>
<g class="furniture" style="fill: teal;"> <g class="furniture">
<use style="transform: translate(-8px, 40px)" href="#bed"/> <use style="transform: translate(-8px, 40px)" href="#bed"/>
<use style="transform: translate(-12px, -42px) rotate(90deg)" href="#couch"/> <use style="transform: translate(-12px, -42px) rotate(90deg)" href="#couch"/>
<use style="transform: translate(10px, 40.25px) rotate(180deg)" href="#desk"/> <use style="transform: translate(10px, 40.25px) rotate(180deg)" href="#desk"/>
@ -528,7 +528,7 @@
<g id="map2"> <g id="map2">
<g class="building1" style="transform: translate(220px, 280px)"> <g class="building1" style="transform: translate(220px, 280px)">
<use href="#building1"/> <use href="#building1"/>
<g class="furniture" style="fill: teal;"> <g class="furniture">
<use style="transform: translate(-22.5px, -49px) rotate(90deg)" href="#couch"/> <use style="transform: translate(-22.5px, -49px) rotate(90deg)" href="#couch"/>
<use style="transform: translate(-22.5px, 37px)" href="#bed"/> <use style="transform: translate(-22.5px, 37px)" href="#bed"/>
<use style="transform: translate(22.5px, 50.5px)" href="#bed"/> <use style="transform: translate(22.5px, 50.5px)" href="#bed"/>
@ -544,7 +544,7 @@
</g> </g>
<g class="building2" style="transform: translate(108px, 282px)"> <g class="building2" style="transform: translate(108px, 282px)">
<use href="#building2"/> <use href="#building2"/>
<g class="furniture" style="fill: teal;"> <g class="furniture">
<rect class="couch" x="-46" y="11" width="8.5" height="16"/> <rect class="couch" x="-46" y="11" width="8.5" height="16"/>
<rect class="couch" x="-15.5" y="36" width="16" height="8.5"/> <rect class="couch" x="-15.5" y="36" width="16" height="8.5"/>
<rect class="coffee-table" x="3.5" y="-54.5" width="5" height="9.5"/> <rect class="coffee-table" x="3.5" y="-54.5" width="5" height="9.5"/>
@ -562,7 +562,7 @@
</g> </g>
<g class="building3" style="transform: translate(485.5px, 264.5px)"> <g class="building3" style="transform: translate(485.5px, 264.5px)">
<use style="transform: rotate(180deg)" href="#building3"/> <use style="transform: rotate(180deg)" href="#building3"/>
<g class="furniture" style="fill: teal;"> <g class="furniture">
<use style="transform: translate(-2px, -28.5px)" href="#couch"/> <use style="transform: translate(-2px, -28.5px)" href="#couch"/>
<use style="transform: translate(-18px, 12.5px) rotate(90deg)" href="#couch"/> <use style="transform: translate(-18px, 12.5px) rotate(90deg)" href="#couch"/>
<use style="transform: translate(17.75px, 35.25px)" href="#cabinet"/> <use style="transform: translate(17.75px, 35.25px)" href="#cabinet"/>
@ -576,7 +576,7 @@
</g> </g>
<g class="building4" style="transform: translate(377.25px, 278.75px)"> <g class="building4" style="transform: translate(377.25px, 278.75px)">
<use href="#building4"/> <use href="#building4"/>
<g class="furniture" style="fill: teal;"> <g class="furniture">
<use style="transform: translate(-13.5px, -39px)" href="#bed"/> <use style="transform: translate(-13.5px, -39px)" href="#bed"/>
<use style="transform: translate(12px, -51px)" href="#bed"/> <use style="transform: translate(12px, -51px)" href="#bed"/>
<use style="transform: translate(23.5px, 48px) rotate(180deg)" href="#desk"/> <use style="transform: translate(23.5px, 48px) rotate(180deg)" href="#desk"/>
@ -594,7 +594,7 @@
</g> </g>
<g class="building5" style="transform: translate(103px, 84.75px)"> <g class="building5" style="transform: translate(103px, 84.75px)">
<use href="#building5"/> <use href="#building5"/>
<g class="furniture" style="fill: teal;"> <g class="furniture">
<use style="transform: translate(-36px, -17.25px) rotate(90deg)" href="#bed"/> <use style="transform: translate(-36px, -17.25px) rotate(90deg)" href="#bed"/>
<use style="transform: translate(23px, -17.25px) rotate(90deg)" href="#bed"/> <use style="transform: translate(23px, -17.25px) rotate(90deg)" href="#bed"/>
<use style="transform: translate(-40.25px, -.5px) rotate(90deg)" href="#couch"/> <use style="transform: translate(-40.25px, -.5px) rotate(90deg)" href="#couch"/>
@ -612,7 +612,7 @@
</g> </g>
<g class="building6" style="transform: translate(224px, 85.75px)"> <g class="building6" style="transform: translate(224px, 85.75px)">
<use href="#building6"/> <use href="#building6"/>
<g class="furniture" style="fill: teal;"> <g class="furniture">
<use style="transform: translate(9.5px, -40.5px)" href="#bed"/> <use style="transform: translate(9.5px, -40.5px)" href="#bed"/>
<use style="transform: translate(-8px, 11.5px) rotate(90deg)" href="#couch"/> <use style="transform: translate(-8px, 11.5px) rotate(90deg)" href="#couch"/>
<use style="transform: translate(8.75px, 48.75px) rotate(180deg)" href="#desk"/> <use style="transform: translate(8.75px, 48.75px) rotate(180deg)" href="#desk"/>
@ -624,7 +624,7 @@
</g> </g>
<g class="building7" style="transform: translate(427.75px, 110px)"> <g class="building7" style="transform: translate(427.75px, 110px)">
<use href="#building7"/> <use href="#building7"/>
<g class="furniture" style="fill: teal;"> <g class="furniture">
<use style="transform: translate(-99px, -46.5px)" href="#desk"/> <use style="transform: translate(-99px, -46.5px)" href="#desk"/>
<use style="transform: translate(-106px, 22px)" href="#desk"/> <use style="transform: translate(-106px, 22px)" href="#desk"/>
<use style="transform: translate(-46px, -58.75px) rotate(-90deg)" href="#desk"/> <use style="transform: translate(-46px, -58.75px) rotate(-90deg)" href="#desk"/>
@ -667,7 +667,7 @@
<g id="map3"> <g id="map3">
<g class="building1" style="transform: translate(359px, 98.5px)"> <g class="building1" style="transform: translate(359px, 98.5px)">
<use href="#building1"/> <use href="#building1"/>
<g class="furniture" style="fill: teal;"> <g class="furniture">
<rect class="couch" x="-28.75" y="-51.75" width="16" height="8.5"/> <rect class="couch" x="-28.75" y="-51.75" width="16" height="8.5"/>
<rect class="coffee-table" x="12.75" y="-48.75" width="9.5" height="5"/> <rect class="coffee-table" x="12.75" y="-48.75" width="9.5" height="5"/>
<rect class="coffee-table" x="22.75" y="-34.75" width="9.5" height="5"/> <rect class="coffee-table" x="22.75" y="-34.75" width="9.5" height="5"/>
@ -683,7 +683,7 @@
</g> </g>
<g class="building2" style="transform: translate(185px, 77.5px)"> <g class="building2" style="transform: translate(185px, 77.5px)">
<use style="transform: rotate(180deg)" href="#building2"/> <use style="transform: rotate(180deg)" href="#building2"/>
<g class="furniture" style="fill: teal;"> <g class="furniture">
<use style="transform: translate(-39px, -2.75px)" href="#couch"/> <use style="transform: translate(-39px, -2.75px)" href="#couch"/>
<use style="transform: translate(5.25px, -41px) rotate(90deg)" href="#couch"/> <use style="transform: translate(5.25px, -41px) rotate(90deg)" href="#couch"/>
@ -713,7 +713,7 @@
</g> </g>
<g class="building3" style="transform: translate(51.25px, 65.75px)"> <g class="building3" style="transform: translate(51.25px, 65.75px)">
<use href="#building3"/> <use href="#building3"/>
<g class="furniture" style="fill: teal;"> <g class="furniture">
<use style="transform: translate(2.25px, 23px)" href="#couch"/> <use style="transform: translate(2.25px, 23px)" href="#couch"/>
<use style="transform: translate(6.5px, -14px) rotate(90deg)" href="#couch"/> <use style="transform: translate(6.5px, -14px) rotate(90deg)" href="#couch"/>
<use style="transform: translate(-18.5px, -37px)" href="#cabinet"/> <use style="transform: translate(-18.5px, -37px)" href="#cabinet"/>
@ -726,7 +726,7 @@
</g> </g>
<g class="building4" style="transform: translate(499px, 96px)"> <g class="building4" style="transform: translate(499px, 96px)">
<use style="transform: rotate(180deg)" href="#building4"/> <use style="transform: rotate(180deg)" href="#building4"/>
<g class="furniture" style="fill: teal;"> <g class="furniture">
<use style="transform: translate(13.5px, 42px)" href="#bed"/> <use style="transform: translate(13.5px, 42px)" href="#bed"/>
<use style="transform: translate(-11.5px, 51px)" href="#bed"/> <use style="transform: translate(-11.5px, 51px)" href="#bed"/>
<use style="transform: translate(-23px, -51px)" href="#desk"/> <use style="transform: translate(-23px, -51px)" href="#desk"/>
@ -744,7 +744,7 @@
</g> </g>
<g class="building5" style="transform: translate(103px, 294.5px)"> <g class="building5" style="transform: translate(103px, 294.5px)">
<use href="#building5"/> <use href="#building5"/>
<g class="furniture" style="fill: teal;"> <g class="furniture">
<use style="transform: translate(-37px, -17.25px) rotate(90deg)" href="#bed"/> <use style="transform: translate(-37px, -17.25px) rotate(90deg)" href="#bed"/>
<use style="transform: translate(22px, -17.25px) rotate(90deg)" href="#bed"/> <use style="transform: translate(22px, -17.25px) rotate(90deg)" href="#bed"/>
<use style="transform: translate(-41.25px, -.5px) rotate(90deg)" href="#couch"/> <use style="transform: translate(-41.25px, -.5px) rotate(90deg)" href="#couch"/>
@ -762,7 +762,7 @@
</g> </g>
<g class="building6" style="transform: translate(224.5px, 275px)"> <g class="building6" style="transform: translate(224.5px, 275px)">
<use style="transform: rotate(180deg)" href="#building6"/> <use style="transform: rotate(180deg)" href="#building6"/>
<g class="furniture" style="fill: teal;"> <g class="furniture">
<use style="transform: translate(-9px, 39px)" href="#bed"/> <use style="transform: translate(-9px, 39px)" href="#bed"/>
<use style="transform: translate(.5px, 1px) rotate(90deg)" href="#couch"/> <use style="transform: translate(.5px, 1px) rotate(90deg)" href="#couch"/>
<use style="transform: translate(14px, 24.75px)" href="#couch"/> <use style="transform: translate(14px, 24.75px)" href="#couch"/>
@ -776,7 +776,7 @@
</g> </g>
<g class="building7" style="transform: translate(419px, 305.75px)"> <g class="building7" style="transform: translate(419px, 305.75px)">
<use href="#building7"/> <use href="#building7"/>
<g class="furniture" style="fill: teal;"> <g class="furniture">
<use style="transform: translate(-99px, -46.75px)" href="#desk"/> <use style="transform: translate(-99px, -46.75px)" href="#desk"/>
<use style="transform: translate(-106px, 21.25px)" href="#desk"/> <use style="transform: translate(-106px, 21.25px)" href="#desk"/>
<use style="transform: translate(-46.5px, -57.25px) rotate(-90deg)" href="#desk"/> <use style="transform: translate(-46.5px, -57.25px) rotate(-90deg)" href="#desk"/>
@ -819,7 +819,7 @@
<g id="map4"> <g id="map4">
<g class="building8" style="transform: translate(263.125px, 188.625px)"> <g class="building8" style="transform: translate(263.125px, 188.625px)">
<use href="#building8"/> <use href="#building8"/>
<g class="furniture" style="fill: teal;"> <g class="furniture">
<use style="transform: translate(-82px, -84px)" href="#couch"/> <use style="transform: translate(-82px, -84px)" href="#couch"/>
<use style="transform: translate(6px, -83.5px)" href="#couch"/> <use style="transform: translate(6px, -83.5px)" href="#couch"/>
<use style="transform: translate(23px, -84px)" href="#couch"/> <use style="transform: translate(23px, -84px)" href="#couch"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 43 KiB