-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
116 lines (104 loc) · 5.27 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.49.0/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.49.0/mapbox-gl.css' rel='stylesheet'/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>ECC Resource Map</title>
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300" rel="stylesheet">
<link rel="stylesheet" href="style/style.css" type="text/css"/>
</head>
<body>
<div class="sidebar pad2">
<div class="header1">
<img src="media/earthcraft logo w [email protected]" class="logo-image" alt="Icon of walkshed">
</div>
<div id='listings' class='listings'>
<div class='item' id='listing-0'>
<a href='#' class='title'>Net Evapotranspiration (inches)</a>
<div id='netET'>Click map for ETP.</div>
</div>
<div class='item' id='listing-1'>
<a href='#' class='title'>1-year, 24-hour Storm (inches)</a>
<div id='oneYear'>Click map for design storm.</div>
</div>
<div class='item' id='listing-2'>
<a href='#' class='title'>Ecoregion</a>
<div id='ecoRegion'>Click map for Ecoregion.</div>
</div>
<div class='item' id='listing-3'>
<a href='#' class='title'>Jobs to Housing Balance</a>
<div id='jobs2housing'>Click map for ratio.</div>
</div>
</div>
</div>
<div id="map" class="map pad2"></div>
<script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v2.3.0/mapbox-gl-geocoder.min.js'></script>
<link rel='stylesheet' href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v2.3.0/mapbox-gl-geocoder.css' type='text/css' />
<script src='https://api.tiles.mapbox.com/mapbox.js/plugins/turf/v3.0.11/turf.min.js'></script>
<script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-draw/v1.0.9/mapbox-gl-draw.js'></script>
<link rel='stylesheet' href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-draw/v1.0.9/mapbox-gl-draw.css' type='text/css'/>
<script type="text/javascript" src='scripts/script.js'></script>
<div id="foot" class="foot2">
<div>
<button class="instructions" onClick="myFunction()">Instructions <i class="fa fa-navicon"></i></button>
</div>
<div class="sidebar-foot-1 whole">
<div class='listings'>
<div class='item'>
This map stores and visualizes ECC Site Review Data for project teams. Use it to determine the project's correct EcoRegion, Jobs-to-Housing Balance, and rainfall volumes to which to design the stormwater and irrigation system.
</div>
<div class='item'>
<a href='#' class='title'>
Generate Walkshed
</a>
<div class="icon">
<img src="media/ecc map walkshed icon-final.svg" class="logo-image2" alt="Icon of walkshed">
<p>To generate an ECC Walkshed, hold control key and click (for Macs command + click) on map - the area that one is able to walk to in 5 and 10 minutes will be bound by blue polygons. Use this to determine which nearyby amenities are walkable for residents in your ECC project.
</p>
</div>
</div>
<div class='item'>
<a href='#' class='title'>
View Site Review Data
</a>
<div><p>
Clicking mouse on map returns the Net ETP, 1-year, 24-hour storm, EcoRegion, and Jobs-to-Housing Balance. These data are used to inform EarthCraft designers on the strategies to be implemented in an EarthCraft Community.</p>
<ul>
<li>
<a href='#' class='title small'>
Net Evapotranspiration
</a>
<p>The Net-Evapotranspiration is the amount of plant transpiration and evaporation that occurs in a specific ecoregion and climate. This number is used to calculate the baseline irrigation needs for landscaping.</p>
</li>
<li>
<a href='#' class='title small'>
Ecoregion
</a>
<p>This map shows the Level III Ecoregions in the Georgia. The EcoRegion are areas which share the similar geography, topography, and ecosystem. Ecoregions inform the type of environmental protections which are required for ECC projects.</p>
</li>
<li>
<a href='#' class='title small'>
Jobs-to-Housing Balance
</a>
<p>This is the ratio of number of jobs divided by number of housing units in the location's census tract. The desired ratio is 1.5, or 3 jobs for every 2 housing units ECC awards points if the new buildings will bring the ratio closer to 3:2.</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<script>
function myFunction(){
if(document.getElementById("foot").className === "foot2") {
document.getElementById("foot").className = "foot1";
} else {
document.getElementById("foot").className = "foot2";
}
};
</script>
</div>
</body>
</html>