From 26be602bcd755c422edc5d27b4cd0acb0b9bc272 Mon Sep 17 00:00:00 2001
From: Zach Wise <zach@digitalartwork.net>
Date: Thu, 10 May 2012 08:36:15 -0500
Subject: [PATCH] Updated kitchen sink example to new embed method closes #86

---
 examples/kitchen-sink/index.html | 47 ++++++++++++++++++--------------
 1 file changed, 27 insertions(+), 20 deletions(-)
diff --git a/examples/kitchen-sink/index.html b/examples/kitchen-sink/index.html
index 273ae9a..18b30ca 100644
--- a/examples/kitchen-sink/index.html
+++ b/examples/kitchen-sink/index.html
@@ -4,37 +4,44 @@
 		<meta charset="utf-8">
 		<title>Kitchen Sink Timeline</title>
 		<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>
 			html, body {
 				height:100%;
 				padding: 0px;
 				margin: 0px;
 			}
+			#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;
+			}
+			
 		</style>
 		
-		<!-- JavaScript -->
-		<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>
 
 	<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>
 </html>
