|
|
|
@ -4,37 +4,44 @@ |
|
|
|
<meta charset="utf-8"> |
|
|
|
<meta charset="utf-8"> |
|
|
|
<title>Kitchen Sink Timeline</title> |
|
|
|
<title>Kitchen Sink Timeline</title> |
|
|
|
<meta name="description" content="Template Description"> |
|
|
|
<meta name="description" content="Template Description"> |
|
|
|
<meta name="author" content="Zach Wise"> |
|
|
|
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes"> |
|
|
|
|
|
|
|
<meta content = "width=device-width; initial-scale=.65; maximum-scale=1.5; user-scalable=0;" name = "viewport" /> |
|
|
|
|
|
|
|
<!-- Le HTML5 shim, for IE6-8 support of HTML elements --> |
|
|
|
|
|
|
|
<!--[if lt IE 9]> |
|
|
|
|
|
|
|
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> |
|
|
|
|
|
|
|
<![endif]--> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- CSS --> |
|
|
|
|
|
|
|
<link href="../../timeline.css" rel="stylesheet"> |
|
|
|
|
|
|
|
<style> |
|
|
|
<style> |
|
|
|
html, body { |
|
|
|
html, body { |
|
|
|
height:100%; |
|
|
|
height:100%; |
|
|
|
padding: 0px; |
|
|
|
padding: 0px; |
|
|
|
margin: 0px; |
|
|
|
margin: 0px; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
#timeline-embed{ |
|
|
|
|
|
|
|
margin:0px !important; |
|
|
|
|
|
|
|
border:0px solid #CCC !important; |
|
|
|
|
|
|
|
padding:0px !important; |
|
|
|
|
|
|
|
-webkit-border-radius:0px !important; |
|
|
|
|
|
|
|
-moz-border-radius:0px !important; |
|
|
|
|
|
|
|
border-radius:0px !important; |
|
|
|
|
|
|
|
-moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) !important; |
|
|
|
|
|
|
|
-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) !important; |
|
|
|
|
|
|
|
box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25) !important; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
<!-- JavaScript --> |
|
|
|
</style> |
|
|
|
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> |
|
|
|
|
|
|
|
<script type="text/javascript" src="../../timeline-min.js"></script> |
|
|
|
|
|
|
|
<script> |
|
|
|
|
|
|
|
$(document).ready(function() { |
|
|
|
|
|
|
|
var timeline = new VMM.Timeline(); |
|
|
|
|
|
|
|
timeline.init("data.json"); |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</head> |
|
|
|
</head> |
|
|
|
|
|
|
|
|
|
|
|
<body> |
|
|
|
<body> |
|
|
|
<div id="timeline"></div> |
|
|
|
<!-- BEGIN Timeline Embed --> |
|
|
|
|
|
|
|
<div id="timeline-embed"></div> |
|
|
|
|
|
|
|
<script type="text/javascript"> |
|
|
|
|
|
|
|
var timeline_config = { |
|
|
|
|
|
|
|
width: "100%", |
|
|
|
|
|
|
|
height: "100%", |
|
|
|
|
|
|
|
source: 'data.json', |
|
|
|
|
|
|
|
//start_at_end: true, //OPTIONAL |
|
|
|
|
|
|
|
//hash_bookmark: true, //OPTIONAL |
|
|
|
|
|
|
|
css: '../../timeline.css', //OPTIONAL |
|
|
|
|
|
|
|
js: '../../timeline.js' //OPTIONAL |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
<script type="text/javascript" src="../../timeline-embed.js"></script> |
|
|
|
|
|
|
|
<!-- END Timeline Embed --> |
|
|
|
</body> |
|
|
|
</body> |
|
|
|
</html> |
|
|
|
</html> |
|
|
|
|
Zach Wise
13 years ago