-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (102 loc) · 6.99 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
107
108
109
110
<!doctype html>
<head>
<meta charset="utf-8">
<title>Open Imagery Network</title>
<meta name="description" content="A discoverable network of openly licensed imagery">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<link href="https://fonts.googleapis.com/css?family=Jaldi|Open+Sans:400,700" rel="stylesheet">
<link rel="stylesheet" href="assets/styles/reset.css">
<link rel="stylesheet" href="assets/styles/main.css">
<!-- social sharing tags -->
<meta property="og:title" content="Open Imagery Network" />
<meta property="og:url" content="https://openimagerynetwork.github.io/" />
<meta property="og:description" content="A discoverable network of openly licensed imagery" />
<meta property="og:image" content="https://openimagerynetwork.github.io/assets/graphics/OIN-tern-logo.png" />
<meta name="twitter:title" content="Open Imagery Network" />
<meta name="twitter:description" content="A discoverable network of openly licensed imagery" />
<meta name="twitter:url" content="https://openimagerynetwork.github.io/" />
<meta name="twitter:image" content="https://openimagerynetwork.github.io/assets/graphics/OIN-tern-logo.png" />
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="57x57" href="assets/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
<link rel="manifest" href="assets/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<script>
$(document).ready(function(){
$("a").on('click', function(event) {
if (this.hash !== "") {
event.preventDefault();
var hash = this.hash;
$('html, body').animate({
scrollTop: $(hash).offset().top - 80
}, 800, function(){
window.location.hash = hash;
});
}
});
});
</script>
<body>
<section id="section--cover">
<div class="section--cover__img"></div>
<ul class="section--cover__links">
<a href="#section--questions"><li class="button"><span class="icon about"></span>About The Network</li></a>
<a href="#section--contribute"><li class="button"><span class="icon action"></span>Get Involved</li></a>
</ul>
</section>
<section id="section--questions">
<div class="questions--container">
<div class="questions--container__subcontainer">
<div class="questions--sub__image"><img src="assets/graphics/oin-graphic.svg" width="320px" height="350px"/></div>
<div class="questions--sub__line"></div>
<div class="questions--sub__text">
<h2 class="questions--title">What is Open Imagery Network?</h2>
<p><a href="https://github.com/openimagerynetwork">Open Imagery Network (OIN)</a> is a discoverable network of openly licensed imagery. Contributors to OIN make imagery and its associated metadata available under a common license. Open Imagery Network connects satellite and aerial imagery providers, humanitarian relief efforts, cloud hosting companies, uav and balloon mapping enthusiasts, governments and NGOs, mapping companies, and anyone else who is producing, hosting, and using aerial imagery. Open Imagery Network allows access to open imagery without requiring one entity to host it all, and enables contributor to manage and control the imagery they make available.</p>
</div>
</div>
</div>
<div class="questions--container">
<div class="questions--container__subcontainer">
<div class="questions--sub__image"><img src="assets/graphics/oin-graphic_2.svg" width="320px" height="350px"/></div>
<div class="questions--sub__line"></div>
<div class="questions--sub__text">
<h2 class="questions--title">Who else is in the network?</h2>
<p>Open Imagery Network is simply a way of discovering the imagery that is available on the network, and does not provide hosting of imagery data. Information about the location and the storage type for contributed imagery and metadata can be found in the <a href="https://github.com/openimagerynetwork/oin-register/blob/master/master.json">OIN Register</a>. Anyone can access and read imagery found from this register, enabling tooling to be built that searches across all participating open imagery data. If you have imagery that you would like to contribute to OIN, but cannot provide hosting, please contact the <a href="mailto:[email protected]">OpenAerialMap team.</a></p>
</div>
</div>
</div>
<div class="questions--container">
</div>
</section>
<section id="section--contribute">
<h2 class="contribute--title">Contribute to Open Imagery Network</h2>
<div class="contribute--text">
<p>Interested in joining this community? Open Imagery Network's mission is to develop a community around the sharing, use, and hosting of open imagery. Having a network of openly licensed imagery will enable innovative approaches in the consumption and analysis of imagery, and will give those who collect imagery an easy way to share that valuable resource. Get started by learning more about how to create storage location to share your imagery.
</p>
<div class="contribute--button">
<a href="https://github.com/openimagerynetwork/oin-register">
<div class="button"><span class="icon github"></span>Learn more about contributing</div>
</a>
</div>
</div>
</section>
<footer id="section--contact">
<p>Created with <img src="assets/graphics/heart-full.svg" width="14px" height="14px" /> by the <a href="https://github.com/openimagerynetwork">Open Imagery Network</a></p>
</footer>
</body>
</html>