Skip to content

Commit

Permalink
html cleanup
Browse files Browse the repository at this point in the history
  • Loading branch information
Dale Kunce committed Apr 10, 2014
1 parent 0f7d993 commit be67a55
Showing 1 changed file with 128 additions and 153 deletions.
281 changes: 128 additions & 153 deletions ExplainingOSM/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,152 +1,127 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="google-translate-customization" content="dd5207c171a5d11a-29d1c9c17ff34632-g6f9aa177fdeafd13-1a"></meta>
<title>ExplainingOSM</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<<<<<<< HEAD
<link rel="stylesheet" href="http://americanredcross.github.io/presentations/css/reveal.min.css">
=======
<link rel="stylesheet" href="css/reveal.min.css">
>>>>>>> gh-pages
<link rel="stylesheet" href="http://americanredcross.github.io/presentations/theme/redcross_light.css" id="theme">
<!-- If the query includes 'print-pdf', use the PDF print sheet -->
<script>
document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
</script>
</head>
<body>`
<div id="google_translate_element"><a href="http://redcross.org"><img style="float:right" src="images/redcross-logo.png"></a></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.FloatPosition.TOP_RIGHT}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<div class="reveal">
<div class="slides">
<section>
<h1>Red Cross and OSM</h1>
</section>
<section>
<h3>Agenda</h3>
<ul>
<li>OpenStreetMap Overview</li>
<li>Why?</li>
<li>How we did it - Gulu and Haiti</li>
<li>Typhoon Haiyan</li>
<li>Using the maps</li>
<li>Assessing damages</li>
<li>Next Steps</li>
</ul>
</section>
<section data-background = "images/OpenStreetMap.png" data-background-size="contain">
<h1>By Anyone, For Everyone</h1>
<aside class="notes">Sustainable, free, and open. Easy to use and edit.</aside>
</section>
<section data-background = "images/OSM_editing.png" data-background-size="contain">
<h1 style="background: rgba(7,7,7,0.5)"></h1>
</section>
<section data-background = "images/Gulu_pre-tracing.png" data-background-size="contain">
<h1 style="background: rgba(7,7,7,0.5)"></h1>
</section>
<section data-background = "images/Gulu_today.png" data-background-size="contain">
<h1 style="background: rgba(7,7,7,0.5)"></h1>
</section>
<section data-background = "images/Gulu_huts.png" data-background-size="contain">
<h1 style="background: rgba(7,7,7,0.5)"></h1>
</section>
<section data-background = "images/TaskingManager_Jakarta.png" data-background-size="contain">
<h1 style="background: rgba(7,7,7,0.5)"></h1>
</section>
<section data-background = "images/TaskingManager_Haiti.png" data-background-size="contain"> <h1 style="background: rgba(7,7,7,0.5)"></h1>
</section>
<section>
<h1>What did we do?</h1>
</section>
<section>
<h1>Coordinated tracing</h1>
<aside class ="notes">Based on reports from the field, we told OSM contributors where and what to prioritze tracing</aside>
<head>
<meta charset="utf-8">
<meta name="google-translate-customization" content="dd5207c171a5d11a-29d1c9c17ff34632-g6f9aa177fdeafd13-1a"></meta>
<title>ExplainingOSM</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="http://americanredcross.github.io/presentations/css/reveal.min.css">
<link rel="stylesheet" href="css/reveal.min.css">
<link rel="stylesheet" href="http://americanredcross.github.io/presentations/theme/redcross_light.css" id="theme">
<!-- If the query includes 'print-pdf', use the PDF print sheet -->
<script>
document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
</script>
</head>
<body>`
<div id="google_translate_element"><a href="http://redcross.org"><img style="float:right" src="images/redcross-logo.png"></a></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.FloatPosition.TOP_RIGHT}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<div class="reveal">
<div class="slides">
<section>
<h1>Red Cross and OSM</h1>
</section>
<section>
<h3>Agenda</h3>
<ul>
<li>OpenStreetMap Overview</li>
<li>Why?</li>
<li>How we did it - Gulu and Haiti</li>
<li>Typhoon Haiyan</li>
<li>Using the maps</li>
<li>Assessing damages</li>
<li>Next Steps</li>
</ul>
</section>
<section data-background = "images/OpenStreetMap.png" data-background-size="contain">
<h1>By Anyone, For Everyone</h1>
<aside class="notes">Sustainable, free, and open. Easy to use and edit.</aside>
</section>
<section data-background = "images/OSM_editing.png" data-background-size="contain">
</section>
<section data-background = "images/Gulu_pre-tracing.png" data-background-size="contain">
</section>
<section data-background = "images/Gulu_today.png" data-background-size="contain">
</section>
<section data-background = "images/Gulu_huts.png" data-background-size="contain">
</section>
<section data-background = "images/TaskingManager_Jakarta.png" data-background-size="contain">
</section>
<section data-background = "images/TaskingManager_Haiti.png" data-background-size="contain">
</section>
<section>
<h1>What did we do?</h1>
</section>
<section>
<h1>Coordinated tracing</h1>
<aside class ="notes">Based on reports from the field, we told OSM contributors where and what to prioritize tracing</aside>
</section>
<section data-background="images/tracing.gif" data-background-size="contain">
<h1>A whole lot of tracing</h1>
</section>
<section data-background="images/twitter_share.png" data-background-size="contain">
<aside class="notes">We used every form of media available to us to promote the uptake of OpenStreetMap by those wanting to help.</aside>
</section>
<section>
<h1>Turned it into print maps</h1>
</section>
<section data-background = "images/WesternSamar_Calbiga.png" data-background-size="contain"> <h1 style="background rgba(7,7,7,0.5)"></h1>
</section>
<section data-background = "images/Ormoc_Updates.png" data-background-size="contain">
<h1 style="background rgba(7,7,7,0.5)"></h1>
</section>
<section data-background = "images/Hot_Logo.png" data-background-size="contain">
<h1 style="background rgba(7,7,7,0.5)"></h1>
</section>
<section data-background = "images/Tasking_Manager.png" data-background-size="contain">
<h1 style="background: rgba(7,7,7,0.5)"></h1>
</section>
<section>
<h1>Typhoon Haiyan:</h1>
<h2>1600+ contributors, 4.8 million edits</h2>
<h3>(Roughly 3-4 years of work by an advanced mapper)</h3>
</section>
<section data-background = "images/EasternSamar_Balangkayan.png" data-background-size="contain">
<h1 style="background: rgba(7,7,7,0.5)"></h1>
</section>
<section data-background = "images/Cash_Palo.png" data-background-size="contain">
<h1 style="background: rgba(7,7,7,0.5)"></h1>
</section>
<section data-background = "images/2013_11_17_western_ormoc_OSM_buildingtags-01.png" data-background-size="contain">
<h1 style="background: rgba(7,7,7,0.5)"></h1>
</section>
<section data-background = "images/Haiyan_Interactive_Map.png" data-background-size="contain">
<h1 style="background: rgba(7,7,7,0.5)"></h1>
</section>
</section>
<section data-background = "images/msf_ebola.png" data-background-size="contain">
<h1 style="background: rgba(7,7,7,0.5)"></h1>
</section>
<section data-background = "images/MapAction_Tacloban.png" data-background-size="contain">
<h1 style="background: rgba(7,7,7,0.5)"></h1>
</section>
<section>
<h1>How did it all get used?</h1>
</section>
<section data-background = "images/Mapping_in_action.jpeg" data-background-size="contain">
<h1 style="background: rgba(7,7,7,0.5)"></h1>
</section>
<section data-background = "images/OSM_ReliefPlanning.JPG" data-background-size="contain">
<h1 style="background: rgba(7,7,7,0.5)"></h1>
</section>
<section data-background = "images/OSM_ReliefPlanning2.JPG" data-background-size="contain">
<h1 style="background: rgba(7,7,7,0.5)"></h1>
</section>
<section data-background = "images/carhood1.jpg" data-background-size="contain">
<h1 style="background: rgba(7,7,7,0.5)"></h1>
</section>
<section data-background = "images/carhood2.jpg" data-background-size="contain">
<h1 style="background: rgba(7,7,7,0.5)"></h1>
</section>
<section>
<h1>Damage Asessments</h1>
</section>
<section data-background = "images/Medellin_DA.png" data-background-size="contain">
<h1 style="background: rgba(7,7,7,0.5)"></h1>
</section>
<section data-background = "images/Damage_Assessor.jpg" data-background-size="contain">
<h1 style="background: rgba(7,7,7,0.5)"></h1>
</section>
<section>
<h1>Next Steps</h1>
<ul>
<li>Revamping Task Manager</li>
<li>OSM for DRR</li>
<li>Coordinating with other Organizations</li>
</ul>
</section>
</div>
<aside class="notes">We used every form of media available to us to promote the uptake of OpenStreetMap by those wanting to help.</aside>
</section>
<section>
<h1>Turned it into print maps</h1>
</section>
<section data-background = "images/Ormoc_Updates.png" data-background-size="contain">
</section>
<section data-background = "images/Hot_Logo.png" data-background-size="contain">
</section>
<section data-background = "images/Tasking_Manager.png" data-background-size="contain">
</section>
<section>
<h1>Typhoon Haiyan:</h1>
<h2>1600+ contributors, 4.8 million edits</h2>
<h3>(Roughly 3-4 years of work by an advanced mapper)</h3>
</section>
<section data-background = "images/EasternSamar_Balangkayan.png" data-background-size="contain">
</section>
<section data-background = "images/Cash_Palo.png" data-background-size="contain">
</section>
<section data-background = "images/2013_11_17_western_ormoc_OSM_buildingtags-01.png" data-background-size="contain">
</section>
<section data-background = "images/Haiyan_Interactive_Map.png" data-background-size="contain">
</section>
<section data-background = "images/msf_ebola.png" data-background-size="contain">
</section>
<section data-background = "images/MapAction_Tacloban.png" data-background-size="contain">
</section>
<section>
<h1>How did it all get used?</h1>
</section>
<section data-background = "images/Mapping_in_action.jpeg" data-background-size="contain">
</section>
<section data-background = "images/WesternSamar_Calbiga.png" data-background-size="contain">
</section>
<section data-background = "images/OSM_ReliefPlanning.JPG" data-background-size="contain">
</section>
<section data-background = "images/OSM_ReliefPlanning2.JPG" data-background-size="contain">
</section>
<section data-background = "images/carhood1.jpg" data-background-size="contain">
</section>
<section data-background = "images/carhood2.jpg" data-background-size="contain">
</section>
<section>
<h1>Damage Asessments</h1>
</section>
<section data-background = "images/Medellin_DA.png" data-background-size="contain">
</section>
<section data-background = "images/Damage_Assessor.jpg" data-background-size="contain">
</section>
<section>
<h1>Next Steps</h1>
<ul>
<li>Revamping Task Manager</li>
<li>OSM for DRR</li>
<li>Coordinating with other Organizations</li>
</ul>
</section>
</div>
</div>
<script src="js/lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
Expand All @@ -161,14 +136,14 @@ <h1>Next Steps</h1>
// transitionSpeed: 'slow',
// backgroundTransition: 'linear'
});
</script>
<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-42245094-1', 'americanredcross.github.io');
ga('send', 'pageview');
</script>
</body>
</html>
</script>
<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-42245094-1', 'americanredcross.github.io');
ga('send', 'pageview');
</script>
</body>
</html>

0 comments on commit be67a55

Please sign in to comment.