diff --git a/heat_dashboard/content/stacks/mappings.py b/heat_dashboard/content/stacks/mappings.py
index 7ca203c1..c1541809 100644
--- a/heat_dashboard/content/stacks/mappings.py
+++ b/heat_dashboard/content/stacks/mappings.py
@@ -144,110 +144,111 @@ def stack_output(output):
 
 
 static_url = getattr(settings, "STATIC_URL", "/static/")
+prefix = 'dashboard/project/heat_dashboard/img/'
 
 resource_images = {
-    'LB_FAILED': static_url + 'dashboard/img/lb-red.svg',
-    'LB_DELETE': static_url + 'dashboard/img/lb-red.svg',
-    'LB_IN_PROGRESS': static_url + 'dashboard/img/lb-gray.gif',
-    'LB_INIT': static_url + 'dashboard/img/lb-gray.svg',
-    'LB_COMPLETE': static_url + 'dashboard/img/lb-green.svg',
-    'DB_FAILED': static_url + 'dashboard/img/db-red.svg',
-    'DB_DELETE': static_url + 'dashboard/img/db-red.svg',
-    'DB_IN_PROGRESS': static_url + 'dashboard/img/db-gray.gif',
-    'DB_INIT': static_url + 'dashboard/img/db-gray.svg',
-    'DB_COMPLETE': static_url + 'dashboard/img/db-green.svg',
-    'STACK_FAILED': static_url + 'dashboard/img/stack-red.svg',
-    'STACK_DELETE': static_url + 'dashboard/img/stack-red.svg',
-    'STACK_IN_PROGRESS': static_url + 'dashboard/img/stack-gray.gif',
-    'STACK_INIT': static_url + 'dashboard/img/stack-gray.svg',
-    'STACK_COMPLETE': static_url + 'dashboard/img/stack-green.svg',
-    'SERVER_FAILED': static_url + 'dashboard/img/server-red.svg',
-    'SERVER_DELETE': static_url + 'dashboard/img/server-red.svg',
-    'SERVER_IN_PROGRESS': static_url + 'dashboard/img/server-gray.gif',
-    'SERVER_INIT': static_url + 'dashboard/img/server-gray.svg',
-    'SERVER_COMPLETE': static_url + 'dashboard/img/server-green.svg',
-    'ALARM_FAILED': static_url + 'dashboard/img/alarm-red.svg',
-    'ALARM_DELETE': static_url + 'dashboard/img/alarm-red.svg',
-    'ALARM_IN_PROGRESS': static_url + 'dashboard/img/alarm-gray.gif',
-    'ALARM_INIT': static_url + 'dashboard/img/alarm-gray.svg',
-    'ALARM_COMPLETE': static_url + 'dashboard/img/alarm-green.svg',
-    'VOLUME_FAILED': static_url + 'dashboard/img/volume-red.svg',
-    'VOLUME_DELETE': static_url + 'dashboard/img/volume-red.svg',
-    'VOLUME_IN_PROGRESS': static_url + 'dashboard/img/volume-gray.gif',
-    'VOLUME_INIT': static_url + 'dashboard/img/volume-gray.svg',
-    'VOLUME_COMPLETE': static_url + 'dashboard/img/volume-green.svg',
-    'IMAGE_FAILED': static_url + 'dashboard/img/image-red.svg',
-    'IMAGE_DELETE': static_url + 'dashboard/img/image-red.svg',
-    'IMAGE_IN_PROGRESS': static_url + 'dashboard/img/image-gray.gif',
-    'IMAGE_INIT': static_url + 'dashboard/img/image-gray.svg',
-    'IMAGE_COMPLETE': static_url + 'dashboard/img/image-green.svg',
-    'WAIT_FAILED': static_url + 'dashboard/img/wait-red.svg',
-    'WAIT_DELETE': static_url + 'dashboard/img/wait-red.svg',
-    'WAIT_IN_PROGRESS': static_url + 'dashboard/img/wait-gray.gif',
-    'WAIT_INIT': static_url + 'dashboard/img/wait-gray.svg',
-    'WAIT_COMPLETE': static_url + 'dashboard/img/wait-green.svg',
-    'FIREWALL_FAILED': static_url + 'dashboard/img/firewall-red.svg',
-    'FIREWALL_DELETE': static_url + 'dashboard/img/firewall-red.svg',
-    'FIREWALL_IN_PROGRESS': static_url + 'dashboard/img/firewall-gray.gif',
-    'FIREWALL_INIT': static_url + 'dashboard/img/firewall-gray.svg',
-    'FIREWALL_COMPLETE': static_url + 'dashboard/img/firewall-green.svg',
-    'FLOATINGIP_FAILED': static_url + 'dashboard/img/floatingip-red.svg',
-    'FLOATINGIP_DELETE': static_url + 'dashboard/img/floatingip-red.svg',
-    'FLOATINGIP_IN_PROGRESS': static_url + 'dashboard/img/floatingip-gray.gif',
-    'FLOATINGIP_INIT': static_url + 'dashboard/img/floatingip-gray.svg',
-    'FLOATINGIP_COMPLETE': static_url + 'dashboard/img/floatingip-green.svg',
-    'ROUTER_FAILED': static_url + 'dashboard/img/router-red.svg',
-    'ROUTER_DELETE': static_url + 'dashboard/img/router-red.svg',
-    'ROUTER_IN_PROGRESS': static_url + 'dashboard/img/router-gray.gif',
-    'ROUTER_INIT': static_url + 'dashboard/img/router-gray.svg',
-    'ROUTER_COMPLETE': static_url + 'dashboard/img/router-green.svg',
-    'POLICY_FAILED': static_url + 'dashboard/img/policy-red.svg',
-    'POLICY_DELETE': static_url + 'dashboard/img/policy-red.svg',
-    'POLICY_IN_PROGRESS': static_url + 'dashboard/img/policy-gray.gif',
-    'POLICY_INIT': static_url + 'dashboard/img/policy-gray.svg',
-    'POLICY_COMPLETE': static_url + 'dashboard/img/policy-green.svg',
-    'CONFIG_FAILED': static_url + 'dashboard/img/config-red.svg',
-    'CONFIG_DELETE': static_url + 'dashboard/img/config-red.svg',
-    'CONFIG_IN_PROGRESS': static_url + 'dashboard/img/config-gray.gif',
-    'CONFIG_INIT': static_url + 'dashboard/img/config-gray.svg',
-    'CONFIG_COMPLETE': static_url + 'dashboard/img/config-green.svg',
-    'NETWORK_FAILED': static_url + 'dashboard/img/network-red.svg',
-    'NETWORK_DELETE': static_url + 'dashboard/img/network-red.svg',
-    'NETWORK_IN_PROGRESS': static_url + 'dashboard/img/network-gray.gif',
-    'NETWORK_INIT': static_url + 'dashboard/img/network-gray.svg',
-    'NETWORK_COMPLETE': static_url + 'dashboard/img/network-green.svg',
-    'PORT_FAILED': static_url + 'dashboard/img/port-red.svg',
-    'PORT_DELETE': static_url + 'dashboard/img/port-red.svg',
-    'PORT_IN_PROGRESS': static_url + 'dashboard/img/port-gray.gif',
-    'PORT_INIT': static_url + 'dashboard/img/port-gray.svg',
-    'PORT_COMPLETE': static_url + 'dashboard/img/port-green.svg',
-    'SECURITYGROUP_FAILED': static_url + 'dashboard/img/securitygroup-red.svg',
-    'SECURITYGROUP_DELETE': static_url + 'dashboard/img/securitygroup-red.svg',
+    'LB_FAILED': static_url + prefix + 'lb-red.svg',
+    'LB_DELETE': static_url + prefix + 'lb-red.svg',
+    'LB_IN_PROGRESS': static_url + prefix + 'lb-gray.gif',
+    'LB_INIT': static_url + prefix + 'lb-gray.svg',
+    'LB_COMPLETE': static_url + prefix + 'lb-green.svg',
+    'DB_FAILED': static_url + prefix + 'db-red.svg',
+    'DB_DELETE': static_url + prefix + 'db-red.svg',
+    'DB_IN_PROGRESS': static_url + prefix + 'db-gray.gif',
+    'DB_INIT': static_url + prefix + 'db-gray.svg',
+    'DB_COMPLETE': static_url + prefix + 'db-green.svg',
+    'STACK_FAILED': static_url + prefix + 'stack-red.svg',
+    'STACK_DELETE': static_url + prefix + 'stack-red.svg',
+    'STACK_IN_PROGRESS': static_url + prefix + 'stack-gray.gif',
+    'STACK_INIT': static_url + prefix + 'stack-gray.svg',
+    'STACK_COMPLETE': static_url + prefix + 'stack-green.svg',
+    'SERVER_FAILED': static_url + prefix + 'server-red.svg',
+    'SERVER_DELETE': static_url + prefix + 'server-red.svg',
+    'SERVER_IN_PROGRESS': static_url + prefix + 'server-gray.gif',
+    'SERVER_INIT': static_url + prefix + 'server-gray.svg',
+    'SERVER_COMPLETE': static_url + prefix + 'server-green.svg',
+    'ALARM_FAILED': static_url + prefix + 'alarm-red.svg',
+    'ALARM_DELETE': static_url + prefix + 'alarm-red.svg',
+    'ALARM_IN_PROGRESS': static_url + prefix + 'alarm-gray.gif',
+    'ALARM_INIT': static_url + prefix + 'alarm-gray.svg',
+    'ALARM_COMPLETE': static_url + prefix + 'alarm-green.svg',
+    'VOLUME_FAILED': static_url + prefix + 'volume-red.svg',
+    'VOLUME_DELETE': static_url + prefix + 'volume-red.svg',
+    'VOLUME_IN_PROGRESS': static_url + prefix + 'volume-gray.gif',
+    'VOLUME_INIT': static_url + prefix + 'volume-gray.svg',
+    'VOLUME_COMPLETE': static_url + prefix + 'volume-green.svg',
+    'IMAGE_FAILED': static_url + prefix + 'image-red.svg',
+    'IMAGE_DELETE': static_url + prefix + 'image-red.svg',
+    'IMAGE_IN_PROGRESS': static_url + prefix + 'image-gray.gif',
+    'IMAGE_INIT': static_url + prefix + 'image-gray.svg',
+    'IMAGE_COMPLETE': static_url + prefix + 'image-green.svg',
+    'WAIT_FAILED': static_url + prefix + 'wait-red.svg',
+    'WAIT_DELETE': static_url + prefix + 'wait-red.svg',
+    'WAIT_IN_PROGRESS': static_url + prefix + 'wait-gray.gif',
+    'WAIT_INIT': static_url + prefix + 'wait-gray.svg',
+    'WAIT_COMPLETE': static_url + prefix + 'wait-green.svg',
+    'FIREWALL_FAILED': static_url + prefix + 'firewall-red.svg',
+    'FIREWALL_DELETE': static_url + prefix + 'firewall-red.svg',
+    'FIREWALL_IN_PROGRESS': static_url + prefix + 'firewall-gray.gif',
+    'FIREWALL_INIT': static_url + prefix + 'firewall-gray.svg',
+    'FIREWALL_COMPLETE': static_url + prefix + 'firewall-green.svg',
+    'FLOATINGIP_FAILED': static_url + prefix + 'floatingip-red.svg',
+    'FLOATINGIP_DELETE': static_url + prefix + 'floatingip-red.svg',
+    'FLOATINGIP_IN_PROGRESS': static_url + prefix + 'floatingip-gray.gif',
+    'FLOATINGIP_INIT': static_url + prefix + 'floatingip-gray.svg',
+    'FLOATINGIP_COMPLETE': static_url + prefix + 'floatingip-green.svg',
+    'ROUTER_FAILED': static_url + prefix + 'router-red.svg',
+    'ROUTER_DELETE': static_url + prefix + 'router-red.svg',
+    'ROUTER_IN_PROGRESS': static_url + prefix + 'router-gray.gif',
+    'ROUTER_INIT': static_url + prefix + 'router-gray.svg',
+    'ROUTER_COMPLETE': static_url + prefix + 'router-green.svg',
+    'POLICY_FAILED': static_url + prefix + 'policy-red.svg',
+    'POLICY_DELETE': static_url + prefix + 'policy-red.svg',
+    'POLICY_IN_PROGRESS': static_url + prefix + 'policy-gray.gif',
+    'POLICY_INIT': static_url + prefix + 'policy-gray.svg',
+    'POLICY_COMPLETE': static_url + prefix + 'policy-green.svg',
+    'CONFIG_FAILED': static_url + prefix + 'config-red.svg',
+    'CONFIG_DELETE': static_url + prefix + 'config-red.svg',
+    'CONFIG_IN_PROGRESS': static_url + prefix + 'config-gray.gif',
+    'CONFIG_INIT': static_url + prefix + 'config-gray.svg',
+    'CONFIG_COMPLETE': static_url + prefix + 'config-green.svg',
+    'NETWORK_FAILED': static_url + prefix + 'network-red.svg',
+    'NETWORK_DELETE': static_url + prefix + 'network-red.svg',
+    'NETWORK_IN_PROGRESS': static_url + prefix + 'network-gray.gif',
+    'NETWORK_INIT': static_url + prefix + 'network-gray.svg',
+    'NETWORK_COMPLETE': static_url + prefix + 'network-green.svg',
+    'PORT_FAILED': static_url + prefix + 'port-red.svg',
+    'PORT_DELETE': static_url + prefix + 'port-red.svg',
+    'PORT_IN_PROGRESS': static_url + prefix + 'port-gray.gif',
+    'PORT_INIT': static_url + prefix + 'port-gray.svg',
+    'PORT_COMPLETE': static_url + prefix + 'port-green.svg',
+    'SECURITYGROUP_FAILED': static_url + prefix + 'securitygroup-red.svg',
+    'SECURITYGROUP_DELETE': static_url + prefix + 'securitygroup-red.svg',
     'SECURITYGROUP_IN_PROGRESS':
-        static_url + 'dashboard/img/securitygroup-gray.gif',
-    'SECURITYGROUP_INIT': static_url + 'dashboard/img/securitygroup-gray.svg',
+        static_url + prefix + 'securitygroup-gray.gif',
+    'SECURITYGROUP_INIT': static_url + prefix + 'securitygroup-gray.svg',
     'SECURITYGROUP_COMPLETE':
-        static_url + 'dashboard/img/securitygroup-green.svg',
-    'VPN_FAILED': static_url + 'dashboard/img/vpn-red.svg',
-    'VPN_DELETE': static_url + 'dashboard/img/vpn-red.svg',
-    'VPN_IN_PROGRESS': static_url + 'dashboard/img/vpn-gray.gif',
-    'VPN_INIT': static_url + 'dashboard/img/vpn-gray.svg',
-    'VPN_COMPLETE': static_url + 'dashboard/img/vpn-green.svg',
-    'FLAVOR_FAILED': static_url + 'dashboard/img/flavor-red.svg',
-    'FLAVOR_DELETE': static_url + 'dashboard/img/flavor-red.svg',
-    'FLAVOR_IN_PROGRESS': static_url + 'dashboard/img/flavor-gray.gif',
-    'FLAVOR_INIT': static_url + 'dashboard/img/flavor-gray.svg',
-    'FLAVOR_COMPLETE': static_url + 'dashboard/img/flavor-green.svg',
-    'KEYPAIR_FAILED': static_url + 'dashboard/img/keypair-red.svg',
-    'KEYPAIR_DELETE': static_url + 'dashboard/img/keypair-red.svg',
-    'KEYPAIR_IN_PROGRESS': static_url + 'dashboard/img/keypair-gray.gif',
-    'KEYPAIR_INIT': static_url + 'dashboard/img/keypair-gray.svg',
-    'KEYPAIR_COMPLETE': static_url + 'dashboard/img/keypair-green.svg',
-    'UNKNOWN_FAILED': static_url + 'dashboard/img/unknown-red.svg',
-    'UNKNOWN_DELETE': static_url + 'dashboard/img/unknown-red.svg',
-    'UNKNOWN_IN_PROGRESS': static_url + 'dashboard/img/unknown-gray.gif',
-    'UNKNOWN_INIT': static_url + 'dashboard/img/unknown-gray.svg',
-    'UNKNOWN_COMPLETE': static_url + 'dashboard/img/unknown-green.svg',
+        static_url + prefix + 'securitygroup-green.svg',
+    'VPN_FAILED': static_url + prefix + 'vpn-red.svg',
+    'VPN_DELETE': static_url + prefix + 'vpn-red.svg',
+    'VPN_IN_PROGRESS': static_url + prefix + 'vpn-gray.gif',
+    'VPN_INIT': static_url + prefix + 'vpn-gray.svg',
+    'VPN_COMPLETE': static_url + prefix + 'vpn-green.svg',
+    'FLAVOR_FAILED': static_url + prefix + 'flavor-red.svg',
+    'FLAVOR_DELETE': static_url + prefix + 'flavor-red.svg',
+    'FLAVOR_IN_PROGRESS': static_url + prefix + 'flavor-gray.gif',
+    'FLAVOR_INIT': static_url + prefix + 'flavor-gray.svg',
+    'FLAVOR_COMPLETE': static_url + prefix + 'flavor-green.svg',
+    'KEYPAIR_FAILED': static_url + prefix + 'keypair-red.svg',
+    'KEYPAIR_DELETE': static_url + prefix + 'keypair-red.svg',
+    'KEYPAIR_IN_PROGRESS': static_url + prefix + 'keypair-gray.gif',
+    'KEYPAIR_INIT': static_url + prefix + 'keypair-gray.svg',
+    'KEYPAIR_COMPLETE': static_url + prefix + 'keypair-green.svg',
+    'UNKNOWN_FAILED': static_url + prefix + 'unknown-red.svg',
+    'UNKNOWN_DELETE': static_url + prefix + 'unknown-red.svg',
+    'UNKNOWN_IN_PROGRESS': static_url + prefix + 'unknown-gray.gif',
+    'UNKNOWN_INIT': static_url + prefix + 'unknown-gray.svg',
+    'UNKNOWN_COMPLETE': static_url + prefix + 'unknown-green.svg',
 }
 
 
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/alarm-gray.gif b/heat_dashboard/static/dashboard/project/heat_dashboard/img/alarm-gray.gif
new file mode 100644
index 00000000..5b1ae56d
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/alarm-gray.gif differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/alarm-gray.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/alarm-gray.svg
new file mode 100644
index 00000000..87a1cbe7
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/alarm-gray.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1437 2156 c-76 -28 -116 -92 -117 -187 l0 -56 -59 -37 c-104 -64
+-170 -160 -197 -285 -8 -41 -14 -128 -14 -233 l0 -168 445 0 445 0 0 178 c0
+188 -11 258 -51 337 -35 67 -90 126 -156 169 l-63 40 0 57 c0 95 -29 145 -105
+180 -47 22 -76 23 -128 5z"/>
+<path d="M935 1075 c-36 -36 -65 -73 -65 -82 0 -9 12 -30 27 -45 l27 -28 198
+0 c179 0 198 -2 198 -17 0 -9 9 -36 21 -60 58 -120 240 -125 306 -8 13 22 23
+50 23 63 l0 22 198 0 198 0 27 28 c15 15 27 37 27 48 0 11 -28 47 -63 82 l-63
+62 -497 0 -497 0 -65 -65z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/alarm-green.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/alarm-green.svg
new file mode 100644
index 00000000..5dd81b8d
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/alarm-green.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1437 2156 c-76 -28 -116 -92 -117 -187 l0 -56 -59 -37 c-104 -64
+-170 -160 -197 -285 -8 -41 -14 -128 -14 -233 l0 -168 445 0 445 0 0 178 c0
+188 -11 258 -51 337 -35 67 -90 126 -156 169 l-63 40 0 57 c0 95 -29 145 -105
+180 -47 22 -76 23 -128 5z"/>
+<path d="M935 1075 c-36 -36 -65 -73 -65 -82 0 -9 12 -30 27 -45 l27 -28 198
+0 c179 0 198 -2 198 -17 0 -9 9 -36 21 -60 58 -120 240 -125 306 -8 13 22 23
+50 23 63 l0 22 198 0 198 0 27 28 c15 15 27 37 27 48 0 11 -28 47 -63 82 l-63
+62 -497 0 -497 0 -65 -65z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/alarm-red.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/alarm-red.svg
new file mode 100644
index 00000000..4a9ccce9
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/alarm-red.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1437 2156 c-76 -28 -116 -92 -117 -187 l0 -56 -59 -37 c-104 -64
+-170 -160 -197 -285 -8 -41 -14 -128 -14 -233 l0 -168 445 0 445 0 0 178 c0
+188 -11 258 -51 337 -35 67 -90 126 -156 169 l-63 40 0 57 c0 95 -29 145 -105
+180 -47 22 -76 23 -128 5z"/>
+<path d="M935 1075 c-36 -36 -65 -73 -65 -82 0 -9 12 -30 27 -45 l27 -28 198
+0 c179 0 198 -2 198 -17 0 -9 9 -36 21 -60 58 -120 240 -125 306 -8 13 22 23
+50 23 63 l0 22 198 0 198 0 27 28 c15 15 27 37 27 48 0 11 -28 47 -63 82 l-63
+62 -497 0 -497 0 -65 -65z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/apple-touch-icon.png b/heat_dashboard/static/dashboard/project/heat_dashboard/img/apple-touch-icon.png
new file mode 100644
index 00000000..cec3198d
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/apple-touch-icon.png differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/config-gray.gif b/heat_dashboard/static/dashboard/project/heat_dashboard/img/config-gray.gif
new file mode 100644
index 00000000..5b514eaa
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/config-gray.gif differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/config-gray.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/config-gray.svg
new file mode 100644
index 00000000..caa90965
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/config-gray.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1023 2210 c-22 -9 -23 -14 -23 -144 l0 -135 43 18 42 18 3 76 3 77
+479 0 480 0 0 -419 0 -419 -24 -29 c-30 -36 -97 -53 -206 -53 -55 0 -83 -4
+-93 -14 -10 -10 -16 -49 -19 -133 -5 -122 -14 -155 -52 -185 -19 -16 -50 -18
+-293 -18 l-273 0 0 84 c0 83 0 84 -27 94 -16 5 -36 13 -46 17 -16 7 -17 -2
+-15 -136 l3 -144 325 -3 c179 -1 339 0 356 3 49 9 112 63 274 237 113 122 153
+172 165 206 13 39 15 118 15 519 l0 473 -26 10 c-32 13 -1060 12 -1091 0z"/>
+<path d="M1063 1870 c-24 -10 -43 -22 -43 -25 0 -3 7 -35 16 -71 15 -59 15
+-67 1 -81 -13 -14 -22 -13 -82 2 -56 14 -70 14 -80 3 -19 -20 -44 -93 -37
+-105 4 -5 33 -26 65 -46 31 -20 57 -44 57 -52 0 -9 -21 -29 -47 -45 -94 -57
+-89 -49 -68 -108 10 -28 24 -53 31 -56 7 -3 40 2 75 10 35 8 69 12 77 9 14 -5
+14 -9 -3 -125 l-7 -45 51 -23 c28 -13 56 -20 62 -17 6 4 26 32 46 62 45 70 65
+69 111 -9 19 -32 40 -58 47 -58 7 0 35 9 60 20 l48 20 -7 43 c-3 23 -9 57 -12
+76 -10 53 11 63 90 41 35 -10 68 -15 73 -11 13 8 43 78 43 100 0 9 -25 32 -55
+51 -82 52 -83 69 -6 112 72 41 75 46 49 107 -21 52 -22 53 -57 47 -100 -16
+-129 -18 -136 -7 -4 7 1 41 10 76 10 35 15 70 12 78 -7 18 -91 51 -110 44 -8
+-3 -29 -31 -47 -62 -42 -73 -61 -71 -108 8 -39 64 -51 68 -119 37z m228 -265
+c120 -63 73 -245 -64 -245 -44 0 -53 4 -88 39 -35 35 -39 44 -39 89 0 40 5 57
+27 82 43 51 106 65 164 35z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/config-green.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/config-green.svg
new file mode 100644
index 00000000..b1595950
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/config-green.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1023 2210 c-22 -9 -23 -14 -23 -144 l0 -135 43 18 42 18 3 76 3 77
+479 0 480 0 0 -419 0 -419 -24 -29 c-30 -36 -97 -53 -206 -53 -55 0 -83 -4
+-93 -14 -10 -10 -16 -49 -19 -133 -5 -122 -14 -155 -52 -185 -19 -16 -50 -18
+-293 -18 l-273 0 0 84 c0 83 0 84 -27 94 -16 5 -36 13 -46 17 -16 7 -17 -2
+-15 -136 l3 -144 325 -3 c179 -1 339 0 356 3 49 9 112 63 274 237 113 122 153
+172 165 206 13 39 15 118 15 519 l0 473 -26 10 c-32 13 -1060 12 -1091 0z"/>
+<path d="M1063 1870 c-24 -10 -43 -22 -43 -25 0 -3 7 -35 16 -71 15 -59 15
+-67 1 -81 -13 -14 -22 -13 -82 2 -56 14 -70 14 -80 3 -19 -20 -44 -93 -37
+-105 4 -5 33 -26 65 -46 31 -20 57 -44 57 -52 0 -9 -21 -29 -47 -45 -94 -57
+-89 -49 -68 -108 10 -28 24 -53 31 -56 7 -3 40 2 75 10 35 8 69 12 77 9 14 -5
+14 -9 -3 -125 l-7 -45 51 -23 c28 -13 56 -20 62 -17 6 4 26 32 46 62 45 70 65
+69 111 -9 19 -32 40 -58 47 -58 7 0 35 9 60 20 l48 20 -7 43 c-3 23 -9 57 -12
+76 -10 53 11 63 90 41 35 -10 68 -15 73 -11 13 8 43 78 43 100 0 9 -25 32 -55
+51 -82 52 -83 69 -6 112 72 41 75 46 49 107 -21 52 -22 53 -57 47 -100 -16
+-129 -18 -136 -7 -4 7 1 41 10 76 10 35 15 70 12 78 -7 18 -91 51 -110 44 -8
+-3 -29 -31 -47 -62 -42 -73 -61 -71 -108 8 -39 64 -51 68 -119 37z m228 -265
+c120 -63 73 -245 -64 -245 -44 0 -53 4 -88 39 -35 35 -39 44 -39 89 0 40 5 57
+27 82 43 51 106 65 164 35z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/config-red.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/config-red.svg
new file mode 100644
index 00000000..1c6655ac
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/config-red.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1023 2210 c-22 -9 -23 -14 -23 -144 l0 -135 43 18 42 18 3 76 3 77
+479 0 480 0 0 -419 0 -419 -24 -29 c-30 -36 -97 -53 -206 -53 -55 0 -83 -4
+-93 -14 -10 -10 -16 -49 -19 -133 -5 -122 -14 -155 -52 -185 -19 -16 -50 -18
+-293 -18 l-273 0 0 84 c0 83 0 84 -27 94 -16 5 -36 13 -46 17 -16 7 -17 -2
+-15 -136 l3 -144 325 -3 c179 -1 339 0 356 3 49 9 112 63 274 237 113 122 153
+172 165 206 13 39 15 118 15 519 l0 473 -26 10 c-32 13 -1060 12 -1091 0z"/>
+<path d="M1063 1870 c-24 -10 -43 -22 -43 -25 0 -3 7 -35 16 -71 15 -59 15
+-67 1 -81 -13 -14 -22 -13 -82 2 -56 14 -70 14 -80 3 -19 -20 -44 -93 -37
+-105 4 -5 33 -26 65 -46 31 -20 57 -44 57 -52 0 -9 -21 -29 -47 -45 -94 -57
+-89 -49 -68 -108 10 -28 24 -53 31 -56 7 -3 40 2 75 10 35 8 69 12 77 9 14 -5
+14 -9 -3 -125 l-7 -45 51 -23 c28 -13 56 -20 62 -17 6 4 26 32 46 62 45 70 65
+69 111 -9 19 -32 40 -58 47 -58 7 0 35 9 60 20 l48 20 -7 43 c-3 23 -9 57 -12
+76 -10 53 11 63 90 41 35 -10 68 -15 73 -11 13 8 43 78 43 100 0 9 -25 32 -55
+51 -82 52 -83 69 -6 112 72 41 75 46 49 107 -21 52 -22 53 -57 47 -100 -16
+-129 -18 -136 -7 -4 7 1 41 10 76 10 35 15 70 12 78 -7 18 -91 51 -110 44 -8
+-3 -29 -31 -47 -62 -42 -73 -61 -71 -108 8 -39 64 -51 68 -119 37z m228 -265
+c120 -63 73 -245 -64 -245 -44 0 -53 4 -88 39 -35 35 -39 44 -39 89 0 40 5 57
+27 82 43 51 106 65 164 35z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/db-gray.gif b/heat_dashboard/static/dashboard/project/heat_dashboard/img/db-gray.gif
new file mode 100644
index 00000000..4cb85516
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/db-gray.gif differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/db-gray.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/db-gray.svg
new file mode 100644
index 00000000..58b3bbad
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/db-gray.svg
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="92px" height="92px" viewBox="-3.1 -2.67 92 92" enable-background="new -3.1 -2.67 92 92"
+	 xml:space="preserve">
+<defs>
+</defs>
+<g id="XMLID_2_">
+	<g>
+		<path fill="#FFFFFF" d="M43.33,1.5c23.11,0,41.839,18.73,41.839,41.83c0,23.1-18.729,41.83-41.839,41.83
+			c-23.1,0-41.83-18.73-41.83-41.83C1.5,20.23,20.23,1.5,43.33,1.5z"/>
+	</g>
+	<g>
+		<path fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" d="M85.169,43.33c0,23.1-18.729,41.83-41.839,41.83
+			c-23.1,0-41.83-18.73-41.83-41.83C1.5,20.23,20.23,1.5,43.33,1.5C66.44,1.5,85.169,20.23,85.169,43.33z"/>
+	</g>
+</g>
+<g id="XMLID_1_">
+	<g>
+		<path fill="#808080" d="M63.49,52.5v3.99c0,3.75-8.8,6.78-19.67,6.78s-19.67-3.03-19.67-6.78V52.5c0.01,0.01,0.01,0.01,0.02,0.021
+			c0.31,3.649,8.98,6.579,19.65,6.579s19.34-2.93,19.65-6.579C63.48,52.51,63.48,52.51,63.49,52.5z"/>
+		<path fill="#FFFFFF" d="M63.49,48.33v3.98c0,0.069,0,0.14-0.02,0.21c-2.69,3.239-11.07,5.09-19.65,5.09s-16.96-1.851-19.65-5.09
+			c-0.02-0.07-0.02-0.141-0.02-0.21v-3.98c0.04,0.05,0.09,0.11,0.14,0.16c1.27,3.16,9.53,5.63,19.53,5.63
+			c9.92,0,18.13-2.43,19.48-5.58C63.37,48.47,63.43,48.4,63.49,48.33z"/>
+		<path fill="#FFFFFF" d="M63.49,30.42l-0.03,4.21c-2.72,3-11.119,4.66-19.64,4.66c-8.55,0-16.98-1.67-19.67-4.69v-4.18
+			c0.04,0.05,0.09,0.09,0.14,0.14c1.12,2.94,9.43,5.23,19.53,5.23c10.1,0,18.41-2.29,19.53-5.23C63.4,30.51,63.45,30.47,63.49,30.42
+			z"/>
+		<path fill="#808080" d="M63.49,34.6l-0.03,4.54c-0.029,0.13-0.069,0.26-0.119,0.39c-2.83,3.04-11.091,4.74-19.521,4.74
+			c-8.5,0-16.82-1.73-19.59-4.81c-0.03-0.09-0.06-0.19-0.08-0.28v-4.17c0.68,3.2,9.22,5.77,19.67,5.77
+			c10.45,0,18.99-2.57,19.64-5.82v-0.33C63.47,34.62,63.48,34.61,63.49,34.6z"/>
+		<path fill="#FFFFFF" d="M63.49,39.37l-0.02,4.2c-2.71,3.13-11.09,4.88-19.65,4.88c-8.58,0-16.98-1.76-19.67-4.9v-4.18
+			c0.03,0.03,0.05,0.06,0.08,0.09c1.1,3.07,9.44,5.5,19.59,5.5c10.03,0,18.29-2.37,19.521-5.43C63.4,39.48,63.44,39.42,63.49,39.37z
+			"/>
+		<path fill="#808080" d="M63.49,43.55l-0.02,4.4c-0.03,0.2-0.09,0.39-0.17,0.59c-2.86,3.12-11.07,4.9-19.48,4.9
+			c-8.46,0-16.71-1.801-19.53-4.95c-0.07-0.17-0.11-0.34-0.14-0.51V43.8c0.54,3.4,9.14,6.14,19.67,6.14
+			c10.53,0,19.13-2.74,19.65-6.17v-0.2C63.48,43.56,63.48,43.56,63.49,43.55z"/>
+		<path fill="#808080" d="M63.47,43.57v0.2c-0.521,3.43-9.12,6.17-19.65,6.17c-10.53,0-19.13-2.74-19.67-6.14v-0.25
+			c2.69,3.14,11.09,4.9,19.67,4.9C52.38,48.45,60.76,46.7,63.47,43.57z"/>
+		<path fill="#808080" d="M63.459,34.63v0.33c-0.649,3.25-9.189,5.82-19.64,5.82c-10.45,0-18.99-2.57-19.67-5.77V34.6
+			c2.69,3.02,11.12,4.69,19.67,4.69C52.34,39.29,60.74,37.63,63.459,34.63z"/>
+		<path fill="#636464" d="M63.49,29.87c0,0.23-0.04,0.46-0.14,0.69c-2.811,2.93-11.11,4.55-19.53,4.55s-16.72-1.62-19.53-4.55
+			c-0.1-0.23-0.14-0.46-0.14-0.69c0-3.27,8.8-5.92,19.67-5.92S63.49,26.6,63.49,29.87z"/>
+		<path fill="#636464" d="M63.35,30.56c-1.12,2.94-9.431,5.23-19.53,5.23c-10.1,0-18.41-2.29-19.53-5.23
+			c2.81,2.93,11.11,4.55,19.53,4.55S60.54,33.49,63.35,30.56z"/>
+		<path fill="#808080" d="M63.47,52.521C63.16,56.17,54.49,59.1,43.82,59.1s-19.34-2.93-19.65-6.579
+			c2.69,3.239,11.07,5.09,19.65,5.09S60.78,55.76,63.47,52.521z"/>
+		<path fill="#808080" d="M63.3,48.54c-1.351,3.15-9.561,5.58-19.48,5.58c-10,0-18.26-2.47-19.53-5.63
+			c2.82,3.149,11.07,4.95,19.53,4.95C52.23,53.44,60.44,51.66,63.3,48.54z"/>
+		<path fill="#808080" d="M63.34,39.53c-1.23,3.06-9.49,5.43-19.521,5.43c-10.15,0-18.49-2.43-19.59-5.5
+			c2.77,3.08,11.09,4.81,19.59,4.81C52.25,44.27,60.51,42.57,63.34,39.53z"/>
+	</g>
+	<g>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M63.35,30.56
+			c0.05-0.05,0.1-0.09,0.14-0.14l-0.03,4.21"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M24.15,34.6v-4.18
+			c0.04,0.05,0.09,0.09,0.14,0.14"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M63.3,48.54
+			c0.069-0.07,0.13-0.14,0.189-0.21v3.98c0,0.069,0,0.14-0.02,0.21"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M24.17,52.521
+			c-0.02-0.07-0.02-0.141-0.02-0.21v-3.98c0.04,0.05,0.09,0.11,0.14,0.16"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M24.15,43.55
+			v-4.18c0.03,0.03,0.05,0.06,0.08,0.09"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M63.34,39.53
+			c0.06-0.05,0.1-0.11,0.149-0.16l-0.02,4.2"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M24.23,39.46
+			c-0.03-0.09-0.06-0.19-0.08-0.28v-4.17V34.6c2.69,3.02,11.12,4.69,19.67,4.69c8.521,0,16.92-1.66,19.64-4.66
+			c0.011-0.01,0.021-0.02,0.03-0.03l-0.03,4.54c-0.029,0.13-0.069,0.26-0.119,0.39c-1.23,3.06-9.49,5.43-19.521,5.43
+			C33.67,44.96,25.33,42.53,24.23,39.46z"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M63.47,52.521
+			c0.01-0.011,0.01-0.011,0.02-0.021v3.99c0,3.75-8.8,6.78-19.67,6.78s-19.67-3.03-19.67-6.78V52.5c0.01,0.01,0.01,0.01,0.02,0.021
+			c2.69,3.239,11.07,5.09,19.65,5.09S60.78,55.76,63.47,52.521z"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M63.47,43.57
+			c0.01-0.01,0.01-0.01,0.02-0.02l-0.02,4.4c-0.03,0.2-0.09,0.39-0.17,0.59c-1.351,3.15-9.561,5.58-19.48,5.58
+			c-10,0-18.26-2.47-19.53-5.63c-0.07-0.17-0.11-0.34-0.14-0.51V43.8v-0.25c2.69,3.14,11.09,4.9,19.67,4.9
+			C52.38,48.45,60.76,46.7,63.47,43.57z"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M24.29,30.56
+			c-0.1-0.23-0.14-0.46-0.14-0.69c0-3.27,8.8-5.92,19.67-5.92s19.67,2.65,19.67,5.92c0,0.23-0.04,0.46-0.14,0.69
+			c-1.12,2.94-9.431,5.23-19.53,5.23C33.72,35.79,25.41,33.5,24.29,30.56z"/>
+	</g>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/db-green.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/db-green.svg
new file mode 100644
index 00000000..aea48b9d
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/db-green.svg
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="92px" height="92px" viewBox="-3.1 -2.67 92 92" enable-background="new -3.1 -2.67 92 92"
+	 xml:space="preserve">
+<defs>
+</defs>
+<g id="XMLID_2_">
+	<g>
+		<path fill="#FFFFFF" d="M43.33,1.5c23.11,0,41.839,18.73,41.839,41.83c0,23.1-18.729,41.83-41.839,41.83
+			c-23.1,0-41.83-18.73-41.83-41.83C1.5,20.23,20.23,1.5,43.33,1.5z"/>
+	</g>
+	<g>
+		<path fill="none" stroke="#186735" stroke-width="3" stroke-miterlimit="10" d="M85.169,43.33c0,23.1-18.729,41.83-41.839,41.83
+			c-23.1,0-41.83-18.73-41.83-41.83C1.5,20.23,20.23,1.5,43.33,1.5C66.44,1.5,85.169,20.23,85.169,43.33z"/>
+	</g>
+</g>
+<g id="XMLID_1_">
+	<g>
+		<path fill="#166734" d="M63.49,52.5v3.99c0,3.75-8.8,6.78-19.67,6.78s-19.67-3.03-19.67-6.78V52.5c0.01,0.01,0.01,0.01,0.02,0.021
+			c0.31,3.649,8.98,6.579,19.65,6.579s19.34-2.93,19.65-6.579C63.48,52.51,63.48,52.51,63.49,52.5z"/>
+		<path fill="#FFFFFF" d="M63.49,48.33v3.98c0,0.069,0,0.14-0.02,0.21c-2.69,3.239-11.07,5.09-19.65,5.09s-16.96-1.851-19.65-5.09
+			c-0.02-0.07-0.02-0.141-0.02-0.21v-3.98c0.04,0.05,0.09,0.11,0.14,0.16c1.27,3.16,9.53,5.63,19.53,5.63
+			c9.92,0,18.13-2.43,19.48-5.58C63.37,48.47,63.43,48.4,63.49,48.33z"/>
+		<path fill="#FFFFFF" d="M63.49,30.42l-0.03,4.21c-2.72,3-11.119,4.66-19.64,4.66c-8.55,0-16.98-1.67-19.67-4.69v-4.18
+			c0.04,0.05,0.09,0.09,0.14,0.14c1.12,2.94,9.43,5.23,19.53,5.23c10.1,0,18.41-2.29,19.53-5.23C63.4,30.51,63.45,30.47,63.49,30.42
+			z"/>
+		<path fill="#166734" d="M63.49,34.6l-0.03,4.54c-0.029,0.13-0.069,0.26-0.119,0.39c-2.83,3.04-11.091,4.74-19.521,4.74
+			c-8.5,0-16.82-1.73-19.59-4.81c-0.03-0.09-0.06-0.19-0.08-0.28v-4.17c0.68,3.2,9.22,5.77,19.67,5.77
+			c10.45,0,18.99-2.57,19.64-5.82v-0.33C63.47,34.62,63.48,34.61,63.49,34.6z"/>
+		<path fill="#FFFFFF" d="M63.49,39.37l-0.02,4.2c-2.71,3.13-11.09,4.88-19.65,4.88c-8.58,0-16.98-1.76-19.67-4.9v-4.18
+			c0.03,0.03,0.05,0.06,0.08,0.09c1.1,3.07,9.44,5.5,19.59,5.5c10.03,0,18.29-2.37,19.521-5.43C63.4,39.48,63.44,39.42,63.49,39.37z
+			"/>
+		<path fill="#166734" d="M63.49,43.55l-0.02,4.4c-0.03,0.2-0.09,0.39-0.17,0.59c-2.86,3.12-11.07,4.9-19.48,4.9
+			c-8.46,0-16.71-1.801-19.53-4.95c-0.07-0.17-0.11-0.34-0.14-0.51V43.8c0.54,3.4,9.14,6.14,19.67,6.14
+			c10.53,0,19.13-2.74,19.65-6.17v-0.2C63.48,43.56,63.48,43.56,63.49,43.55z"/>
+		<path fill="#0F8140" d="M63.47,43.57v0.2c-0.521,3.43-9.12,6.17-19.65,6.17c-10.53,0-19.13-2.74-19.67-6.14v-0.25
+			c2.69,3.14,11.09,4.9,19.67,4.9C52.38,48.45,60.76,46.7,63.47,43.57z"/>
+		<path fill="#0F8140" d="M63.459,34.63v0.33c-0.649,3.25-9.189,5.82-19.64,5.82c-10.45,0-18.99-2.57-19.67-5.77V34.6
+			c2.69,3.02,11.12,4.69,19.67,4.69C52.34,39.29,60.74,37.63,63.459,34.63z"/>
+		<path fill="#1F572B" d="M63.49,29.87c0,0.23-0.04,0.46-0.14,0.69c-2.811,2.93-11.11,4.55-19.53,4.55s-16.72-1.62-19.53-4.55
+			c-0.1-0.23-0.14-0.46-0.14-0.69c0-3.27,8.8-5.92,19.67-5.92S63.49,26.6,63.49,29.87z"/>
+		<path fill="#0F8140" d="M63.35,30.56c-1.12,2.94-9.431,5.23-19.53,5.23c-10.1,0-18.41-2.29-19.53-5.23
+			c2.81,2.93,11.11,4.55,19.53,4.55S60.54,33.49,63.35,30.56z"/>
+		<path fill="#0F8140" d="M63.47,52.521C63.16,56.17,54.49,59.1,43.82,59.1s-19.34-2.93-19.65-6.579
+			c2.69,3.239,11.07,5.09,19.65,5.09S60.78,55.76,63.47,52.521z"/>
+		<path fill="#0F8140" d="M63.3,48.54c-1.351,3.15-9.561,5.58-19.48,5.58c-10,0-18.26-2.47-19.53-5.63
+			c2.82,3.149,11.07,4.95,19.53,4.95C52.23,53.44,60.44,51.66,63.3,48.54z"/>
+		<path fill="#0F8140" d="M63.34,39.53c-1.23,3.06-9.49,5.43-19.521,5.43c-10.15,0-18.49-2.43-19.59-5.5
+			c2.77,3.08,11.09,4.81,19.59,4.81C52.25,44.27,60.51,42.57,63.34,39.53z"/>
+	</g>
+	<g>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M63.35,30.56
+			c0.05-0.05,0.1-0.09,0.14-0.14l-0.03,4.21"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M24.15,34.6v-4.18
+			c0.04,0.05,0.09,0.09,0.14,0.14"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M63.3,48.54
+			c0.069-0.07,0.13-0.14,0.189-0.21v3.98c0,0.069,0,0.14-0.02,0.21"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M24.17,52.521
+			c-0.02-0.07-0.02-0.141-0.02-0.21v-3.98c0.04,0.05,0.09,0.11,0.14,0.16"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M24.15,43.55
+			v-4.18c0.03,0.03,0.05,0.06,0.08,0.09"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M63.34,39.53
+			c0.06-0.05,0.1-0.11,0.149-0.16l-0.02,4.2"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M24.23,39.46
+			c-0.03-0.09-0.06-0.19-0.08-0.28v-4.17V34.6c2.69,3.02,11.12,4.69,19.67,4.69c8.521,0,16.92-1.66,19.64-4.66
+			c0.011-0.01,0.021-0.02,0.03-0.03l-0.03,4.54c-0.029,0.13-0.069,0.26-0.119,0.39c-1.23,3.06-9.49,5.43-19.521,5.43
+			C33.67,44.96,25.33,42.53,24.23,39.46z"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M63.47,52.521
+			c0.01-0.011,0.01-0.011,0.02-0.021v3.99c0,3.75-8.8,6.78-19.67,6.78s-19.67-3.03-19.67-6.78V52.5c0.01,0.01,0.01,0.01,0.02,0.021
+			c2.69,3.239,11.07,5.09,19.65,5.09S60.78,55.76,63.47,52.521z"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M63.47,43.57
+			c0.01-0.01,0.01-0.01,0.02-0.02l-0.02,4.4c-0.03,0.2-0.09,0.39-0.17,0.59c-1.351,3.15-9.561,5.58-19.48,5.58
+			c-10,0-18.26-2.47-19.53-5.63c-0.07-0.17-0.11-0.34-0.14-0.51V43.8v-0.25c2.69,3.14,11.09,4.9,19.67,4.9
+			C52.38,48.45,60.76,46.7,63.47,43.57z"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M24.29,30.56
+			c-0.1-0.23-0.14-0.46-0.14-0.69c0-3.27,8.8-5.92,19.67-5.92s19.67,2.65,19.67,5.92c0,0.23-0.04,0.46-0.14,0.69
+			c-1.12,2.94-9.431,5.23-19.53,5.23C33.72,35.79,25.41,33.5,24.29,30.56z"/>
+	</g>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/db-red.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/db-red.svg
new file mode 100644
index 00000000..9154fcd5
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/db-red.svg
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="92px" height="92px" viewBox="-3.1 -2.67 92 92" enable-background="new -3.1 -2.67 92 92"
+	 xml:space="preserve">
+<defs>
+</defs>
+<g id="XMLID_2_">
+	<g>
+		<path fill="#FFFFFF" d="M43.33,1.5c23.11,0,41.839,18.73,41.839,41.83c0,23.1-18.729,41.83-41.839,41.83
+			c-23.1,0-41.83-18.73-41.83-41.83C1.5,20.23,20.23,1.5,43.33,1.5z"/>
+	</g>
+	<g>
+		<path fill="none" stroke="#C82128" stroke-width="3" stroke-miterlimit="10" d="M85.169,43.33c0,23.1-18.729,41.83-41.839,41.83
+			c-23.1,0-41.83-18.73-41.83-41.83C1.5,20.23,20.23,1.5,43.33,1.5C66.44,1.5,85.169,20.23,85.169,43.33z"/>
+	</g>
+</g>
+<g id="XMLID_1_">
+	<g>
+		<path fill="#C82027" d="M63.49,52.5v3.99c0,3.75-8.8,6.78-19.67,6.78s-19.67-3.03-19.67-6.78V52.5c0.01,0.01,0.01,0.01,0.02,0.021
+			c0.31,3.649,8.98,6.579,19.65,6.579s19.34-2.93,19.65-6.579C63.48,52.51,63.48,52.51,63.49,52.5z"/>
+		<path fill="#FFFFFF" d="M63.49,48.33v3.98c0,0.069,0,0.14-0.02,0.21c-2.69,3.239-11.07,5.09-19.65,5.09s-16.96-1.851-19.65-5.09
+			c-0.02-0.07-0.02-0.141-0.02-0.21v-3.98c0.04,0.05,0.09,0.11,0.14,0.16c1.27,3.16,9.53,5.63,19.53,5.63
+			c9.92,0,18.13-2.43,19.48-5.58C63.37,48.47,63.43,48.4,63.49,48.33z"/>
+		<path fill="#FFFFFF" d="M63.49,30.42l-0.03,4.21c-2.72,3-11.119,4.66-19.64,4.66c-8.55,0-16.98-1.67-19.67-4.69v-4.18
+			c0.04,0.05,0.09,0.09,0.14,0.14c1.12,2.94,9.43,5.23,19.53,5.23c10.1,0,18.41-2.29,19.53-5.23C63.4,30.51,63.45,30.47,63.49,30.42
+			z"/>
+		<path fill="#C82027" d="M63.49,34.6l-0.03,4.54c-0.029,0.13-0.069,0.26-0.119,0.39c-2.83,3.04-11.091,4.74-19.521,4.74
+			c-8.5,0-16.82-1.73-19.59-4.81c-0.03-0.09-0.06-0.19-0.08-0.28v-4.17c0.68,3.2,9.22,5.77,19.67,5.77
+			c10.45,0,18.99-2.57,19.64-5.82v-0.33C63.47,34.62,63.48,34.61,63.49,34.6z"/>
+		<path fill="#FFFFFF" d="M63.49,39.37l-0.02,4.2c-2.71,3.13-11.09,4.88-19.65,4.88c-8.58,0-16.98-1.76-19.67-4.9v-4.18
+			c0.03,0.03,0.05,0.06,0.08,0.09c1.1,3.07,9.44,5.5,19.59,5.5c10.03,0,18.29-2.37,19.521-5.43C63.4,39.48,63.44,39.42,63.49,39.37z
+			"/>
+		<path fill="#C82027" d="M63.49,43.55l-0.02,4.4c-0.03,0.2-0.09,0.39-0.17,0.59c-2.86,3.12-11.07,4.9-19.48,4.9
+			c-8.46,0-16.71-1.801-19.53-4.95c-0.07-0.17-0.11-0.34-0.14-0.51V43.8c0.54,3.4,9.14,6.14,19.67,6.14
+			c10.53,0,19.13-2.74,19.65-6.17v-0.2C63.48,43.56,63.48,43.56,63.49,43.55z"/>
+		<path fill="#C82027" d="M63.47,43.57v0.2c-0.521,3.43-9.12,6.17-19.65,6.17c-10.53,0-19.13-2.74-19.67-6.14v-0.25
+			c2.69,3.14,11.09,4.9,19.67,4.9C52.38,48.45,60.76,46.7,63.47,43.57z"/>
+		<path fill="#C82027" d="M63.459,34.63v0.33c-0.649,3.25-9.189,5.82-19.64,5.82c-10.45,0-18.99-2.57-19.67-5.77V34.6
+			c2.69,3.02,11.12,4.69,19.67,4.69C52.34,39.29,60.74,37.63,63.459,34.63z"/>
+		<path fill="#9F1D20" d="M63.49,29.87c0,0.23-0.04,0.46-0.14,0.69c-2.811,2.93-11.11,4.55-19.53,4.55s-16.72-1.62-19.53-4.55
+			c-0.1-0.23-0.14-0.46-0.14-0.69c0-3.27,8.8-5.92,19.67-5.92S63.49,26.6,63.49,29.87z"/>
+		<path fill="#9F1D20" d="M63.35,30.56c-1.12,2.94-9.431,5.23-19.53,5.23c-10.1,0-18.41-2.29-19.53-5.23
+			c2.81,2.93,11.11,4.55,19.53,4.55S60.54,33.49,63.35,30.56z"/>
+		<path fill="#C82027" d="M63.47,52.521C63.16,56.17,54.49,59.1,43.82,59.1s-19.34-2.93-19.65-6.579
+			c2.69,3.239,11.07,5.09,19.65,5.09S60.78,55.76,63.47,52.521z"/>
+		<path fill="#C82027" d="M63.3,48.54c-1.351,3.15-9.561,5.58-19.48,5.58c-10,0-18.26-2.47-19.53-5.63
+			c2.82,3.149,11.07,4.95,19.53,4.95C52.23,53.44,60.44,51.66,63.3,48.54z"/>
+		<path fill="#C82027" d="M63.34,39.53c-1.23,3.06-9.49,5.43-19.521,5.43c-10.15,0-18.49-2.43-19.59-5.5
+			c2.77,3.08,11.09,4.81,19.59,4.81C52.25,44.27,60.51,42.57,63.34,39.53z"/>
+	</g>
+	<g>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M63.35,30.56
+			c0.05-0.05,0.1-0.09,0.14-0.14l-0.03,4.21"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M24.15,34.6v-4.18
+			c0.04,0.05,0.09,0.09,0.14,0.14"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M63.3,48.54
+			c0.069-0.07,0.13-0.14,0.189-0.21v3.98c0,0.069,0,0.14-0.02,0.21"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M24.17,52.521
+			c-0.02-0.07-0.02-0.141-0.02-0.21v-3.98c0.04,0.05,0.09,0.11,0.14,0.16"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M24.15,43.55
+			v-4.18c0.03,0.03,0.05,0.06,0.08,0.09"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M63.34,39.53
+			c0.06-0.05,0.1-0.11,0.149-0.16l-0.02,4.2"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M24.23,39.46
+			c-0.03-0.09-0.06-0.19-0.08-0.28v-4.17V34.6c2.69,3.02,11.12,4.69,19.67,4.69c8.521,0,16.92-1.66,19.64-4.66
+			c0.011-0.01,0.021-0.02,0.03-0.03l-0.03,4.54c-0.029,0.13-0.069,0.26-0.119,0.39c-1.23,3.06-9.49,5.43-19.521,5.43
+			C33.67,44.96,25.33,42.53,24.23,39.46z"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M63.47,52.521
+			c0.01-0.011,0.01-0.011,0.02-0.021v3.99c0,3.75-8.8,6.78-19.67,6.78s-19.67-3.03-19.67-6.78V52.5c0.01,0.01,0.01,0.01,0.02,0.021
+			c2.69,3.239,11.07,5.09,19.65,5.09S60.78,55.76,63.47,52.521z"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M63.47,43.57
+			c0.01-0.01,0.01-0.01,0.02-0.02l-0.02,4.4c-0.03,0.2-0.09,0.39-0.17,0.59c-1.351,3.15-9.561,5.58-19.48,5.58
+			c-10,0-18.26-2.47-19.53-5.63c-0.07-0.17-0.11-0.34-0.14-0.51V43.8v-0.25c2.69,3.14,11.09,4.9,19.67,4.9
+			C52.38,48.45,60.76,46.7,63.47,43.57z"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" d="M24.29,30.56
+			c-0.1-0.23-0.14-0.46-0.14-0.69c0-3.27,8.8-5.92,19.67-5.92s19.67,2.65,19.67,5.92c0,0.23-0.04,0.46-0.14,0.69
+			c-1.12,2.94-9.431,5.23-19.53,5.23C33.72,35.79,25.41,33.5,24.29,30.56z"/>
+	</g>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/drag.png b/heat_dashboard/static/dashboard/project/heat_dashboard/img/drag.png
new file mode 100644
index 00000000..1c1ad63c
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/drag.png differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/favicon.ico b/heat_dashboard/static/dashboard/project/heat_dashboard/img/favicon.ico
new file mode 100644
index 00000000..6257c06e
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/favicon.ico differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/firewall-gray.gif b/heat_dashboard/static/dashboard/project/heat_dashboard/img/firewall-gray.gif
new file mode 100644
index 00000000..afc89b33
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/firewall-gray.gif differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/firewall-gray.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/firewall-gray.svg
new file mode 100644
index 00000000..fccfb140
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/firewall-gray.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1350 2268 c0 -1 10 -28 22 -58 17 -43 22 -75 22 -145 -1 -154 -36
+-196 -133 -161 -47 17 -83 21 -94 10 -3 -3 3 -20 14 -37 35 -59 23 -120 -37
+-187 -33 -36 -38 -50 -42 -101 -2 -32 -1 -79 2 -104 l7 -45 60 0 c58 0 97 -12
+111 -33 13 -20 38 14 38 52 1 48 30 111 83 174 67 81 68 83 76 134 l7 48 22
+-35 c29 -46 28 -105 -3 -175 -26 -59 -24 -85 10 -118 40 -41 105 0 105 66 0
+47 12 47 47 1 20 -27 27 -48 27 -75 l-1 -39 108 0 109 0 0 28 c0 30 -25 80
+-78 158 -44 65 -47 85 -27 145 22 70 29 138 16 171 -10 27 -83 88 -105 88 -7
+0 -11 -22 -12 -55 0 -38 -6 -61 -19 -75 -37 -41 -103 -12 -91 39 4 14 9 56 13
+93 5 56 2 74 -16 111 -22 45 -69 89 -113 106 -25 9 -128 25 -128 19z"/>
+<path d="M740 1360 c-18 -18 -20 -33 -20 -130 0 -159 -17 -150 274 -150 200 0
+237 2 250 16 13 12 16 39 16 127 0 168 19 157 -266 157 -221 0 -235 -1 -254
+-20z"/>
+<path d="M1341 1354 c-18 -23 -21 -41 -21 -121 0 -89 9 -129 34 -145 6 -4 212
+-8 458 -8 l447 0 15 22 c12 17 16 49 16 130 0 163 49 148 -484 148 l-445 0
+-20 -26z"/>
+<path d="M746 999 c-25 -20 -26 -24 -26 -130 0 -164 -49 -149 483 -149 367 0
+447 2 463 14 16 12 19 29 22 125 4 107 3 111 -22 136 l-25 25 -434 0 c-424 0
+-435 0 -461 -21z"/>
+<path d="M1772 1004 c-21 -14 -22 -23 -22 -134 0 -94 3 -122 16 -134 13 -14
+50 -16 250 -16 291 0 274 -9 274 149 0 157 11 151 -274 151 -184 0 -225 -3
+-244 -16z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/firewall-green.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/firewall-green.svg
new file mode 100644
index 00000000..c7dd757f
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/firewall-green.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1350 2268 c0 -1 10 -28 22 -58 17 -43 22 -75 22 -145 -1 -154 -36
+-196 -133 -161 -47 17 -83 21 -94 10 -3 -3 3 -20 14 -37 35 -59 23 -120 -37
+-187 -33 -36 -38 -50 -42 -101 -2 -32 -1 -79 2 -104 l7 -45 60 0 c58 0 97 -12
+111 -33 13 -20 38 14 38 52 1 48 30 111 83 174 67 81 68 83 76 134 l7 48 22
+-35 c29 -46 28 -105 -3 -175 -26 -59 -24 -85 10 -118 40 -41 105 0 105 66 0
+47 12 47 47 1 20 -27 27 -48 27 -75 l-1 -39 108 0 109 0 0 28 c0 30 -25 80
+-78 158 -44 65 -47 85 -27 145 22 70 29 138 16 171 -10 27 -83 88 -105 88 -7
+0 -11 -22 -12 -55 0 -38 -6 -61 -19 -75 -37 -41 -103 -12 -91 39 4 14 9 56 13
+93 5 56 2 74 -16 111 -22 45 -69 89 -113 106 -25 9 -128 25 -128 19z"/>
+<path d="M740 1360 c-18 -18 -20 -33 -20 -130 0 -159 -17 -150 274 -150 200 0
+237 2 250 16 13 12 16 39 16 127 0 168 19 157 -266 157 -221 0 -235 -1 -254
+-20z"/>
+<path d="M1341 1354 c-18 -23 -21 -41 -21 -121 0 -89 9 -129 34 -145 6 -4 212
+-8 458 -8 l447 0 15 22 c12 17 16 49 16 130 0 163 49 148 -484 148 l-445 0
+-20 -26z"/>
+<path d="M746 999 c-25 -20 -26 -24 -26 -130 0 -164 -49 -149 483 -149 367 0
+447 2 463 14 16 12 19 29 22 125 4 107 3 111 -22 136 l-25 25 -434 0 c-424 0
+-435 0 -461 -21z"/>
+<path d="M1772 1004 c-21 -14 -22 -23 -22 -134 0 -94 3 -122 16 -134 13 -14
+50 -16 250 -16 291 0 274 -9 274 149 0 157 11 151 -274 151 -184 0 -225 -3
+-244 -16z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/firewall-red.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/firewall-red.svg
new file mode 100644
index 00000000..4bd58668
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/firewall-red.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1350 2268 c0 -1 10 -28 22 -58 17 -43 22 -75 22 -145 -1 -154 -36
+-196 -133 -161 -47 17 -83 21 -94 10 -3 -3 3 -20 14 -37 35 -59 23 -120 -37
+-187 -33 -36 -38 -50 -42 -101 -2 -32 -1 -79 2 -104 l7 -45 60 0 c58 0 97 -12
+111 -33 13 -20 38 14 38 52 1 48 30 111 83 174 67 81 68 83 76 134 l7 48 22
+-35 c29 -46 28 -105 -3 -175 -26 -59 -24 -85 10 -118 40 -41 105 0 105 66 0
+47 12 47 47 1 20 -27 27 -48 27 -75 l-1 -39 108 0 109 0 0 28 c0 30 -25 80
+-78 158 -44 65 -47 85 -27 145 22 70 29 138 16 171 -10 27 -83 88 -105 88 -7
+0 -11 -22 -12 -55 0 -38 -6 -61 -19 -75 -37 -41 -103 -12 -91 39 4 14 9 56 13
+93 5 56 2 74 -16 111 -22 45 -69 89 -113 106 -25 9 -128 25 -128 19z"/>
+<path d="M740 1360 c-18 -18 -20 -33 -20 -130 0 -159 -17 -150 274 -150 200 0
+237 2 250 16 13 12 16 39 16 127 0 168 19 157 -266 157 -221 0 -235 -1 -254
+-20z"/>
+<path d="M1341 1354 c-18 -23 -21 -41 -21 -121 0 -89 9 -129 34 -145 6 -4 212
+-8 458 -8 l447 0 15 22 c12 17 16 49 16 130 0 163 49 148 -484 148 l-445 0
+-20 -26z"/>
+<path d="M746 999 c-25 -20 -26 -24 -26 -130 0 -164 -49 -149 483 -149 367 0
+447 2 463 14 16 12 19 29 22 125 4 107 3 111 -22 136 l-25 25 -434 0 c-424 0
+-435 0 -461 -21z"/>
+<path d="M1772 1004 c-21 -14 -22 -23 -22 -134 0 -94 3 -122 16 -134 13 -14
+50 -16 250 -16 291 0 274 -9 274 149 0 157 11 151 -274 151 -184 0 -225 -3
+-244 -16z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/flavor-gray.gif b/heat_dashboard/static/dashboard/project/heat_dashboard/img/flavor-gray.gif
new file mode 100644
index 00000000..bd518fe3
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/flavor-gray.gif differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/flavor-gray.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/flavor-gray.svg
new file mode 100644
index 00000000..c2c9a735
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/flavor-gray.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M855 2255 c-50 -18 -100 -71 -114 -122 -14 -51 -15 -804 -1 -855 13
+-45 51 -93 94 -116 28 -16 85 -17 666 -17 l635 0 44 25 c30 17 52 40 68 70
+l24 44 -3 431 -3 431 -27 41 c-53 81 -23 78 -723 80 -516 2 -627 0 -660 -12z
+m1273 -121 l22 -15 0 -351 c0 -313 -2 -353 -17 -370 -15 -17 -48 -18 -630 -18
+-600 0 -613 0 -633 20 -19 19 -20 33 -20 365 0 332 1 346 20 365 20 20 33 20
+628 20 534 0 610 -2 630 -16z"/>
+<path d="M746 1058 c-13 -17 -16 -51 -16 -149 0 -113 2 -129 21 -153 l20 -26
+730 0 c716 0 729 0 749 20 18 18 20 33 20 158 0 122 -2 141 -18 155 -17 16
+-84 17 -755 17 l-736 0 -15 -22z m1388 -99 c17 -14 26 -30 26 -50 0 -65 -80
+-93 -119 -43 -27 35 -26 59 4 89 30 30 54 31 89 4z m-514 -19 l0 -30 -385 0
+-385 0 0 30 0 30 385 0 385 0 0 -30z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/flavor-green.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/flavor-green.svg
new file mode 100644
index 00000000..4308c7b1
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/flavor-green.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt"  viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M855 2255 c-50 -18 -100 -71 -114 -122 -14 -51 -15 -804 -1 -855 13
+-45 51 -93 94 -116 28 -16 85 -17 666 -17 l635 0 44 25 c30 17 52 40 68 70
+l24 44 -3 431 -3 431 -27 41 c-53 81 -23 78 -723 80 -516 2 -627 0 -660 -12z
+m1273 -121 l22 -15 0 -351 c0 -313 -2 -353 -17 -370 -15 -17 -48 -18 -630 -18
+-600 0 -613 0 -633 20 -19 19 -20 33 -20 365 0 332 1 346 20 365 20 20 33 20
+628 20 534 0 610 -2 630 -16z"/>
+<path d="M746 1058 c-13 -17 -16 -51 -16 -149 0 -113 2 -129 21 -153 l20 -26
+730 0 c716 0 729 0 749 20 18 18 20 33 20 158 0 122 -2 141 -18 155 -17 16
+-84 17 -755 17 l-736 0 -15 -22z m1388 -99 c17 -14 26 -30 26 -50 0 -65 -80
+-93 -119 -43 -27 35 -26 59 4 89 30 30 54 31 89 4z m-514 -19 l0 -30 -385 0
+-385 0 0 30 0 30 385 0 385 0 0 -30z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/flavor-red.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/flavor-red.svg
new file mode 100644
index 00000000..b1b3169a
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/flavor-red.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M855 2255 c-50 -18 -100 -71 -114 -122 -14 -51 -15 -804 -1 -855 13
+-45 51 -93 94 -116 28 -16 85 -17 666 -17 l635 0 44 25 c30 17 52 40 68 70
+l24 44 -3 431 -3 431 -27 41 c-53 81 -23 78 -723 80 -516 2 -627 0 -660 -12z
+m1273 -121 l22 -15 0 -351 c0 -313 -2 -353 -17 -370 -15 -17 -48 -18 -630 -18
+-600 0 -613 0 -633 20 -19 19 -20 33 -20 365 0 332 1 346 20 365 20 20 33 20
+628 20 534 0 610 -2 630 -16z"/>
+<path d="M746 1058 c-13 -17 -16 -51 -16 -149 0 -113 2 -129 21 -153 l20 -26
+730 0 c716 0 729 0 749 20 18 18 20 33 20 158 0 122 -2 141 -18 155 -17 16
+-84 17 -755 17 l-736 0 -15 -22z m1388 -99 c17 -14 26 -30 26 -50 0 -65 -80
+-93 -119 -43 -27 35 -26 59 4 89 30 30 54 31 89 4z m-514 -19 l0 -30 -385 0
+-385 0 0 30 0 30 385 0 385 0 0 -30z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/floatingip-gray.gif b/heat_dashboard/static/dashboard/project/heat_dashboard/img/floatingip-gray.gif
new file mode 100644
index 00000000..b59b7b49
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/floatingip-gray.gif differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/floatingip-gray.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/floatingip-gray.svg
new file mode 100644
index 00000000..86f340b4
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/floatingip-gray.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M947 1953 c-4 -3 -7 -206 -7 -450 l0 -443 120 0 120 0 0 450 0 450
+-113 0 c-63 0 -117 -3 -120 -7z"/>
+<path d="M1370 1511 l0 -451 115 0 115 0 0 150 0 150 108 0 c101 0 208 19 222
+40 3 4 15 12 27 18 34 19 82 112 91 178 20 156 -25 263 -139 324 l-64 35 -237
+3 -238 4 0 -451z m411 231 c23 -25 29 -42 29 -77 0 -92 -38 -125 -145 -125
+l-65 0 0 121 0 121 76 -4 c71 -3 78 -6 105 -36z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/floatingip-green.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/floatingip-green.svg
new file mode 100644
index 00000000..a15461a8
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/floatingip-green.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M947 1953 c-4 -3 -7 -206 -7 -450 l0 -443 120 0 120 0 0 450 0 450
+-113 0 c-63 0 -117 -3 -120 -7z"/>
+<path d="M1370 1511 l0 -451 115 0 115 0 0 150 0 150 108 0 c101 0 208 19 222
+40 3 4 15 12 27 18 34 19 82 112 91 178 20 156 -25 263 -139 324 l-64 35 -237
+3 -238 4 0 -451z m411 231 c23 -25 29 -42 29 -77 0 -92 -38 -125 -145 -125
+l-65 0 0 121 0 121 76 -4 c71 -3 78 -6 105 -36z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/floatingip-red.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/floatingip-red.svg
new file mode 100644
index 00000000..d8576bfc
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/floatingip-red.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M947 1953 c-4 -3 -7 -206 -7 -450 l0 -443 120 0 120 0 0 450 0 450
+-113 0 c-63 0 -117 -3 -120 -7z"/>
+<path d="M1370 1511 l0 -451 115 0 115 0 0 150 0 150 108 0 c101 0 208 19 222
+40 3 4 15 12 27 18 34 19 82 112 91 178 20 156 -25 263 -139 324 l-64 35 -237
+3 -238 4 0 -451z m411 231 c23 -25 29 -42 29 -77 0 -92 -38 -125 -145 -125
+l-65 0 0 121 0 121 76 -4 c71 -3 78 -6 105 -36z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/image-gray.gif b/heat_dashboard/static/dashboard/project/heat_dashboard/img/image-gray.gif
new file mode 100644
index 00000000..19505306
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/image-gray.gif differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/image-gray.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/image-gray.svg
new file mode 100644
index 00000000..2912f698
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/image-gray.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1324 2210 c-252 -66 -460 -276 -525 -528 -26 -103 -26 -262 1 -366
+32 -127 91 -226 195 -331 150 -151 304 -215 515 -215 211 0 365 64 515 215
+150 151 215 306 215 509 0 128 -20 220 -68 321 -96 199 -292 357 -497 400 -98
+21 -263 18 -351 -5z m281 -494 c153 -72 192 -254 81 -375 -41 -45 -120 -81
+-176 -81 -56 0 -135 36 -176 81 -83 90 -83 231 -1 318 43 45 121 81 177 81 27
+0 65 -10 95 -24z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/image-green.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/image-green.svg
new file mode 100644
index 00000000..eabacd4b
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/image-green.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1324 2210 c-252 -66 -460 -276 -525 -528 -26 -103 -26 -262 1 -366
+32 -127 91 -226 195 -331 150 -151 304 -215 515 -215 211 0 365 64 515 215
+150 151 215 306 215 509 0 128 -20 220 -68 321 -96 199 -292 357 -497 400 -98
+21 -263 18 -351 -5z m281 -494 c153 -72 192 -254 81 -375 -41 -45 -120 -81
+-176 -81 -56 0 -135 36 -176 81 -83 90 -83 231 -1 318 43 45 121 81 177 81 27
+0 65 -10 95 -24z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/image-red.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/image-red.svg
new file mode 100644
index 00000000..a77fea98
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/image-red.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1324 2210 c-252 -66 -460 -276 -525 -528 -26 -103 -26 -262 1 -366
+32 -127 91 -226 195 -331 150 -151 304 -215 515 -215 211 0 365 64 515 215
+150 151 215 306 215 509 0 128 -20 220 -68 321 -96 199 -292 357 -497 400 -98
+21 -263 18 -351 -5z m281 -494 c153 -72 192 -254 81 -375 -41 -45 -120 -81
+-176 -81 -56 0 -135 36 -176 81 -83 90 -83 231 -1 318 43 45 121 81 177 81 27
+0 65 -10 95 -24z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/keypair-gray.gif b/heat_dashboard/static/dashboard/project/heat_dashboard/img/keypair-gray.gif
new file mode 100644
index 00000000..56ac0213
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/keypair-gray.gif differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/keypair-gray.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/keypair-gray.svg
new file mode 100644
index 00000000..b9110a8a
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/keypair-gray.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1382 2340 c-54 -11 -137 -59 -179 -102 -17 -18 -46 -64 -64 -102
+-40 -86 -44 -182 -11 -258 22 -51 32 -57 51 -34 9 11 8 26 -5 66 -33 102 5
+245 84 310 80 66 210 88 301 51 24 -10 68 -39 97 -65 47 -41 57 -56 75 -117
+47 -155 -23 -303 -174 -368 -79 -34 -55 -73 28 -45 62 22 140 95 178 168 29
+56 32 69 32 156 0 87 -3 100 -32 157 -69 132 -237 213 -381 183z"/>
+<path d="M1547 1850 c-183 -31 -280 -243 -187 -407 35 -61 79 -97 157 -128 57
+-22 59 -25 97 -103 35 -72 44 -83 80 -97 64 -26 67 -30 50 -77 -18 -52 -18
+-57 4 -65 9 -3 32 -12 49 -19 l33 -13 -15 -42 c-21 -59 -20 -63 28 -81 45 -16
+50 -30 33 -89 -7 -23 -4 -28 21 -37 15 -6 52 -20 81 -31 30 -11 59 -18 66 -15
+7 3 25 45 40 95 l28 90 -21 50 c-30 68 -85 186 -176 374 l-77 160 18 50 c28
+74 25 176 -7 239 -37 75 -45 76 -111 12 -55 -54 -114 -91 -171 -107 -82 -23
+-144 67 -90 131 14 17 28 29 30 26 7 -7 84 32 110 57 39 35 22 42 -70 27z"/>
+<path d="M1266 1825 c-143 -51 -207 -221 -132 -349 13 -23 33 -49 45 -60 19
+-17 20 -26 14 -110 -5 -89 -5 -92 21 -115 33 -31 33 -44 -4 -74 -36 -31 -37
+-37 -5 -67 32 -30 32 -42 -5 -70 -37 -28 -37 -40 -3 -80 l27 -32 -34 -28 -34
+-27 21 -26 c38 -49 82 -97 89 -97 17 0 133 103 137 122 3 13 13 123 23 246
+l18 223 -25 17 c-44 31 -100 96 -121 142 -12 27 -22 74 -25 120 -6 90 20 171
+73 230 19 21 34 40 34 44 0 11 -74 5 -114 -9z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/keypair-green.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/keypair-green.svg
new file mode 100644
index 00000000..8874bcd7
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/keypair-green.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1382 2340 c-54 -11 -137 -59 -179 -102 -17 -18 -46 -64 -64 -102
+-40 -86 -44 -182 -11 -258 22 -51 32 -57 51 -34 9 11 8 26 -5 66 -33 102 5
+245 84 310 80 66 210 88 301 51 24 -10 68 -39 97 -65 47 -41 57 -56 75 -117
+47 -155 -23 -303 -174 -368 -79 -34 -55 -73 28 -45 62 22 140 95 178 168 29
+56 32 69 32 156 0 87 -3 100 -32 157 -69 132 -237 213 -381 183z"/>
+<path d="M1547 1850 c-183 -31 -280 -243 -187 -407 35 -61 79 -97 157 -128 57
+-22 59 -25 97 -103 35 -72 44 -83 80 -97 64 -26 67 -30 50 -77 -18 -52 -18
+-57 4 -65 9 -3 32 -12 49 -19 l33 -13 -15 -42 c-21 -59 -20 -63 28 -81 45 -16
+50 -30 33 -89 -7 -23 -4 -28 21 -37 15 -6 52 -20 81 -31 30 -11 59 -18 66 -15
+7 3 25 45 40 95 l28 90 -21 50 c-30 68 -85 186 -176 374 l-77 160 18 50 c28
+74 25 176 -7 239 -37 75 -45 76 -111 12 -55 -54 -114 -91 -171 -107 -82 -23
+-144 67 -90 131 14 17 28 29 30 26 7 -7 84 32 110 57 39 35 22 42 -70 27z"/>
+<path d="M1266 1825 c-143 -51 -207 -221 -132 -349 13 -23 33 -49 45 -60 19
+-17 20 -26 14 -110 -5 -89 -5 -92 21 -115 33 -31 33 -44 -4 -74 -36 -31 -37
+-37 -5 -67 32 -30 32 -42 -5 -70 -37 -28 -37 -40 -3 -80 l27 -32 -34 -28 -34
+-27 21 -26 c38 -49 82 -97 89 -97 17 0 133 103 137 122 3 13 13 123 23 246
+l18 223 -25 17 c-44 31 -100 96 -121 142 -12 27 -22 74 -25 120 -6 90 20 171
+73 230 19 21 34 40 34 44 0 11 -74 5 -114 -9z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/keypair-red.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/keypair-red.svg
new file mode 100644
index 00000000..3b852696
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/keypair-red.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1382 2340 c-54 -11 -137 -59 -179 -102 -17 -18 -46 -64 -64 -102
+-40 -86 -44 -182 -11 -258 22 -51 32 -57 51 -34 9 11 8 26 -5 66 -33 102 5
+245 84 310 80 66 210 88 301 51 24 -10 68 -39 97 -65 47 -41 57 -56 75 -117
+47 -155 -23 -303 -174 -368 -79 -34 -55 -73 28 -45 62 22 140 95 178 168 29
+56 32 69 32 156 0 87 -3 100 -32 157 -69 132 -237 213 -381 183z"/>
+<path d="M1547 1850 c-183 -31 -280 -243 -187 -407 35 -61 79 -97 157 -128 57
+-22 59 -25 97 -103 35 -72 44 -83 80 -97 64 -26 67 -30 50 -77 -18 -52 -18
+-57 4 -65 9 -3 32 -12 49 -19 l33 -13 -15 -42 c-21 -59 -20 -63 28 -81 45 -16
+50 -30 33 -89 -7 -23 -4 -28 21 -37 15 -6 52 -20 81 -31 30 -11 59 -18 66 -15
+7 3 25 45 40 95 l28 90 -21 50 c-30 68 -85 186 -176 374 l-77 160 18 50 c28
+74 25 176 -7 239 -37 75 -45 76 -111 12 -55 -54 -114 -91 -171 -107 -82 -23
+-144 67 -90 131 14 17 28 29 30 26 7 -7 84 32 110 57 39 35 22 42 -70 27z"/>
+<path d="M1266 1825 c-143 -51 -207 -221 -132 -349 13 -23 33 -49 45 -60 19
+-17 20 -26 14 -110 -5 -89 -5 -92 21 -115 33 -31 33 -44 -4 -74 -36 -31 -37
+-37 -5 -67 32 -30 32 -42 -5 -70 -37 -28 -37 -40 -3 -80 l27 -32 -34 -28 -34
+-27 21 -26 c38 -49 82 -97 89 -97 17 0 133 103 137 122 3 13 13 123 23 246
+l18 223 -25 17 c-44 31 -100 96 -121 142 -12 27 -22 74 -25 120 -6 90 20 171
+73 230 19 21 34 40 34 44 0 11 -74 5 -114 -9z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/lb-gray.gif b/heat_dashboard/static/dashboard/project/heat_dashboard/img/lb-gray.gif
new file mode 100644
index 00000000..e16739b8
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/lb-gray.gif differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/lb-gray.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/lb-gray.svg
new file mode 100644
index 00000000..eb858750
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/lb-gray.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="92px" height="92px" viewBox="-3.1 -2.67 92 92" enable-background="new -3.1 -2.67 92 92"
+	 xml:space="preserve">
+<defs>
+</defs>
+<g id="XMLID_3_">
+	<g>
+		<path fill="#FFFFFF" d="M43.33,1.5c23.11,0,41.839,18.73,41.839,41.83c0,23.1-18.729,41.83-41.839,41.83
+			c-23.1,0-41.83-18.73-41.83-41.83C1.5,20.23,20.23,1.5,43.33,1.5z"/>
+	</g>
+	<g>
+		<path fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" d="M85.169,43.33c0,23.1-18.729,41.83-41.839,41.83
+			c-23.1,0-41.83-18.73-41.83-41.83C1.5,20.23,20.23,1.5,43.33,1.5C66.44,1.5,85.169,20.23,85.169,43.33z"/>
+	</g>
+</g>
+<g id="XMLID_2_">
+	<g>
+		<path fill="#808080" d="M68.8,41.85v12.52H18.83V41.92c0-0.02,0.01-0.04,0.02-0.07H68.79C68.79,41.88,68.8,41.83,68.8,41.85z
+			 M55.31,48.36c0-1.11-0.9-2-2-2c-1.11,0-2,0.89-2,2c0,1.109,0.89,2,2,2C54.41,50.36,55.31,49.47,55.31,48.36z M46.31,48.36
+			c0-1.11-0.891-2-1.99-2c-1.11,0-2,0.89-2,2c0,1.109,0.89,2,2,2C45.419,50.36,46.31,49.47,46.31,48.36z M37.32,48.36
+			c0-1.11-0.89-2-2-2c-1.1,0-2,0.89-2,2c0,1.109,0.9,2,2,2C36.43,50.36,37.32,49.47,37.32,48.36z"/>
+		<polygon fill="#636464" points="61.82,32.33 68.79,41.85 18.85,41.85 25.81,32.33 		"/>
+		<path fill="#FFFFFF" d="M53.31,46.36c1.1,0,2,0.89,2,2c0,1.109-0.9,2-2,2c-1.11,0-2-0.891-2-2C51.31,47.25,52.2,46.36,53.31,46.36
+			z"/>
+		<path fill="#FFFFFF" d="M44.32,46.36c1.1,0,1.99,0.89,1.99,2c0,1.109-0.891,2-1.99,2c-1.11,0-2-0.891-2-2
+			C42.32,47.25,43.21,46.36,44.32,46.36z"/>
+		<path fill="#FFFFFF" d="M35.32,46.36c1.11,0,2,0.89,2,2c0,1.109-0.89,2-2,2c-1.1,0-2-0.891-2-2
+			C33.32,47.25,34.22,46.36,35.32,46.36z"/>
+	</g>
+	<g>
+		<polyline fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
+			68.79,41.85 61.82,32.33 25.81,32.33 18.85,41.85 		"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M18.85,41.85
+			c-0.01,0.03-0.02,0.05-0.02,0.07v12.45H68.8V41.85c0-0.02-0.011,0.03-0.011,0H18.85z"/>
+	</g>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/lb-green.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/lb-green.svg
new file mode 100644
index 00000000..770ffc79
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/lb-green.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="92px" height="92px" viewBox="-3.1 -2.67 92 92" enable-background="new -3.1 -2.67 92 92"
+	 xml:space="preserve">
+<defs>
+</defs>
+<g id="XMLID_3_">
+	<g>
+		<path fill="#FFFFFF" d="M43.33,1.5c23.11,0,41.839,18.73,41.839,41.83c0,23.1-18.729,41.83-41.839,41.83
+			c-23.1,0-41.83-18.73-41.83-41.83C1.5,20.23,20.23,1.5,43.33,1.5z"/>
+	</g>
+	<g>
+		<path fill="none" stroke="#156734" stroke-width="3" stroke-miterlimit="10" d="M85.169,43.33c0,23.1-18.729,41.83-41.839,41.83
+			c-23.1,0-41.83-18.73-41.83-41.83C1.5,20.23,20.23,1.5,43.33,1.5C66.44,1.5,85.169,20.23,85.169,43.33z"/>
+	</g>
+</g>
+<g id="XMLID_2_">
+	<g>
+		<path fill="#166734" d="M18.85,41.85H68.79c0,0.03,0.011-0.02,0.011,0v12.52H18.83V41.92C18.83,41.9,18.84,41.88,18.85,41.85z
+			 M55.31,48.36c0-1.11-0.9-2-2-2c-1.11,0-2,0.89-2,2c0,1.109,0.89,2,2,2C54.41,50.36,55.31,49.47,55.31,48.36z M46.31,48.36
+			c0-1.11-0.891-2-1.99-2c-1.11,0-2,0.89-2,2c0,1.109,0.89,2,2,2C45.419,50.36,46.31,49.47,46.31,48.36z M37.32,48.36
+			c0-1.11-0.89-2-2-2c-1.1,0-2,0.89-2,2c0,1.109,0.9,2,2,2C36.43,50.36,37.32,49.47,37.32,48.36z"/>
+		<path fill="#FFFFFF" d="M53.31,46.36c1.1,0,2,0.89,2,2c0,1.109-0.9,2-2,2c-1.11,0-2-0.891-2-2C51.31,47.25,52.2,46.36,53.31,46.36
+			z"/>
+		<path fill="#FFFFFF" d="M44.32,46.36c1.1,0,1.99,0.89,1.99,2c0,1.109-0.891,2-1.99,2c-1.11,0-2-0.891-2-2
+			C42.32,47.25,43.21,46.36,44.32,46.36z"/>
+		<path fill="#FFFFFF" d="M35.32,46.36c1.11,0,2,0.89,2,2c0,1.109-0.89,2-2,2c-1.1,0-2-0.891-2-2
+			C33.32,47.25,34.22,46.36,35.32,46.36z"/>
+		<polygon fill="#1F572B" points="18.85,41.85 25.81,32.33 61.82,32.33 68.79,41.85 		"/>
+	</g>
+	<g>
+		<polyline fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
+			68.79,41.85 61.82,32.33 25.81,32.33 18.85,41.85 		"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M18.85,41.85
+			c-0.01,0.03-0.02,0.05-0.02,0.07v12.45H68.8V41.85c0-0.02-0.011,0.03-0.011,0H18.85z"/>
+	</g>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/lb-red.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/lb-red.svg
new file mode 100644
index 00000000..12434fd1
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/lb-red.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="92px" height="92px" viewBox="-3.1 -2.67 92 92" enable-background="new -3.1 -2.67 92 92"
+	 xml:space="preserve">
+<defs>
+</defs>
+<g id="XMLID_3_">
+	<g>
+		<path fill="#FFFFFF" d="M43.33,1.5c23.11,0,41.839,18.73,41.839,41.83c0,23.1-18.729,41.83-41.839,41.83
+			c-23.1,0-41.83-18.73-41.83-41.83C1.5,20.23,20.23,1.5,43.33,1.5z"/>
+	</g>
+	<g>
+		<path fill="none" stroke="#C82128" stroke-width="3" stroke-miterlimit="10" d="M85.169,43.33c0,23.1-18.729,41.83-41.839,41.83
+			c-23.1,0-41.83-18.73-41.83-41.83C1.5,20.23,20.23,1.5,43.33,1.5C66.44,1.5,85.169,20.23,85.169,43.33z"/>
+	</g>
+</g>
+<g id="XMLID_2_">
+	<g>
+		<path fill="#C82027" d="M18.85,41.85H68.79c0,0.03,0.011-0.02,0.011,0v12.52H18.83V41.92C18.83,41.9,18.84,41.88,18.85,41.85z
+			 M55.31,48.36c0-1.11-0.9-2-2-2c-1.11,0-2,0.89-2,2c0,1.109,0.89,2,2,2C54.41,50.36,55.31,49.47,55.31,48.36z M46.31,48.36
+			c0-1.11-0.891-2-1.99-2c-1.11,0-2,0.89-2,2c0,1.109,0.89,2,2,2C45.419,50.36,46.31,49.47,46.31,48.36z M37.32,48.36
+			c0-1.11-0.89-2-2-2c-1.1,0-2,0.89-2,2c0,1.109,0.9,2,2,2C36.43,50.36,37.32,49.47,37.32,48.36z"/>
+		<path fill="#FFFFFF" d="M53.31,46.36c1.1,0,2,0.89,2,2c0,1.109-0.9,2-2,2c-1.11,0-2-0.891-2-2C51.31,47.25,52.2,46.36,53.31,46.36
+			z"/>
+		<path fill="#FFFFFF" d="M44.32,46.36c1.1,0,1.99,0.89,1.99,2c0,1.109-0.891,2-1.99,2c-1.11,0-2-0.891-2-2
+			C42.32,47.25,43.21,46.36,44.32,46.36z"/>
+		<path fill="#FFFFFF" d="M35.32,46.36c1.11,0,2,0.89,2,2c0,1.109-0.89,2-2,2c-1.1,0-2-0.891-2-2
+			C33.32,47.25,34.22,46.36,35.32,46.36z"/>
+		<polygon fill="#9F1D20" points="18.85,41.85 25.81,32.33 61.82,32.33 68.79,41.85 		"/>
+	</g>
+	<g>
+		<polyline fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
+			68.79,41.85 61.82,32.33 25.81,32.33 18.85,41.85 		"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M18.85,41.85
+			c-0.01,0.03-0.02,0.05-0.02,0.07v12.45H68.8V41.85c0-0.02-0.011,0.03-0.011,0H18.85z"/>
+	</g>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/logo-splash.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/logo-splash.svg
new file mode 100644
index 00000000..a4616685
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/logo-splash.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 586.65576 283.09213">
+ <defs>
+  <clipPath id="b" clipPathUnits="userSpaceOnUse">
+   <path d="m0 612h792v-612h-792v612z"/>
+  </clipPath>
+  <clipPath id="a" clipPathUnits="userSpaceOnUse">
+   <path d="m331.02 424.87h116.24v-113.76h-116.24v113.76z"/>
+  </clipPath>
+ </defs>
+ <g transform="translate(-.95784 -2.2447)">
+  <g transform="matrix(1.25 0 0 -1.25 -201.86 533.34)">
+   <g clip-path="url(#b)">
+    <g transform="translate(624.62 215.96)">
+     <path d="m0 0c-2.896 0-5.252 2.356-5.252 5.252 0 2.897 2.356 5.252 5.252 5.252s5.252-2.355 5.252-5.252c0-2.896-2.356-5.252-5.252-5.252m6.963 5.252c0 3.84-3.123 6.964-6.963 6.964s-6.963-3.124-6.963-6.964 3.123-6.963 6.963-6.963 6.963 3.123 6.963 6.963" fill="#4e4640"/>
+    </g>
+    <g transform="translate(625.8 222.43)">
+     <path d="m0 0c0-0.614-0.39-1.024-1.112-1.024h-1.042v2.058h1.013c0.722 0 1.141-0.342 1.141-1.024v-0.01zm1.424 0.039v0.039c0 0.673-0.205 1.209-0.576 1.58-0.429 0.428-1.062 0.652-1.852 0.652h-2.563v-6.823h1.413v2.242h0.886l1.258-2.242h1.619l-1.453 2.535c0.751 0.331 1.268 0.984 1.268 2.017" fill="#4e4640"/>
+    </g>
+    <g transform="translate(174.11 241.74)">
+     <path d="m0 0v0.629c0 10.39 5.352 18.048 13.641 18.048 8.079 0 13.851-7.765 13.851-18.152v-0.63c0-10.387-5.352-18.152-13.641-18.152-8.08 0-13.851 7.869-13.851 18.257m39.348-0.209v0.945c0 16.474-10.807 28.435-25.497 28.435-14.796 0-25.708-12.172-25.708-28.542v-0.943c0-16.474 10.808-28.331 25.498-28.331 14.795 0 25.707 12.066 25.707 28.436" fill="#4e4640"/>
+    </g>
+    <g transform="translate(231.81 241.53)">
+     <path d="m0 0v1.049c0 10.913 6.086 17.837 13.221 17.837s12.906-6.82 12.906-17.941v-0.945c0-11.123-5.666-17.839-12.906-17.839-7.135 0-13.221 6.927-13.221 17.839m38.09-0.211v1.469c0 18.784-10.494 28.122-21.616 28.122-7.975 0-12.802-4.617-16.264-9.969v8.92h-11.857v-71.458h11.857v24.239c3.358-4.931 8.185-9.443 16.264-9.443 11.227 0 21.616 9.443 21.616 28.12" fill="#4e4640"/>
+    </g>
+    <g transform="translate(300.09 260.94)">
+     <path d="m0 0c6.925 0 10.912-6.4 11.542-15.214h-23.504c0.84 9.443 5.457 15.214 11.962 15.214m21.196-39.244-6.191 7.347c-3.673-3.568-7.555-5.877-12.801-5.877-7.24 0-13.012 5.037-14.061 14.375h34.836c0.105 1.679 0.105 3.359 0.105 4.093 0 16.683-7.974 29.276-23.084 29.276-13.641 0-23.714-11.962-23.714-28.647v-0.838c0-17.419 11.122-28.331 25.393-28.331 8.29 0 14.48 3.252 19.517 8.602" fill="#4e4640"/>
+    </g>
+    <g transform="translate(357.99 270.91)">
+     <path d="m0 0c-7.555 0-12.067-4.303-15.215-9.234v8.185h-11.857v-55.613h11.857v33.682c0 7.66 4.303 12.277 10.493 12.277 6.296 0 9.968-4.302 9.968-12.066v-33.893h11.857v37.249c0 11.857-6.401 19.413-17.103 19.413" fill="#4e4640"/>
+    </g>
+    <g transform="translate(422.89 230.09)">
+     <path d="m0 0v0.105c0 8.709-6.506 12.695-15.11 16.578-6.506 2.939-10.913 4.826-10.913 8.499v0.211c0 3.043 2.623 5.455 7.03 5.455s9.024-2.099 13.221-4.931l5.037 8.709c-5.246 3.777-11.857 5.98-18.048 5.98-10.387 0-18.362-6.295-18.362-16.263v-0.211c0-9.127 6.925-12.906 15.215-16.472 6.61-2.834 10.912-4.617 10.912-8.605v-0.104c0-3.463-2.833-6.087-7.765-6.087-4.931 0-10.283 2.414-15.319 6.505l-5.562-8.498c6.401-5.351 14.061-7.765 20.671-7.765 10.704 0 18.993 5.982 18.993 16.894" fill="#4e4640"/>
+    </g>
+    <g transform="translate(459.6 215.82)">
+     <path d="m0 0v9.759c-1.994-1.05-4.092-1.574-6.401-1.574-3.778 0-5.981 1.783-5.981 6.086v29.589h12.487v10.179h-12.487v15.005h-11.857v-15.005h-6.086l1.948-10.179h4.138v-32.003c0-10.808 6.191-14.271 14.376-14.271 3.987 0 7.134 0.945 9.863 2.414" fill="#4e4640"/>
+    </g>
+    <g transform="translate(499.16 232.92)">
+     <path d="m0 0c0-6.295-5.246-10.912-12.067-10.808-5.141 0.105-9.023 3.254-9.023 8.814v0.211c0 5.875 3.987 9.339 10.807 9.339 3.988 0 7.555-0.841 10.283-1.994v-5.562zm5.876 31.899c-3.567 3.672-9.128 5.666-16.368 5.666-7.45 0-13.012-1.785-18.364-4.408l3.358-9.443c3.673 1.679 8.08 3.359 13.431 3.359 7.556 0 11.962-3.884 11.962-11.333v-2.309c-3.777 1.26-7.554 2.203-12.801 2.203-11.752 0-19.727-5.875-19.727-17.837v-0.525c0-10.807 7.765-16.998 16.999-16.998 7.24 0 12.172 3.147 15.424 7.869v-6.82h11.647v34.522c0 6.924-1.888 12.382-5.561 16.054" fill="#4e4640"/>
+    </g>
+    <g transform="translate(561 221.48)">
+     <path d="m0 0-6.4 7.869c-3.253-3.252-6.506-5.666-11.332-5.666-8.081 0-13.746 7.24-13.746 18.048v0.525c0 10.494 5.665 17.943 13.431 17.943 5.036 0 8.289-2.519 11.227-5.562l6.611 8.71c-4.617 4.617-9.864 7.555-17.838 7.555-14.586 0-25.393-11.961-25.393-28.542v-1.049c0-16.579 10.493-28.225 24.973-28.225 8.499 0 14.06 3.461 18.467 8.394" fill="#4e4640"/>
+    </g>
+    <g transform="translate(597.29 243.11)">
+     <path d="m0 0-8.323-8.946 11.164-19.918h13.745l-16.586 28.864z" fill="#4e4640"/>
+    </g>
+    <g transform="translate(599.29 269.86)">
+     <path d="m0 0-18.992-24.45v44.596h-11.857v-75.759h11.857v16.054l33.053 39.559h-14.061z" fill="#4e4640"/>
+    </g>
+    <g opacity="0.98" clip-path="url(#a)">
+     <g transform="translate(436.46 424.87)">
+      <path d="m0 0h-94.638c-5.94 0-10.8-4.86-10.8-10.8v-25.45h26.25v4.159c0 3.226 2.616 5.841 5.842 5.841h52.055c3.226 0 5.841-2.615 5.841-5.841v-4.159h26.25v25.45c0.002 5.94-4.858 10.8-10.798 10.8" fill="#ed1844"/>
+     </g>
+     <g transform="translate(421.01 343.2)">
+      <path d="m0 0c0-3.226-2.615-5.842-5.841-5.842h-52.055c-3.226 0-5.842 2.616-5.842 5.842v4.158h-26.25v-25.449c0-5.941 4.86-10.8 10.8-10.8h94.638c5.94 0 10.8 4.859 10.8 10.8v25.449h-26.25v-4.158z" fill="#ed1844"/>
+     </g>
+     <path d="m357.28 381.12h-26.25v-26.25h26.25v26.25z" fill="#ed1844"/>
+     <path d="m447.26 381.12h-26.25v-26.25h26.25v26.25z" fill="#ed1844"/>
+    </g>
+   </g>
+  </g>
+ </g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/logo.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/logo.svg
new file mode 100644
index 00000000..b67fdcc7
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/logo.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 600.77589 106.73737">
+ <defs>
+  <clipPath id="a" clipPathUnits="userSpaceOnUse">
+   <path d="m0 612h792v-612h-792v612z"/>
+  </clipPath>
+ </defs>
+ <g transform="translate(-33.898 -53.279)">
+  <g transform="matrix(1.25 0 0 -1.25 -160.14 490.69)">
+   <g clip-path="url(#a)">
+    <g transform="translate(234.37 349.93)">
+     <path d="m0 0h-71.036c-4.458 0-8.106-3.648-8.106-8.107v-19.102h19.703v3.121c0 2.422 1.963 4.385 4.385 4.385h39.073c2.421 0 4.384-1.963 4.384-4.385v-3.121h19.704v19.102c0 4.459-3.648 8.107-8.107 8.107" fill="#da1a31"/>
+    </g>
+    <g transform="translate(222.77 288.63)">
+     <path d="m0 0c0-2.422-1.963-4.385-4.385-4.385h-39.072c-2.422 0-4.385 1.963-4.385 4.385v3.121h-19.703v-19.103c0-4.458 3.648-8.106 8.106-8.106h71.036c4.459 0 8.106 3.648 8.106 8.106v19.103h-19.703v-3.121z" fill="#da1a31"/>
+    </g>
+    <path d="m174.93 317.09h-19.703v-19.703h19.703v19.703z" fill="#da1a31"/>
+    <path d="m242.48 317.09h-19.703v-19.703h19.703v19.703z" fill="#da1a31"/>
+    <g transform="translate(630.31 286.5)">
+     <path d="m0 0c-2.305 0-4.181 1.875-4.181 4.181 0 2.305 1.876 4.18 4.181 4.18s4.181-1.875 4.181-4.18c0-2.306-1.876-4.181-4.181-4.181m5.543 4.181c0 3.056-2.487 5.542-5.543 5.542s-5.543-2.486-5.543-5.542c0-3.057 2.487-5.543 5.543-5.543s5.543 2.486 5.543 5.543" fill="#4e4640"/>
+    </g>
+    <g transform="translate(631.25 291.66)">
+     <path d="m0 0c0-0.489-0.31-0.815-0.885-0.815h-0.83v1.638h0.807c0.575 0 0.908-0.272 0.908-0.815v-0.008zm1.133 0.031v0.031c0 0.536-0.163 0.962-0.458 1.257-0.342 0.342-0.845 0.52-1.474 0.52h-2.04v-5.431h1.124v1.784h0.706l1.001-1.784h1.288l-1.156 2.017c0.598 0.264 1.009 0.784 1.009 1.606" fill="#4e4640"/>
+    </g>
+    <g transform="translate(271.62 307.02)">
+     <path d="m0 0v0.501c0 8.27 4.26 14.366 10.858 14.366 6.431 0 11.025-6.181 11.025-14.449v-0.501c0-8.269-4.26-14.449-10.858-14.449-6.432 0-11.025 6.264-11.025 14.532m31.32-0.166v0.752c0 13.113-8.602 22.634-20.295 22.634-11.777 0-20.463-9.689-20.463-22.719v-0.751c0-13.113 8.603-22.551 20.296-22.551 11.776 0 20.462 9.605 20.462 22.635" fill="#4e4640"/>
+    </g>
+    <g transform="translate(317.55 306.86)">
+     <path d="m0 0v0.835c0 8.686 4.845 14.198 10.523 14.198 5.68 0 10.274-5.429 10.274-14.281v-0.752c0-8.854-4.511-14.199-10.274-14.199-5.678 0-10.523 5.513-10.523 14.199m30.319-0.168v1.17c0 14.951-8.353 22.384-17.206 22.384-6.348 0-10.19-3.675-12.946-7.935v7.1h-9.438v-56.879h9.438v19.294c2.673-3.925 6.515-7.517 12.946-7.517 8.936 0 17.206 7.517 17.206 22.383" fill="#4e4640"/>
+    </g>
+    <g transform="translate(371.89 322.31)">
+     <path d="m0 0c5.513 0 8.686-5.094 9.188-12.11h-18.709c0.668 7.517 4.343 12.11 9.521 12.11m16.871-31.237-4.928 5.848c-2.923-2.84-6.013-4.678-10.189-4.678-5.763 0-10.357 4.009-11.192 11.442h27.729c0.083 1.336 0.083 2.674 0.083 3.258 0 13.279-6.347 23.303-18.374 23.303-10.858 0-18.876-9.522-18.876-22.803v-0.667c0-13.865 8.853-22.551 20.213-22.551 6.598 0 11.526 2.589 15.534 6.848" fill="#4e4640"/>
+    </g>
+    <g transform="translate(417.98 330.24)">
+     <path d="m0 0c-6.013 0-9.605-3.425-12.111-7.35v6.515h-9.438v-44.267h9.438v26.81c0 6.097 3.425 9.772 8.353 9.772 5.011 0 7.934-3.423 7.934-9.604v-26.978h9.438v29.65c0 9.438-5.095 15.452-13.614 15.452" fill="#4e4640"/>
+    </g>
+    <g transform="translate(469.64 297.75)">
+     <path d="m0 0v0.083c0 6.933-5.179 10.105-12.027 13.196-5.179 2.339-8.686 3.842-8.686 6.765v0.168c0 2.422 2.087 4.342 5.595 4.342s7.183-1.67 10.524-3.925l4.009 6.933c-4.176 3.006-9.438 4.76-14.366 4.76-8.268 0-14.616-5.011-14.616-12.945v-0.168c0-7.266 5.513-10.273 12.111-13.112 5.261-2.256 8.686-3.675 8.686-6.849v-0.083c0-2.757-2.255-4.845-6.181-4.845-3.925 0-8.185 1.922-12.193 5.178l-4.427-6.765c5.095-4.259 11.192-6.18 16.453-6.18 8.52 0 15.118 4.761 15.118 13.447" fill="#4e4640"/>
+    </g>
+    <g transform="translate(498.86 286.4)">
+     <path d="m0 0v7.768c-1.587-0.836-3.258-1.253-5.095-1.253-3.007 0-4.761 1.419-4.761 4.844v23.553h9.939v8.102h-9.939v11.943h-9.438v-11.943h-4.844l1.55-8.102h3.294v-25.474c0-8.603 4.928-11.359 11.443-11.359 3.174 0 5.679 0.751 7.851 1.921" fill="#4e4640"/>
+    </g>
+    <g transform="translate(530.35 300.01)">
+     <path d="m0 0c0-5.011-4.176-8.686-9.605-8.603-4.092 0.083-7.182 2.59-7.182 7.016v0.168c0 4.676 3.173 7.433 8.602 7.433 3.174 0 6.014-0.669 8.185-1.587v-4.427zm4.677 25.391c-2.839 2.923-7.266 4.51-13.029 4.51-5.93 0-10.357-1.421-14.617-3.509l2.673-7.516c2.924 1.336 6.432 2.673 10.691 2.673 6.014 0 9.522-3.091 9.522-9.02v-1.838c-3.007 1.003-6.014 1.753-10.19 1.753-9.354 0-15.702-4.676-15.702-14.198v-0.417c0-8.603 6.181-13.531 13.531-13.531 5.763 0 9.688 2.506 12.277 6.264v-5.429h9.271v27.479c0 5.512-1.504 9.856-4.427 12.779" fill="#4e4640"/>
+    </g>
+    <g transform="translate(579.57 290.91)">
+     <path d="m0 0-5.094 6.264c-2.59-2.589-5.179-4.51-9.021-4.51-6.431 0-10.941 5.763-10.941 14.365v0.418c0 8.353 4.51 14.282 10.691 14.282 4.009 0 6.598-2.004 8.936-4.427l5.263 6.933c-3.675 3.675-7.852 6.014-14.199 6.014-11.61 0-20.213-9.521-20.213-22.719v-0.835c0-13.196 8.353-22.466 19.879-22.466 6.765 0 11.191 2.755 14.699 6.681" fill="#4e4640"/>
+    </g>
+    <g transform="translate(608.46 308.12)">
+     <path d="m0 0-6.625-7.121 8.886-15.854h10.941l-13.202 22.975z" fill="#4e4640"/>
+    </g>
+    <g transform="translate(610.05 329.41)">
+     <path d="m0 0-15.117-19.461v35.497h-9.438v-60.303h9.438v12.779l26.309 31.488h-11.192z" fill="#4e4640"/>
+    </g>
+   </g>
+  </g>
+ </g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/network-gray.gif b/heat_dashboard/static/dashboard/project/heat_dashboard/img/network-gray.gif
new file mode 100644
index 00000000..214f80d4
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/network-gray.gif differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/network-gray.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/network-gray.svg
new file mode 100644
index 00000000..262f8924
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/network-gray.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1220 1935 l0 -244 118 -3 117 -3 3 -65 c3 -53 0 -67 -15 -77 -13
+-11 -89 -13 -333 -13 -173 0 -321 0 -328 0 -9 0 -12 -11 -10 -32 l3 -33 100
+-5 100 -5 3 -54 c6 -101 7 -100 -116 -103 l-107 -3 -3 -226 c-2 -184 0 -228
+12 -238 9 -8 88 -11 272 -9 l259 3 0 235 0 235 -120 5 -120 5 0 75 0 75 433 3
+433 2 -3 -77 -3 -78 -112 -3 -113 -3 0 -239 0 -240 270 0 270 0 0 240 0 239
+-117 3 -118 3 0 75 0 75 108 3 108 3 -3 35 -3 35 -331 -1 c-276 0 -333 2 -343
+14 -7 9 -11 39 -9 78 l3 63 110 5 110 5 3 243 2 242 -265 0 -265 0 0 -245z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/network-green.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/network-green.svg
new file mode 100644
index 00000000..f08f30b4
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/network-green.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1220 1935 l0 -244 118 -3 117 -3 3 -65 c3 -53 0 -67 -15 -77 -13
+-11 -89 -13 -333 -13 -173 0 -321 0 -328 0 -9 0 -12 -11 -10 -32 l3 -33 100
+-5 100 -5 3 -54 c6 -101 7 -100 -116 -103 l-107 -3 -3 -226 c-2 -184 0 -228
+12 -238 9 -8 88 -11 272 -9 l259 3 0 235 0 235 -120 5 -120 5 0 75 0 75 433 3
+433 2 -3 -77 -3 -78 -112 -3 -113 -3 0 -239 0 -240 270 0 270 0 0 240 0 239
+-117 3 -118 3 0 75 0 75 108 3 108 3 -3 35 -3 35 -331 -1 c-276 0 -333 2 -343
+14 -7 9 -11 39 -9 78 l3 63 110 5 110 5 3 243 2 242 -265 0 -265 0 0 -245z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/network-red.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/network-red.svg
new file mode 100644
index 00000000..414d5c68
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/network-red.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1220 1935 l0 -244 118 -3 117 -3 3 -65 c3 -53 0 -67 -15 -77 -13
+-11 -89 -13 -333 -13 -173 0 -321 0 -328 0 -9 0 -12 -11 -10 -32 l3 -33 100
+-5 100 -5 3 -54 c6 -101 7 -100 -116 -103 l-107 -3 -3 -226 c-2 -184 0 -228
+12 -238 9 -8 88 -11 272 -9 l259 3 0 235 0 235 -120 5 -120 5 0 75 0 75 433 3
+433 2 -3 -77 -3 -78 -112 -3 -113 -3 0 -239 0 -240 270 0 270 0 0 240 0 239
+-117 3 -118 3 0 75 0 75 108 3 108 3 -3 35 -3 35 -331 -1 c-276 0 -333 2 -343
+14 -7 9 -11 39 -9 78 l3 63 110 5 110 5 3 243 2 242 -265 0 -265 0 0 -245z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/policy-gray.gif b/heat_dashboard/static/dashboard/project/heat_dashboard/img/policy-gray.gif
new file mode 100644
index 00000000..a1dc8dc2
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/policy-gray.gif differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/policy-gray.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/policy-gray.svg
new file mode 100644
index 00000000..7ab6c4aa
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/policy-gray.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1022 2210 l-22 -9 2 -718 3 -718 325 -3 c179 -1 339 0 356 3 49 9
+112 63 274 237 113 122 153 172 165 206 13 39 15 118 15 519 l0 473 -26 10
+c-32 13 -1060 12 -1092 0z m1028 -509 l0 -419 -24 -29 c-30 -36 -97 -53 -206
+-53 -55 0 -83 -4 -93 -14 -10 -10 -16 -49 -19 -133 -5 -122 -14 -155 -52 -185
+-19 -16 -50 -18 -293 -18 l-273 0 0 635 0 635 480 0 480 0 0 -419z"/>
+<path d="M1753 1888 c-28 -43 -133 -245 -133 -255 0 -6 17 -13 38 -15 l37 -3
+5 -185 5 -185 60 0 60 0 5 180 5 180 33 3 c18 2 35 9 38 17 6 14 -124 275
+-137 275 -4 0 -11 -6 -16 -12z"/>
+<path d="M1295 1868 c-3 -7 -6 -92 -7 -188 l-3 -175 -37 -3 c-22 -2 -38 -9
+-38 -16 0 -18 133 -259 146 -263 14 -5 147 254 140 272 -3 8 -20 15 -38 17
+l-33 3 -5 180 -5 180 -58 3 c-40 2 -59 -1 -62 -10z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/policy-green.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/policy-green.svg
new file mode 100644
index 00000000..5e550291
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/policy-green.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1022 2210 l-22 -9 2 -718 3 -718 325 -3 c179 -1 339 0 356 3 49 9
+112 63 274 237 113 122 153 172 165 206 13 39 15 118 15 519 l0 473 -26 10
+c-32 13 -1060 12 -1092 0z m1028 -509 l0 -419 -24 -29 c-30 -36 -97 -53 -206
+-53 -55 0 -83 -4 -93 -14 -10 -10 -16 -49 -19 -133 -5 -122 -14 -155 -52 -185
+-19 -16 -50 -18 -293 -18 l-273 0 0 635 0 635 480 0 480 0 0 -419z"/>
+<path d="M1753 1888 c-28 -43 -133 -245 -133 -255 0 -6 17 -13 38 -15 l37 -3
+5 -185 5 -185 60 0 60 0 5 180 5 180 33 3 c18 2 35 9 38 17 6 14 -124 275
+-137 275 -4 0 -11 -6 -16 -12z"/>
+<path d="M1295 1868 c-3 -7 -6 -92 -7 -188 l-3 -175 -37 -3 c-22 -2 -38 -9
+-38 -16 0 -18 133 -259 146 -263 14 -5 147 254 140 272 -3 8 -20 15 -38 17
+l-33 3 -5 180 -5 180 -58 3 c-40 2 -59 -1 -62 -10z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/policy-red.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/policy-red.svg
new file mode 100644
index 00000000..37428247
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/policy-red.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1022 2210 l-22 -9 2 -718 3 -718 325 -3 c179 -1 339 0 356 3 49 9
+112 63 274 237 113 122 153 172 165 206 13 39 15 118 15 519 l0 473 -26 10
+c-32 13 -1060 12 -1092 0z m1028 -509 l0 -419 -24 -29 c-30 -36 -97 -53 -206
+-53 -55 0 -83 -4 -93 -14 -10 -10 -16 -49 -19 -133 -5 -122 -14 -155 -52 -185
+-19 -16 -50 -18 -293 -18 l-273 0 0 635 0 635 480 0 480 0 0 -419z"/>
+<path d="M1753 1888 c-28 -43 -133 -245 -133 -255 0 -6 17 -13 38 -15 l37 -3
+5 -185 5 -185 60 0 60 0 5 180 5 180 33 3 c18 2 35 9 38 17 6 14 -124 275
+-137 275 -4 0 -11 -6 -16 -12z"/>
+<path d="M1295 1868 c-3 -7 -6 -92 -7 -188 l-3 -175 -37 -3 c-22 -2 -38 -9
+-38 -16 0 -18 133 -259 146 -263 14 -5 147 254 140 272 -3 8 -20 15 -38 17
+l-33 3 -5 180 -5 180 -58 3 c-40 2 -59 -1 -62 -10z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/port-gray.gif b/heat_dashboard/static/dashboard/project/heat_dashboard/img/port-gray.gif
new file mode 100644
index 00000000..79a024d3
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/port-gray.gif differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/port-gray.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/port-gray.svg
new file mode 100644
index 00000000..b3d38d75
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/port-gray.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M790 1620 l0 -510 260 0 260 0 0 -130 0 -130 190 0 190 0 0 130 0
+130 255 0 255 0 0 510 0 510 -705 0 -705 0 0 -510z m260 260 l0 -130 -65 0
+-65 0 0 130 0 130 65 0 65 0 0 -130z m260 0 l0 -130 -65 0 -65 0 0 130 0 130
+65 0 65 0 0 -130z m250 0 l0 -130 -65 0 -65 0 0 123 c0 68 3 127 7 130 3 4 33
+7 65 7 l58 0 0 -130z m260 0 l0 -130 -65 0 -65 0 0 130 0 130 65 0 65 0 0
+-130z m258 -2 l3 -128 -66 0 -65 0 0 130 0 131 63 -3 62 -3 3 -127z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/port-green.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/port-green.svg
new file mode 100644
index 00000000..d2ff80d9
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/port-green.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M790 1620 l0 -510 260 0 260 0 0 -130 0 -130 190 0 190 0 0 130 0
+130 255 0 255 0 0 510 0 510 -705 0 -705 0 0 -510z m260 260 l0 -130 -65 0
+-65 0 0 130 0 130 65 0 65 0 0 -130z m260 0 l0 -130 -65 0 -65 0 0 130 0 130
+65 0 65 0 0 -130z m250 0 l0 -130 -65 0 -65 0 0 123 c0 68 3 127 7 130 3 4 33
+7 65 7 l58 0 0 -130z m260 0 l0 -130 -65 0 -65 0 0 130 0 130 65 0 65 0 0
+-130z m258 -2 l3 -128 -66 0 -65 0 0 130 0 131 63 -3 62 -3 3 -127z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/port-red.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/port-red.svg
new file mode 100644
index 00000000..dc03ab39
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/port-red.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M790 1620 l0 -510 260 0 260 0 0 -130 0 -130 190 0 190 0 0 130 0
+130 255 0 255 0 0 510 0 510 -705 0 -705 0 0 -510z m260 260 l0 -130 -65 0
+-65 0 0 130 0 130 65 0 65 0 0 -130z m260 0 l0 -130 -65 0 -65 0 0 130 0 130
+65 0 65 0 0 -130z m250 0 l0 -130 -65 0 -65 0 0 123 c0 68 3 127 7 130 3 4 33
+7 65 7 l58 0 0 -130z m260 0 l0 -130 -65 0 -65 0 0 130 0 130 65 0 65 0 0
+-130z m258 -2 l3 -128 -66 0 -65 0 0 130 0 131 63 -3 62 -3 3 -127z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/router-gray.gif b/heat_dashboard/static/dashboard/project/heat_dashboard/img/router-gray.gif
new file mode 100644
index 00000000..73bee338
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/router-gray.gif differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/router-gray.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/router-gray.svg
new file mode 100644
index 00000000..74dcd9a7
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/router-gray.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1389 2290 c-256 -32 -505 -226 -609 -476 -217 -521 166 -1094 731
+-1094 401 0 739 304 780 701 25 243 -48 463 -210 632 -97 102 -211 172 -351
+215 -76 23 -244 34 -341 22z m339 -110 c116 -39 185 -83 277 -175 89 -89 135
+-159 171 -265 116 -332 -37 -707 -351 -860 -120 -59 -190 -75 -325 -73 -170 1
+-278 38 -418 142 -122 90 -217 231 -258 382 -25 90 -24 272 1 359 82 286 314
+486 610 524 74 10 212 -6 293 -34z"/>
+<path d="M1413 2047 l-93 -112 32 -7 c18 -3 36 -4 41 -1 4 2 14 -1 22 -7 12
+-10 15 -42 15 -155 0 -121 2 -144 16 -149 28 -11 130 -6 142 6 8 8 12 57 12
+155 l0 143 44 0 c25 0 47 4 50 9 5 7 -16 39 -67 101 -7 9 -32 41 -56 73 -24
+31 -48 57 -55 57 -6 0 -53 -51 -103 -113z"/>
+<path d="M1158 1663 l-3 -48 -150 -5 -150 -5 0 -80 0 -80 153 -3 152 -3 0 -49
+c0 -31 4 -50 12 -50 11 0 132 96 195 155 19 17 30 35 25 41 -9 15 -214 174
+-224 174 -4 0 -8 -21 -10 -47z"/>
+<path d="M1750 1634 c-52 -41 -101 -78 -107 -81 -31 -13 -8 -46 90 -127 56
+-47 107 -86 114 -86 7 0 13 19 15 48 l3 47 150 5 150 5 0 80 0 80 -150 5
+c-166 6 -151 -1 -154 73 -1 15 -4 27 -9 27 -4 0 -50 -34 -102 -76z"/>
+<path d="M1443 1413 c-10 -3 -13 -43 -13 -148 0 -113 -3 -145 -15 -155 -8 -6
+-18 -9 -22 -7 -5 3 -23 2 -41 -1 l-32 -7 66 -80 c105 -126 123 -145 138 -139
+7 3 28 25 45 49 18 24 37 50 44 57 35 38 86 112 81 119 -3 5 -25 9 -50 9 l-44
+0 0 143 c0 98 -4 147 -12 155 -12 12 -120 16 -145 5z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/router-green.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/router-green.svg
new file mode 100644
index 00000000..eed5cf8f
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/router-green.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1389 2290 c-256 -32 -505 -226 -609 -476 -217 -521 166 -1094 731
+-1094 401 0 739 304 780 701 25 243 -48 463 -210 632 -97 102 -211 172 -351
+215 -76 23 -244 34 -341 22z m339 -110 c116 -39 185 -83 277 -175 89 -89 135
+-159 171 -265 116 -332 -37 -707 -351 -860 -120 -59 -190 -75 -325 -73 -170 1
+-278 38 -418 142 -122 90 -217 231 -258 382 -25 90 -24 272 1 359 82 286 314
+486 610 524 74 10 212 -6 293 -34z"/>
+<path d="M1413 2047 l-93 -112 32 -7 c18 -3 36 -4 41 -1 4 2 14 -1 22 -7 12
+-10 15 -42 15 -155 0 -121 2 -144 16 -149 28 -11 130 -6 142 6 8 8 12 57 12
+155 l0 143 44 0 c25 0 47 4 50 9 5 7 -16 39 -67 101 -7 9 -32 41 -56 73 -24
+31 -48 57 -55 57 -6 0 -53 -51 -103 -113z"/>
+<path d="M1158 1663 l-3 -48 -150 -5 -150 -5 0 -80 0 -80 153 -3 152 -3 0 -49
+c0 -31 4 -50 12 -50 11 0 132 96 195 155 19 17 30 35 25 41 -9 15 -214 174
+-224 174 -4 0 -8 -21 -10 -47z"/>
+<path d="M1750 1634 c-52 -41 -101 -78 -107 -81 -31 -13 -8 -46 90 -127 56
+-47 107 -86 114 -86 7 0 13 19 15 48 l3 47 150 5 150 5 0 80 0 80 -150 5
+c-166 6 -151 -1 -154 73 -1 15 -4 27 -9 27 -4 0 -50 -34 -102 -76z"/>
+<path d="M1443 1413 c-10 -3 -13 -43 -13 -148 0 -113 -3 -145 -15 -155 -8 -6
+-18 -9 -22 -7 -5 3 -23 2 -41 -1 l-32 -7 66 -80 c105 -126 123 -145 138 -139
+7 3 28 25 45 49 18 24 37 50 44 57 35 38 86 112 81 119 -3 5 -25 9 -50 9 l-44
+0 0 143 c0 98 -4 147 -12 155 -12 12 -120 16 -145 5z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/router-red.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/router-red.svg
new file mode 100644
index 00000000..a82eb234
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/router-red.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1389 2290 c-256 -32 -505 -226 -609 -476 -217 -521 166 -1094 731
+-1094 401 0 739 304 780 701 25 243 -48 463 -210 632 -97 102 -211 172 -351
+215 -76 23 -244 34 -341 22z m339 -110 c116 -39 185 -83 277 -175 89 -89 135
+-159 171 -265 116 -332 -37 -707 -351 -860 -120 -59 -190 -75 -325 -73 -170 1
+-278 38 -418 142 -122 90 -217 231 -258 382 -25 90 -24 272 1 359 82 286 314
+486 610 524 74 10 212 -6 293 -34z"/>
+<path d="M1413 2047 l-93 -112 32 -7 c18 -3 36 -4 41 -1 4 2 14 -1 22 -7 12
+-10 15 -42 15 -155 0 -121 2 -144 16 -149 28 -11 130 -6 142 6 8 8 12 57 12
+155 l0 143 44 0 c25 0 47 4 50 9 5 7 -16 39 -67 101 -7 9 -32 41 -56 73 -24
+31 -48 57 -55 57 -6 0 -53 -51 -103 -113z"/>
+<path d="M1158 1663 l-3 -48 -150 -5 -150 -5 0 -80 0 -80 153 -3 152 -3 0 -49
+c0 -31 4 -50 12 -50 11 0 132 96 195 155 19 17 30 35 25 41 -9 15 -214 174
+-224 174 -4 0 -8 -21 -10 -47z"/>
+<path d="M1750 1634 c-52 -41 -101 -78 -107 -81 -31 -13 -8 -46 90 -127 56
+-47 107 -86 114 -86 7 0 13 19 15 48 l3 47 150 5 150 5 0 80 0 80 -150 5
+c-166 6 -151 -1 -154 73 -1 15 -4 27 -9 27 -4 0 -50 -34 -102 -76z"/>
+<path d="M1443 1413 c-10 -3 -13 -43 -13 -148 0 -113 -3 -145 -15 -155 -8 -6
+-18 -9 -22 -7 -5 3 -23 2 -41 -1 l-32 -7 66 -80 c105 -126 123 -145 138 -139
+7 3 28 25 45 49 18 24 37 50 44 57 35 38 86 112 81 119 -3 5 -25 9 -50 9 l-44
+0 0 143 c0 98 -4 147 -12 155 -12 12 -120 16 -145 5z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/safari-pinned-tab.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/safari-pinned-tab.svg
new file mode 100644
index 00000000..702fcf89
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/safari-pinned-tab.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="260.000000pt" height="260.000000pt" viewBox="0 0 260.000000 260.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,260.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M175 2534 c-48 -18 -99 -65 -128 -119 -20 -38 -21 -55 -23 -352 l-2
+-312 284 0 c190 1 286 4 290 11 4 6 8 36 8 67 2 64 23 104 69 128 45 23 1213
+21 1258 -2 43 -23 63 -61 66 -124 1 -31 2 -62 2 -68 1 -10 66 -12 289 -10
+l287 2 0 310 c-1 296 -2 312 -22 350 -27 51 -64 88 -111 112 -35 17 -90 18
+-1132 20 -940 1 -1101 0 -1135 -13z"/>
+<path d="M23 1300 l0 -290 288 0 c224 0 289 3 290 13 1 16 1 550 0 560 -1 4
+-131 7 -290 7 l-288 0 0 -290z"/>
+<path d="M1997 1312 c1 -152 2 -283 2 -289 1 -10 66 -13 290 -13 l288 0 0 290
+0 290 -291 0 -291 0 2 -278z"/>
+<path d="M24 537 c1 -298 2 -314 23 -352 27 -51 64 -88 111 -112 35 -17 91
+-18 1127 -21 1203 -3 1147 -5 1214 60 18 18 42 50 54 72 20 39 21 55 23 353
+l2 312 -284 0 c-188 -1 -286 -5 -291 -11 -3 -6 -7 -37 -8 -68 -1 -66 -20 -102
+-66 -125 -26 -14 -104 -16 -628 -17 -532 0 -602 2 -629 16 -47 25 -67 61 -69
+130 -1 34 -2 64 -2 68 -1 3 -131 6 -290 7 l-288 0 1 -312z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/securitygroup-gray.gif b/heat_dashboard/static/dashboard/project/heat_dashboard/img/securitygroup-gray.gif
new file mode 100644
index 00000000..3ac72a73
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/securitygroup-gray.gif differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/securitygroup-gray.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/securitygroup-gray.svg
new file mode 100644
index 00000000..d51e45f6
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/securitygroup-gray.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1415 2233 c-33 -15 -121 -63 -195 -108 -153 -92 -220 -123 -284
+-131 -74 -10 -80 -25 -73 -156 16 -271 103 -555 225 -735 124 -182 357 -377
+429 -358 45 11 174 106 258 190 211 210 328 492 365 884 14 143 7 158 -86 177
+-68 14 -164 60 -269 129 -96 63 -227 126 -272 131 -27 3 -55 -3 -98 -23z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/securitygroup-green.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/securitygroup-green.svg
new file mode 100644
index 00000000..e710d5bd
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/securitygroup-green.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1415 2233 c-33 -15 -121 -63 -195 -108 -153 -92 -220 -123 -284
+-131 -74 -10 -80 -25 -73 -156 16 -271 103 -555 225 -735 124 -182 357 -377
+429 -358 45 11 174 106 258 190 211 210 328 492 365 884 14 143 7 158 -86 177
+-68 14 -164 60 -269 129 -96 63 -227 126 -272 131 -27 3 -55 -3 -98 -23z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/securitygroup-red.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/securitygroup-red.svg
new file mode 100644
index 00000000..acb97ec0
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/securitygroup-red.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M1415 2233 c-33 -15 -121 -63 -195 -108 -153 -92 -220 -123 -284
+-131 -74 -10 -80 -25 -73 -156 16 -271 103 -555 225 -735 124 -182 357 -377
+429 -358 45 11 174 106 258 190 211 210 328 492 365 884 14 143 7 158 -86 177
+-68 14 -164 60 -269 129 -96 63 -227 126 -272 131 -27 3 -55 -3 -98 -23z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/server-gray.gif b/heat_dashboard/static/dashboard/project/heat_dashboard/img/server-gray.gif
new file mode 100644
index 00000000..357c8cb6
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/server-gray.gif differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/server-gray.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/server-gray.svg
new file mode 100644
index 00000000..9e17b0bd
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/server-gray.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="92px" height="92px" viewBox="-3.1 -2.7 92 92" enable-background="new -3.1 -2.7 92 92"
+	 xml:space="preserve">
+<defs>
+</defs>
+<g id="XMLID_3_">
+	<g>
+		<path fill="#FFFFFF" d="M43.3,1.5c23.1,0,41.8,18.7,41.8,41.8c0,23.1-18.7,41.8-41.8,41.8c-23.1,0-41.8-18.7-41.8-41.8
+			C1.5,20.2,20.2,1.5,43.3,1.5z"/>
+	</g>
+	<g>
+		<path fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" d="M85.2,43.3c0,23.1-18.7,41.8-41.8,41.8
+			c-23.1,0-41.8-18.7-41.8-41.8c0-23.1,18.7-41.8,41.8-41.8C66.4,1.5,85.2,20.2,85.2,43.3z"/>
+	</g>
+</g>
+<g id="XMLID_1_">
+	<g>
+		<path fill="#808080" d="M68.6,42.4V55H39v-2.8h2V45v-2.6H68.6C68.5,42.5,68.6,42.4,68.6,42.4z M63,48.7c0-1.2-0.9-2.1-2-2.1
+			c-1.1,0-2,0.9-2,2.1c0,1.1,0.9,2.1,2,2.1C62.2,50.8,63,49.8,63,48.7z"/>
+		<polygon fill="#636464" points="61.6,33 68.5,42.4 41,42.4 18.5,42.4 25.5,33 		"/>
+		<path fill="#FFFFFF" d="M61,46.6c1.1,0,2,0.9,2,2.1c0,1.1-0.9,2.1-2,2.1c-1.1,0-2-0.9-2-2.1C59,47.5,59.9,46.6,61,46.6z"/>
+		<rect x="39" y="45" fill="#808080" width="2" height="7.3"/>
+		<path fill="#808080" d="M41,42.4V45h-2v7.3V55H18.5V42.5c0,0,0,0,0-0.1H41z M36,52.2V45h-2v7.3H36z M31,52.2V45h-2v7.3H31z
+			 M26,52.2V45h-2v7.3H26z"/>
+		<rect x="34" y="45" fill="#808080" width="2" height="7.3"/>
+		<rect x="29" y="45" fill="#808080" width="2" height="7.3"/>
+		<rect x="24" y="45" fill="#808080" width="2" height="7.3"/>
+	</g>
+	<g>
+		<polyline fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
+			68.5,42.4 61.6,33 25.5,33 18.5,42.4 		"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M39,55h29.5V42.4
+			c0,0,0,0,0,0H41H18.5c0,0,0,0.1,0,0.1V55H39z"/>
+		
+			<rect x="24" y="45" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.3"/>
+		
+			<rect x="29" y="45" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.3"/>
+		
+			<rect x="34" y="45" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.3"/>
+		
+			<rect x="39" y="45" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.3"/>
+	</g>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/server-green.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/server-green.svg
new file mode 100644
index 00000000..52ac168c
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/server-green.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="92px" height="92px" viewBox="-3.1 -2.7 92 92" enable-background="new -3.1 -2.7 92 92"
+	 xml:space="preserve">
+<defs>
+</defs>
+<g id="XMLID_3_">
+	<g>
+		<path fill="#FFFFFF" d="M43.3,1.5c23.1,0,41.8,18.7,41.8,41.8c0,23.1-18.7,41.8-41.8,41.8c-23.1,0-41.8-18.7-41.8-41.8
+			C1.5,20.2,20.2,1.5,43.3,1.5z"/>
+	</g>
+	<g>
+		<path fill="none" stroke="#156734" stroke-width="3" stroke-miterlimit="10" d="M85.2,43.3c0,23.1-18.7,41.8-41.8,41.8
+			c-23.1,0-41.8-18.7-41.8-41.8c0-23.1,18.7-41.8,41.8-41.8C66.4,1.5,85.2,20.2,85.2,43.3z"/>
+	</g>
+</g>
+<g id="XMLID_1_">
+	<g>
+		<polygon fill="#0F8140" points="61.6,33 68.5,42.4 41,42.4 18.5,42.4 25.5,33 		"/>
+		<path fill="#FFFFFF" d="M61,46.6c1.1,0,2,0.9,2,2.1c0,1.1-0.9,2.1-2,2.1c-1.1,0-2-0.9-2-2.1C59,47.5,59.9,46.6,61,46.6z"/>
+		<path fill="#156734" d="M63,48.7c0-1.2-0.9-2.1-2-2.1c-1.1,0-2,0.9-2,2.1c0,1.1,0.9,2.1,2,2.1C62.2,50.8,63,49.8,63,48.7z
+			 M68.6,42.4V55H39v-2.8h2V45v-2.6H68.6C68.5,42.5,68.6,42.4,68.6,42.4z"/>
+		<rect x="39" y="45" fill="#156734" width="2" height="7.3"/>
+		<rect x="34" y="45" fill="#156734" width="2" height="7.3"/>
+		<rect x="29" y="45" fill="#156734" width="2" height="7.3"/>
+		<rect x="24" y="45" fill="#156734" width="2" height="7.3"/>
+		<path fill="#156734" d="M24,52.2h2V45h-2V52.2z M29,52.2h2V45h-2V52.2z M18.5,42.4H41V45h-2v7.3V55H18.5L18.5,42.4
+			C18.5,42.5,18.5,42.5,18.5,42.4z M34,45v7.3h2V45H34z"/>
+	</g>
+	<g>
+		<polyline fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
+			68.5,42.4 61.6,33 25.5,33 18.5,42.4 		"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M39,55h29.5V42.4
+			c0,0,0,0,0,0H41H18.5c0,0,0,0.1,0,0.1V55H39z"/>
+		
+			<rect x="24" y="45" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.3"/>
+		
+			<rect x="29" y="45" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.3"/>
+		
+			<rect x="34" y="45" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.3"/>
+		
+			<rect x="39" y="45" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.3"/>
+	</g>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/server-red.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/server-red.svg
new file mode 100644
index 00000000..ecce52df
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/server-red.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="92px" height="92px" viewBox="-3.1 -2.7 92 92" enable-background="new -3.1 -2.7 92 92"
+	 xml:space="preserve">
+<defs>
+</defs>
+<g id="XMLID_3_">
+	<g>
+		<path fill="#FFFFFF" d="M43.3,1.5c23.1,0,41.8,18.7,41.8,41.8c0,23.1-18.7,41.8-41.8,41.8c-23.1,0-41.8-18.7-41.8-41.8
+			C1.5,20.2,20.2,1.5,43.3,1.5z"/>
+	</g>
+	<g>
+		<path fill="none" stroke="#C82027" stroke-width="3" stroke-miterlimit="10" d="M85.2,43.3c0,23.1-18.7,41.8-41.8,41.8
+			c-23.1,0-41.8-18.7-41.8-41.8c0-23.1,18.7-41.8,41.8-41.8C66.4,1.5,85.2,20.2,85.2,43.3z"/>
+	</g>
+</g>
+<g id="XMLID_1_">
+	<g>
+		<path fill="#C82027" d="M68.6,42.4V55H39v-2.8h2V45v-2.6H68.6C68.5,42.5,68.6,42.4,68.6,42.4z M63,48.7c0-1.2-0.9-2.1-2-2.1
+			c-1.1,0-2,0.9-2,2.1c0,1.1,0.9,2.1,2,2.1C62.2,50.8,63,49.8,63,48.7z"/>
+		<polygon fill="#9F1D20" points="61.6,33 68.5,42.4 41,42.4 18.5,42.4 25.5,33 		"/>
+		<path fill="#FFFFFF" d="M61,46.6c1.1,0,2,0.9,2,2.1c0,1.1-0.9,2.1-2,2.1c-1.1,0-2-0.9-2-2.1C59,47.5,59.9,46.6,61,46.6z"/>
+		<rect x="39" y="45" fill="#C82027" width="2" height="7.3"/>
+		<path fill="#C82027" d="M41,42.4V45h-2v7.3V55H18.5V42.5c0,0,0,0,0-0.1H41z M36,52.2V45h-2v7.3H36z M31,52.2V45h-2v7.3H31z
+			 M26,52.2V45h-2v7.3H26z"/>
+		<rect x="34" y="45" fill="#C82027" width="2" height="7.3"/>
+		<rect x="29" y="45" fill="#C82027" width="2" height="7.3"/>
+		<rect x="24" y="45" fill="#C82027" width="2" height="7.3"/>
+	</g>
+	<g>
+		<polyline fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
+			68.5,42.4 61.6,33 25.5,33 18.5,42.4 		"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M39,55h29.5V42.4
+			c0,0,0,0,0,0H41H18.5c0,0,0,0.1,0,0.1V55H39z"/>
+		
+			<rect x="24" y="45" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.3"/>
+		
+			<rect x="29" y="45" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.3"/>
+		
+			<rect x="34" y="45" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.3"/>
+		
+			<rect x="39" y="45" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.3"/>
+	</g>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/spinner.gif b/heat_dashboard/static/dashboard/project/heat_dashboard/img/spinner.gif
new file mode 100644
index 00000000..7de75b15
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/spinner.gif differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/stack-gray.gif b/heat_dashboard/static/dashboard/project/heat_dashboard/img/stack-gray.gif
new file mode 100644
index 00000000..11f00f87
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/stack-gray.gif differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/stack-gray.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/stack-gray.svg
new file mode 100644
index 00000000..71134ee3
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/stack-gray.svg
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="92px" height="92px" viewBox="-3.1 -2.7 92 92" enable-background="new -3.1 -2.7 92 92"
+	 xml:space="preserve">
+<defs>
+</defs>
+<circle fill="#FFFFFF" stroke="#808080" stroke-width="3" stroke-miterlimit="10" cx="43.3" cy="43.3" r="41.8"/>
+<g id="XMLID_6_">
+	<g>
+		<path fill="#808080" d="M68.5,51.9v12.6h-50V52c0,0,0,0,0-0.1H68.5C68.5,52,68.5,51.9,68.5,51.9z"/>
+		<polygon fill="#0F8140" points="61.6,42.5 68.5,51.9 18.5,51.9 25.5,42.5 		"/>
+	</g>
+	<g>
+		<polyline fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
+			68.5,51.9 61.6,42.5 25.5,42.5 18.5,51.9 		"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M18.5,51.9
+			C18.5,52,18.5,52,18.5,51.9l0,12.6h50V51.9c0,0,0,0,0,0H18.5z"/>
+		<line fill="none" stroke="#FFFFFF" stroke-miterlimit="10" x1="27" y1="55.5" x2="60" y2="55.5"/>
+		<line fill="none" stroke="#FFFFFF" stroke-miterlimit="10" x1="27" y1="58.5" x2="60" y2="58.5"/>
+		<line fill="none" stroke="#FFFFFF" stroke-miterlimit="10" x1="27" y1="61.5" x2="60" y2="61.5"/>
+	</g>
+</g>
+<g id="XMLID_5_">
+	<g>
+		<path fill="#808080" d="M68.5,39.4V52H39v-2.8h2V42v-2.6H68.5C68.5,39.5,68.5,39.4,68.5,39.4z M63,45.7c0-1.2-0.9-2.1-2-2.1
+			c-1.1,0-2,0.9-2,2.1c0,1.1,0.9,2.1,2,2.1C62.1,47.8,63,46.8,63,45.7z"/>
+		<polygon fill="#0F8140" points="61.6,30 68.5,39.4 41,39.4 18.5,39.4 25.5,30 		"/>
+		<path fill="#FFFFFF" d="M61,43.6c1.1,0,2,0.9,2,2.1c0,1.1-0.9,2.1-2,2.1c-1.1,0-2-0.9-2-2.1C59,44.5,59.9,43.6,61,43.6z"/>
+		<rect x="39" y="42" fill="#808080" width="2" height="7.3"/>
+		<path fill="#808080" d="M41,39.4V42h-2v7.3V52H18.5V39.5c0,0,0,0,0-0.1H41z M36,49.3V42h-2v7.3H36z M31,49.3V42h-2v7.3H31z
+			 M26,49.3V42h-2v7.3H26z"/>
+		<rect x="34" y="42" fill="#808080" width="2" height="7.3"/>
+		<rect x="29" y="42" fill="#808080" width="2" height="7.3"/>
+		<rect x="24" y="42" fill="#808080" width="2" height="7.3"/>
+	</g>
+	<g>
+		<polyline fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
+			68.5,39.4 61.6,30 25.5,30 18.5,39.4 		"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M39,52h29.5V39.4
+			c0,0,0,0,0,0H41H18.5c0,0,0,0.1,0,0.1V52H39z"/>
+		
+			<rect x="24" y="42" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.3"/>
+		
+			<rect x="29" y="42" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.3"/>
+		
+			<rect x="34" y="42" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.3"/>
+		
+			<rect x="39" y="42" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.3"/>
+	</g>
+</g>
+<g id="XMLID_4_">
+	<g>
+		<path fill="#808080" d="M68.5,27v12.5h-50V27.1c0,0,0,0,0-0.1H68.5C68.5,27,68.5,27,68.5,27z M55,33.5c0-1.1-0.9-2-2-2
+			c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2C54.1,35.5,55,34.6,55,33.5z M46,33.5c0-1.1-0.9-2-2-2c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2
+			C45.1,35.5,46,34.6,46,33.5z M37,33.5c0-1.1-0.9-2-2-2c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2C36.1,35.5,37,34.6,37,33.5z"/>
+		<polygon fill="#636565" points="61.5,17.5 68.5,27 18.5,27 25.5,17.5 		"/>
+		<path fill="#FFFFFF" d="M53,31.5c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2C51,32.4,51.9,31.5,53,31.5z"/>
+		<path fill="#FFFFFF" d="M44,31.5c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2C42,32.4,42.9,31.5,44,31.5z"/>
+		<path fill="#FFFFFF" d="M35,31.5c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2C33,32.4,33.9,31.5,35,31.5z"/>
+	</g>
+	<g>
+		<polyline fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="68.5,27 
+			61.5,17.5 25.5,17.5 18.5,27 		"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M18.5,27
+			C18.5,27,18.5,27.1,18.5,27l0,12.5h50V27c0,0,0,0,0,0H18.5z"/>
+	</g>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/stack-green.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/stack-green.svg
new file mode 100644
index 00000000..3faac892
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/stack-green.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="92px" height="92px" viewBox="-3.1 -2.7 92 92" enable-background="new -3.1 -2.7 92 92"
+	 xml:space="preserve">
+<defs>
+</defs>
+<g id="XMLID_8_">
+	<g>
+		<path fill="#FFFFFF" d="M43.3,1.5c23.1,0,41.8,18.7,41.8,41.8c0,23.1-18.7,41.8-41.8,41.8c-23.1,0-41.8-18.7-41.8-41.8
+			C1.5,20.2,20.2,1.5,43.3,1.5z"/>
+	</g>
+	<g>
+		<path fill="none" stroke="#156734" stroke-width="3" stroke-miterlimit="10" d="M85.2,43.3c0,23.1-18.7,41.8-41.8,41.8
+			c-23.1,0-41.8-18.7-41.8-41.8c0-23.1,18.7-41.8,41.8-41.8C66.4,1.5,85.2,20.2,85.2,43.3z"/>
+	</g>
+</g>
+<g id="XMLID_7_">
+	<g>
+		<polygon fill="#0F8140" points="68.5,51.9 18.5,51.9 25.5,42.5 61.6,42.5 		"/>
+		<path fill="#156734" d="M68.6,64.5h-50V52c0,0,0,0,0-0.1h50c0,0,0,0,0,0V64.5z"/>
+	</g>
+	<g>
+		<polyline fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
+			68.5,51.9 61.6,42.5 25.5,42.5 18.5,51.9 		"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M18.5,51.9
+			C18.5,52,18.5,52,18.5,51.9l0,12.6h50V51.9c0,0,0,0,0,0H18.5z"/>
+		<line fill="none" stroke="#FFFFFF" stroke-miterlimit="10" x1="27" y1="55.5" x2="60" y2="55.5"/>
+		<line fill="none" stroke="#FFFFFF" stroke-miterlimit="10" x1="27" y1="58.5" x2="60" y2="58.5"/>
+		<line fill="none" stroke="#FFFFFF" stroke-miterlimit="10" x1="27" y1="61.5" x2="60" y2="61.5"/>
+	</g>
+</g>
+<g id="XMLID_6_">
+	<g>
+		<polygon fill="#0F8140" points="61.6,30 68.5,39.4 41,39.4 18.5,39.4 25.5,30 		"/>
+		<path fill="#FFFFFF" d="M61,43.6c1.1,0,2,0.9,2,2.1c0,1.1-0.9,2.1-2,2.1c-1.1,0-2-0.9-2-2.1C59,44.5,59.9,43.6,61,43.6z"/>
+		<path fill="#156734" d="M63,45.7c0-1.2-0.9-2.1-2-2.1c-1.1,0-2,0.9-2,2.1c0,1.1,0.9,2.1,2,2.1C62.2,47.8,63,46.8,63,45.7z
+			 M68.6,39.4V52H39v-2.8h2V42v-2.6H68.6C68.5,39.5,68.6,39.4,68.6,39.4z"/>
+		<rect x="39" y="42" fill="#156734" width="2" height="7.3"/>
+		<rect x="34" y="42" fill="#156734" width="2" height="7.3"/>
+		<rect x="29" y="42" fill="#156734" width="2" height="7.3"/>
+		<rect x="24" y="42" fill="#156734" width="2" height="7.3"/>
+		<path fill="#156734" d="M24,49.2h2V42h-2V49.2z M29,49.2h2V42h-2V49.2z M18.5,39.4H41V42h-2v7.3V52H18.5L18.5,39.4
+			C18.5,39.5,18.5,39.5,18.5,39.4z M34,42v7.3h2V42H34z"/>
+	</g>
+	<g>
+		<polyline fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
+			68.5,39.4 61.6,30 25.5,30 18.5,39.4 		"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M39,52h29.5V39.4
+			c0,0,0,0,0,0H41H18.5c0,0,0,0.1,0,0.1V52H39z"/>
+		
+			<rect x="24" y="42" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.3"/>
+		
+			<rect x="29" y="42" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.3"/>
+		
+			<rect x="34" y="42" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.3"/>
+		
+			<rect x="39" y="42" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.3"/>
+	</g>
+</g>
+<g id="XMLID_5_">
+	<g>
+		<path fill="#156734" d="M68.5,27v12.5h-50V27.1c0,0,0,0,0-0.1H68.5C68.5,27,68.5,27,68.5,27z M55,33.5c0-1.1-0.9-2-2-2
+			c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2C54.1,35.5,55,34.6,55,33.5z M46,33.5c0-1.1-0.9-2-2-2c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2
+			C45.1,35.5,46,34.6,46,33.5z M37,33.5c0-1.1-0.9-2-2-2c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2C36.1,35.5,37,34.6,37,33.5z"/>
+		<polygon fill="#1E572B" points="61.5,17.5 68.5,27 18.5,27 25.5,17.5 		"/>
+		<path fill="#FFFFFF" d="M53,31.5c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2C51,32.4,51.9,31.5,53,31.5z"/>
+		<path fill="#FFFFFF" d="M44,31.5c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2C42,32.4,42.9,31.5,44,31.5z"/>
+		<path fill="#FFFFFF" d="M35,31.5c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2C33,32.4,33.9,31.5,35,31.5z"/>
+	</g>
+	<g>
+		<polyline fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="68.5,27 
+			61.5,17.5 25.5,17.5 18.5,27 		"/>
+		<path fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M18.5,27
+			C18.5,27,18.5,27.1,18.5,27l0,12.5h50V27c0,0,0,0,0,0H18.5z"/>
+	</g>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/stack-red.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/stack-red.svg
new file mode 100644
index 00000000..14bf3cd8
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/stack-red.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="90.5px" height="91px" viewBox="49 -16.5 90.5 91" enable-background="new 49 -16.5 90.5 91" xml:space="preserve">
+<title>Compute</title>
+<g>
+	<circle fill="#FFFFFF" stroke="#C90505" stroke-width="3" stroke-miterlimit="10" cx="93.934" cy="29.499" r="41.833"/>
+	<g>
+		<g>
+			<g id="XMLID_3_">
+				<g>
+					<path fill="#C90505" d="M119.15,50.666h-50.04v-12.5c0-0.01,0.01-0.04,0.01-0.08h50.01c0.01,0.04,0.02-0.02,0.02,0V50.666z"/>
+					<polygon fill="#008000" points="112.161,28.666 119.131,38.086 69.121,38.086 76.101,28.666 					"/>
+				</g>
+				<g>
+					<polyline fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
+						119.131,38.086 112.161,28.666 76.101,28.666 69.121,38.086 					"/>
+					<path fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M69.121,38.086
+						c0,0.04-0.01,0.07-0.01,0.08v12.5h50.04v-12.58c0-0.02-0.01,0.04-0.02,0H69.121z"/>
+					<line fill="none" stroke="#FFFFFF" stroke-miterlimit="10" x1="77.61" y1="41.666" x2="110.641" y2="41.666"/>
+					<line fill="none" stroke="#FFFFFF" stroke-miterlimit="10" x1="77.61" y1="44.666" x2="110.641" y2="44.666"/>
+					<line fill="none" stroke="#FFFFFF" stroke-miterlimit="10" x1="77.61" y1="47.666" x2="110.641" y2="47.666"/>
+				</g>
+			</g>
+		</g>
+		<g>
+			<title>Compute</title>
+			<g>
+				<g id="XMLID_2_">
+					<g>
+						<path fill="#C90505" d="M119.15,25.596v12.57H89.61v-2.75h2v-7.25v-2.57h27.521C119.141,25.626,119.15,25.576,119.15,25.596z
+							 M113.641,31.866c0-1.16-0.89-2.101-2-2.101c-1.1,0-2,0.94-2,2.101c0,1.149,0.9,2.09,2,2.09
+							C112.751,33.956,113.641,33.016,113.641,31.866z"/>
+						<polygon fill="#008000" points="112.161,16.166 119.131,25.596 91.61,25.596 69.121,25.596 76.101,16.166 						"/>
+						<path fill="#FFFFFF" d="M111.641,29.766c1.11,0,2,0.94,2,2.101c0,1.149-0.89,2.09-2,2.09c-1.1,0-2-0.94-2-2.09
+							C109.641,30.706,110.541,29.766,111.641,29.766z"/>
+						<rect x="89.61" y="28.166" fill="#C90505" width="2" height="7.25"/>
+						<rect x="84.61" y="28.166" fill="#C90505" width="2" height="7.25"/>
+						<rect x="79.61" y="28.166" fill="#C90505" width="2" height="7.25"/>
+						<rect x="74.611" y="28.166" fill="#C90505" width="2" height="7.25"/>
+						<path fill="#C90505" d="M74.611,35.416h2v-7.25h-2V35.416z M79.61,35.416h2v-7.25h-2V35.416z M84.61,35.416h2v-7.25h-2V35.416
+							z M89.61,28.166v7.25v2.75h-20.5v-12.49c0-0.02,0.01-0.05,0.01-0.08h22.49v2.57H89.61z"/>
+					</g>
+					<g>
+						<polyline fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
+							119.131,25.596 112.161,16.166 76.101,16.166 69.121,25.596 						"/>
+						<path fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M89.61,38.166
+							h29.54v-12.57c0-0.02-0.01,0.03-0.02,0H91.61h-22.49c0,0.03-0.01,0.061-0.01,0.08v12.49H89.61z"/>
+						
+							<rect x="74.611" y="28.166" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.25"/>
+						
+							<rect x="79.61" y="28.166" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.25"/>
+						
+							<rect x="84.61" y="28.166" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.25"/>
+						
+							<rect x="89.61" y="28.166" fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="2" height="7.25"/>
+					</g>
+				</g>
+			</g>
+		</g>
+		<g>
+			<title>Load Balancer</title>
+			<g>
+				<g id="XMLID_1_">
+					<g>
+						<path fill="#C90505" d="M119.081,13.186v12.52h-49.97v-12.45c0-0.02,0.01-0.04,0.02-0.07h49.939
+							C119.07,13.216,119.081,13.166,119.081,13.186z M105.591,19.696c0-1.11-0.9-2-2-2c-1.11,0-2,0.89-2,2c0,1.11,0.89,2,2,2
+							C104.69,21.696,105.591,20.806,105.591,19.696z M96.591,19.696c0-1.11-0.891-2-1.99-2c-1.11,0-2,0.89-2,2c0,1.11,0.89,2,2,2
+							C95.7,21.696,96.591,20.806,96.591,19.696z M87.601,19.696c0-1.11-0.89-2-2-2c-1.1,0-2,0.89-2,2c0,1.11,0.9,2,2,2
+							C86.711,21.696,87.601,20.806,87.601,19.696z"/>
+						<polygon fill="#A00202" points="112.101,3.666 119.07,13.186 69.131,13.186 76.091,3.666 						"/>
+						<path fill="#FFFFFF" d="M103.591,17.696c1.1,0,2,0.89,2,2c0,1.11-0.9,2-2,2c-1.11,0-2-0.89-2-2
+							C101.591,18.586,102.48,17.696,103.591,17.696z"/>
+						<path fill="#FFFFFF" d="M94.601,17.696c1.1,0,1.99,0.89,1.99,2c0,1.11-0.891,2-1.99,2c-1.11,0-2-0.89-2-2
+							C92.601,18.586,93.49,17.696,94.601,17.696z"/>
+						<path fill="#FFFFFF" d="M85.601,17.696c1.11,0,2,0.89,2,2c0,1.11-0.89,2-2,2c-1.1,0-2-0.89-2-2
+							C83.601,18.586,84.501,17.696,85.601,17.696z"/>
+					</g>
+					<g>
+						<polyline fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
+							119.07,13.186 112.101,3.666 76.091,3.666 69.131,13.186 						"/>
+						<path fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M69.131,13.186
+							c-0.01,0.03-0.02,0.05-0.02,0.07v12.45h49.97v-12.52c0-0.02-0.011,0.03-0.011,0H69.131z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+<line fill="none" x1="41" y1="42.25" x2="90.969" y2="42.25"/>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/unknown-gray.gif b/heat_dashboard/static/dashboard/project/heat_dashboard/img/unknown-gray.gif
new file mode 100644
index 00000000..a58607a5
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/unknown-gray.gif differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/unknown-gray.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/unknown-gray.svg
new file mode 100644
index 00000000..2eec9437
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/unknown-gray.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="92px" height="92px" viewBox="-3.1 -2.67 92 92" enable-background="new -3.1 -2.67 92 92"
+	 xml:space="preserve">
+<defs>
+</defs>
+<g id="XMLID_1_">
+	<g>
+		<path fill="#FFFFFF" d="M43.33,1.5c23.11,0,41.839,18.73,41.839,41.83c0,23.1-18.729,41.83-41.839,41.83
+			c-23.1,0-41.83-18.73-41.83-41.83C1.5,20.23,20.23,1.5,43.33,1.5z"/>
+	</g>
+	<g>
+		<path fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" d="M85.169,43.33c0,23.1-18.729,41.83-41.839,41.83
+			c-23.1,0-41.83-18.73-41.83-41.83C1.5,20.23,20.23,1.5,43.33,1.5C66.44,1.5,85.169,20.23,85.169,43.33z"/>
+	</g>
+</g>
+<rect x="26.899" y="28.166" fill="none" stroke="#808080" stroke-miterlimit="10" width="13.333" height="13.333"/>
+<rect x="40.232" y="40.966" fill="none" stroke="#808080" stroke-miterlimit="10" width="13.334" height="13.333"/>
+<rect x="26.899" y="40.966" fill="#636565" stroke="#808080" stroke-miterlimit="10" width="13.334" height="13.333"/>
+<rect x="40.232" y="28.166" fill="#636565" stroke="#808080" stroke-miterlimit="10" width="13.334" height="13.333"/>
+<rect x="46.634" y="35.5" fill="#FFFFFF" stroke="#808080" stroke-miterlimit="10" width="13.332" height="13.334"/>
+<rect x="33.833" y="48.832" fill="#FFFFFF" stroke="#808080" stroke-miterlimit="10" width="13.334" height="13.334"/>
+<rect x="33.833" y="35.5" fill="#636565" stroke="#808080" stroke-miterlimit="10" width="13.334" height="13.334"/>
+<rect x="46.634" y="48.832" fill="#636565" stroke="#808080" stroke-miterlimit="10" width="13.332" height="13.334"/>
+<line fill="none" stroke="#808080" stroke-miterlimit="10" x1="33.833" y1="62.166" x2="26.899" y2="54.299"/>
+<line fill="none" stroke="#808080" stroke-miterlimit="10" x1="33.833" y1="35.5" x2="26.899" y2="28.166"/>
+<line fill="none" stroke="#808080" stroke-miterlimit="10" x1="59.966" y1="35.5" x2="53.566" y2="28.166"/>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/unknown-green.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/unknown-green.svg
new file mode 100644
index 00000000..a619d05d
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/unknown-green.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="92px" height="92px" viewBox="-3.1 -2.67 92 92" enable-background="new -3.1 -2.67 92 92"
+	 xml:space="preserve">
+<defs>
+</defs>
+<g id="XMLID_1_">
+	<g>
+		<path fill="#FFFFFF" d="M43.33,1.5c23.11,0,41.839,18.73,41.839,41.83c0,23.1-18.729,41.83-41.839,41.83
+			c-23.1,0-41.83-18.73-41.83-41.83C1.5,20.23,20.23,1.5,43.33,1.5z"/>
+	</g>
+	<g>
+		<path fill="none" stroke="#186735" stroke-width="3" stroke-miterlimit="10" d="M85.169,43.33c0,23.1-18.729,41.83-41.839,41.83
+			c-23.1,0-41.83-18.73-41.83-41.83C1.5,20.23,20.23,1.5,43.33,1.5C66.44,1.5,85.169,20.23,85.169,43.33z"/>
+	</g>
+</g>
+<rect x="26.899" y="28.166" fill="none" stroke="#186735" stroke-miterlimit="10" width="13.333" height="13.333"/>
+<rect x="40.232" y="40.966" fill="none" stroke="#186735" stroke-miterlimit="10" width="13.334" height="13.333"/>
+<rect x="26.899" y="40.966" fill="#21572C" stroke="#186735" stroke-miterlimit="10" width="13.334" height="13.333"/>
+<rect x="40.232" y="28.166" fill="#21572C" stroke="#186735" stroke-miterlimit="10" width="13.334" height="13.333"/>
+<rect x="46.634" y="35.5" fill="#FFFFFF" stroke="#186735" stroke-miterlimit="10" width="13.332" height="13.334"/>
+<rect x="33.833" y="48.832" fill="#FFFFFF" stroke="#186735" stroke-miterlimit="10" width="13.334" height="13.334"/>
+<rect x="33.833" y="35.5" fill="#21572C" stroke="#186735" stroke-miterlimit="10" width="13.334" height="13.334"/>
+<rect x="46.634" y="48.832" fill="#21572C" stroke="#186735" stroke-miterlimit="10" width="13.332" height="13.334"/>
+<line fill="none" stroke="#186735" stroke-miterlimit="10" x1="33.833" y1="62.166" x2="26.899" y2="54.299"/>
+<line fill="none" stroke="#186735" stroke-miterlimit="10" x1="33.833" y1="35.5" x2="26.899" y2="28.166"/>
+<line fill="none" stroke="#186735" stroke-miterlimit="10" x1="59.966" y1="35.5" x2="53.566" y2="28.166"/>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/unknown-red.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/unknown-red.svg
new file mode 100644
index 00000000..90fd38db
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/unknown-red.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="92px" height="92px" viewBox="-3.1 -2.67 92 92" enable-background="new -3.1 -2.67 92 92"
+	 xml:space="preserve">
+<defs>
+</defs>
+<g id="XMLID_1_">
+	<g>
+		<path fill="#FFFFFF" d="M43.33,1.5c23.11,0,41.839,18.73,41.839,41.83c0,23.1-18.729,41.83-41.839,41.83
+			c-23.1,0-41.83-18.73-41.83-41.83C1.5,20.23,20.23,1.5,43.33,1.5z"/>
+	</g>
+	<g>
+		<path fill="none" stroke="#C82128" stroke-width="3" stroke-miterlimit="10" d="M85.169,43.33c0,23.1-18.729,41.83-41.839,41.83
+			c-23.1,0-41.83-18.73-41.83-41.83C1.5,20.23,20.23,1.5,43.33,1.5C66.44,1.5,85.169,20.23,85.169,43.33z"/>
+	</g>
+</g>
+<rect x="26.899" y="28.166" fill="none" stroke="#C82128" stroke-miterlimit="10" width="13.333" height="13.333"/>
+<rect x="40.232" y="40.966" fill="none" stroke="#186735" stroke-miterlimit="10" width="13.334" height="13.333"/>
+<rect x="26.899" y="40.966" fill="#9F1E22" stroke="#C82128" stroke-miterlimit="10" width="13.334" height="13.333"/>
+<rect x="40.232" y="28.166" fill="#9F1E22" stroke="#C82128" stroke-miterlimit="10" width="13.334" height="13.333"/>
+<rect x="46.634" y="35.5" fill="#FFFFFF" stroke="#C82128" stroke-miterlimit="10" width="13.332" height="13.334"/>
+<rect x="33.833" y="48.832" fill="#FFFFFF" stroke="#C82128" stroke-miterlimit="10" width="13.334" height="13.334"/>
+<rect x="33.833" y="35.5" fill="#9F1E22" stroke="#C82128" stroke-miterlimit="10" width="13.334" height="13.334"/>
+<rect x="46.634" y="48.832" fill="#9F1E22" stroke="#C82128" stroke-miterlimit="10" width="13.332" height="13.334"/>
+<line fill="none" stroke="#C82128" stroke-miterlimit="10" x1="33.833" y1="62.166" x2="26.899" y2="54.299"/>
+<line fill="none" stroke="#C82128" stroke-miterlimit="10" x1="33.833" y1="35.5" x2="26.899" y2="28.166"/>
+<line fill="none" stroke="#C82128" stroke-miterlimit="10" x1="59.966" y1="35.5" x2="53.566" y2="28.166"/>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/volume-gray.gif b/heat_dashboard/static/dashboard/project/heat_dashboard/img/volume-gray.gif
new file mode 100644
index 00000000..0fd02169
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/volume-gray.gif differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/volume-gray.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/volume-gray.svg
new file mode 100644
index 00000000..cdb3ae51
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/volume-gray.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M925 2258 c-3 -7 -4 -341 -3 -743 l3 -730 565 0 565 0 0 740 0 740
+-563 3 c-445 2 -564 0 -567 -10z m671 -141 c26 -6 137 -58 144 -67 3 -3 17
+-15 32 -26 32 -25 86 -95 110 -144 18 -37 50 -159 43 -169 -2 -4 -5 -31 -6
+-61 -5 -94 -50 -191 -123 -265 l-40 -40 -100 103 c-109 110 -122 116 -191 88
+-32 -14 -65 -59 -65 -89 0 -11 51 -126 80 -179 8 -14 5 -16 -23 -12 -120 14
+-231 69 -290 142 -10 12 -24 28 -31 35 -14 14 -65 119 -73 151 -3 11 -6 57 -8
+100 -7 189 108 352 297 421 50 18 79 22 143 20 44 -2 90 -5 101 -8z m104 -819
+c98 -100 176 -187 174 -193 -3 -5 -36 -30 -74 -55 -38 -25 -70 -48 -70 -52 0
+-5 -10 -8 -22 -8 -18 1 -29 14 -53 67 -16 37 -42 92 -56 122 -127 273 -125
+267 -109 286 7 8 17 15 23 15 6 0 90 -82 187 -182z m-565 -270 c32 -14 43 -51
+32 -107 -7 -35 -52 -56 -101 -47 -26 5 -38 15 -50 41 -39 82 34 152 119 113z"/>
+<path d="M1454 1783 c-32 -6 -52 -33 -60 -79 -5 -36 -3 -45 22 -73 31 -35 67
+-42 117 -22 56 22 66 110 17 154 -29 26 -48 30 -96 20z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/volume-green.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/volume-green.svg
new file mode 100644
index 00000000..7df5170e
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/volume-green.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M925 2258 c-3 -7 -4 -341 -3 -743 l3 -730 565 0 565 0 0 740 0 740
+-563 3 c-445 2 -564 0 -567 -10z m671 -141 c26 -6 137 -58 144 -67 3 -3 17
+-15 32 -26 32 -25 86 -95 110 -144 18 -37 50 -159 43 -169 -2 -4 -5 -31 -6
+-61 -5 -94 -50 -191 -123 -265 l-40 -40 -100 103 c-109 110 -122 116 -191 88
+-32 -14 -65 -59 -65 -89 0 -11 51 -126 80 -179 8 -14 5 -16 -23 -12 -120 14
+-231 69 -290 142 -10 12 -24 28 -31 35 -14 14 -65 119 -73 151 -3 11 -6 57 -8
+100 -7 189 108 352 297 421 50 18 79 22 143 20 44 -2 90 -5 101 -8z m104 -819
+c98 -100 176 -187 174 -193 -3 -5 -36 -30 -74 -55 -38 -25 -70 -48 -70 -52 0
+-5 -10 -8 -22 -8 -18 1 -29 14 -53 67 -16 37 -42 92 -56 122 -127 273 -125
+267 -109 286 7 8 17 15 23 15 6 0 90 -82 187 -182z m-565 -270 c32 -14 43 -51
+32 -107 -7 -35 -52 -56 -101 -47 -26 5 -38 15 -50 41 -39 82 34 152 119 113z"/>
+<path d="M1454 1783 c-32 -6 -52 -33 -60 -79 -5 -36 -3 -45 22 -73 31 -35 67
+-42 117 -22 56 22 66 110 17 154 -29 26 -48 30 -96 20z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/volume-red.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/volume-red.svg
new file mode 100644
index 00000000..776c197e
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/volume-red.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M925 2258 c-3 -7 -4 -341 -3 -743 l3 -730 565 0 565 0 0 740 0 740
+-563 3 c-445 2 -564 0 -567 -10z m671 -141 c26 -6 137 -58 144 -67 3 -3 17
+-15 32 -26 32 -25 86 -95 110 -144 18 -37 50 -159 43 -169 -2 -4 -5 -31 -6
+-61 -5 -94 -50 -191 -123 -265 l-40 -40 -100 103 c-109 110 -122 116 -191 88
+-32 -14 -65 -59 -65 -89 0 -11 51 -126 80 -179 8 -14 5 -16 -23 -12 -120 14
+-231 69 -290 142 -10 12 -24 28 -31 35 -14 14 -65 119 -73 151 -3 11 -6 57 -8
+100 -7 189 108 352 297 421 50 18 79 22 143 20 44 -2 90 -5 101 -8z m104 -819
+c98 -100 176 -187 174 -193 -3 -5 -36 -30 -74 -55 -38 -25 -70 -48 -70 -52 0
+-5 -10 -8 -22 -8 -18 1 -29 14 -53 67 -16 37 -42 92 -56 122 -127 273 -125
+267 -109 286 7 8 17 15 23 15 6 0 90 -82 187 -182z m-565 -270 c32 -14 43 -51
+32 -107 -7 -35 -52 -56 -101 -47 -26 5 -38 15 -50 41 -39 82 34 152 119 113z"/>
+<path d="M1454 1783 c-32 -6 -52 -33 -60 -79 -5 -36 -3 -45 22 -73 31 -35 67
+-42 117 -22 56 22 66 110 17 154 -29 26 -48 30 -96 20z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/vpn-gray.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/vpn-gray.svg
new file mode 100644
index 00000000..3b8a4c3e
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/vpn-gray.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M525 1803 c4 -10 53 -139 110 -288 57 -148 108 -282 114 -297 l11
+-28 103 0 104 0 16 48 c8 26 43 121 77 212 87 235 130 354 130 363 0 4 -42 7
+-94 7 -82 0 -95 -2 -100 -17 -16 -60 -129 -429 -131 -431 -3 -4 -18 42 -95
+286 l-51 162 -101 0 c-91 0 -100 -2 -93 -17z"/>
+<path d="M1260 1506 l0 -316 95 0 95 0 0 119 0 118 103 5 c110 5 143 16 190
+65 61 65 63 195 3 261 -46 52 -67 56 -283 60 l-203 4 0 -316z m324 162 c21
+-29 20 -61 -1 -87 -14 -16 -31 -22 -73 -24 l-55 -2 -3 68 -3 67 60 0 c51 0 62
+-3 75 -22z"/>
+<path d="M1900 1505 l0 -315 90 0 90 0 2 171 3 171 115 -171 115 -171 93 0 92
+0 0 315 0 315 -95 0 -95 0 -2 -169 -3 -168 -113 168 -113 169 -89 0 -90 0 0
+-315z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/vpn-green.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/vpn-green.svg
new file mode 100644
index 00000000..98147633
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/vpn-green.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M525 1803 c4 -10 53 -139 110 -288 57 -148 108 -282 114 -297 l11
+-28 103 0 104 0 16 48 c8 26 43 121 77 212 87 235 130 354 130 363 0 4 -42 7
+-94 7 -82 0 -95 -2 -100 -17 -16 -60 -129 -429 -131 -431 -3 -4 -18 42 -95
+286 l-51 162 -101 0 c-91 0 -100 -2 -93 -17z"/>
+<path d="M1260 1506 l0 -316 95 0 95 0 0 119 0 118 103 5 c110 5 143 16 190
+65 61 65 63 195 3 261 -46 52 -67 56 -283 60 l-203 4 0 -316z m324 162 c21
+-29 20 -61 -1 -87 -14 -16 -31 -22 -73 -24 l-55 -2 -3 68 -3 67 60 0 c51 0 62
+-3 75 -22z"/>
+<path d="M1900 1505 l0 -315 90 0 90 0 2 171 3 171 115 -171 115 -171 93 0 92
+0 0 315 0 315 -95 0 -95 0 -2 -169 -3 -168 -113 168 -113 169 -89 0 -90 0 0
+-315z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/vpn-red.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/vpn-red.svg
new file mode 100644
index 00000000..50aba606
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/vpn-red.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M525 1803 c4 -10 53 -139 110 -288 57 -148 108 -282 114 -297 l11
+-28 103 0 104 0 16 48 c8 26 43 121 77 212 87 235 130 354 130 363 0 4 -42 7
+-94 7 -82 0 -95 -2 -100 -17 -16 -60 -129 -429 -131 -431 -3 -4 -18 42 -95
+286 l-51 162 -101 0 c-91 0 -100 -2 -93 -17z"/>
+<path d="M1260 1506 l0 -316 95 0 95 0 0 119 0 118 103 5 c110 5 143 16 190
+65 61 65 63 195 3 261 -46 52 -67 56 -283 60 l-203 4 0 -316z m324 162 c21
+-29 20 -61 -1 -87 -14 -16 -31 -22 -73 -24 l-55 -2 -3 68 -3 67 60 0 c51 0 62
+-3 75 -22z"/>
+<path d="M1900 1505 l0 -315 90 0 90 0 2 171 3 171 115 -171 115 -171 93 0 92
+0 0 315 0 315 -95 0 -95 0 -2 -169 -3 -168 -113 168 -113 169 -89 0 -90 0 0
+-315z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/vpn.gif b/heat_dashboard/static/dashboard/project/heat_dashboard/img/vpn.gif
new file mode 100644
index 00000000..0e0c5dfb
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/vpn.gif differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/wait-gray.gif b/heat_dashboard/static/dashboard/project/heat_dashboard/img/wait-gray.gif
new file mode 100644
index 00000000..b5bf1f50
Binary files /dev/null and b/heat_dashboard/static/dashboard/project/heat_dashboard/img/wait-gray.gif differ
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/wait-gray.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/wait-gray.svg
new file mode 100644
index 00000000..27a7c546
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/wait-gray.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#808080" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M800 2260 c-47 -47 -8 -110 67 -110 48 0 43 9 62 -117 17 -116 64
+-234 131 -333 37 -54 136 -155 175 -178 l20 -12 -20 -12 c-65 -38 -164 -152
+-217 -248 -49 -91 -98 -246 -98 -317 0 -51 -9 -63 -47 -63 -81 0 -122 -61 -73
+-110 20 -20 33 -20 694 -20 l675 0 20 26 c27 34 26 50 -4 79 -18 19 -35 25
+-70 25 l-45 0 0 40 c0 62 -47 226 -91 315 -44 92 -125 194 -193 244 -25 19
+-46 37 -45 40 0 3 27 28 60 54 63 51 136 141 174 217 42 83 90 249 98 335 2
+28 5 30 49 33 37 2 52 9 68 29 25 32 25 44 -1 77 l-20 26 -675 0 c-661 0 -674
+0 -694 -20z m1180 -122 c0 -7 -7 -46 -15 -86 -48 -228 -164 -399 -322 -473
+-111 -52 -111 -87 -1 -138 127 -59 233 -188 288 -351 21 -62 50 -181 50 -207
+0 -10 -104 -13 -485 -13 l-485 0 0 28 c0 31 25 142 41 187 65 175 172 306 294
+359 67 28 70 32 70 66 0 19 -6 36 -15 41 -8 4 -40 19 -71 34 -102 47 -201 164
+-259 305 -29 71 -60 191 -60 234 l0 26 485 0 c381 0 485 -3 485 -12z"/>
+<path d="M1160 1925 c-17 -21 40 -124 107 -190 165 -164 372 -133 514 76 45
+67 58 107 38 120 -8 5 -156 9 -330 9 -265 0 -319 -2 -329 -15z"/>
+<path d="M1395 1111 c-84 -22 -168 -103 -151 -147 8 -20 478 -21 495 -1 19 24
+-38 100 -95 127 -53 25 -190 37 -249 21z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/wait-green.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/wait-green.svg
new file mode 100644
index 00000000..6d2b9e63
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/wait-green.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#196836" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M800 2260 c-47 -47 -8 -110 67 -110 48 0 43 9 62 -117 17 -116 64
+-234 131 -333 37 -54 136 -155 175 -178 l20 -12 -20 -12 c-65 -38 -164 -152
+-217 -248 -49 -91 -98 -246 -98 -317 0 -51 -9 -63 -47 -63 -81 0 -122 -61 -73
+-110 20 -20 33 -20 694 -20 l675 0 20 26 c27 34 26 50 -4 79 -18 19 -35 25
+-70 25 l-45 0 0 40 c0 62 -47 226 -91 315 -44 92 -125 194 -193 244 -25 19
+-46 37 -45 40 0 3 27 28 60 54 63 51 136 141 174 217 42 83 90 249 98 335 2
+28 5 30 49 33 37 2 52 9 68 29 25 32 25 44 -1 77 l-20 26 -675 0 c-661 0 -674
+0 -694 -20z m1180 -122 c0 -7 -7 -46 -15 -86 -48 -228 -164 -399 -322 -473
+-111 -52 -111 -87 -1 -138 127 -59 233 -188 288 -351 21 -62 50 -181 50 -207
+0 -10 -104 -13 -485 -13 l-485 0 0 28 c0 31 25 142 41 187 65 175 172 306 294
+359 67 28 70 32 70 66 0 19 -6 36 -15 41 -8 4 -40 19 -71 34 -102 47 -201 164
+-259 305 -29 71 -60 191 -60 234 l0 26 485 0 c381 0 485 -3 485 -12z"/>
+<path d="M1160 1925 c-17 -21 40 -124 107 -190 165 -164 372 -133 514 76 45
+67 58 107 38 120 -8 5 -156 9 -330 9 -265 0 -319 -2 -329 -15z"/>
+<path d="M1395 1111 c-84 -22 -168 -103 -151 -147 8 -20 478 -21 495 -1 19 24
+-38 100 -95 127 -53 25 -190 37 -249 21z"/>
+</g>
+</svg>
diff --git a/heat_dashboard/static/dashboard/project/heat_dashboard/img/wait-red.svg b/heat_dashboard/static/dashboard/project/heat_dashboard/img/wait-red.svg
new file mode 100644
index 00000000..3da93056
--- /dev/null
+++ b/heat_dashboard/static/dashboard/project/heat_dashboard/img/wait-red.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet" style="background-color: #FFFFFF;">
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#C82128" stroke="none">
+<path d="M1375 2904 c-102 -11 -229 -37 -320 -65 -98 -30 -259 -108 -319 -155
+-17 -13 -68 -49 -113 -81 -89 -63 -209 -194 -295 -321 -112 -167 -190 -371
+-217 -566 -14 -99 -14 -322 0 -423 18 -132 74 -335 98 -353 4 -3 20 -36 35
+-74 16 -37 48 -93 71 -125 23 -31 46 -64 51 -74 14 -25 118 -142 184 -206 65
+-63 248 -185 352 -234 203 -97 363 -131 608 -130 289 0 476 54 750 216 85 51
+129 86 237 193 73 73 133 138 133 145 0 8 18 34 40 59 24 28 65 101 109 195
+55 120 75 178 101 290 53 234 52 382 -6 638 -33 148 -156 422 -201 450 -7 4
+-13 13 -13 18 0 18 -91 131 -162 201 -137 135 -328 259 -492 319 -165 61 -467
+101 -631 83z m445 -119 c117 -29 268 -93 368 -157 37 -24 79 -49 94 -57 15 -8
+79 -65 142 -127 107 -106 176 -196 227 -296 12 -24 25 -45 30 -48 23 -15 111
+-289 129 -400 14 -91 12 -331 -4 -420 -21 -116 -101 -354 -125 -369 -5 -4 -25
+-38 -44 -77 -20 -39 -62 -105 -95 -145 -56 -72 -238 -248 -279 -272 -170 -99
+-312 -161 -453 -199 -119 -31 -133 -33 -305 -32 -196 0 -257 10 -439 73 -120
+42 -295 135 -361 192 -11 10 -47 40 -80 67 -33 27 -80 75 -105 107 -25 31 -63
+79 -86 106 -63 75 -169 296 -196 409 -13 52 -26 97 -29 100 -10 8 -29 177 -29
+260 0 92 17 245 30 268 5 9 19 55 31 102 39 153 89 254 221 440 18 25 70 84
+117 131 74 73 115 105 256 197 48 31 230 113 296 133 127 38 221 49 409 44
+146 -3 192 -8 280 -30z"/>
+<path d="M800 2260 c-47 -47 -8 -110 67 -110 48 0 43 9 62 -117 17 -116 64
+-234 131 -333 37 -54 136 -155 175 -178 l20 -12 -20 -12 c-65 -38 -164 -152
+-217 -248 -49 -91 -98 -246 -98 -317 0 -51 -9 -63 -47 -63 -81 0 -122 -61 -73
+-110 20 -20 33 -20 694 -20 l675 0 20 26 c27 34 26 50 -4 79 -18 19 -35 25
+-70 25 l-45 0 0 40 c0 62 -47 226 -91 315 -44 92 -125 194 -193 244 -25 19
+-46 37 -45 40 0 3 27 28 60 54 63 51 136 141 174 217 42 83 90 249 98 335 2
+28 5 30 49 33 37 2 52 9 68 29 25 32 25 44 -1 77 l-20 26 -675 0 c-661 0 -674
+0 -694 -20z m1180 -122 c0 -7 -7 -46 -15 -86 -48 -228 -164 -399 -322 -473
+-111 -52 -111 -87 -1 -138 127 -59 233 -188 288 -351 21 -62 50 -181 50 -207
+0 -10 -104 -13 -485 -13 l-485 0 0 28 c0 31 25 142 41 187 65 175 172 306 294
+359 67 28 70 32 70 66 0 19 -6 36 -15 41 -8 4 -40 19 -71 34 -102 47 -201 164
+-259 305 -29 71 -60 191 -60 234 l0 26 485 0 c381 0 485 -3 485 -12z"/>
+<path d="M1160 1925 c-17 -21 40 -124 107 -190 165 -164 372 -133 514 76 45
+67 58 107 38 120 -8 5 -156 9 -330 9 -265 0 -319 -2 -329 -15z"/>
+<path d="M1395 1111 c-84 -22 -168 -103 -151 -147 8 -20 478 -21 495 -1 19 24
+-38 100 -95 127 -53 25 -190 37 -249 21z"/>
+</g>
+</svg>