-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
106 lines (83 loc) · 4.63 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="collection of mapping apps">
<meta name="author" content="knaaptime">
<link rel="shortcut icon" href="../resources/favicon.ico">
<title>NCSG maps</title>
<!-- Bootstrap core CSS -->
<link href="/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="/lib/bootstrap/dist/css/justified-nav.css" rel="stylesheet">
<!-- Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
<!-- Google Analytics js -->
<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-22870877-2', 'knaaptime.com');
ga('send', 'pageview');
</script>
</head>
<body>
<div class="container">
<!-- Jumbotron -->
<div class="jumbotron">
<h1>Interactive Maps</h1>
<p class="lead">developed to share data for various NCSG projects and allow clients to perform simple analyses</p>
</div>
<div class="container">
<p>The interface and controls are the same for most maps</p>
<p>Clicking a link will take you to a full-page application, centered on the project's study area. Choose a combination of analysis
layers from any or all of the categories on the lefthand side. Then, change the opacity of each category using the sliders in each
of the tabs along the bottom</p>
<p class="text-danger">Note: These underlying code for these maps is changed relatively often, and I occasionally shut down my map servers.
It is possible that some (or all) layers will fail to load for short periods of time. If you have questions about a particular
map/layer/dataset etc., <a href="mailto:knaaptime@gmail.com">email me</a></p>
</div>
<!-- START THE FEATURETTES -->
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading"><a href="purpleline/index.html">Purple Line Corridor Coalition</a> <span class="text-muted">data and analytical support</span></h2>
<p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-responsive" img src="resources/images/purpleline_small.png" alt="purple line">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5">
<img class="featurette-image img-responsive" img src="/resources/images/oppmap.png" alt="BMC Oportunity Map">
</div>
<div class="col-md-7">
<h2 class="featurette-heading"><a href="baltopportunity/index.html">Opportunity Mapping</a> <span class="text-muted">for the Baltimore Region</span></h2>
<p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading"><a href="placetypes/index.html">Maryland Placetypes</a> <span class="text-muted">demonstration</span></h2>
<p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-responsive" img src="resources/images/map_screenshot.png" alt="Placetypes">
</div>
</div>
<hr class="featurette-divider">
<!-- /END THE FEATURETTES -->
<!-- FOOTER -->
<footer>
<p class="pull-right"><a href="#">Back to top</a></p>
<p>© 2014 knaaptime</p>
</footer>
</div><!-- /.container -->
</body>
</html>