WebDevCat.me
· Catalin Mititiuc
From 508c9ed10dd8bc480bf40c6eb536591df62ede99 Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Thu, 20 Jun 2024 19:47:54 -0700
Subject: Add elevation to map keys
---
public/radial.html | 74 ++++++++++++++++--------------------------------------
1 file changed, 22 insertions(+), 52 deletions(-)
(limited to 'public/radial.html')
diff --git a/public/radial.html b/public/radial.html
index a654979..28bfa5a 100644
--- a/public/radial.html
+++ b/public/radial.html
@@ -34,32 +34,31 @@
display: none;
}
- .elevation-1 {
+ .elevation-0 {
/* filter: blur(.5px); */
/* opacity: 0.5; */
display: none;
}
- .elevation-1 use[href="#hex"] {
+ .elevation-0 use[href="#hex"] {
/* fill: green; */
}
- .elevation-2 {
+ .elevation-1 {
/* fill: rgb(240, 216, 172); */
- opacity: 0.5;
- /* display: none; */
+ display: none;
}
- .elevation-2 use[href="#hex"]{
- fill: blue;
+ .elevation-1 use[href="#hex"]{
+ fill: lightblue;
}
.elevation-roof {
display: none;
}
- .buildings .elevation-1,
- .building .elevation-1 {
+ .buildings .elevation-0,
+ .building .elevation-0 {
/* display: none; */
fill: lightgreen;
}
@@ -102,23 +101,31 @@
display: none;
}
+ .building .elevation-basement use {
+ fill: lightgray;
+ }
+
+ .building .elevation-0 use {
+ fill: lightgreen;
+ }
+
.building .elevation-1 use {
- fill: green;
+ fill: lightblue;
}
.view-elevation-roof .floor {
fill: darkgray;
}
- .building .elevation-2 {
+ .building .elevation-1 {
display: none;
}
- .view-elevation-1 .elevation-1 {
+ .view-elevation-0 .elevation-0 {
display: inline;
}
- .view-elevation-2 .elevation-2 {
+ .view-elevation-1 .elevation-1 {
display: inline;
}
@@ -135,7 +142,7 @@
}
.building [class*="elevation"] use {
- fill-opacity: 0.33;
+ /* fill-opacity: 0.33; */
stroke: black;
}
@@ -178,44 +185,7 @@
-
-
-
-
-
-
-
-
-
-
+
--
cgit v1.2.3