forked from alanyuma/waedd-material-design
-
Notifications
You must be signed in to change notification settings - Fork 0
/
maps.html
135 lines (132 loc) · 6.83 KB
/
maps.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
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>WAEDD Area Maps</title>
<meta charset="utf-8">
<meta content="IE=edge"
http-equiv="X-UA-Compatible">
<meta content="Area maps of the WAEDD Regional."
name="description">
<meta content="Alan Pruitt, @westernazedd"
name="author">
<meta content="Western Arizona Economic Development District, Inc."
name="copyright">
<meta content="index,follow"
name="robots">
<meta content="https://www.waedd.org/about.html"
name="url">
<meta content="G-VB90GJLZ0J"
name="google-analytics">
<meta content="Global"
name="distribution">
<link href="img/favicon/waedd-favicon.png"
rel="icon"
type="img/favicon">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no"
name="viewport">
<link rel="apple-touch-icon" sizes="60x60" href="img/touch-icons/apple-touch-icon-ipad-76x76.png">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-orange.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/waedd.css">
<style>
body {font-family: "Roboto", sans-serif}
.w3-bar-block .w3-bar-item {
padding: 16px;
font-weight: bold;
}
</style>
</head>
<body>
<nav class="w3-sidebar w3-bar-block w3-collapse w3-animate-left w3-card" style="z-index:3;width:250px;" id="mySidebar">
<a class="w3-bar-item w3-button w3-border-bottom w3-large" href="#"><img src="/img/webp/waedd-logo.webp" alt="western arizona economic develoment district logo" style="width:80%;"></a>
<a class="w3-bar-item w3-button w3-hide-large w3-large" href="javascript:void(0)" onclick="w3_close()">Close <i class="fa fa-remove"></i></a>
<a class="w3-bar-item w3-button w3-orange" href="index.html">Home</a>
<a class="w3-bar-item w3-button" href="about.html">About</a>
<a class="w3-bar-item w3-button" href="board.html">Board</a>
<a class="w3-bar-item w3-button" href="ceds.html">CEDS</a>
<a class="w3-bar-item w3-button" href="contact.html">Contact</a>
<a class="w3-bar-item w3-button" href="distress.html">Distress</a>
<a class="w3-bar-item w3-button" href="files.html">Files</a>
<a class="w3-bar-item w3-button" href="meetings.html">Meetings</a>
<a class="w3-bar-item w3-button" href="partners.html">Partners</a>
<a class="w3-bar-item w3-button" href="projects.html">Projects</a>
<a class="w3-bar-item w3-button" href="sitemap.html">Sitemap</a>
<a class="w3-bar-item w3-button" href="twitter.html">Twitter</a>
</nav>
<div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" id="myOverlay"></div>
<div class="w3-main" style="margin-left:250px;">
<div id="myTop" class="w3-container w3-top w3-theme w3-large">
<p><i class="fa fa-bars w3-button w3-orange w3-hide-large w3-xlarge" onclick="w3_open()"></i>
<span id="myIntro" class="w3-hide">About WAEDD</span></p>
</div>
<header class="w3-container w3-theme" style="padding:64px 32px">
<h1 class="w3-xxlarge">Western Arizona Economic Development District</h1>
</header>
<div class="w3-container" style="padding:32px">
<p>
We are about <strong>3</strong> counties, <strong>6</strong> tribal nations, <strong>10</strong> cities and towns and <strong>ONE</strong> region!
</p>
<p><strong>Note</strong>: Please be patient with loading these interactive maps - time to display will depend on the type (eg, desktop or mobile device) and speed of your Internet download connection.</p>
<h3>Regional Map</h3>
<div class="w3-container" style="padding:32px">
<div class="video-container iframe"><iframe title="western arizona economic development district region map" src="https://www.google.com/maps/d/embed?mid=1hpjbcFeLt8W4vo8I27Z54MlhVmU"></iframe></div>
<h6><a href="ceds.html">Return to CEDS</a></h6>
<hr>
<h3>Arizona’s 3rd Congressional District</h3>
<iframe width="425" height="300"
src="https://www.govtrack.us/congress/members/embed/mapframe?state=az&district=3&bounds=-123.302,35.954,-106.959,22.517"></iframe>
<p><a href="https://www.govtrack.us/congress/members/AZ/3">Elected Representatives</a></p>
<h6><a href="ceds.html">Return to CEDS</a></h6>
<hr>
<h3>Arizona's 4th Congressional District</h3>
<iframe width="425" height="300"
src="https://www.govtrack.us/congress/members/embed/mapframe?state=az&district=4&bounds=-116.916,37.969,-108.579,31.496"></iframe>
<p><a href="https://www.govtrack.us/congress/members/AZ/4">Elected Representatives</a></p>
<h6><a href="ceds.html">Return to CEDS</a></h6>
<hr>
<h3>Interactive Regional Map</h3>
<iframe src="https://www.google.com/maps/d/u/0/embed?mid=1_3YdR87cPmH2U1dgn8i49pUSdojLNcAk" width="640" height="480"></iframe>
</div>
<h6><a href="ceds.html">Return to CEDS</a></h6>
<footer class="w3-container w3-theme" style="padding:32px">
<q>We build connections with the people and communities in La Paz, Mohave, and Yuma counties.</q>
</footer>
<script>
// Open and close the sidebar on medium and small screens
function w3_open() {
document.getElementById("mySidebar").style.display = "block";
document.getElementById("myOverlay").style.display = "block";
}
function w3_close() {
document.getElementById("mySidebar").style.display = "none";
document.getElementById("myOverlay").style.display = "none";
}
// Change style of top container on scroll
window.onscroll = function() {myFunction()};
function myFunction() {
if (document.body.scrollTop > 80 || document.documentElement.scrollTop > 80) {
document.getElementById("myTop").classList.add("w3-card-4", "w3-animate-opacity");
document.getElementById("myIntro").classList.add("w3-show-inline-block");
} else {
document.getElementById("myIntro").classList.remove("w3-show-inline-block");
document.getElementById("myTop").classList.remove("w3-card-4", "w3-animate-opacity");
}
}
// Accordions
function myAccordion(id) {
var x = document.getElementById(id);
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
x.previousElementSibling.className += " w3-theme";
} else {
x.className = x.className.replace("w3-show", "");
x.previousElementSibling.className =
x.previousElementSibling.className.replace(" w3-theme", "");
}
}
</script>
</div>
</body>
</html>