WVFindWater/index.html at master · srm/WVFindWater · GitHub

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
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Water Distribution Centers</title>
  <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
  <link href='http://api.tiles.mapbox.com/mapbox.js/v1.6.0/mapbox.css' rel='stylesheet' />
  <link href='css/style.css' rel='stylesheet'/>
</head>
<body>
	<div id='topbar'>
		<p id='title'>West Virginia Find Water</p>
		<span id="info">
		Visit <a href="http://goo.gl/0P2US4">WV American Water's website</a> to see if your zone is online and find info about flushing your system.
		</span>
	</div>

	<div id="register-box">
		<div class="content-heading">
			<div>Register for SMS Updates</div>
			<a class="expander" id="exp1" href="#">×</a>
		</div>

		<div id="content1">
			<p id="result"></p>

			<p>
				Visit <a href="http://goo.gl/0P2US4">WV American Water's website</a> to see if your zone is online and find info about flushing your system.
			</p>

			<p>
				Enter your cell phone number below to get updates on water availability in your area and know when it's safe to drink.
			</p>

			<input type="text" id="phone" placeholder="(___) ___-____"/>
			<button id="register" class="btn">Register for Updates</button>

			<p class="disclaimer">
				Email us at <a href="mailto:wvfindwater@gmail.com">wvfindwater@gmail.com</a> if you have any information regarding water distribution locations.
			</p>

			<p class="disclaimer">
				We'll never share your information. This is a public service provided by <a href="http://logan-spears.squarespace.com/"> Syntropy LLC</a> & <a href="http://www.floco.co">Floco Apps LLC</a>.
			</p>
		</div>
	</div>

	<div id='filter-box'>
		<div class="content-heading">
			<div>Filter</div>
			<a class="expander" id="exp2" href="#">×</a>
		</div>
		<div id='content2'>
			<a href="?showing=all" class="btn">All</a>
			<a href="?showing=Handout" class="btn">Water</a>
			<a href="?showing=Laundromat" class="btn">Laundry</a>
			<a href="?showing=Shower" class="btn">Shower</a>
			<a href="?showing=Restaurant" class="btn">Food</a>
		</div>

	</div>

	<div id='map'></div>

	<script type="text/javascript" src='http://api.tiles.mapbox.com/mapbox.js/v1.6.0/mapbox.js'></script>
	<script type="text/javascript" src="js/ICanHaz.js"></script>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/purl.js"></script>
    <script src="js/jquery.maskedinput.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/tabletop.js"></script>
    <script type="text/javascript" src="js/d3.js"></script>
    <script type="text/javascript" src="js/sheetsee.js"></script>
    <script type="text/javascript" src="js/private.js"></script>
	<script type="text/javascript" src="js/map.js"></script>

</body>
</html>