Skip to content

Instantly share code, notes, and snippets.

@scottlepp
Created May 11, 2015 23:56
Show Gist options
  • Save scottlepp/909f190d01be2566115c to your computer and use it in GitHub Desktop.
Save scottlepp/909f190d01be2566115c to your computer and use it in GitHub Desktop.
odyssey-generate example - cycling the four corners
<!doctype><html><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Odyssey.js Slides</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="http://cartodb.github.io/odyssey.js/sandbox/favicon.png">
<link rel="icon" type="image/png" href="http://cartodb.github.io/odyssey.js/sandbox/favicon.png">
<link rel="stylesheet" href="http://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/themes/css/cartodb.css">
<link rel="stylesheet" href="http://cartodb.github.io/odyssey.js/sandbox/css/slides.css">
<script src="http://cartodb.github.io/odyssey.js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body>
<div id="map" style="width: 100%; height: 100%;"></div>
<div id="slides_container" style="display:block;">
<div id="dots"></div>
<div id="slides"></div>
<ul id="navButtons">
<li><a class="prev"></a></li>
<li><a class="next"></a></li>
</ul>
</div>
<div id="credits">
<span class="title" id="title">Title</span>
<span class="author"><strong id="author">By Name using</strong> <a href="http://cartodb.github.io/odyssey.js/">Odyssey.js</a><span>
</span></span></div>
<script src="http://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/cartodb.js"></script>
<script src="http://cartodb.github.io/odyssey.js/dist/odyssey.js" charset="UTF-8"></script>
<script src="https://rawgit.com/scottlepp/odyssey-generate/master/lib/odyssey-generate.js" charset="UTF-8"></script>
<script type="text/javascript" src="http://fast.fonts.net/jsapi/3af16084-ba56-49ca-b37d-0b49b59e1927.js"></script>
<script id="md_template" type="text/template">```
-title: "Bicycling the Four Corners"
-author: "Scott Lepper"
-vizjson: "https://scottlepper.cartodb.com/api/v2/viz/b8c4d69c-f64b-11e4-b653-0e5e07bb5d8a/viz.json"
-description: "A bicycling journey around the United States."
-slideTitle: "name"
-fields: "weather"
-image: "pic_url"
-baseurl: "http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png"
```
#placeholder
```
```
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment