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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
|
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>
Introduction to the Humanitarian OpenStreetMap Team
</title>
<meta name="description" content="Slides for a workshop introducing the Humanitarian OpenStreetMap Team">
<meta name="author" content="Christopher Baines">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="reveal.js/css/reveal.css">
<link id="theme" href="reveal.js/css/theme/black.css" rel="stylesheet">
<!-- For syntax highlighting -->
<link rel="stylesheet" href="reveal.js/lib/css/zenburn.css">
<link rel="stylesheet" href="leaflet/dist/leaflet.css" />
<script src="leaflet/dist/leaflet-src.js"></script>
<style>
.reveal .standalone {
font-size: 0.2em;
}
.reveal h1 {
text-transform: none;
}
.reveal h2 {
text-transform: none;
}
.reveal h3 {
text-transform: none;
}
</style>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<section>
<img src="images/Hot_logo.png"
style="border: 0px solid #333; box-shadow: 0 0 0px rgba(0, 0, 0, 0); background: none repeat scroll 0 0 rgba(255, 255, 255, 0);";/>
<h3>Introduction to the</h3>
<h2 style="text-transform: none; font-weight: 900;">Humanitarian OpenStreetMap Team</h2>
<p>
<small>By <a href="http://cbaines.net/">Christopher Baines</a></small>
</p>
</section>
<section>
<h2>This Presentation Covers</h2>
<ul>
<li>What the Humanitarian OpenStreetMap Team do</li>
<li>Ways to get involved</li>
</ul>
</section>
<section>
<h2>Humanitarian Mapping</h2>
<ul>
<li>Disaster response</li>
<li>Development</li>
</ul>
</section>
<section>
<h2>Haiti Earthquake in 2010</h2>
<p>OpenStreetMap contributors provided essential maps to Search and Rescue
and Relief teams responding to the Haiti earthquake.</p>
</section>
<section data-background-color="#000000" data-background-video="project-haiti.mp4">
</section>
<section>
<iframe class="stretch" scrolling="no" src="http://mapgive.state.gov/projects/nepal/hist_slider_nepal.html">
</iframe>
</section>
<section>
<h2>HOT Tasking Manager</h2>
<p> The <a href="http://tasks.hotosm.org/">OSM Tasking Manager</a> is a
mapping tool designed and built for the Humanitarian OSM Team to facilitate
collaborative mapping.</p>
</section>
<section>
<h2>Tasking Manager Resources</h2>
<ul>
<li>
<a href="http://learnosm.org/en/coordination/tasking-manager/">
LearnOSM
</a>
</li>
<li>
<a href="http://mapgive.state.gov/learn-to-map/">
MapGive
</a>
</li>
</ul>
</section>
</div>
</div>
<script src="reveal.js/lib/js/head.min.js"></script>
<script src="reveal.js/js/reveal.js"></script>
<script>
// Full list of configuration options available here:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: false,
progress: true,
history: true,
center: true,
touch:true,
transition: 'linear', // default/cube/page/concave/zoom/linear/fade/none
dependencies: [
{ src: 'reveal.js/plugin/notes/notes.js', async: true },
]
});
</script>
</body>
</html>
|