Skip to content

Commit dd3f1b0

Browse files
noamjgalnoamjgal
committed
enh: update HTML structure and CSS styles for improved accessibility and visual clarity; refine narrative statistics presentation and add map overlay filter
1 parent 4c0f78e commit dd3f1b0

3 files changed

Lines changed: 27 additions & 16 deletions

File tree

‎css/styles.css‎

Lines changed: 15 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -85,6 +85,18 @@ body {
8585
z-index: 1;
8686
}
8787

88+
/* Map overlay filter for better contrast */
89+
.map-overlay-filter {
90+
position: absolute;
91+
top: 0;
92+
left: 0;
93+
width: 100%;
94+
height: 100%;
95+
background: rgba(0, 0, 0, 0.1);
96+
pointer-events: none;
97+
z-index: 2;
98+
}
99+
88100
/* Horizontal Brand Banner - Refined */
89101
.brand-banner {
90102
position: absolute;
@@ -127,7 +139,7 @@ body {
127139
}
128140

129141
.brand-banner .huji-logo {
130-
height: 33px;
142+
height: 39px;
131143
}
132144

133145
/* About Button - Top Right */
@@ -706,7 +718,7 @@ body {
706718
line-height: 1.2;
707719
}
708720

709-
/* Narrative Statistics Styles */
721+
/* Narrative Statistics Styles - Unified container */
710722
.stats-narrative {
711723
margin-bottom: var(--space-lg);
712724
padding: var(--space-lg);
@@ -1350,7 +1362,7 @@ body {
13501362
}
13511363

13521364
.brand-banner .huji-logo {
1353-
height: 30px;
1365+
height: 36px;
13541366
}
13551367

13561368
.info-button {

‎index.html‎

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Negev Shelter Accessibility Analysis</title>
6+
<title>Negev Shelter</title>
77

88
<!-- Favicon -->
99
<link rel="icon" type="image/x-icon" href="data/favicon.ico">
@@ -29,6 +29,9 @@
2929
<!-- Full-screen map -->
3030
<div id="map"></div>
3131

32+
<!-- Map overlay filter for better contrast -->
33+
<div class="map-overlay-filter"></div>
34+
3235
<!-- Horizontal Brand Banner -->
3336
<div class="brand-banner">
3437
<div class="brand-logos">
@@ -57,16 +60,13 @@ <h2>Coverage</h2>
5760
<div class="control-section">
5861
<div class="stats-narrative">
5962
<div class="stat-paragraph">
60-
<p id="currentCoverageText">With existing bomb shelters, <strong id="currentCoverage">--%</strong> of residential buildings are currently covered within a <strong id="currentRadius">--m</strong> accessibility distance parameter (maximum residents can travel to reach safety during an alert).</p>
63+
<p id="currentCoverageText">Existing bomb shelters are accessible within <strong id="currentRadius">--m</strong> by <strong id="currentCoverage">--%</strong> of residential buildings.</p>
6164
</div>
6265
<div class="stat-paragraph">
6366
<p id="residentsLeftOutText">This leaves approximately <strong id="residentsLeftOut">--</strong> residents without adequate shelter access in the study area.</p>
6467
</div>
6568
<div class="stat-paragraph">
66-
<p id="newCoverageText">By adding <strong id="newSheltersCount">--</strong> strategically placed new shelters, total coverage increases to <strong id="newCoverage">--%</strong> of residential buildings in the study area.</p>
67-
</div>
68-
<div class="stat-paragraph">
69-
<p id="benefitsText">This improvement provides bomb shelter access for <strong id="buildingsCovered">--</strong> additional residential buildings, benefiting an estimated <strong id="additionalPeople">--</strong> additional residents.</p>
69+
<p id="newCoverageText">By adding <strong id="newSheltersCount">--</strong> bomb shelters, total coverage increases to <strong id="newCoverage">--%</strong> of informal housing units in the Beer Sheva Valley.</p>
7070
</div>
7171
</div>
7272
</div>
@@ -78,7 +78,7 @@ <h2>Coverage</h2>
7878
<!-- Menu Header with Title -->
7979
<div class="menu-header">
8080
<div class="menu-title">
81-
<h2>Shelter Accessibility</h2>
81+
<h2>Shelter Analysis</h2>
8282
<p>Negev Informal Settlements</p>
8383
</div>
8484
<div class="menu-actions">
@@ -123,7 +123,6 @@ <h2>Shelter Accessibility</h2>
123123
<div class="control-value" id="newSheltersValue">0</div>
124124
</div>
125125
<div class="control-description">Proposed number of new shelters to add</div>
126-
<div class="shelter-disabled-toltip">Turn off Accessibility Grid to add new shelters</div>
127126
</div>
128127
</div>
129128

‎js/app.js‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -749,22 +749,22 @@ class ShelterAccessApp {
749749
pickable: true,
750750
stroked: true,
751751
filled: true,
752-
lineWidthMinPixels: 1,
753-
lineWidthMaxPixels: 2,
752+
lineWidthMinPixels: 2,
753+
lineWidthMaxPixels: 4,
754754
getFillColor: d => {
755755
const isSelected = this.selectedPolygon?.layerType === 'habitationCluster' &&
756756
this.selectedPolygon?._index === d._index;
757-
return isSelected ? [52, 152, 219, 100] : [52, 152, 219, 25];
757+
return isSelected ? [52, 152, 219, 120] : [52, 152, 219, 50];
758758
},
759759
getLineColor: d => {
760760
const isSelected = this.selectedPolygon?.layerType === 'habitationCluster' &&
761761
this.selectedPolygon?._index === d._index;
762-
return isSelected ? [30, 100, 150, 255] : [52, 152, 219, 120];
762+
return isSelected ? [30, 100, 150, 255] : [52, 152, 219, 180];
763763
},
764764
getLineWidth: d => {
765765
const isSelected = this.selectedPolygon?.layerType === 'habitationCluster' &&
766766
this.selectedPolygon?._index === d._index;
767-
return isSelected ? 3 : 1;
767+
return isSelected ? 6 : 2;
768768
},
769769
updateTriggers: {
770770
getFillColor: [this.selectedPolygon],

0 commit comments

Comments
 (0)