diff --git a/frontend/public/fire-alarm-demo/index.html b/frontend/public/fire-alarm-demo/index.html
index 8733d0b8..411bd325 100644
--- a/frontend/public/fire-alarm-demo/index.html
+++ b/frontend/public/fire-alarm-demo/index.html
@@ -1,4 +1,4 @@
-
+
@@ -713,6 +713,29 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -777,7 +800,11 @@
.road-dash { fill: none; stroke: #d6ecff; stroke-width: 1.05; stroke-dasharray: 8 6; opacity: .58; }
.route { fill: none; stroke: rgba(234,250,255,.65); stroke-width: .9; stroke-dasharray: 4 4; }
- .building { fill: url(#building-bg); stroke: #f3fbff; stroke-width: 1.45; filter: url(#soft-shadow); }
+ .building { fill: url(#building-bg); stroke: #f3fbff; stroke-width: 1.45; filter: url(#soft-shadow); }
+ .building.bg-utility { fill: url(#building-bg-utility); }
+ .building.bg-service { fill: url(#building-bg-service); }
+ .building.bg-factory1 { fill: url(#building-bg-factory1); }
+ .building.bg-office { fill: url(#building-bg-office); }
.building-inset { fill: none; stroke: rgba(255,255,255,.36); stroke-width: .9; }
.room-core { fill: url(#core-room); stroke: rgba(255,255,255,.58); stroke-width: .8; }
.wall { stroke: #edf9ff; stroke-width: 1; opacity: .66; }
@@ -786,16 +813,20 @@
.detail-light { stroke: #dff4ff; stroke-width: .45; opacity: .31; }
.hatch { stroke: #dff4ff; stroke-width: .55; opacity: .28; }
- .zone-area { fill: rgba(27,146,63,.12); stroke: rgba(255,255,255,.26); stroke-width: .78; cursor: pointer; }
+ .zone-area { fill: rgba(27,146,63,.12); stroke: rgba(255,255,255,.26); stroke-width: .78; cursor: pointer; }
+ .zone-area.za-utility { fill: rgba(40,170,200,.16); }
+ .zone-area.za-service { fill: rgba(220,140,40,.18); }
+ .zone-area.za-factory1 { fill: rgba(150,90,210,.18); }
+ .zone-area.za-office { fill: rgba(140,160,190,.14); }
.zone:hover .zone-area { fill: rgba(255,255,255,.075); }
.zone.warn .zone-area { fill: rgba(255,207,78,.32); stroke: #ffe595; }
.zone.alarm .zone-area { fill: rgba(255,56,82,.42); stroke: #ffffff; animation: alarmPulse .82s infinite; }
.building-name { font-family: Arial, 'Noto Sans KR', sans-serif; font-size: 18px; font-weight: 900; fill: #ffffff; text-anchor: middle; paint-order: stroke; stroke: rgba(0,0,0,.58); stroke-width: 3px; }
.building-sub { font-family: Arial, 'Noto Sans KR', sans-serif; font-size: 8px; font-weight: 800; fill: #e8fff1; text-anchor: middle; letter-spacing: .55px; }
- .room-label { font-family: Arial, 'Noto Sans KR', sans-serif; font-size: 5.7px; font-weight: 700; fill: rgba(240,255,248,.82); text-transform: uppercase; }
- .room-label.dim { fill: rgba(240,255,248,.54); }
- .zone-label { font-family: Arial, 'Noto Sans KR', sans-serif; font-size: 10px; font-weight: 900; fill: #ffffff; text-anchor: middle; paint-order: stroke; stroke: rgba(0,0,0,.68); stroke-width: 3px; }
+ .room-label { font-family: Arial, 'Noto Sans KR', sans-serif; font-size: 7.5px; font-weight: 700; fill: rgba(240,255,248,.88); text-transform: uppercase; }
+ .room-label.dim { fill: rgba(240,255,248,.6); }
+ .zone-label { font-family: Arial, 'Noto Sans KR', sans-serif; font-size: 13.5px; font-weight: 900; fill: #ffffff; text-anchor: middle; paint-order: stroke; stroke: rgba(0,0,0,.78); stroke-width: 3.4px; }
.small-note { font-family: Arial, 'Noto Sans KR', sans-serif; font-size: 5.5px; font-weight: 700; fill: rgba(237,252,255,.58); }
.sensor-outer { fill: #0e1826; stroke: #ffffff; stroke-width: 1.4; }
@@ -851,31 +882,31 @@
-
-
+
+
- WASTEWATER
-
-
+ WASTEWATER
+
+
ZONE 01
-
-
+
+
- SBG TREATMENT
-
-
+ SBG TREATMENT
+
+
ZONE 02
-
+
UTILITY BUILDING
@@ -894,31 +925,31 @@
-
- ZONE 03
-
-
+
+ ZONE 03
+
+
-
- ZONE 04
-
-
+
+ ZONE 04
+
+
-
- ZONE 05
-
-
+
+ ZONE 05
+
+
-
- ZONE 06
-
-
+
+ ZONE 06
+
+
@@ -929,13 +960,13 @@
-
-
+
+
- CAFETERIA
-
-
+ CAFETERIA
+
+
ZONE 07
@@ -943,13 +974,13 @@
-
-
+
+
- SAFETY CENTER
-
-
+ SAFETY CENTER
+
+
ZONE 08
@@ -1007,58 +1038,58 @@
- ZONE 09
-
-
+ ZONE 09
+
+
- ZONE 10
-
-
+ ZONE 10
+
+
- ZONE 11
-
-
+ ZONE 11
+
+
- ZONE 12
-
-
+ ZONE 12
+
+
- ZONE 13
-
-
+ ZONE 13
+
+
- ZONE 14
-
-
+ ZONE 14
+
+
- ZONE 15
-
-
+ ZONE 15
+
+
- ZONE 16
-
-
+ ZONE 16
+
+
@@ -1069,23 +1100,23 @@
-
+
- OFFICE BLDG
+ OFFICE BLDG
-
- ZONE 17
-
-
+
+ ZONE 17
+
+
-
- ZONE 18
-
-
+
+ ZONE 18
+
+
@@ -1093,7 +1124,7 @@
-
+
FACTORY 1
@@ -1118,31 +1149,31 @@
-
- ZONE 19
-
-
+
+ ZONE 19
+
+
-
- ZONE 20
-
-
+
+ ZONE 20
+
+
-
- ZONE 21
-
-
+
+ ZONE 21
+
+
-
- ZONE 22
-
-
+
+ ZONE 22
+
+