BlueGranite.github.io/leaflet.html at master · BlueGranite/BlueGranite.github.io · 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
<!DOCTYPE HTML>
<!--
	Hyperspace by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
    Redesigned for BlueGranite by Colby Ford
-->
<html>
	<head>
		<title>BlueGranite | Open Source - Leaflet</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
		<link rel="stylesheet" href="assets/css/main.css" />
        <link rel="shortcut icon" href="favicon.ico">
        <link rel="icon" href="favicon.ico">
		<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
		<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
	</head>
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
	<body>

		<!-- Header -->
			<header id="header">
				<a href="index.html" class="title"><img src="images/white-tagline.svg" alt="BlueGranite, Inc." height="80" ></a>
				<!--<nav>
					<ul>
						<li><a href="index.html">Home</a></li>
					</ul>
				</nav>-->
			</header>

		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Main -->
					<section id="main" class="wrapper">
						<div class="inner">
							<h1 class="major">Leaflet Samples</h1>
							<blockquote>
                                <p><a href="http://leafletjs.com" target="_blank"><strong>Leaflet</strong></a> is a JavaScript library for creating interactive maps</p>
                            </blockquote>
                            <h2><a href="http://bluegranite.github.io/LeafletMaps/wash-dc-outage-cluster.html">Utility Outage Clusters</a></h2>
                            <p>Utility Outage Clusters is a Leaflet map showcasing marker clusters. As you zoom out, circle markers that represent individual outages converge into clusters. Outage data was fabricated for twenty outages and represent locations around Washington DC.</p>
                            <span class="image fit"><iframe src="http://bluegranite.github.io/LeafletMaps/wash-dc-outage-cluster.html" width="100%" height="500" scrolling="no" frameborder="0">
</iframe>
                            </span>
						</div>
					</section>

			</div>

		<!-- Footer -->
			<footer id="footer" class="wrapper style1-alt">
				<div class="inner">
					<ul class="menu">
                        <li>&copy; 2017 <a href="https://www.blue-granite.com/" target="_blank">BlueGranite, Inc.</a> All rights reserved.</li>
                        <li><a href="https://www.blue-granite.com/privacy-policy" target="_blank">Privacy Policy</a></li>
                        <li>Theme: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li>
					</ul>
				</div>
			</footer>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrollex.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/skel.min.js"></script>
			<script src="assets/js/util.js"></script>
			<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
			<script src="assets/js/main.js"></script>

	</body>
</html>