WebDevCat.me
· Catalin Mititiuc
From 505fc231508000dcc07d5ad52e3795eadb8464cf Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Thu, 20 Jun 2024 17:12:47 -0700
Subject: Draw scenario mapsheet hexes with building hexes
---
public/radial.html | 128 +++++++++++++++++++++++++++++++++--------------------
1 file changed, 79 insertions(+), 49 deletions(-)
(limited to 'public')
diff --git a/public/radial.html b/public/radial.html
index e1dec38..a654979 100644
--- a/public/radial.html
+++ b/public/radial.html
@@ -23,6 +23,12 @@
/* display: none; */
}
+ use[href="#hex"] {
+ stroke: #666;
+ fill: wheat;
+ /* fill: url(#asterisk); */
+ }
+
.elevation-basement {
fill: lightgray;
display: none;
@@ -30,18 +36,15 @@
.elevation-1 {
/* filter: blur(.5px); */
- /* opacity: 1; */
+ /* opacity: 0.5; */
display: none;
}
- .buildings .elevation-1,
- .building .elevation-1 {
- /* display: none; */
- fill: lightgreen;
- }
+ .elevation-1 use[href="#hex"] {
+ /* fill: green; */
+ }
.elevation-2 {
-
/* fill: rgb(240, 216, 172); */
opacity: 0.5;
/* display: none; */
@@ -55,6 +58,12 @@
display: none;
}
+ .buildings .elevation-1,
+ .building .elevation-1 {
+ /* display: none; */
+ fill: lightgreen;
+ }
+
.building .doors {
display: inline;
fill: none;
@@ -87,44 +96,42 @@
stroke-linecap: square;
}
- .building.view-elevation-roof .doors,
- .building.view-elevation-roof .inner-wall,
- .building.view-elevation-roof .outer-wall {
+ .view-elevation-roof .doors,
+ .view-elevation-roof .inner-wall,
+ .view-elevation-roof .outer-wall {
display: none;
}
- .building .elevation-1 {
- display: none;
+ .building .elevation-1 use {
+ fill: green;
}
- .building.view-elevation-roof .floor {
+ .view-elevation-roof .floor {
fill: darkgray;
}
- .building.view-elevation-1 .elevation-1 {
- display: inline;
+ .building .elevation-2 {
+ display: none;
}
- .building.view-elevation-2 .elevation-2 {
+ .view-elevation-1 .elevation-1 {
display: inline;
}
- .building.view-elevation-roof .elevation-roof {
+ .view-elevation-2 .elevation-2 {
display: inline;
}
- .building.view-elevation-basement .elevation-basement {
+ .view-elevation-roof .elevation-roof {
display: inline;
}
- .building.view-elevation-basement .doors {
- display: none;
+ .view-elevation-basement .elevation-basement {
+ display: inline;
}
- use[href="#hex"] {
- stroke: #666;
- fill: wheat;
- /* fill: url(#asterisk); */
+ .view-elevation-basement .doors {
+ display: none;
}
.building [class*="elevation"] use {
@@ -136,7 +143,6 @@
/* display: none; */
/* opacity: 0.2 */
}
-
@@ -157,35 +163,59 @@
-
-
-
-
-
-
+
+
+
+
+
+
+
-
+
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -->
+
--
cgit v1.2.3