-
Notifications
You must be signed in to change notification settings - Fork 29
/
Copy pathindex.html
128 lines (95 loc) · 4.33 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
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Local App Interfaces</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
<script type="text/javascript" src="../localsite/js/d3.v5.min.js" id="/localsite/js/d3.v5.min.js"></script>
<script type="text/javascript" src="../localsite/js/jquery.min.js" id="/localsite/js/jquery.min.js"></script>
<script type="text/javascript" src="../localsite/js/showdown.min.js" id="/localsite/js/showdown.min.js"></script>
<script type="text/javascript" src="js/apps-menus.js" id="/apps/js/apps-menus.js"></script>
<script type="text/javascript" src="js/apps-impact.js" id="/apps/js/apps-impact.js"></script>
<script>
if(typeof param=='undefined'){ var param={}; }
param.display = "everything"
param.indicators = "GHG,GCC,MGHG,OGHG,HRSP,OZON,SMOG,HAPS,ENRG,WATR"
// App menu
if(typeof menu=='undefined'){ var menu={}; }
menu = {"home":[],"composting":[],"biodiesel":[]} // The names on this line must include the param's below it.
menu.home.img = "/apps/school/img/hero/ses.jpg"
menu.home.page = "/apps/school/"
menu.composting.img = "/apps/school/img/hero/composting.jpg"
menu.composting.page = "/apps/composting/"
menu.biodiesel.img = "/apps/school/img/hero/biodiesel.jpg"
menu.biodiesel.page = "/apps/biodiesel/"
showHeroMenu("feature", menu, "my_site");
$(document).ready(function() {
showImpactWidget("land", menu, "my_site")
});
</script>
<script type="text/javascript" src="../localsite/js/localsite.js?showheader=true&showsearch=true"></script>
</head>
<body>
<style>
.bgimg {
min-height: 600px;
/*
background-image: url(img/hero/state/GA/GA-hero.jpg);
*/
}
@media (max-width: 1000px) {
#hero-mini {
display: none;
}
}
</style>
<div id="hero_holder">
<div id="hero-landscape-image" class="dark bgimg displayOnload" style="display:none;">
<div id="hero-content">
<!--
<div style="font-size:54px; line-height: 1.1em; color: #fff; font-weight:800; text-shadow: 2px 2px 6px #333;">State Impact Tools</div><br>
-->
<!-- why does this get updated to the state name in apps/base, but not here? -->
<!--
To investigate (note from js/bc.js):
// Within localhost.js the state menu is moved into the hero image area by the following:
// relocatedStateMenu.appendChild(state_select);
-->
<div id="stateName" class="hero-title" style="font-size:48px; font-weight:300">Location Modeling</div>
<div class="location_titles"></div><!-- Counties within state -->
<br>
<div id="hero-mini" class="hideMobile" style="max-width:150px;padding-bottom:12px">
<!--
<b style="margin-bottom:8px; display:block; padding-top:12px; padding-left:18px">Impacts</b>
-->
<div id="impact-widget-vertical" style="padding-top:8px">
<div id="insertImpactIcons"></div>
</div>
</div>
<div id="hero-rect" class="displayOnload" style="display: none; margin-right:30px">
<div id="relocatedStateMenu"></div>
<h3>Getting Started</h3>
<a href="../projects/">Active Projects</a> | <a href="../community/tools/">Lifecycle Tools Overview</a> | <a href="../../io/charts/">Input-Output Widgets</a><br><br>
<div id="readmeDiv"></div>
<a href="#mapview=counties" onclick="$('#filterClickLocation').click();return false;">Select states, counties and regions</a> to view local industry impacts.<br>
<div id="parsedOutput"></div>
</div>
</div>
<div style="clear:both"></div>
</div>
</div>
<!--
<div style="font-size:24px">
https://www.purpleair.com/pa.widget.js?key=WQDIG1WBX2S88N2Q&module=AQI&conversion=C0&average=10&layer=standard&container=PurpleAirWidget_57441_module_AQI_conversion_C0_average_10_layer_standard
</div>
<div id='PurpleAirWidget_57441_module_AQI_conversion_C0_average_10_layer_standard'>Loading PurpleAir Widget...</div>
<script src='https://www.purpleair.com/pa.widget.js?key=WQDIG1WBX2S88N2Q&module=AQI&conversion=C0&average=10&layer=standard&container=PurpleAirWidget_57441_module_AQI_conversion_C0_average_10_layer_standard'></script>
-->
<script>
loadMarkdown("apps.md", "readmeDiv", "_parent");
let heroBackgroundImage = "url(img/hero/state/GA/GA-hero.jpg)";
$("#hero-landscape-image").css('background-image', heroBackgroundImage);
</script>
</body>
</html>