Beautifully crafted timelines that are easy and intuitive to use. http://timeline.knightlab.com/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.8 KiB
46 lines
1.8 KiB
13 years ago
|
<!DOCTYPE html>
|
||
|
<html lang="en"><!--
|
||
|
|
||
|
88888888888 d8b 888 d8b 888888 d8888b
|
||
|
888 Y8P 888 Y8P 88b d88P Y88b
|
||
|
888 888 888 Y88b
|
||
|
888 888 88888b d88b d88b 888 888 88888b d88b 888 Y888b
|
||
|
888 888 888 888 88b d8P Y8b 888 888 888 88b d8P Y8b 888 Y88b
|
||
|
888 888 888 888 888 88888888 888 888 888 888 88888888 888 888
|
||
|
888 888 888 888 888 Y8b 888 888 888 888 Y8b 88P Y88b d88P
|
||
|
888 888 888 888 888 Y8888 888 888 888 888 Y8888 888 Y8888P
|
||
|
d88P
|
||
|
d88P
|
||
|
888P
|
||
|
-->
|
||
|
<head>
|
||
|
<title>Timeline JS Example</title>
|
||
|
<meta charset="utf-8">
|
||
|
<meta name="description" content="TimelineJS example">
|
||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
|
<meta name="apple-touch-fullscreen" content="yes">
|
||
|
<!-- Style-->
|
||
|
<style>
|
||
|
html, body {
|
||
|
height:100%;
|
||
|
padding: 0px;
|
||
|
margin: 0px;
|
||
|
}
|
||
|
</style>
|
||
|
<!-- 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]-->
|
||
|
</head>
|
||
|
</html>
|
||
|
<body>
|
||
|
<!-- BEGIN Timeline Embed -->
|
||
|
<div id="timeline-embed"></div>
|
||
|
<script type="text/javascript">
|
||
|
var timeline_config = {
|
||
|
width: "100%",
|
||
|
height: "100%",
|
||
|
source: 'example_jsonp.jsonp'
|
||
|
}
|
||
|
</script>
|
||
|
<script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
|
||
|
<!-- END Timeline Embed-->
|
||
|
</body>
|