diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 150 |
1 files changed, 150 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..cfd0216 --- /dev/null +++ b/index.html @@ -0,0 +1,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> |