Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
path: root/public
diff options
context:
space:
mode:
authorCatalin Mititiuc <webdevcat@proton.me>2024-07-03 11:10:46 -0700
committerCatalin Mititiuc <webdevcat@proton.me>2024-07-03 11:10:46 -0700
commit3bce4a6ed62277a4c3a53541ceb0b0ac273b717a (patch)
treeaa5b69e2db895938038d7eaffb5fa95ddd0b2fd8 /public
parentae21d408d1f9f8f4a34e777c3ea708c6b1245064 (diff)
Add building height labels
Diffstat (limited to 'public')
-rw-r--r--public/assets/css/map.css3
-rw-r--r--public/assets/css/radial.css5
-rw-r--r--public/assets/images/mapsheets.svg36
-rw-r--r--public/assets/images/radial.svg19
4 files changed, 42 insertions, 21 deletions
diff --git a/public/assets/css/map.css b/public/assets/css/map.css
index 24b6e31..d1386ab 100644
--- a/public/assets/css/map.css
+++ b/public/assets/css/map.css
@@ -443,11 +443,12 @@ g[data-y="76"] { --i: 76; }
fill-opacity: 0.2;
}
-.elevation {
+text.elevation {
font-family: sans-serif;
font-weight: bold;
font-size: 6pt;
text-anchor: middle;
user-select: none;
pointer-events: none;
+ fill: black;
}
diff --git a/public/assets/css/radial.css b/public/assets/css/radial.css
index d9636de..b7fd145 100644
--- a/public/assets/css/radial.css
+++ b/public/assets/css/radial.css
@@ -59,7 +59,7 @@ use[href="#hex"] {
stroke-linecap: square;
}
-.building [class*="elevation"] {
+.building [class*="elevation-"] {
display: none;
}
@@ -76,7 +76,8 @@ use[href="#hex"] {
fill: #999;
}
-[data-view-elevation="-1"] .building .elevation-basement {
+[data-view-elevation="-1"] .building .elevation-basement,
+[data-view-elevation="-1"] .elevation-basement + text.elevation {
display: inline;
}
diff --git a/public/assets/images/mapsheets.svg b/public/assets/images/mapsheets.svg
index 96d6152..a212d5f 100644
--- a/public/assets/images/mapsheets.svg
+++ b/public/assets/images/mapsheets.svg
@@ -445,24 +445,6 @@
<use style="transform: translate(303px, 620px) rotate(0deg)" href="#bush"/>
<use style="transform: translate(311.5px, 605px) rotate(-70deg)" href="#bush"/>
</g>
- <g class="building4" style="transform: translate(100.5px, 83px)">
- <use href="#building4"/>
- <g class="furniture">
- <use style="transform: translate(-21.5px, -39px)" href="#bed"/>
- <use style="transform: translate(22px, -51px)" href="#bed"/>
- <use style="transform: translate(21.25px, 33px) rotate(-90deg)" href="#desk"/>
- <use style="transform: translate(-5.75px, 20px)" href="#couch"/>
- <use style="transform: translate(-9px, -54.75px)" href="#cabinet"/>
- <use style="transform: translate(7.5px, -44.75px) rotate(90deg)" href="#cabinet"/>
- <use style="transform: translate(25.5px, -18.5px) rotate(90deg)" href="#cabinet"/>
- <use style="transform: translate(-24px, -4.5px)" href="#cabinet"/>
- <use style="transform: translate(24px, 10.5px)" href="#cabinet"/>
- <use style="transform: translate(-16.5px, 33.5px)" href="#cabinet"/>
- <use style="transform: translate(17px, 46.5px)" href="#cabinet"/>
- <use style="transform: translate(-23.5px, 48.25px)" href="#cabinet"/>
- </g>
- <text class="elevation" x="28" y="59.5">1</text>
- </g>
<g class="building2" style="transform: translate(92px, 281px)">
<use href="#building2"/>
<g class="furniture">
@@ -505,6 +487,24 @@
</g>
<text class="elevation" x="27" y="42">2</text>
</g>
+ <g class="building4" style="transform: translate(100.5px, 83px)">
+ <use href="#building4"/>
+ <g class="furniture">
+ <use style="transform: translate(-21.5px, -39px)" href="#bed"/>
+ <use style="transform: translate(22px, -51px)" href="#bed"/>
+ <use style="transform: translate(21.25px, 33px) rotate(-90deg)" href="#desk"/>
+ <use style="transform: translate(-5.75px, 20px)" href="#couch"/>
+ <use style="transform: translate(-9px, -54.75px)" href="#cabinet"/>
+ <use style="transform: translate(7.5px, -44.75px) rotate(90deg)" href="#cabinet"/>
+ <use style="transform: translate(25.5px, -18.5px) rotate(90deg)" href="#cabinet"/>
+ <use style="transform: translate(-24px, -4.5px)" href="#cabinet"/>
+ <use style="transform: translate(24px, 10.5px)" href="#cabinet"/>
+ <use style="transform: translate(-16.5px, 33.5px)" href="#cabinet"/>
+ <use style="transform: translate(17px, 46.5px)" href="#cabinet"/>
+ <use style="transform: translate(-23.5px, 48.25px)" href="#cabinet"/>
+ </g>
+ <text class="elevation" x="28" y="59.5">1</text>
+ </g>
<g class="building6" style="transform: translate(440.75px, 288.5px)">
<use style="transform: rotate(180deg)" href="#building6"/>
<g class="furniture">
diff --git a/public/assets/images/radial.svg b/public/assets/images/radial.svg
index 8e9530c..537bc6d 100644
--- a/public/assets/images/radial.svg
+++ b/public/assets/images/radial.svg
@@ -189,6 +189,7 @@
<use href="#desk" transform="rotate(-90,-10.75,34.75)" />
<use href="#desk" transform="rotate(90,-25,25)" />
</g>
+ <text class="elevation" x="27" y="64">1</text>
</g>
<g class="building3">
@@ -202,6 +203,7 @@
<use href="#desk" transform="rotate(90,11.175,4.175)" id="use4675" />
</g>
<path class="stairs" d="m -28.65,-23.55 h 14 v 2.3 h -14 z m 0,2.75 h 14 v 2.3 h -14 z m 0,2.75 h 14 v 2.3 h -14 z m 0,2.75 h 14 v 2.3 h -14 z m 0,2.75 h 14 v 2.3 h -14 z m 0,2.75 h 14 v 2.3 h -14 z m 0,2.75 h 14 v 2.3 h -14 z" />
+ <text class="elevation" x="15" y="49">2</text>
</g>
<g class="building4">
@@ -219,6 +221,7 @@
<use href="#cabinet" transform="translate(19.485076,59.75)" />
<use href="#cabinet" transform="translate(-17.654924,59.75)" />
</g>
+ <text class="elevation" x="34" y="64">1</text>
</g>
<g class="building6">
@@ -230,6 +233,7 @@
<use href="#cabinet" transform="rotate(-90,6.785,0.465)" />
<use href="#cabinet" transform="rotate(-90,-12.134847,-10.365153)" />
</g>
+ <text class="elevation" x="8" y="64" transform="rotate(180)">1</text>
</g>
</g>
@@ -247,6 +251,7 @@
<use href="#cabinet" transform="translate(32.81,22.5)" />
<use href="#cabinet" transform="rotate(90,-43.385,20.115)" />
</g>
+ <text class="elevation" x="34" y="56">1</text>
</g>
<g class="building2">
@@ -264,6 +269,7 @@
<use href="#desk" transform="translate(-36.64,-20)" />
<use href="#desk" transform="translate(-26,-55)" />
</g>
+ <text class="elevation" x="27" y="64">1</text>
</g>
<g class="building3">
@@ -277,6 +283,7 @@
<use href="#cabinet" transform="rotate(90,-8.3749998,-15.625)" id="use4706" />
<use href="#desk" transform="rotate(-90,5.6249999,-12.375)" id="use4707" />
</g>
+ <text class="elevation" x="2" y="49">1</text>
</g>
<g class="building4">
@@ -294,6 +301,7 @@
<use href="#cabinet" transform="rotate(90,-12.255,25.245)" />
<use href="#cabinet" transform="translate(-26.19,59.5)" />
</g>
+ <text class="elevation" x="12" y="64">1</text>
</g>
<g class="building5">
@@ -311,6 +319,7 @@
<use href="#cabinet" transform="rotate(90,15.735,23.235)" id="use4802" />
</g>
<path class="stairs" d="m 49.915,-22.5 h 12.75 v 3 h -12.75 z m 0,3.5 h 12.75 v 3 h -12.75 z m 0,3.5 h 12.75 v 3 h -12.75 z m 0,3.5 h 12.75 v 3 h -12.75 z" />
+ <text class="elevation" x="54" y="19">3</text>
</g>
<g class="building6">
@@ -322,6 +331,7 @@
<use href="#cabinet" transform="rotate(90,6.16,13.66)" />
<use href="#cabinet" transform="rotate(90,-21.83048,16.16952)" />
</g>
+ <text class="elevation" x="25" y="34">1</text>
</g>
<g class="building7">
@@ -351,6 +361,7 @@
<use href="#cabinet" transform="rotate(90,44.975,19.975)" />
</g>
<path class="stairs" d="m 14.58,-54.75 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z" />
+ <text class="elevation" x="103" y="49">3</text>
</g>
</g>
@@ -368,6 +379,7 @@
<use href="#bed" transform="translate(-10.65179,57.099841)" />
<use href="#bed" transform="translate(25.98,56)" />
</g>
+ <text class="elevation" x="34" y="56">1</text>
</g>
<g class="building2">
@@ -386,6 +398,7 @@
<use href="#desk" transform="translate(-26.119999,-55.500002)" />
</g>
<path class="stairs" d="M -6.1299992,40.399998 H -20.129999 v -2.3 h 13.9999998 z m 0,-2.75 H -20.129999 v -2.3 h 13.9999998 z m 0,-2.75 H -20.129999 v -2.3 h 13.9999998 z m 0,-2.75 H -20.129999 v -2.3 h 13.9999998 z m 0,-2.75 H -20.129999 v -2.3 h 13.9999998 z m 0,-2.75 H -20.129999 v -2.3 h 13.9999998 z m 0,-2.75 H -20.129999 v -2.3 h 13.9999998 z" />
+ <text class="elevation" x="10" y="64" transform="rotate(180)">3</text>
</g>
<g class="building3">
@@ -398,6 +411,7 @@
<use href="#cabinet" transform="rotate(-90,-22.950001,1.450001)" id="use4698" />
<use href="#desk" transform="rotate(-90,2.6749984,-10.674998)" id="use4699" />
</g>
+ <text class="elevation" x="25" y="34" transform="rotate(180)">1</text>
</g>
<g class="building4">
@@ -415,6 +429,7 @@
<use href="#cabinet" transform="rotate(-90,-22.075,-0.425)" />
<use href="#cabinet" transform="rotate(-90,-3.595,-33.905)" />
</g>
+ <text class="elevation" x="2" y="49" transform="rotate(180)">1</text>
</g>
<g class="building5">
@@ -432,6 +447,7 @@
<use href="#cabinet" transform="rotate(90,15.735,23.235)" />
</g>
<path class="stairs" d="m 49.915,-22.5 h 12.75 v 3 h -12.75 z m 0,3.5 h 12.75 v 3 h -12.75 z m 0,3.5 h 12.75 v 3 h -12.75 z m 0,3.5 h 12.75 v 3 h -12.75 z" />
+ <text class="elevation" x="54" y="19">2</text>
</g>
<g class="building6">
@@ -445,6 +461,7 @@
<use href="#cabinet" transform="rotate(-90,15.094729,-5.0293828)" />
<use href="#cabinet" transform="rotate(180,0,-22.5)" />
</g>
+ <text class="elevation" x="8" y="64" transform="rotate(180)">1</text>
</g>
<g class="building7">
@@ -474,6 +491,7 @@
<use href="#cabinet" transform="rotate(90,44.975,19.975)" />
</g>
<path class="stairs" d="m 14.58,-54.75 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z" />
+ <text class="elevation" x="104" y="49">2</text>
</g>
</g>
@@ -518,6 +536,7 @@
<use href="#cabinet" transform="translate(90.183883,50.534279)" />
</g>
<path class="stairs" d="m 54.02,5.2499999 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z" />
+ <text class="elevation" x="120" y="80">2</text>
</g>
</g>
</defs>