forked from USEPA-clone/EJScreen
-
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathentry2.html
157 lines (140 loc) · 4.7 KB
/
entry2.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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<!--[if IEMobile 7]><html class="iem7 no-js" lang="en" dir="ltr"><![endif]-->
<!--[if lt IE 7]><html class="lt-ie9 lt-ie8 lt-ie7 no-js" lang="en" dir="ltr"><![endif]-->
<!--[if (IE 7)&(!IEMobile)]><html class="lt-ie9 lt-ie8 no-js" lang="en" dir="ltr"><![endif]-->
<!--[if IE 8]><html class="lt-ie9 no-js" lang="en" dir="ltr"><![endif]-->
<!--[if (gt IE 8)|(gt IEMobile 7)]><!--> <html class="no-js not-oldie" lang="en" dir="ltr"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta name="HandheldFriendly" content="true" />
<link rel="shortcut icon" href="//www2.epa.gov/sites/all/themes/epa/favicon.ico" type="image/vnd.microsoft.icon" />
<meta name="MobileOptimized" content="width" />
<meta http-equiv="cleartype" content="on" />
<meta http-equiv="ImageToolbar" content="false" />
<meta name="viewport" content="width=device-width" />
<!--googleon: all-->
<meta name="DC.title" content="EJScreen Widget" />
<meta name="DC.description" content="This widget allows you to check out EPA's environmental justice screening and mapping tool." />
<title>EJScreen Widget | US EPA</title>
<!--googleoff: snippet-->
<meta name="DC.date.created" content="2015-06-03" />
<meta name="DC.date.modified" content="2015-06-03" />
<meta name="keywords" content="Environmental Justice, EJ, Mapping" />
<meta name="DC.type" content="Data and Tools" />
<meta name="DC.Subject.epachannel" content="Learn the Issues" />
<meta name="DC.creator" content="US EPA, OECA />
<meta name="DC.language" content="en" />
<!--googleoff: all-->
<style type="text/css">
.widget {
height: 140px;
width: 270px;
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
line-height: 14px;
background-image: url(images/ej_bg2.png);
background-repeat: no-repeat;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
color: #000;
font-weight: normal;
position: relative;
}
.txt {
display: block;
clear: both;
padding: 2px;
position: relative;
width: 180px;
color: #999;
float: left;
margin-top: 2px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
.btn {
background-color: #044b8d;
border: 1px solid #CCCCCC;
color: #fff;
display: block;
float: right;
font-size: 14px;
font-weight: bold;
margin: 2px 0 0;
padding: 2px;
position: relative;
}
form {
display: block;
margin-top: 5px;
margin-bottom: 0px;
}
.placeholder { color: #aaa;}
label {
font-size: 14px;
color: #093;
font-weight: bold;
margin: 5px 0px;
display: block;
}
.widget .title {
display: block;
height: auto;
text-align: center;
margin-bottom: 5px;
}
</style>
</head>
<body class="blank" style="padding:0px;margin:0px" >
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-L8ZB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- <script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-63934770-1', 'auto');
ga('send', 'pageview');
</script> -->
<!-- End Google Tag Manager -->
<div class="widget">
<div class="title"><img src="https://ejscreen.epa.gov/mapper/images/ejscreen.png" width="129" height="24" alt="EJScreen" border="0"/></div>
Check out EPA’s environmental justice screening and mapping tool today!
<form action="https://ejscreen.epa.gov/mapper/index.html" method="get" target="_blank" onsubmit="return verify(this);">
<label>Input a Location</label>
<input type="text" name="wherestr" value="e.g.: city, state, zip" onfocus="clearMe(this)" onblur="setdefault(this)" class="txt"/>
<input type="submit" value="Search" class="btn"/>
</form>
<div style="clear:both;margin:0;padding:0;"></div>
<div style="clear:both; margin:8px 0 0;width:100%;">
<div style="float:left;">
<a target="_blank" href="//www.epa.gov"><img style="border:0;margin:0;padding:0;float:left;" src="https://ejscreen.epa.gov/mapper/images/epa_logo.png"></a>
</div>
</div>
</div>
<footer role="contentinfo">
</footer>
<script type="text/javascript">
function verify(frm) {
if (frm.wherestr.value == frm.wherestr.defaultValue) {
alert("Please input a location.");
return false;
} else {
return true;
}
}
function clearMe(formfield){
if (formfield.defaultValue==formfield.value)
formfield.value = ""
}
function setdefault(formfield) {
if (formfield.value == "") {
formfield.value = formfield.defaultValue;
}
}
</script>
</body>
</html>