Skip to content

Instantly share code, notes, and snippets.

@elipousson

elipousson/index.html

Last active November 14, 2015 20:56
Show Gist options
  • Save elipousson/a9475b50e1e148ecad72 to your computer and use it in GitHub Desktop.
Save elipousson/a9475b50e1e148ecad72 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Freedom House Timeline | Baltimore Heritage</title>
<meta name="description" content="A timeline made with Tik Tok." />
<!-- Twitter Card data -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@bmoreheritage">
<meta name="twitter:title" content="Freedom House Timeline | Baltimore Heritage">
<meta name="twitter:description" content="A timeline made with Tik Tok.">
<meta name="twitter:creator" content="@bmoreheritage">
<meta name="twitter:image" content="https://datanews.github.io/tik-tok/examples/images/tik-tok-head-250.png">
<!-- Open Graph data -->
<meta property="og:title" content="Freedom House Timeline | Baltimore Heritage">
<meta property="og:type" content="article">
<meta property="og:url" content="">
<meta property="og:image" content="https://datanews.github.io/tik-tok/examples/images/tik-tok-head-250.png">
<meta property="og:description" content="A timeline made with Tik Tok.">
<meta property="og:site_name" content="Baltimore Heritage">
<!-- Lato font -->
<link href="https://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext" rel="stylesheet" type="text/css">
<!-- Demo/dev dependencies -->
<link rel="stylesheet" href="https://raw.githubusercontent.com/isagalaev/highlight.js/master/src/styles/github.css">
<!-- Main library CSS -->
<link href="https://cdn.rawgit.com/datanews/tik-tok/0.1.1/dist/tik-tok.min.css" rel="stylesheet" type="text/css">
<!-- General example stylesheet -->
<link rel="stylesheet" href="https://raw.githubusercontent.com/datanews/tik-tok/master/examples/examples.css">
<!-- Example CSS -->
<style media="screen" type="text/css" id="example-css">
</style>
</head>
<body>
<div id="tik-tok-editdata" class="example-html">
<div class="temp-loading">Loading...</div>
</div>
<!-- Dependencies -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
<!-- Demo/dev dependencies -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/highlight.min.js"></script>
<script src="https://cdn.rawgit.com/mikeflynn/egg.js/master/egg.min.js"></script>
<!-- Main library JS -->
<script src="https://cdn.rawgit.com/datanews/tik-tok/0.1.1/dist/tik-tok.min.js"></script>
<!-- General example JS -->
<script src="examples.js"></script>
<!-- Make examples -->
<script id="example-javascript">
// Get data from EditData (via Github).
var url = 'https://raw.githubusercontent.com/baltimoreheritage/issues/master/civil-rights-heritage/freedom-house-timeline.json';
$.getJSON(url, function(data) {
var tikTok = new TikTok({
el: '#tik-tok-editdata',
title: 'Freedom House',
entries: data,
dateFormat: 'YYYY'
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment