681 lines
62 KiB
HTML
Executable File
681 lines
62 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<title>ETH map</title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<link rel="stylesheet" type="text/css" href="ethmap.css">
|
|
</head>
|
|
<body>
|
|
<div class="controls">
|
|
<div class="ui input">
|
|
<select id="floorSelect">
|
|
<option value="-1">All floors</option>
|
|
</select>
|
|
</div>
|
|
<div class="ui input">
|
|
<input type="text" id="filter" list="roomList" autocomplete="off" placeholder="Find room..."/>
|
|
</div>
|
|
<datalist id="roomList"></datalist>
|
|
<h1 id="label"></h1>
|
|
</div>
|
|
|
|
<div class="svgbox" id="map-container">
|
|
<svg class="floor floor-0" viewBox="-1 -1 287 212" xmlns="http://www.w3.org/2000/svg">
|
|
<clipPath id="outerWallClip0">
|
|
<path id="outerWall0" class="wall" d="M142.5,7
|
|
C275,10 275,10 279,105
|
|
C275,200 275,200 142.5,203
|
|
C10,200 10,200 7,105
|
|
C10,10 10,10 142.5,7
|
|
z" />
|
|
</clipPath>
|
|
<g class="walls">
|
|
<use class="wall" href="#outerWall0" />
|
|
|
|
<!-- Northern Elevator block-->
|
|
<g id="northElevators" class="elevators">
|
|
<rect x="132" y="30" width="10.5" height="10" class="inner-wall elevator"/>
|
|
<rect x="142.5" y="30" width="10.5" height="10" class="inner-wall elevator"/>
|
|
<rect x="132" y="50" width="10.5" height="10" class="inner-wall elevator"/>
|
|
<rect x="142.5" y="50" width="10.5" height="10" class="inner-wall elevator"/>
|
|
|
|
<use href="sprites.svg#elevator-icon" width="8" height="8" x="133" y="31" />
|
|
<use href="sprites.svg#elevator-icon" width="8" height="8" x="144" y="31" />
|
|
<use href="sprites.svg#elevator-icon" width="8" height="8" x="133" y="51" />
|
|
<use href="sprites.svg#elevator-icon" width="8" height="8" x="144" y="51" />
|
|
</g>
|
|
|
|
<!-- Northern stairs block-->
|
|
<g id="northStairs">
|
|
<path class="inner-wall stairs" d="M165,30 h22 v30 h-22 z"/>
|
|
<use href="sprites.svg#stairs-icon" width="14" height="14" x="169" y="38" />
|
|
</g>
|
|
<rect x="102" y="30" width="18" height="30" class="inner-wall here-must-be-aliens"/>
|
|
|
|
<!-- Southern Elevator block-->
|
|
<g id="southElevators" class="elevators">
|
|
<rect x="132" y="150" width="10.5" height="10" class="inner-wall elevator"/>
|
|
<rect x="142.5" y="150" width="10.5" height="10" class="inner-wall elevator"/>
|
|
<rect x="132" y="170" width="10.5" height="10" class="inner-wall elevator"/>
|
|
<rect x="142.5" y="170" width="10.5" height="10" class="inner-wall elevator"/>
|
|
|
|
<use href="sprites.svg#elevator-icon" width="8" height="8" x="133" y="151" />
|
|
<use href="sprites.svg#elevator-icon" width="8" height="8" x="144" y="151" />
|
|
<use href="sprites.svg#elevator-icon" width="8" height="8" x="133" y="171" />
|
|
<use href="sprites.svg#elevator-icon" width="8" height="8" x="144" y="171" />
|
|
</g>
|
|
|
|
<!-- Southern stairs block-->
|
|
<g id="southStairs">
|
|
<path class="inner-wall stairs" d="M120,150 h-22 v30 h22 z"/>
|
|
<use href="sprites.svg#stairs-icon" width="14" height="14" x="102" y="158" />
|
|
</g>
|
|
<rect x="165" y="150" width="17" height="30" class="inner-wall here-must-be-aliens"/>
|
|
</g>
|
|
<g class="rooms">
|
|
<!-- West side -->
|
|
<g><path class="room" d="M0,90 h75 v-30 h-28 v-60 H0 z" clip-path="url(#outerWallClip0)" id="r_ericsson_garage"/><use class="door-marker" href="sprites.svg#door-e" x="75" y="80" width="8" height="8"/></g>
|
|
<path class="room" d="M47,00 v60 h30 v-60 z" clip-path="url(#outerWallClip0)" id="r_bike_storage"/>
|
|
<g><path class="room" d="M77,00 v40 h25 v-10 h18 V0 z" clip-path="url(#outerWallClip0)" id="r_medical_bay"/><use class="door-marker" href="sprites.svg#door-e" x="120" y="22" width="8" height="8"/></g>
|
|
<g><path class="room" d="M77,40 h25 v20 h18 v15 h-45 v-15 h2 z" id="r_cross_bar_club"/><use class="door-marker" href="sprites.svg#door-s" x="77" y="75" width="8" height="8"/></g>
|
|
<rect x="88" y="75" width="15" height="15" class="storage"/>
|
|
<g><rect x="103" y="75" width="17" height="15" class="room" id="r_security"/><use class="door-marker" href="sprites.svg#door-e" x="120" y="80" width="8" height="8"/></g>
|
|
|
|
<path class="speedgate" d="M120,90 v30"/>
|
|
|
|
<g><rect x="60" y="90" width="15" height="30" class="room" id="r_bluetooth"/><use class="door-marker" href="sprites.svg#door-e" x="75" y="105" width="8" height="8"/></g>
|
|
|
|
<g><rect x="0" y="120" width="75" height="30" class="room" id="r_hilda" clip-path="url(#outerWallClip0)"/><use class="door-marker" href="sprites.svg#door-e" x="75" y="120" width="8" height="8"/></g>
|
|
<g><rect x="0" y="150" width="75" height="30" class="room" id="r_lars_magnus_ericsson" clip-path="url(#outerWallClip0)"/><use class="door-marker" href="sprites.svg#door-e" x="75" y="172" width="8" height="8"/></g>
|
|
<g><rect x="45" y="180" width="60" height="30" class="room" id="r_titan" clip-path="url(#outerWallClip0)"/><use class="door-marker" href="sprites.svg#door-n" x="75" y="172" width="8" height="8"/></g>
|
|
|
|
<g><rect x="88" y="120" width="15" height="30" class="room" id="r_erlang"/><use class="door-marker" href="sprites.svg#door-n" x="88" y="112" width="8" height="8"/></g>
|
|
<g><rect x="103" y="120" width="17" height="30" class="room" id="r_axe"/><use class="door-marker" href="sprites.svg#door-n" x="112" y="112" width="8" height="8"/></g>
|
|
|
|
<!-- East side -->
|
|
<g><rect x="165" y="120" width="17" height="20" class="room" id="r_reception"/><use class="door-marker" href="sprites.svg#door-s" x="174" y="140" width="8" height="8"/></g>
|
|
<g><path class="room" d="M165,210 v-30 h17 v-10 h10 v10v-10 h12 v40 z" clip-path="url(#outerWallClip0)" id="r_food_heating_area"/><use class="door-marker" href="sprites.svg#door-w" x="157" y="180" width="8" height="8"/></g>
|
|
<path class="inner-wall" d="M182,120 h13 v50 h-13 v-20 h3 v-10 h-3 z" clip-path="url(#outerWallClip0)"/>
|
|
|
|
<path class="storage" d="M180,0 v30 h7 v30 H285 V0 z" clip-path="url(#outerWallClip0)" id="kitchen_aka_mordor"/>
|
|
<rect x="165" y="60" width="30" height="30" class="inner-wall bar" id="r_bar"/>
|
|
<g><path class="room canteen" d="M195,60 v110 h7 V210 H285 V60 z" clip-path="url(#outerWallClip0)" id="r_canteen"/><use class="door-marker" href="sprites.svg#door-w" x="187" y="101.5" width="8" height="8"/></g>
|
|
|
|
<use href="sprites.svg#toilet-men-icon" width="14" height="10" x="182" y="125"/>
|
|
<use href="sprites.svg#toilet-women-icon" width="14" height="10" x="182" y="155"/>
|
|
</g>
|
|
</svg>
|
|
|
|
<svg class="floor floor-1" viewBox="-1 -1 287 212" xmlns="http://www.w3.org/2000/svg">
|
|
<clipPath id="outerWallClip1">
|
|
<path id="outerWall1" d="M0,0
|
|
h120 v8 q22.5,-1 45,0 v-8 h120
|
|
v90 h-8 q1,15 0,30 h8 v90
|
|
h-120 v-8 q-22.5,1 -45,0 v8 h-120
|
|
v-90 h8 q-1-15 0,-30 h-8 v-90
|
|
z M120,60
|
|
h45 v90 h-45 v-90
|
|
z" />
|
|
</clipPath>
|
|
<g class="walls">
|
|
<use class="wall" href="#outerWall1" />
|
|
|
|
<path class="room" d="M120,60h12v73h21v-73h12v90h-45z" id="t_1_25"/>
|
|
|
|
<!-- Northern WC + Elevator block-->
|
|
<g id="northTechBlock">
|
|
<path id="northToilet" class="inner-wall toilet" d="M103,30 h9 v3 h20 v27 h-29 z"/>
|
|
<use href="sprites.svg#toilet-icon" width="14" height="14" x="111" y="40"/>
|
|
<use href="#northElevators" />
|
|
<use href="#northStairs" />
|
|
<path class="speedgate" d="M155,30 h10" />
|
|
</g>
|
|
<use href="sprites.svg#kitchen-icon" width="30" height="15" x="128" y="10"/>
|
|
|
|
<!-- Southern WC + Elevator block-->
|
|
<g id="southTechBlock">
|
|
<path class="inner-wall toilet" d="M153,150 h29 v30 h-9 v-3 h-20 z"/>
|
|
<use href="sprites.svg#toilet-icon" width="14" height="14" x="160" y="157"/>
|
|
<use href="#southElevators" />
|
|
<use href="#southStairs" />
|
|
<path class="speedgate" d="M120,180 h10" />
|
|
</g>
|
|
<use href="sprites.svg#kitchen-icon" width="30" height="15" x="128" y="183"/>
|
|
</g>
|
|
<g class="rooms">
|
|
<!-- North west -->
|
|
<g><rect x="104" y="0" width="16" height="20" class="room" id="r_1_24"/><use class="door-marker" href="sprites.svg#door-s" x="113" y="20" width="8" height="8"/></g>
|
|
<g>
|
|
<rect x="0" y="20" width="60" height="170" class="room" id="r_lab_main" clip-path="url(#outerWallClip1)"/>
|
|
<use class="door-marker" href="sprites.svg#door-e" x="60" y="20" width="8" height="8"/>
|
|
<use class="door-marker" href="sprites.svg#door-e" x="60" y="180" width="8" height="8"/>
|
|
</g>
|
|
|
|
<!-- North east -->
|
|
<g><rect x="165" y="0" width="16" height="20" class="room" id="r_1_01"/><use class="door-marker" href="sprites.svg#door-s" x="174" y="20" width="8" height="8"/></g>
|
|
|
|
<rect x="200" y="36" width="11" height="12" class="storage"/>
|
|
<g><rect x="200" y="48" width="11" height="6" class="room" id="r_1_06"/><use class="door-marker" href="sprites.svg#door-w" x="192" y="47" width="8" height="8"/></g>
|
|
|
|
<g><rect x="217" y="36" width="6" height="8" class="room" id="r_1_04"/><use class="door-marker" href="sprites.svg#door-n" x="216" y="28" width="8" height="8"/></g>
|
|
<g><rect x="223" y="36" width="6" height="8" class="room" id="pb_1_03"/><use class="door-marker" href="sprites.svg#door-n" x="222" y="28" width="8" height="8"/></g>
|
|
<g><rect x="229" y="36" width="12" height="8" class="room" id="r_1_05"/><use class="door-marker" href="sprites.svg#door-n" x="228" y="28" width="8" height="8"/></g>
|
|
<g><rect x="217" y="44" width="12" height="16" class="room" id="r_1_02"/><use class="door-marker" href="sprites.svg#door-w" x="209" y="52" width="8" height="8"/></g>
|
|
<g><rect x="229" y="44" width="12" height="16" class="room" id="r_1_07"/><use class="door-marker" href="sprites.svg#door-e" x="241" y="52" width="8" height="8"/></g>
|
|
<g><rect x="217" y="60" width="12" height="8" class="room" id="r_1_09"/><use class="door-marker" href="sprites.svg#door-w" x="209" y="60" width="8" height="8"/></g>
|
|
<g><rect x="229" y="60" width="12" height="8" class="room" id="r_1_08"/><use class="door-marker" href="sprites.svg#door-e" x="241" y="60" width="8" height="8"/></g>
|
|
<g><rect x="217" y="68" width="24" height="16" class="room" id="r_1_10"/><use class="door-marker" href="sprites.svg#door-s" x="217" y="84" width="8" height="8"/></g>
|
|
|
|
<g><rect x="199" y="60" width="12" height="10" class="room" id="r_1_26"/><use class="door-marker" href="sprites.svg#door-e" x="211" y="60" width="8" height="8"/></g>
|
|
<g><rect x="165" y="60" width="34" height="38" class="room" id="r_coor"/><use class="door-marker" href="sprites.svg#door-n" x="191" y="52" width="8" height="8"/></g>
|
|
<rect x="199" y="70" width="12" height="28" class="storage"/>
|
|
<g><rect x="165" y="98" width="34" height="22" class="room" id="r_itte"/><use class="door-marker" href="sprites.svg#door-e" x="199" y="97.5" width="8" height="8"/></g>
|
|
|
|
<!-- South west : EMPTY -->
|
|
<!-- South east -->
|
|
<rect x="199" y="105" width="12" height="5" class="storage"/>
|
|
<g><rect x="199" y="110" width="12" height="10" class="room" id="r_1_27"/><use class="door-marker" href="sprites.svg#door-e" x="211" y="110" width="8" height="8"/></g>
|
|
<g><rect x="199" y="140" width="12" height="10" class="room" id="r_1_28"/><use class="door-marker" href="sprites.svg#door-e" x="211" y="140" width="8" height="8"/></g>
|
|
<g><rect x="165" y="120" width="34" height="30" class="room" id="r_hp"/><use class="door-marker" href="sprites.svg#door-s" x="191" y="150" width="8" height="8"/></g>
|
|
<rect x="199" y="120" width="12" height="20" class="storage"/>
|
|
|
|
<g><rect x="217" y="104" width="6" height="8" class="room" id="pb_1_12"/><use class="door-marker" href="sprites.svg#door-n" x="216" y="96" width="8" height="8"/></g>
|
|
<g><rect x="223" y="104" width="6" height="8" class="room" id="pb_1_13"/><use class="door-marker" href="sprites.svg#door-n" x="222" y="96" width="8" height="8"/></g>
|
|
<g><rect x="217" y="112" width="12" height="8" class="room" id="r_1_11"/><use class="door-marker" href="sprites.svg#door-w" x="209" y="112" width="8" height="8"/></g>
|
|
<g><rect x="229" y="104" width="12" height="16" class="room" id="r_1_14"/><use class="door-marker" href="sprites.svg#door-e" x="241" y="112" width="8" height="8"/></g>
|
|
<g><rect x="217" y="120" width="12" height="8" class="room" id="r_1_16"/><use class="door-marker" href="sprites.svg#door-w" x="209" y="120" width="8" height="8"/></g>
|
|
<g><rect x="229" y="120" width="12" height="8" class="room" id="r_1_15"/><use class="door-marker" href="sprites.svg#door-e" x="241" y="120" width="8" height="8"/></g>
|
|
<g><rect x="217" y="128" width="24" height="16" class="room" id="r_1_17"/><use class="door-marker" href="sprites.svg#door-s" x="217" y="144" width="8" height="8"/></g>
|
|
|
|
<g><rect x="217" y="161" width="6" height="8" class="room" id="pb_1_18"/><use class="door-marker" href="sprites.svg#door-n" x="216" y="153" width="8" height="8"/></g>
|
|
<g><rect x="223" y="161" width="6" height="8" class="room" id="pb_1_19"/><use class="door-marker" href="sprites.svg#door-n" x="222" y="153" width="8" height="8"/></g>
|
|
<g><rect x="217" y="169" width="12" height="8" class="room" id="r_1_21"/><use class="door-marker" href="sprites.svg#door-s" x="217" y="177" width="8" height="8"/></g>
|
|
<g><rect x="229" y="161" width="12" height="16" class="room" id="r_1_22"/><use class="door-marker" href="sprites.svg#door-s" x="229" y="177" width="8" height="8"/></g>
|
|
|
|
<rect x="182" y="157" width="18" height="10" class="storage"/>
|
|
<g><rect x="182" y="167" width="18" height="10" class="room" id="r_1_20"/><use class="door-marker" href="sprites.svg#door-e" x="200" y="169" width="8" height="8"/></g>
|
|
|
|
<g><rect x="165" y="190" width="16" height="20" class="room" id="r_1_23"/><use class="door-marker" href="sprites.svg#door-n" x="173" y="182" width="8" height="8"/></g>
|
|
</g>
|
|
</svg>
|
|
<svg class="floor floor-2" viewBox="-1 -1 287 212" xmlns="http://www.w3.org/2000/svg">
|
|
<g class="walls">
|
|
<path class="wall" d="M0,0
|
|
h120 v8 q22.5,-1 45,0 v-8 h120
|
|
v90 h-8 q1,15 0,30 h8 v90
|
|
h-120 v-8 q-22.5,1 -45,0 v8 h-120
|
|
v-90 h8 q-1-15 0,-30 h-8 v-90
|
|
z M120,60
|
|
h45 v30 h60 v30 h-60 v30 h-45 v-30 h-60 v-30 h60 v-30
|
|
z" />
|
|
|
|
<g>
|
|
<path class="room" d="M60,90 h60 v30 h-60 z" id="t_2_46"/>
|
|
<use class="door-marker" href="sprites.svg#door-n" x="90" y="82" width="8" height="8"/>
|
|
<use class="door-marker" href="sprites.svg#door-s" x="90" y="120" width="8" height="8"/>
|
|
</g>
|
|
<g>
|
|
<path class="room" d="M165,90 h60 v30 h-60 z" id="t_2_47"/>
|
|
<use class="door-marker" href="sprites.svg#door-n" x="180" y="82" width="8" height="8"/>
|
|
<use class="door-marker" href="sprites.svg#door-s" x="180" y="120" width="8" height="8"/>
|
|
</g>
|
|
|
|
<!-- Northern WC + Elevator + Stairs block-->
|
|
<use href="#northTechBlock" />
|
|
<use href="#kitchen-icon" width="20" height="15" x="98" y="60"/>
|
|
|
|
<!-- Southern WC + Elevator + Stairs block-->
|
|
<use href="#southTechBlock" />
|
|
<use href="#kitchen-icon" width="20" height="15" x="168" y="134"/>
|
|
</g>
|
|
<g class="rooms">
|
|
<!-- North west -->
|
|
<g><rect x="93" y="36" width="10" height="12" class="room" id="r_2_37"/><use class="door-marker" href="sprites.svg#door-w" x="85" y="36" width="8" height="8"/></g>
|
|
<g><rect x="93" y="48" width="10" height="12" class="room" id="r_2_38"/><use class="door-marker" href="sprites.svg#door-w" x="85" y="52" width="8" height="8"/></g>
|
|
|
|
<g><rect x="30" y="36" width="15" height="16" class="room" id="r_2_01"/><use class="door-marker" href="sprites.svg#door-e" x="45" y="36" width="8" height="8"/></g>
|
|
|
|
<g><rect x="54" y="36" width="15" height="16" class="room" id="r_2_02"/><use class="door-marker" href="sprites.svg#door-w" x="46" y="36" width="8" height="8"/></g>
|
|
<g><rect x="69" y="36" width="15" height="8" class="room" id="r_2_03"/><use class="door-marker" href="sprites.svg#door-e" x="84" y="36" width="8" height="8"/></g>
|
|
<g><rect x="69" y="44" width="7.5" height="8" class="room" id="pb_2_04"/><use class="door-marker" href="sprites.svg#door-s" x="68.75" y="52" width="8" height="8"/></g>
|
|
<g><rect x="76.5" y="44" width="7.5" height="8" class="room" id="pb_2_05"/><use class="door-marker" href="sprites.svg#door-s" x="76.25" y="52" width="8" height="8"/></g>
|
|
|
|
<g><rect x="54" y="60" width="7.5" height="8" class="room" id="pb_2_06"/><use class="door-marker" href="sprites.svg#door-n" x="53.75" y="52" width="8" height="8"/></g>
|
|
<g><rect x="61.5" y="60" width="7.5" height="8" class="room" id="pb_2_07"/><use class="door-marker" href="sprites.svg#door-n" x="61.25" y="52" width="8" height="8"/></g>
|
|
<rect x="69" y="60" width="15" height="8" class="storage"/>
|
|
<g><rect x="54" y="68" width="30" height="16" class="room" id="r_2_10"/><use class="door-marker" href="sprites.svg#door-s" x="54" y="84" width="8" height="8"/></g>
|
|
|
|
<g><rect x="30" y="66" width="15" height="8" class="room" id="r_2_08"/><use class="door-marker" href="sprites.svg#door-e" x="45" y="66" width="8" height="8"/></g>
|
|
<g><rect x="30" y="74" width="15" height="16" class="room" id="r_2_09"/><use class="door-marker" href="sprites.svg#door-e" x="45" y="74" width="8" height="8"/></g>
|
|
|
|
<g><rect x="0" y="60" width="22" height="16" class="room" id="r_2_39"/><use class="door-marker" href="sprites.svg#door-e" x="22" y="60" width="8" height="8"/></g>
|
|
<g><rect x="0" y="76" width="22" height="14" class="room" id="r_2_40"/><use class="door-marker" href="sprites.svg#door-e" x="22" y="82" width="8" height="8"/></g>
|
|
|
|
<!-- North east -->
|
|
<rect x="200" y="36" width="11" height="12" class="storage"/>
|
|
<g><rect x="200" y="48" width="11" height="12" class="room" id="r_2_31"/><use class="door-marker" href="sprites.svg#door-w" x="192" y="52" width="8" height="8"/></g>
|
|
<g><rect x="211" y="36" width="16" height="12" class="room" id="r_2_35"/><use class="door-marker" href="sprites.svg#door-e" x="227" y="36" width="8" height="8"/></g>
|
|
<g><rect x="211" y="48" width="16" height="32" class="room" id="r_2_32"/><use class="door-marker" href="sprites.svg#door-e" x="227" y="72" width="8" height="8"/></g>
|
|
|
|
<g><rect x="240" y="36" width="15" height="16" class="room" id="r_2_36"/><use class="door-marker" href="sprites.svg#door-w" x="232" y="36" width="8" height="8"/></g>
|
|
|
|
<g><rect x="240" y="66" width="7.5" height="8" class="room" id="pb_2_33"/><use class="door-marker" href="sprites.svg#door-n" x="239.75" y="58" width="8" height="8"/></g>
|
|
<g><rect x="247.5" y="66" width="7.5" height="8" class="room" id="pb_2_34"/><use class="door-marker" href="sprites.svg#door-n" x="247.25" y="58" width="8" height="8"/></g>
|
|
<g><rect x="240" y="74" width="15" height="16" class="room" id="r_2_30"/><use class="door-marker" href="sprites.svg#door-w" x="232" y="82" width="8" height="8"/></g>
|
|
<g><rect x="240" y="90" width="15" height="10" class="room" id="r_2_29"/><use class="door-marker" href="sprites.svg#door-w" x="232" y="90" width="8" height="8"/></g>
|
|
|
|
<!-- South west -->
|
|
<g><rect x="0" y="120" width="22" height="10" class="room" id="r_2_41"/><use class="door-marker" href="sprites.svg#door-e" x="22" y="120" width="8" height="8"/></g>
|
|
<g><rect x="0" y="130" width="22" height="20" class="room" id="r_2_42"/><use class="door-marker" href="sprites.svg#door-e" x="22" y="142" width="8" height="8"/></g>
|
|
<g><rect x="0" y="150" width="22" height="20" class="room" id="r_2_43"/><use class="door-marker" href="sprites.svg#door-e" x="22" y="150" width="8" height="8"/></g>
|
|
<g><rect x="0" y="170" width="22" height="17" class="room" id="r_2_44"/><use class="door-marker" href="sprites.svg#door-e" x="22" y="170" width="8" height="8"/></g>
|
|
<g><rect x="0" y="187" width="22" height="23" class="room" id="r_2_45"/><use class="door-marker" href="sprites.svg#door-e" x="22" y="187" width="8" height="8"/></g>
|
|
|
|
<g><rect x="30" y="110" width="15" height="10" class="room" id="r_2_11"/><use class="door-marker" href="sprites.svg#door-e" x="45" y="112" width="8" height="8"/></g>
|
|
<g><rect x="30" y="120" width="15" height="22" class="room" id="r_2_12"/><use class="door-marker" href="sprites.svg#door-e" x="45" y="120" width="8" height="8"/></g>
|
|
<g><rect x="30" y="142" width="7.5" height="8" class="room" id="pb_2_13"/><use class="door-marker" href="sprites.svg#door-s" x="30.25" y="150" width="8" height="8"/></g>
|
|
<g><rect x="37.5" y="142" width="7.5" height="8" class="room" id="pb_2_14"/><use class="door-marker" href="sprites.svg#door-s" x="37.75" y="150" width="8" height="8"/></g>
|
|
|
|
<g><rect x="30" y="158" width="15" height="16" class="room" id="r_2_17"/><use class="door-marker" href="sprites.svg#door-e" x="45" y="166" width="8" height="8"/></g>
|
|
|
|
<g><rect x="55" y="134" width="16" height="28" class="room" id="r_2_15"/><use class="door-marker" href="sprites.svg#door-w" x="47" y="134" width="8" height="8"/></g>
|
|
<g><rect x="55" y="162" width="16" height="12" class="room" id="r_2_18"/><use class="door-marker" href="sprites.svg#door-w" x="47" y="166" width="8" height="8"/></g>
|
|
<g><rect x="71" y="150" width="15" height="12" class="room" id="r_2_16"/><use class="door-marker" href="sprites.svg#door-e" x="86" y="150" width="8" height="8"/></g>
|
|
<rect x="71" y="162" width="15" height="12" class="storage"/>
|
|
|
|
<!-- South east -->
|
|
<g><rect x="240" y="120" width="15" height="16" class="room" id="r_2_28"/><use class="door-marker" href="sprites.svg#door-w" x="232" y="120" width="8" height="8"/></g>
|
|
<g><rect x="240" y="136" width="15" height="8" class="room" id="r_2_27"/><use class="door-marker" href="sprites.svg#door-w" x="232" y="136" width="8" height="8"/></g>
|
|
|
|
<g><rect x="240" y="158" width="7.5" height="8" class="room" id="pb_2_22"/><use class="door-marker" href="sprites.svg#door-n" x="239.75" y="150" width="8" height="8"/></g>
|
|
<g><rect x="247.5" y="158" width="7.5" height="8" class="room" id="pb_2_23"/><use class="door-marker" href="sprites.svg#door-n" x="247.25" y="150" width="8" height="8"/></g>
|
|
<g><rect x="240" y="166" width="15" height="8" class="room" id="r_2_21"/><use class="door-marker" href="sprites.svg#door-w" x="232" y="166" width="8" height="8"/></g>
|
|
|
|
<g><rect x="201" y="134" width="24" height="16" class="room" id="r_2_26"/><use class="door-marker" href="sprites.svg#door-n" x="217" y="126" width="8" height="8"/></g>
|
|
<g><rect x="201" y="150" width="12" height="8" class="room" id="r_2_24"/><use class="door-marker" href="sprites.svg#door-w" x="193" y="150" width="8" height="8"/></g>
|
|
<g><rect x="213" y="150" width="12" height="8" class="room" id="r_2_25"/><use class="door-marker" href="sprites.svg#door-e" x="225" y="150" width="8" height="8"/></g>
|
|
<g><rect x="201" y="158" width="12" height="16" class="room" id="r_2_19"/><use class="door-marker" href="sprites.svg#door-w" x="193" y="166" width="8" height="8"/></g>
|
|
<g><rect x="213" y="158" width="12" height="16" class="room" id="r_2_20"/><use class="door-marker" href="sprites.svg#door-e" x="225" y="166" width="8" height="8"/></g>
|
|
|
|
<rect x="182" y="150" width="10" height="12" class="storage"/>
|
|
<rect x="182" y="162" width="10" height="12" class="storage"/>
|
|
</g>
|
|
</svg>
|
|
<svg class="floor floor-3" viewBox="-1 -1 287 212" xmlns="http://www.w3.org/2000/svg">
|
|
<g class="walls">
|
|
<path class="wall" d="M0,0
|
|
h120 v8 q22.5,-1 45,0 v-8 h120
|
|
v90 h-8 q1,15 0,30 h8 v90
|
|
h-120 v-8 q-22.5,1 -45,0 v8 h-120
|
|
v-90 h8 q-1-15 0,-30 h-8 v-90
|
|
z M120,60
|
|
h45 v30 h60 v30 h-60 v30 h-45 v-30 h-60 v-30 h60 v-30
|
|
z" />
|
|
|
|
<!-- Northern WC + Elevator + Stairs block-->
|
|
<use href="#northTechBlock" />
|
|
<use href="#kitchen-icon" width="30" height="15" x="128" y="10"/>
|
|
|
|
<!-- Southern WC + Elevator + Stairs block-->
|
|
<use href="#southTechBlock" />
|
|
<use href="#kitchen-icon" width="30" height="15" x="128" y="183"/>
|
|
</g>
|
|
<g class="rooms">
|
|
<!-- North west -->
|
|
<g><rect x="90" y="0" width="30" height="20" class="room" id="r_3_36"/><use class="door-marker" href="sprites.svg#door-s" x="112" y="20" width="8" height="8"/></g>
|
|
|
|
<g><rect x="93" y="36" width="10" height="12" class="room" id="r_3_06"/><use class="door-marker" href="sprites.svg#door-w" x="85" y="36" width="8" height="8"/></g>
|
|
<rect x="93" y="48" width="10" height="12" class="storage"/>
|
|
|
|
<g><rect x="30" y="36" width="15" height="16" class="room" id="r_3_09"/><use class="door-marker" href="sprites.svg#door-e" x="45" y="36" width="8" height="8"/></g>
|
|
|
|
<g><rect x="55" y="36" width="6" height="8" class="room" id="pb_3_01"/><use class="door-marker" href="sprites.svg#door-n" x="54" y="28" width="8" height="8"/></g>
|
|
<g><rect x="61" y="36" width="6" height="8" class="room" id="pb_3_05"/><use class="door-marker" href="sprites.svg#door-n" x="60" y="28" width="8" height="8"/></g>
|
|
<g><rect x="67" y="36" width="6" height="8" class="room" id="pb_3_02"/><use class="door-marker" href="sprites.svg#door-n" x="66" y="28" width="8" height="8"/></g>
|
|
<g><rect x="73" y="36" width="6" height="8" class="room" id="pb_3_03"/><use class="door-marker" href="sprites.svg#door-n" x="72" y="28" width="8" height="8"/></g>
|
|
<rect x="55" y="44" width="12" height="8" class="storage"/>
|
|
<g><rect x="55" y="52" width="12" height="8" class="room" id="r_3_04"/><use class="door-marker" href="sprites.svg#door-w" x="47" y="52" width="8" height="8"/></g>
|
|
<g><rect x="67" y="44" width="12" height="16" class="room" id="r_3_12"/><use class="door-marker" href="sprites.svg#door-e" x="79" y="52" width="8" height="8"/></g>
|
|
|
|
<g><rect x="30" y="66" width="15" height="8" class="room" id="r_3_08"/><use class="door-marker" href="sprites.svg#door-e" x="45" y="66" width="8" height="8"/></g>
|
|
<g><rect x="30" y="74" width="15" height="16" class="room" id="r_3_07"/><use class="door-marker" href="sprites.svg#door-e" x="45" y="82" width="8" height="8"/></g>
|
|
|
|
<!-- North east -->
|
|
<g><rect x="165" y="0" width="35" height="20" class="room" id="r_3_35"/><use class="door-marker" href="sprites.svg#door-s" x="165" y="20" width="8" height="8"/></g>
|
|
|
|
<rect x="200" y="36" width="11" height="12" class="storage"/>
|
|
<g><rect x="200" y="48" width="11" height="12" class="room" id="r_3_34"/><use class="door-marker" href="sprites.svg#door-w" x="192" y="52" width="8" height="8"/></g>
|
|
<g><rect x="211" y="36" width="14" height="14" class="room" id="r_3_33"/><use class="door-marker" href="sprites.svg#door-e" x="225" y="42" width="8" height="8"/></g>
|
|
<g><rect x="211" y="50" width="14" height="10" class="room" id="r_3_32"/><use class="door-marker" href="sprites.svg#door-e" x="225" y="50" width="8" height="8"/></g>
|
|
|
|
<g><rect x="240" y="36" width="15" height="16" class="room" id="r_3_31"/><use class="door-marker" href="sprites.svg#door-w" x="232" y="44" width="8" height="8"/></g>
|
|
|
|
<g><rect x="240" y="66" width="7.5" height="8" class="room" id="pb_3_30"/><use class="door-marker" href="sprites.svg#door-n" x="239.75" y="58" width="8" height="8"/></g>
|
|
<g><rect x="247.5" y="66" width="7.5" height="8" class="room" id="pb_3_29"/><use class="door-marker" href="sprites.svg#door-n" x="247.25" y="58" width="8" height="8"/></g>
|
|
<g><rect x="240" y="74" width="15" height="16" class="room" id="r_3_28"/><use class="door-marker" href="sprites.svg#door-w" x="232" y="82" width="8" height="8"/></g>
|
|
<g><rect x="240" y="90" width="15" height="10" class="room" id="r_3_27"/><use class="door-marker" href="sprites.svg#door-w" x="232" y="90" width="8" height="8"/></g>
|
|
|
|
<!-- South west -->
|
|
<g><rect x="30" y="110" width="15" height="10" class="room" id="r_3_37"/><use class="door-marker" href="sprites.svg#door-e" x="45" y="111" width="8" height="8"/></g>
|
|
<g><rect x="30" y="120" width="15" height="22" class="room" id="r_3_39"/><use class="door-marker" href="sprites.svg#door-w" x="22" y="134" width="8" height="8"/></g>
|
|
<g><rect x="30" y="142" width="15" height="8" class="room" id="r_3_38"/><use class="door-marker" href="sprites.svg#door-w" x="22" y="142" width="8" height="8"/></g>
|
|
<g><rect x="30" y="150" width="15" height="8" class="room" id="r_3_41"/><use class="door-marker" href="sprites.svg#door-w" x="22" y="150" width="8" height="8"/></g>
|
|
<g><rect x="30" y="158" width="15" height="8" class="room" id="r_3_42"/><use class="door-marker" href="sprites.svg#door-w" x="22" y="158" width="8" height="8"/></g>
|
|
<g><rect x="30" y="166" width="7.5" height="8" class="room" id="pb_3_40"/><use class="door-marker" href="sprites.svg#door-s" x="29.75" y="174" width="8" height="8"/></g>
|
|
<g><rect x="37.5" y="166" width="7.5" height="8" class="room" id="pb_3_21"/><use class="door-marker" href="sprites.svg#door-s" x="37.25" y="174" width="8" height="8"/></g>
|
|
|
|
<g><rect x="55" y="150" width="8" height="6" class="room" id="pb_3_11"/><use class="door-marker" href="sprites.svg#door-w" x="47" y="149" width="8" height="8"/></g>
|
|
<g><rect x="55" y="156" width="8" height="6" class="room" id="pb_3_10"/><use class="door-marker" href="sprites.svg#door-w" x="47" y="155" width="8" height="8"/></g>
|
|
<g><rect x="63" y="150" width="8" height="12" class="room" id="r_3_13"/><use class="door-marker" href="sprites.svg#door-n" x="63" y="142" width="8" height="8"/></g>
|
|
<g><rect x="55" y="162" width="16" height="12" class="room" id="r_3_14"/><use class="door-marker" href="sprites.svg#door-w" x="47" y="162" width="8" height="8"/></g>
|
|
<g><rect x="71" y="162" width="15" height="12" class="room" id="r_3_15"/><use class="door-marker" href="sprites.svg#door-e" x="86" y="166" width="8" height="8"/></g>
|
|
<rect x="71" y="150" width="15" height="12" class="storage"/>
|
|
|
|
<g><rect x="85" y="190" width="35" height="20" class="room" id="r_3_16"/><use class="door-marker" href="sprites.svg#door-n" x="112" y="182" width="8" height="8"/></g>
|
|
|
|
<!-- South east -->
|
|
<g>
|
|
<rect x="240" y="120" width="15" height="8" class="room" id="r_3_26"/>
|
|
<use class="door-marker" href="sprites.svg#door-w" x="232" y="120" width="8" height="8"/>
|
|
</g>
|
|
<g>
|
|
<rect x="240" y="128" width="15" height="16" class="room" id="r_3_25"/>
|
|
<use class="door-marker" href="sprites.svg#door-w" x="232" y="128" width="8" height="8"/>
|
|
</g>
|
|
|
|
<g>
|
|
<rect x="240" y="158" width="15" height="16" class="room" id="r_3_18"/>
|
|
<use class="door-marker" href="sprites.svg#door-w" x="232" y="166" width="8" height="8"/>
|
|
</g>
|
|
|
|
<g>
|
|
<rect x="201" y="150" width="12" height="8" class="room" id="r_3_23"/>
|
|
<use class="door-marker" href="sprites.svg#door-w" x="193" y="150" width="8" height="8"/>
|
|
</g>
|
|
<g>
|
|
<rect x="213" y="150" width="12" height="8" class="room" id="r_3_22"/>
|
|
<use class="door-marker" href="sprites.svg#door-e" x="225" y="150" width="8" height="8"/>
|
|
</g>
|
|
<g>
|
|
<rect x="201" y="158" width="12" height="16" class="room" id="r_3_24"/>
|
|
<use class="door-marker" href="sprites.svg#door-w" x="193" y="166" width="8" height="8"/>
|
|
</g>
|
|
<rect x="213" y="158" width="12" height="8" class="storage"/>
|
|
<g>
|
|
<rect x="213" y="166" width="6" height="8" class="room" id="pb_3_20"/>
|
|
<use class="door-marker" href="sprites.svg#door-s" x="212" y="174" width="8" height="8"/>
|
|
</g>
|
|
<g>
|
|
<rect x="219" y="166" width="6" height="8" class="room" id="pb_3_19"/>
|
|
<use class="door-marker" href="sprites.svg#door-s" x="218" y="174" width="8" height="8"/>
|
|
</g>
|
|
|
|
<g>
|
|
<rect x="165" y="190" width="30" height="20" class="room" id="r_3_17"/>
|
|
<use class="door-marker" href="sprites.svg#door-n" x="165" y="182" width="8" height="8"/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
<svg class="floor floor-4" viewBox="-1 -1 287 212" xmlns="http://www.w3.org/2000/svg">
|
|
<g class="walls">
|
|
<path class="wall" d="M0,0
|
|
h120 v8 q22.5,-1 45,0 v-8 h120
|
|
v90 h-8 q1,15 0,30 h8 v90
|
|
h-120 v-8 q-22.5,1 -45,0 v8 h-120
|
|
v-90 h8 q-1-15 0,-30 h-8 v-90
|
|
z M120,60
|
|
h45 v30 h60 v30 h-60 v30 h-45 v-30 h-60 v-30 h60 v-30
|
|
z" />
|
|
|
|
<!-- Northern WC + Elevator + Stairs block-->
|
|
<use href="#northTechBlock" />
|
|
<use href="#kitchen-icon" width="30" height="15" x="128" y="10"/>
|
|
<!-- Southern WC + Elevator + Stairs block-->
|
|
<use href="#southTechBlock" />
|
|
<use href="#kitchen-icon" width="30" height="15" x="128" y="183"/>
|
|
</g>
|
|
<g class="rooms">
|
|
<!-- North west -->
|
|
<g><rect x="90" y="0" width="30" height="20" class="room" id="r_4_35"/><use class="door-marker" href="sprites.svg#door-s" x="113" y="20" width="8" height="8"/></g>
|
|
|
|
<g><rect x="93" y="36" width="10" height="12" class="room" id="r_4_06"/><use class="door-marker" href="sprites.svg#door-w" x="85" y="36" width="8" height="8"/></g>
|
|
<rect x="93" y="48" width="10" height="12" class="storage"/>
|
|
|
|
<g><rect x="30" y="36" width="15" height="16" class="room" id="r_4_09"/><use class="door-marker" href="sprites.svg#door-e" x="45" y="35" width="8" height="8"/></g>
|
|
|
|
<g><rect x="55" y="36" width="6" height="8" class="room" id="pb_4_01"/><use class="door-marker" href="sprites.svg#door-n" x="54" y="28" width="8" height="8"/></g>
|
|
<g><rect x="61" y="36" width="6" height="8" class="room" id="pb_4_05"/><use class="door-marker" href="sprites.svg#door-n" x="60" y="28" width="8" height="8"/></g>
|
|
<g><rect x="67" y="36" width="6" height="8" class="room" id="pb_4_02"/><use class="door-marker" href="sprites.svg#door-n" x="66" y="28" width="8" height="8"/></g>
|
|
<g><rect x="73" y="36" width="6" height="8" class="room" id="pb_4_03"/><use class="door-marker" href="sprites.svg#door-n" x="72" y="28" width="8" height="8"/></g>
|
|
<rect x="55" y="44" width="12" height="8" class="storage"/>
|
|
<g><rect x="55" y="52" width="12" height="8" class="room" id="r_4_04"/><use class="door-marker" href="sprites.svg#door-w" x="47" y="52" width="8" height="8"/></g>
|
|
<g><rect x="67" y="44" width="12" height="16" class="room" id="r_4_12"/><use class="door-marker" href="sprites.svg#door-e" x="79" y="52" width="8" height="8"/></g>
|
|
|
|
<g><rect x="30" y="66" width="15" height="8" class="room" id="r_4_08"/><use class="door-marker" href="sprites.svg#door-n" x="38" y="58" width="8" height="8"/></g>
|
|
<g><rect x="30" y="74" width="15" height="16" class="room" id="r_4_07"/><use class="door-marker" href="sprites.svg#door-e" x="45" y="83" width="8" height="8"/></g>
|
|
|
|
<!-- North east -->
|
|
<g><rect x="165" y="0" width="35" height="20" class="room" id="r_4_34"/><use class="door-marker" href="sprites.svg#door-s" x="165" y="20" width="8" height="8"/></g>
|
|
|
|
<rect x="200" y="36" width="11" height="12" class="storage"/>
|
|
<g><rect x="200" y="48" width="11" height="12" class="room" id="r_4_33"/><use class="door-marker" href="sprites.svg#door-w" x="192" y="52" width="8" height="8"/></g>
|
|
<g><rect x="211" y="36" width="14" height="14" class="room" id="r_4_32"/><use class="door-marker" href="sprites.svg#door-e" x="225" y="42" width="8" height="8"/></g>
|
|
<g><rect x="211" y="50" width="14" height="10" class="room" id="r_4_31"/><use class="door-marker" href="sprites.svg#door-e" x="225" y="51" width="8" height="8"/></g>
|
|
|
|
<g><rect x="240" y="36" width="15" height="16" class="room" id="r_4_30"/><use class="door-marker" href="sprites.svg#door-w" x="232" y="44" width="8" height="8"/></g>
|
|
|
|
<g><rect x="240" y="66" width="7.5" height="8" class="room" id="pb_4_29"/><use class="door-marker" href="sprites.svg#door-n" x="239.5" y="58" width="8" height="8"/></g>
|
|
<g><rect x="247.5" y="66" width="7.5" height="8" class="room" id="pb_4_28"/><use class="door-marker" href="sprites.svg#door-n" x="247" y="58" width="8" height="8"/></g>
|
|
<g><rect x="240" y="74" width="15" height="16" class="room" id="r_4_27"/><use class="door-marker" href="sprites.svg#door-w" x="232" y="82" width="8" height="8"/></g>
|
|
<g><rect x="240" y="90" width="15" height="10" class="room" id="r_4_26"/><use class="door-marker" href="sprites.svg#door-w" x="232" y="90" width="8" height="8"/></g>
|
|
|
|
<!-- South west -->
|
|
<g><rect x="30" y="110" width="15" height="10" class="room" id="r_4_36"/><use class="door-marker" href="sprites.svg#door-e" x="45" y="112" width="8" height="8"/></g>
|
|
<g><rect x="30" y="120" width="15" height="16" class="room" id="r_4_38"/><use class="door-marker" href="sprites.svg#door-e" x="45" y="121" width="8" height="8"/></g>
|
|
<g><rect x="30" y="136" width="15" height="8" class="room" id="r_4_37"/><use class="door-marker" href="sprites.svg#door-e" x="45" y="136" width="8" height="8"/></g>
|
|
|
|
<g><rect x="30" y="158" width="15" height="16" class="room" id="r_4_39"/><use class="door-marker" href="sprites.svg#door-e" x="45" y="166" width="8" height="8"/></g>
|
|
|
|
<g><rect x="55" y="150" width="8" height="6" class="room" id="pb_4_11"/><use class="door-marker" href="sprites.svg#door-w" x="47" y="149" width="8" height="8"/></g>
|
|
<g><rect x="55" y="156" width="8" height="6" class="room" id="pb_4_10"/><use class="door-marker" href="sprites.svg#door-w" x="47" y="155" width="8" height="8"/></g>
|
|
<g><rect x="63" y="150" width="8" height="12" class="room" id="r_4_13"/><use class="door-marker" href="sprites.svg#door-n" x="63" y="142" width="8" height="8"/></g>
|
|
<g><rect x="55" y="162" width="16" height="12" class="room" id="r_4_14"/><use class="door-marker" href="sprites.svg#door-w" x="47" y="162" width="8" height="8"/></g>
|
|
<rect x="71" y="162" width="15" height="12" class="storage"/>
|
|
<g><rect x="71" y="150" width="15" height="12" class="room" id="r_4_15"/><use class="door-marker" href="sprites.svg#door-e" x="86" y="150" width="8" height="8"/></g>
|
|
|
|
<g><rect x="85" y="190" width="35" height="20" class="room" id="r_4_16"/><use class="door-marker" href="sprites.svg#door-n" x="112" y="182" width="8" height="8"/></g>
|
|
|
|
<!-- South east -->
|
|
<g><rect x="240" y="120" width="15" height="8" class="room" id="r_4_25"/><use class="door-marker" href="sprites.svg#door-w" x="232" y="120" width="8" height="8"/></g>
|
|
<g><rect x="240" y="128" width="15" height="16" class="room" id="r_4_24"/><use class="door-marker" href="sprites.svg#door-w" x="232" y="128" width="8" height="8"/></g>
|
|
|
|
<g><rect x="240" y="158" width="15" height="16" class="room" id="r_4_18"/><use class="door-marker" href="sprites.svg#door-w" x="232" y="166" width="8" height="8"/></g>
|
|
|
|
<g><rect x="201" y="150" width="12" height="8" class="room" id="r_4_22"/><use class="door-marker" href="sprites.svg#door-w" x="193" y="150" width="8" height="8"/></g>
|
|
<g><rect x="213" y="150" width="12" height="8" class="room" id="r_4_21"/><use class="door-marker" href="sprites.svg#door-e" x="225" y="150" width="8" height="8"/></g>
|
|
<g><rect x="201" y="158" width="12" height="16" class="room" id="r_4_23"/><use class="door-marker" href="sprites.svg#door-w" x="192" y="166" width="8" height="8"/></g>
|
|
<rect x="213" y="158" width="12" height="8" class="storage"/>
|
|
<g><rect x="213" y="166" width="6" height="8" class="room" id="pb_4_20"/><use class="door-marker" href="sprites.svg#door-s" x="212" y="174" width="8" height="8"/></g>
|
|
<g><rect x="219" y="166" width="6" height="8" class="room" id="pb_4_19"/><use class="door-marker" href="sprites.svg#door-s" x="218" y="174" width="8" height="8"/></g>
|
|
|
|
<g><rect x="165" y="190" width="30" height="20" class="room" id="r_4_17"/><use class="door-marker" href="sprites.svg#door-n" x="165" y="182" width="8" height="8"/></g>
|
|
</g>
|
|
</svg>
|
|
<svg class="floor floor-5" viewBox="-1 -1 287 212" xmlns="http://www.w3.org/2000/svg">
|
|
<clipPath id="outerWallClip5">
|
|
<path id="outerWall5" d="M142.5,7
|
|
C275,10 275,10 279,105
|
|
C275,200 275,200 142.5,203
|
|
C10,200 10,200 7,105
|
|
C10,10 10,10 142.5,7
|
|
z M60,60
|
|
h165 v90 h-165 v-90
|
|
z" />
|
|
</clipPath>
|
|
<g class="walls">
|
|
<g><rect x="165" y="0" width="120" height="90" class="room" id="t_5_39"/><use class="door-marker" href="sprites.svg#door-n" x="167" y="0" width="8" height="8"/></g>
|
|
<g><rect x="165" y="120" width="120" height="90" class="room" id="t_5_40"/><use class="door-marker" href="sprites.svg#door-s" x="167" y="202" width="8" height="8"/></g>
|
|
|
|
<use class="wall" href="#outerWall5" />
|
|
|
|
<g><path class="room" d="M60,60 h60 v30 h-60 z" id="t_5_41"/><use class="door-marker" href="sprites.svg#door-s" x="89" y="60" width="8" height="8"/></g>
|
|
<g><path class="room" d="M165,60 h60 v30 h-60 z" id="t_5_44"/><use class="door-marker" href="sprites.svg#door-n" x="187" y="52" width="8" height="8"/></g>
|
|
<g><path class="room" d="M60,120 h60 v30 h-60 z" id="t_5_42"/><use class="door-marker" href="sprites.svg#door-s" x="89" y="150" width="8" height="8"/></g>
|
|
<g><path class="room" d="M165,120 h60 v30 h-60 z" id="t_5_43"/><use class="door-marker" href="sprites.svg#door-s" x="197" y="150" width="8" height="8"/></g>
|
|
|
|
<!-- Northern WC + Elevator + Stairs block-->
|
|
<use href="#northTechBlock" />
|
|
<use href="#kitchen-icon" width="20" height="15" x="148" y="7"/>
|
|
|
|
<!-- Southern WC + Elevator + Stairs block-->
|
|
<use href="#southTechBlock" />
|
|
<use href="#kitchen-icon" width="20" height="15" x="148" y="188"/>
|
|
</g>
|
|
<g class="rooms">
|
|
<!-- North west -->
|
|
<g><rect x="98" y="0" width="10" height="21" class="room" id="r_5_02" clip-path="url(#outerWallClip5)"/><use class="door-marker" href="sprites.svg#door-s" x="100" y="21" width="8" height="8"/></g>
|
|
<g><rect x="108" y="0" width="10" height="21" class="room" id="r_5_01" clip-path="url(#outerWallClip5)"/><use class="door-marker" href="sprites.svg#door-s" x="108" y="21" width="8" height="8"/></g>
|
|
<g><rect x="118" y="0" width="20" height="21" class="room" id="r_5_36" clip-path="url(#outerWallClip5)"/><use class="door-marker" href="sprites.svg#door-s" x="118" y="21" width="8" height="8"/></g>
|
|
|
|
<rect x="75" y="30" width="28" height="7" class="storage"/>
|
|
<g><path class="room" id="r_hr" d="M103,37 h-37 v16 h-14 v7 h51 z"/><use class="door-marker" href="sprites.svg#door-n" x="66" y="29" width="8" height="8"/></g>
|
|
<g><rect x="45" y="37" width="7" height="8" class="room" id="pb_5_05"/><use class="door-marker" href="sprites.svg#door-n" x="44.5" y="29" width="8" height="8"/></g>
|
|
<g><rect x="52" y="37" width="14" height="8" class="room" id="r_5_03"/><use class="door-marker" href="sprites.svg#door-n" x="52" y="29" width="8" height="8"/></g>
|
|
<g><rect x="45" y="45" width="7" height="8" class="room" id="pb_5_04"/><use class="door-marker" href="sprites.svg#door-s" x="44.5" y="53" width="8" height="8"/></g>
|
|
<g><rect x="52" y="45" width="7" height="8" class="room" id="pb_5_07"/><use class="door-marker" href="sprites.svg#door-s" x="51.5" y="53" width="8" height="8"/></g>
|
|
<g><rect x="59" y="45" width="7" height="8" class="room" id="pb_5_37"/><use class="door-marker" href="sprites.svg#door-s" x="58.5" y="53" width="8" height="8"/></g>
|
|
|
|
<g><rect x="44" y="60" width="16" height="20" class="room" id="r_5_38"/><use class="door-marker" href="sprites.svg#door-n" x="52" y="52" width="8" height="8"/></g>
|
|
<g><rect x="44" y="80" width="16" height="10" class="room" id="r_5_06"/><use class="door-marker" href="sprites.svg#door-w" x="36" y="80" width="8" height="8"/></g>
|
|
|
|
<!-- North east -->
|
|
<g><rect x="178" y="0" width="10" height="21" class="room" id="r_5_35" clip-path="url(#outerWallClip5)"/><use class="door-marker" href="sprites.svg#door-s" x="180" y="21" width="8" height="8"/></g>
|
|
<g><rect x="188" y="0" width="10" height="21" class="room" id="r_5_34" clip-path="url(#outerWallClip5)"/><use class="door-marker" href="sprites.svg#door-s" x="188" y="21" width="8" height="8"/></g>
|
|
|
|
<rect x="195" y="34" width="10" height="12" class="storage"/>
|
|
<g><rect x="195" y="46" width="10" height="8" class="room" id="r_5_31"/><use class="door-marker" href="sprites.svg#door-w" x="187" y="46" width="8" height="8"/></g>
|
|
<g><rect x="205" y="34" width="14" height="10" class="room" id="r_5_32"/><use class="door-marker" href="sprites.svg#door-n" x="205" y="26" width="8" height="8"/></g>
|
|
<g><rect x="205" y="44" width="14" height="10" class="room" id="r_5_30"/><use class="door-marker" href="sprites.svg#door-s" x="205" y="54" width="8" height="8"/></g>
|
|
<g><rect x="219" y="34" width="14" height="10" class="room" id="r_5_33"/><use class="door-marker" href="sprites.svg#door-n" x="225" y="26" width="8" height="8"/></g>
|
|
<g><rect x="219" y="44" width="7" height="10" class="room" id="pb_5_29"/><use class="door-marker" href="sprites.svg#door-s" x="218.5" y="54" width="8" height="8"/></g>
|
|
<g><rect x="226" y="44" width="7" height="10" class="room" id="pb_5_28"/><use class="door-marker" href="sprites.svg#door-s" x="225.5" y="54" width="8" height="8"/></g>
|
|
|
|
<g><rect x="225" y="60" width="16" height="40" class="room" id="r_5_27"/><use class="door-marker" href="sprites.svg#door-n" x="225" y="52" width="8" height="8"/></g>
|
|
|
|
<!-- South west -->
|
|
<rect x="44" y="110" width="12" height="10" class="storage"/>
|
|
<g><rect x="44" y="120" width="12" height="10" class="room" id="r_5_08"/><use class="door-marker" href="sprites.svg#door-e" x="56" y="120" width="8" height="8"/></g>
|
|
<g><rect x="44" y="130" width="12" height="10" class="room" id="r_5_09"/><use class="door-marker" href="sprites.svg#door-e" x="56" y="132" width="8" height="8"/></g>
|
|
<g><rect x="44" y="140" width="6" height="9" class="room" id="pb_5_10"/><use class="door-marker" href="sprites.svg#door-w" x="36" y="140" width="8" height="8"/></g>
|
|
<g><rect x="50" y="140" width="6" height="9" class="room" id="pb_5_11"/><use class="door-marker" href="sprites.svg#door-s" x="49.5" y="149" width="8" height="8"/></g>
|
|
|
|
<g><rect x="46" y="156" width="29" height="18" class="room" id="r_5_12"/><use class="door-marker" href="sprites.svg#door-n" x="67" y="148" width="8" height="8"/></g>
|
|
<rect x="75" y="157" width="13" height="17" class="storage"/>
|
|
|
|
<g><rect x="98" y="189" width="10" height="21" class="room" id="r_5_13" clip-path="url(#outerWallClip5)"/><use class="door-marker" href="sprites.svg#door-n" x="100" y="181" width="8" height="8"/></g>
|
|
<g><rect x="108" y="189" width="10" height="21" class="room" id="r_5_14" clip-path="url(#outerWallClip5)"/><use class="door-marker" href="sprites.svg#door-n" x="108" y="181" width="8" height="8"/></g>
|
|
<g><rect x="118" y="189" width="20" height="21" class="room" id="r_5_15" clip-path="url(#outerWallClip5)"/><use class="door-marker" href="sprites.svg#door-e" x="138" y="189" width="8" height="8"/></g>
|
|
|
|
<!-- South east -->
|
|
<g><rect x="230" y="120" width="12" height="10" class="room" id="r_5_26"/><use class="door-marker" href="sprites.svg#door-w" x="222" y="120" width="8" height="8"/></g>
|
|
<g><rect x="230" y="130" width="12" height="10" class="room" id="r_5_25"/><use class="door-marker" href="sprites.svg#door-w" x="222" y="132" width="8" height="8"/></g>
|
|
<g><rect x="230" y="140" width="12" height="10" class="room" id="r_5_24"/><use class="door-marker" href="sprites.svg#door-w" x="222" y="140" width="8" height="8"/></g>
|
|
|
|
<g><rect x="204" y="155" width="14" height="10" class="room" id="r_5_19"/><use class="door-marker" href="sprites.svg#door-n" x="204" y="147" width="8" height="8"/></g>
|
|
<g><rect x="204" y="165" width="14" height="10" class="room" id="r_5_23"/><use class="door-marker" href="sprites.svg#door-w" x="196" y="165" width="8" height="8"/></g>
|
|
<g><rect x="218" y="155" width="14" height="10" class="room" id="r_5_20"/><use class="door-marker" href="sprites.svg#door-n" x="224" y="147" width="8" height="8"/></g>
|
|
<g><rect x="218" y="165" width="7" height="10" class="room" id="pb_5_21"/><use class="door-marker" href="sprites.svg#door-s" x="217.5" y="175" width="8" height="8"/></g>
|
|
<g><rect x="225" y="165" width="7" height="10" class="room" id="pb_5_22"/><use class="door-marker" href="sprites.svg#door-s" x="224.5" y="175" width="8" height="8"/></g>
|
|
|
|
<g><rect x="182" y="150" width="16" height="30" class="room" id="r_5_18"/><use class="door-marker" href="sprites.svg#door-e" x="198" y="152" width="8" height="8"/></g>
|
|
|
|
<g><rect x="178" y="189" width="10" height="21" class="room" id="r_5_16" clip-path="url(#outerWallClip5)"/><use class="door-marker" href="sprites.svg#door-n" x="180" y="181" width="8" height="8"/></g>
|
|
<g><rect x="188" y="189" width="10" height="21" class="room" id="r_5_17" clip-path="url(#outerWallClip5)"/><use class="door-marker" href="sprites.svg#door-n" x="188" y="181" width="8" height="8"/></g>
|
|
</g>
|
|
</svg>
|
|
<svg class="floor floor-6" viewBox="-1 -1 287 212" xmlns="http://www.w3.org/2000/svg">
|
|
<clipPath id="outerWallClip6">
|
|
<path id="outerWall6" d="M142.5,7
|
|
C275,10 275,10 279,105
|
|
C275,200 275,200 142.5,203
|
|
C10,200 10,200 7,105
|
|
C10,10 10,10 142.5,7
|
|
z M60,60
|
|
h165 v90 h-165 v-90
|
|
z" />
|
|
</clipPath>
|
|
<g class="walls">
|
|
<use class="wall" href="#outerWall6" />
|
|
|
|
<!-- Northern WC + Elevator + Stairs block-->
|
|
<use href="#northTechBlock" />
|
|
<use href="#kitchen-icon" width="20" height="15" x="135" y="7"/>
|
|
|
|
<!-- Southern WC + Elevator + Stairs block-->
|
|
<use href="#southTechBlock" />
|
|
<use href="#kitchen-icon" width="20" height="15" x="135" y="188"/>
|
|
</g>
|
|
<g class="rooms">
|
|
<path class="inner-wall storage" d="M103,0 v60 h-43 v90 h38 v60 H0 V0 z" clip-path="url(#outerWallClip6)"/>
|
|
|
|
<!-- North west -->
|
|
<g><rect x="103" y="0" width="23" height="22" class="room" id="r_6_01" clip-path="url(#outerWallClip6)"/><use class="door-marker" href="sprites.svg#door-e" x="126" y="15" width="8" height="8"/></g>
|
|
<path d="M165,0 v23" class="inner-wall kitchen" clip-path="url(#outerWallClip6)"/>
|
|
|
|
<!-- North east -->
|
|
<rect x="195" y="34" width="10" height="12" class="storage"/>
|
|
<g><rect x="195" y="46" width="10" height="8" class="room" id="r_6_02"/><use class="door-marker" href="sprites.svg#door-s" x="195" y="54" width="8" height="8"/></g>
|
|
<g><rect x="205" y="34" width="28" height="20" class="room" id="r_6_03"/><use class="door-marker" href="sprites.svg#door-s" x="226" y="54" width="8" height="8"/></g>
|
|
|
|
<g><rect x="230" y="60" width="12" height="10" class="room" id="r_6_04"/><use class="door-marker" href="sprites.svg#door-n" x="230" y="52" width="8" height="8"/></g>
|
|
<g><rect x="230" y="70" width="12" height="9" class="room" id="r_6_05"/><use class="door-marker" href="sprites.svg#door-w" x="222" y="70" width="8" height="8"/></g>
|
|
<g><rect x="230" y="79" width="12" height="9" class="room" id="r_6_06"/><use class="door-marker" href="sprites.svg#door-w" x="222" y="79" width="8" height="8"/></g>
|
|
|
|
<g><rect x="230" y="96" width="6" height="9" class="room" id="pb_6_07"/><use class="door-marker" href="sprites.svg#door-n" x="229" y="88" width="8" height="8"/></g>
|
|
<g><rect x="236" y="96" width="6" height="9" class="room" id="pb_6_08"/><use class="door-marker" href="sprites.svg#door-n" x="235" y="88" width="8" height="8"/></g>
|
|
|
|
<!-- South west -->
|
|
<g><rect x="98" y="188" width="28" height="22" class="room" id="r_6_18" clip-path="url(#outerWallClip6)"/><use class="door-marker" href="sprites.svg#door-e" x="126" y="187" width="8" height="8"/></g>
|
|
|
|
<!-- South east -->
|
|
<g><rect x="230" y="105" width="12" height="9" class="room" id="r_6_09"/><use class="door-marker" href="sprites.svg#door-w" x="222" y="106" width="8" height="8"/></g>
|
|
|
|
<g><rect x="230" y="122" width="12" height="9" class="room" id="r_6_10"/><use class="door-marker" href="sprites.svg#door-w" x="222" y="122" width="8" height="8"/></g>
|
|
<g><rect x="230" y="131" width="12" height="9" class="room" id="r_6_11"/><use class="door-marker" href="sprites.svg#door-w" x="222" y="131" width="8" height="8"/></g>
|
|
<g><rect x="230" y="140" width="12" height="10" class="room" id="r_6_12"/><use class="door-marker" href="sprites.svg#door-s" x="230" y="150" width="8" height="8"/></g>
|
|
|
|
<g><rect x="204" y="155" width="14" height="10" class="room" id="r_6_13"/><use class="door-marker" href="sprites.svg#door-w" x="196" y="157" width="8" height="8"/></g>
|
|
<g><rect x="218" y="155" width="7" height="10" class="room" id="pb_6_14"/><use class="door-marker" href="sprites.svg#door-n" x="217.5" y="147" width="8" height="8"/></g>
|
|
<g><rect x="225" y="155" width="7" height="10" class="room" id="pb_6_15"/><use class="door-marker" href="sprites.svg#door-n" x="224.5" y="147" width="8" height="8"/></g>
|
|
<g><rect x="204" y="165" width="14" height="10" class="room" id="r_6_16"/><use class="door-marker" href="sprites.svg#door-w" x="196" y="165" width="8" height="8"/></g>
|
|
<g><rect x="218" y="165" width="14" height="10" class="room" id="r_6_17"/><use class="door-marker" href="sprites.svg#door-e" x="232" y="165" width="8" height="8"/></g>
|
|
|
|
<g><rect x="165" y="190" width="10" height="21" class="room" id="r_6_19" clip-path="url(#outerWallClip6)"/><use class="door-marker" href="sprites.svg#door-n" x="167" y="182" width="8" height="8"/></g>
|
|
<g><rect x="175" y="190" width="10" height="21" class="room" id="r_6_20" clip-path="url(#outerWallClip6)"/><use class="door-marker" href="sprites.svg#door-n" x="177" y="182" width="8" height="8"/></g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div class="legend active">
|
|
<svg viewBox="0 0 250 20" xmlns="http://www.w3.org/2000/svg">
|
|
<circle cx="10" cy="10" r="8" class="room bookable special" />
|
|
<text x="20" y="15">Bookable Special</text>
|
|
</svg>
|
|
<svg viewBox="0 0 250 20" xmlns="http://www.w3.org/2000/svg">
|
|
<circle cx="10" cy="10" r="8" class="room non-bookable mini" />
|
|
<text x="20" y="15">Non-bookable Mini</text>
|
|
</svg>
|
|
<svg viewBox="0 0 250 20" xmlns="http://www.w3.org/2000/svg">
|
|
<circle cx="10" cy="10" r="8" class="room non-bookable scrum" />
|
|
<text x="20" y="15">Non-bookable Scrum</text>
|
|
</svg>
|
|
<svg viewBox="0 0 250 20" xmlns="http://www.w3.org/2000/svg">
|
|
<circle cx="10" cy="10" r="8" class="room non-bookable research" />
|
|
<text x="20" y="15">Non-bookable Research</text>
|
|
</svg>
|
|
</div>
|
|
|
|
<script src="bundle.js"></script>
|
|
</body>
|
|
</html>
|