Skip to content

Commit

Permalink
updating zimbabwe and techchange presentations
Browse files Browse the repository at this point in the history
  • Loading branch information
Robert Banick committed Mar 20, 2014
1 parent 1b33e7c commit b669c09
Show file tree
Hide file tree
Showing 70 changed files with 6,935 additions and 11 deletions.
Binary file added TechChange2014/images/OSM_editing.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added TechChange2014/images/OpenStreetMap.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
29 changes: 18 additions & 11 deletions TechChange2014/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -31,10 +31,11 @@
<section><h1>Overview</h1>
<ul>
<li>What is GIS</li>
<li>GIS for Red Cross Coordination</li>
<li>GIS for Shelter Cluster Coordination</li>
<li>OpenStreetMap in Typhoon Haiyan</li>
<li>Using the Maps</li>
<li>OpenStreetMap overview</li>
<li>OpenStreetMap and the Red Cross in Typhoon Haiyan</li>
<li>How we did it</li>
<li>Using the maps</li>
<li>Assessing damages</li>
</ul>
</section>
<section><h1>What is GIS?</h1></section>
Expand All @@ -43,21 +44,27 @@
<section><h1>With</h1></section>
<section data-background = "images/place.png" data-background-size="contain"><h1 style="background: rgba(7,7,7,0.5)">Place</h1></section>
<section><h1>OpenStreetMap</h1><h3>Accessible Mapping By Anyone, For Anyone</h3></section>
<section data-background = "images/OpenStreetMap.png" data-background-size="contain"><h1 style="background: rgba(7,7,7,0.5)"></h1></section>
<section><h1>It's easy to learn and maintain</h1></section>
<section data-background = "images/OSM_editing.png" data-background-size="contain"><h1 style="background: rgba(7,7,7,0.5)"></h1></section>
<section><h1>Sustainable and open</h1><aside class="notes">The map and the data is automatically open to everyone, forever</aside></section>
<section><h1>Prior Experience</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></section>
<section><h1>A whole lot of tracing</h1></section>
<section><h1>Promoted OSM</h1><aside class="notes">We used every form of media available to us to promote the uptake of OpenStreetMap by those wanting to help. Even our senior leadership got in on the act.</aside></section>
<section><h1>Extracted data</h1></section>
<section><h1>Used it as a basemap</h1></section>
<section><h1>Turned it into print maps</h1></section>
<section><h1>Updated with data from the field</h1></section>
<section><h1>How did we do it?</h1></section>
<section data-background = "images/skype_icon.jpg" data-background-size="contain"><hq style="background rgba(7,7,7,0.5)"></h1></section>
<section data-background = "images/skype_icon.jpg" data-background-size="contain"><hq style="background rgba(7,7,7,0.5)">Way too much of this</h1></section>
<section><h1>With previously established contacts in the Humanitarian OpenStreetMap Team</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 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>
Expand Down
131 changes: 131 additions & 0 deletions Zimbabwe_Assessment/css/nightCustom.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,131 @@
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
/**
* Black theme for reveal.js.
*
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/
/*********************************************
* GLOBAL STYLES
*********************************************/
body {
background: #111111;
background-color: #111111; }

.reveal {
font-family: "Open Sans", sans-serif;
font-size: 30px;
font-weight: 200;
letter-spacing: -0.02em;
color: #eeeeee;
top: 25px;}

::selection {
color: white;
background: #e7ad52;
text-shadow: none; }

/*********************************************
* HEADERS
*********************************************/
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
margin: 0 0 20px 0;
color: #eeeeee;
font-family: "Montserrat", Impact, sans-serif;
line-height: 1;
/*letter-spacing: -0.03em;*/
text-transform: none;
text-shadow: none; }

.reveal h1 {
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }

/*********************************************
* LINKS
*********************************************/
.reveal a:not(.image) {
color: #e7ad52;
text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
-ms-transition: color .15s ease;
-o-transition: color .15s ease;
transition: color .15s ease; }

.reveal a:not(.image):hover {
color: #f3d7ac;
text-shadow: none;
border: none; }

.reveal .roll span:after {
color: #fff;
background: #d08a1d; }

/*********************************************
* IMAGES
*********************************************/
.reveal section img {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid #eeeeee;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear; }

.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
border-color: #e7ad52;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }

/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls div.navigate-left,
.reveal .controls div.navigate-left.enabled {
border-right-color: #e7ad52; }

.reveal .controls div.navigate-right,
.reveal .controls div.navigate-right.enabled {
border-left-color: #e7ad52; }

.reveal .controls div.navigate-up,
.reveal .controls div.navigate-up.enabled {
border-bottom-color: #e7ad52; }

.reveal .controls div.navigate-down,
.reveal .controls div.navigate-down.enabled {
border-top-color: #e7ad52; }

.reveal .controls div.navigate-left.enabled:hover {
border-right-color: #f3d7ac; }

.reveal .controls div.navigate-right.enabled:hover {
border-left-color: #f3d7ac; }

.reveal .controls div.navigate-up.enabled:hover {
border-bottom-color: #f3d7ac; }

.reveal .controls div.navigate-down.enabled:hover {
border-top-color: #f3d7ac; }

/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
background: rgba(0, 0, 0, 0.2); }

.reveal .progress span {
background: #e7ad52;
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
176 changes: 176 additions & 0 deletions Zimbabwe_Assessment/css/print/paper.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,176 @@
/* Default Print Stylesheet Template
by Rob Glazebrook of CSSnewbie.com
Last Updated: June 4, 2008
Feel free (nay, compelled) to edit, append, and
manipulate this file as you see fit. */


/* SECTION 1: Set default width, margin, float, and
background. This prevents elements from extending
beyond the edge of the printed page, and prevents
unnecessary background images from printing */
body {
background: #fff;
font-size: 13pt;
width: auto;
height: auto;
border: 0;
margin: 0 5%;
padding: 0;
float: none !important;
overflow: visible;
}
html {
background: #fff;
width: auto;
height: auto;
overflow: visible;
}

/* SECTION 2: Remove any elements not needed in print.
This would include navigation, ads, sidebars, etc. */
.nestedarrow,
.controls,
.reveal .progress,
.reveal.overview,
.fork-reveal,
.share-reveal,
.state-background {
display: none !important;
}

/* SECTION 3: Set body font face, size, and color.
Consider using a serif font for readability. */
body, p, td, li, div, a {
font-size: 16pt!important;
font-family: Georgia, "Times New Roman", Times, serif !important;
color: #000;
}

/* SECTION 4: Set heading font face, sizes, and color.
Diffrentiate your headings from your body text.
Perhaps use a large sans-serif for distinction. */
h1,h2,h3,h4,h5,h6 {
color: #000!important;
height: auto;
line-height: normal;
font-family: Georgia, "Times New Roman", Times, serif !important;
text-shadow: 0 0 0 #000 !important;
text-align: left;
letter-spacing: normal;
}
/* Need to reduce the size of the fonts for printing */
h1 { font-size: 26pt !important; }
h2 { font-size: 22pt !important; }
h3 { font-size: 20pt !important; }
h4 { font-size: 20pt !important; font-variant: small-caps; }
h5 { font-size: 19pt !important; }
h6 { font-size: 18pt !important; font-style: italic; }

/* SECTION 5: Make hyperlinks more usable.
Ensure links are underlined, and consider appending
the URL to the end of the link for usability. */
a:link,
a:visited {
color: #000 !important;
font-weight: bold;
text-decoration: underline;
}
/*
.reveal a:link:after,
.reveal a:visited:after {
content: " (" attr(href) ") ";
color: #222 !important;
font-size: 90%;
}
*/


/* SECTION 6: more reveal.js specific additions by @skypanther */
ul, ol, div, p {
visibility: visible;
position: static;
width: auto;
height: auto;
display: block;
overflow: visible;
margin: auto;
text-align: left !important;
}
.reveal .slides {
position: static;
width: auto;
height: auto;

left: auto;
top: auto;
margin-left: auto;
margin-top: auto;
padding: auto;

overflow: visible;
display: block;

text-align: center;
-webkit-perspective: none;
-moz-perspective: none;
-ms-perspective: none;
perspective: none;

-webkit-perspective-origin: 50% 50%; /* there isn't a none/auto value but 50-50 is the default */
-moz-perspective-origin: 50% 50%;
-ms-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
}
.reveal .slides>section,
.reveal .slides>section>section {

visibility: visible !important;
position: static !important;
width: 90% !important;
height: auto !important;
display: block !important;
overflow: visible !important;

left: 0% !important;
top: 0% !important;
margin-left: 0px !important;
margin-top: 0px !important;
padding: 20px 0px !important;

opacity: 1 !important;

-webkit-transform-style: flat !important;
-moz-transform-style: flat !important;
-ms-transform-style: flat !important;
transform-style: flat !important;

-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.reveal section {
page-break-after: always !important;
display: block !important;
}
.reveal section .fragment {
opacity: 1 !important;
visibility: visible !important;

-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.reveal section:last-of-type {
page-break-after: avoid !important;
}
.reveal section img {
display: block;
margin: 15px 0px;
background: rgba(255,255,255,1);
border: 1px solid #666;
box-shadow: none;
}
Loading

0 comments on commit b669c09

Please sign in to comment.