Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
170 lines (151 sloc) 4.54 KB
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Make Beautiful Maps, Share Them Anywhere</title>
<meta name="viewport" content="width=1024, user-scalable=no">
<link href='http://fonts.googleapis.com/css?family=Lato:regular,regularitalic,900' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="deck/core/deck.core.css" type="text/css">
<link rel="stylesheet" href="deck/extensions/codemirror/deck.codemirror.css">
<link rel="stylesheet" href="assets/style.css" type="text/css">
<script src="deck/modernizr.custom.js"></script>
</head>
<body class="deck-container">
<section class="slide" id="title">
<h2 class="title">Dane Springmeyer</h2>
<div class="topright" style="background:url(assets/github-twitter.png) no-repeat; padding:16px 16px 16px 138px;">@springmeyer</div>
<div>
<h1 class="title">
Make Beautiful Maps, Share Them Anywhere
</h1>
</div>
<div class="bottom">
<strong>CUGOS Spring fling</strong> | May 16th, 2012 | dane@mapbox.com
</div>
</section>
<section class="slide vertical-center" id="the-design">
<div>
<h2>My Background</h2>
<ul class="right">
<li class="slide">
Geographer, Development Seed
</li>
<li class="slide">
Engineer, MapBox
</li>
</ul>
</div>
</section>
<section class="slide" id="devseed-background">
<img src="devseed.png" />
</section>
<section class="slide" id="hosting-intro">
<h2 class="title">We build MapBox</h2>
<img src="intro.png" />
</section>
<section class="slide vertical-center" id="pitch-1">
<div>
<h2>Make Beautiful Maps</h2>
<h3>TileMill</h3>
</div>
</section>
<section class="slide vertical-center" id="pitch-3">
<div>
<h2>Share Them Anywhere</h2>
<h3>MapBox Hosting</h3>
</div>
</section>
<section class="slide vertical-center" id="the-design">
<div>
<h2>Design principles</h2>
<ul class="right">
<li class="slide">
Open source and user driven from the <strong>start<strong>
</li>
<li class="slide">
As if map making were like web design, software was like the browser
</li>
<li class="slide">
Same code for both <strong>desktop</strong> and <strong>web</strong>
</li>
</ul>
</div>
</section>
<section class="slide" id="tilemill-intro">
<h2 class="title">TileMill</h2>
<img src="tilemill-intro.png" />
</section>
<section class="slide vertical-center" id="tilemill-details">
<div>
<h2>TileMill Details</h2>
<ul class="right">
<li class="slide">
Written in Javascript (Node.js) and C++ (Mapnik)
</li>
<li class="slide">
Cross platform: Windows, OS X, Ubuntu
</li>
<li class="slide">
Desktop output: PNG/JPEG/SVG/PDF
</li>
<li class="slide">
Web output: MBTiles
</li>
<li class="slide">
Other applications: Mapnik XML
</li>
</ul>
</div>
</section>
<!-- HOSTING -->
<section class="slide" id="hosting-account">
<h2 class="title">Custom MapBox account</h2>
<img src="hosting.png" />
</section>
<section class="slide vertical-center" id="hosting-details">
<div>
<h2>MapBox Hosting Details</h2>
<ul class="right">
<li class="slide">
Upload, store maps, make private or public
</li>
<li class="slide">
Combine layers through compositing, track usage with statistics
</li>
<li class="slide">
Robust - no fear of going down under load
</li>
</ul>
</div>
</section>
<section class="slide vertical-center" id="tilemill-parcel-demo">
<div>
<h2>Demo!</h2>
</div>
<div>
<h3><a href="http://ds.io/tilemill-ec2">http://ds.io/tilemill-ec2</a></h3>
</div>
</section>
<script src="deck/core/jquery-1.6.4.min.js"></script>
<script src="deck/core/deck.core.js"></script>
<script src="deck/extensions/goto/deck.goto.js"></script>
<script src="deck/extensions/navigation/deck.navigation.js"></script>
<script src="deck/extensions/status/deck.status.js"></script>
<script src="deck/extensions/hash/deck.hash.js"></script>
<script src="deck/extensions/codemirror/codemirror.js"></script>
<script src="deck/extensions/codemirror/mode/javascript/javascript.js"></script>
<script src="deck/extensions/codemirror/mode/clike/clike.js"></script>
<script src="deck/extensions/codemirror/mode/python/python.js"></script>
<script src="deck/extensions/codemirror/deck.codemirror.js"></script>
<script>
$(function() {
$.extend(true, $.deck.defaults, {
codemirror: {
theme: 'kkaefer'
}
});
$.deck('.slide');
});
</script>
</body>
</html>