Fixed html issue with `<html>` tag not closing after the body

12 years ago · 6af4ee3be2
26 changed files with 262 additions and 239 deletions
--- a/examples/example_googlespreadsheet.html
+++ b/examples/example_googlespreadsheet.html
@ -31,17 +31,17 @@
    <!-- 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: 'https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadHdKcHlHcTB5bzhvbF9iTWwyMmJHdkE&amp;output=html'
-    }
-  </script>
-  <script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
-  <!-- END Timeline Embed-->
-</body>
+  <body>
+      <!-- BEGIN Timeline Embed -->
+      <div id="timeline-embed"></div>
+      <script type="text/javascript">
+        var timeline_config = {
+         width: "100%",
+         height: "100%",
+         source: 'https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadHdKcHlHcTB5bzhvbF9iTWwyMmJHdkE&amp;output=html'
+        }
+      </script>
+      <script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
+      <!-- END Timeline Embed-->
+  </body>
+</html>
--- a/examples/example_json.html
+++ b/examples/example_json.html
@ -31,17 +31,17 @@
    <!-- 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_json.json'
-    }
-  </script>
-  <script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
-  <!-- END Timeline Embed-->
-</body>
+  <body>
+      <!-- BEGIN Timeline Embed -->
+      <div id="timeline-embed"></div>
+      <script type="text/javascript">
+        var timeline_config = {
+         width: "100%",
+         height: "100%",
+         source: 'example_json.json'
+        }
+      </script>
+      <script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
+      <!-- END Timeline Embed-->
+  </body>
+</html>
--- a/examples/example_jsonp.html
+++ b/examples/example_jsonp.html
@ -31,17 +31,17 @@
    <!-- 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>
+  <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>
+</html>
--- a/examples/example_storify.html
+++ b/examples/example_storify.html
@ -31,17 +31,17 @@
    <!-- 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: 'http://storify.com/zachwise/test'
-    }
-  </script>
-  <script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
-  <!-- END Timeline Embed-->
-</body>
+  <body>
+      <!-- BEGIN Timeline Embed -->
+      <div id="timeline-embed"></div>
+      <script type="text/javascript">
+        var timeline_config = {
+         width: "100%",
+         height: "100%",
+         source: 'http://storify.com/zachwise/test'
+        }
+      </script>
+      <script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
+      <!-- END Timeline Embed-->
+  </body>
+</html>
--- a/source/jade/example_googlespreadsheet.jade
+++ b/source/jade/example_googlespreadsheet.jade
@ -1,4 +1,6 @@
-include includes/mixins
-include sections/example-head
-body
-	mixin timeline-embed('https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadHdKcHlHcTB5bzhvbF9iTWwyMmJHdkE&output=html')
+!!! 5
+html(lang="en")
+	include includes/mixins
+	include sections/example-head
+	body
+		mixin timeline-embed('https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadHdKcHlHcTB5bzhvbF9iTWwyMmJHdkE&output=html')
--- a/source/jade/example_json.jade
+++ b/source/jade/example_json.jade
@ -1,4 +1,6 @@
-include includes/mixins
-include sections/example-head
-body
-	mixin timeline-embed('example_json.json')
+!!! 5
+html(lang="en")
+	include includes/mixins
+	include sections/example-head
+	body
+		mixin timeline-embed('example_json.json')
--- a/source/jade/example_jsonp.jade
+++ b/source/jade/example_jsonp.jade
@ -1,4 +1,6 @@
-include includes/mixins
-include sections/example-head
-body
-	mixin timeline-embed('example_jsonp.jsonp')
+!!! 5
+html(lang="en")
+	include includes/mixins
+	include sections/example-head
+	body
+		mixin timeline-embed('example_jsonp.jsonp')
--- a/source/jade/example_storify.jade
+++ b/source/jade/example_storify.jade
@ -1,4 +1,6 @@
-include includes/mixins
-include sections/example-head
-body
-	mixin timeline-embed('http://storify.com/zachwise/test')
+!!! 5
+html(lang="en")
+	include includes/mixins
+	include sections/example-head
+	body
+		mixin timeline-embed('http://storify.com/zachwise/test')
--- a/source/jade/index.jade
+++ b/source/jade/index.jade
@ -20,8 +20,8 @@ html(lang="en")
 		//if lt IE 9
 			script(src='http://html5shim.googlecode.com/svn/trunk/html5.js')

-body
-	// BEGIN Timeline Embed 
-	div#timeline-embed
-	script(type='text/javascript', src='js/storyjs-embed-cdn.js?v222')
-	// END Timeline Embed
+	body
+		// BEGIN Timeline Embed 
+		div#timeline-embed
+		script(type='text/javascript', src='js/storyjs-embed-cdn.js?v222')
+		// END Timeline Embed
--- a/source/jade/sections/example-head.jade
+++ b/source/jade/sections/example-head.jade
@ -1,20 +1,19 @@
-!!! 5
-html(lang="en")
-	include ../includes/ascii
-	head
-		title Timeline JS Example
-		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')
-		meta(name='viewport', content='width=device-width, initial-scale=1.0, maximum-scale=1.0')
-		// Style
-		style
-			html, body {
-				height:100%;
-				padding: 0px;
-				margin: 0px;
-			}
-		// HTML5 shim, for IE6-8 support of HTML elements
-		//if lt IE 9
-			script(src='http://html5shim.googlecode.com/svn/trunk/html5.js')
+
+include ../includes/ascii
+head
+	title Timeline JS Example
+	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')
+	meta(name='viewport', content='width=device-width, initial-scale=1.0, maximum-scale=1.0')
+	// Style
+	style
+		html, body {
+			height:100%;
+			padding: 0px;
+			margin: 0px;
+		}
+	// HTML5 shim, for IE6-8 support of HTML elements
+	//if lt IE 9
+		script(src='http://html5shim.googlecode.com/svn/trunk/html5.js')
--- a/source/jade/tests/test_extra_html.jade
+++ b/source/jade/tests/test_extra_html.jade
@ -1,4 +1,6 @@
-include ../includes/mixins
-include ../sections/example-head
-body
-	mixin timeline-embed-debug('test_extra_html.json')
+!!! 5
+html(lang="en")
+	include ../includes/mixins
+	include ../sections/example-head
+	body
+		mixin timeline-embed-debug('test_extra_html.json')
--- a/source/jade/tests/test_googlespreadsheet.jade
+++ b/source/jade/tests/test_googlespreadsheet.jade
@ -1,4 +1,6 @@
-include ../includes/mixins
-include ../sections/example-head
-body
-	mixin timeline-embed-debug('https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadFYzRjJPUGktY0NkWXFUWkVIZDNGRHc&output=html')
+!!! 5
+html(lang="en")
+	include ../includes/mixins
+	include ../sections/example-head
+	body
+		mixin timeline-embed-debug('https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadFYzRjJPUGktY0NkWXFUWkVIZDNGRHc&output=html')
--- a/source/jade/tests/test_googlespreadsheet_bc_era_ages_epoch.jade
+++ b/source/jade/tests/test_googlespreadsheet_bc_era_ages_epoch.jade
@ -1,4 +1,6 @@
-include ../includes/mixins
-include ../sections/example-head
-body
-	mixin timeline-embed-debug('https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadHlWbUYwenBTV1hyUGRidU85MnEzQmc&output=html')
+!!! 5
+html(lang="en")
+	include ../includes/mixins
+	include ../sections/example-head
+	body
+		mixin timeline-embed-debug('https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadHlWbUYwenBTV1hyUGRidU85MnEzQmc&output=html')
--- a/source/jade/tests/test_googlespreadsheet_biblical_ad.jade
+++ b/source/jade/tests/test_googlespreadsheet_biblical_ad.jade
@ -1,4 +1,6 @@
-include ../includes/mixins
-include ../sections/example-head
-body
-	mixin timeline-embed-debug('https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadENlSWZ0Ml9CUXRMVTJGbHZ5UjhDblE&output=html')
+!!! 5
+html(lang="en")
+	include ../includes/mixins
+	include ../sections/example-head
+	body
+		mixin timeline-embed-debug('https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadENlSWZ0Ml9CUXRMVTJGbHZ5UjhDblE&output=html')
--- a/source/jade/tests/test_googlespreadsheet_minutes.jade
+++ b/source/jade/tests/test_googlespreadsheet_minutes.jade
@ -1,4 +1,6 @@
-include ../includes/mixins
-include ../sections/example-head
-body
-	mixin timeline-embed-debug('https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadFBfbkE1Qk42RTFDcjRDdnFndk9DOFE&output=html')
+!!! 5
+html(lang="en")
+	include ../includes/mixins
+	include ../sections/example-head
+	body
+		mixin timeline-embed-debug('https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadFBfbkE1Qk42RTFDcjRDdnFndk9DOFE&output=html')
--- a/source/jade/tests/test_iframe_640.jade
+++ b/source/jade/tests/test_iframe_640.jade
@ -1,5 +1,7 @@
-include ../includes/mixins
-include ../sections/example-head
-body
-	div(style='width:640px;')
-		<iframe src="../compiled/index.html?source=0Agl_Dv6iEbDadHdKcHlHcTB5bzhvbF9iTWwyMmJHdkE&font=Bevan-PotanoSans&maptype=toner&debug=true&lang=en&height=650" width='100%' height='650' frameborder='0'></iframe>
+!!! 5
+html(lang="en")
+	include ../includes/mixins
+	include ../sections/example-head
+	body
+		div(style='width:640px;')
+			<iframe src="../compiled/index.html?source=0Agl_Dv6iEbDadHdKcHlHcTB5bzhvbF9iTWwyMmJHdkE&font=Bevan-PotanoSans&maptype=toner&debug=true&lang=en&height=650" width='100%' height='650' frameborder='0'></iframe>
--- a/source/jade/tests/test_jsonp.jade
+++ b/source/jade/tests/test_jsonp.jade
@ -1,4 +1,6 @@
-include ../includes/mixins
-include ../sections/example-head
-body
-	mixin timeline-embed-debug('example_jsonp.jsonp')
+!!! 5
+html(lang="en")
+	include ../includes/mixins
+	include ../sections/example-head
+	body
+		mixin timeline-embed-debug('example_jsonp.jsonp')
--- a/source/jade/tests/test_utc_firefox.jade
+++ b/source/jade/tests/test_utc_firefox.jade
@ -1,4 +1,6 @@
-include ../includes/mixins
-include ../sections/example-head
-body
-	mixin timeline-embed-debug('test_utc_firefox.json')
+!!! 5
+html(lang="en")
+	include ../includes/mixins
+	include ../sections/example-head
+	body
+		mixin timeline-embed-debug('test_utc_firefox.json')
--- a/tests/test_extra_html.html
+++ b/tests/test_extra_html.html
@ -31,18 +31,18 @@
    <!-- 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%",
-     debug: true,
-     source: 'test_extra_html.json'
-    }
-  </script>
-  <script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
-  <!-- END Timeline Embed-->
-</body>
+  <body>
+      <!-- BEGIN Timeline Embed -->
+      <div id="timeline-embed"></div>
+      <script type="text/javascript">
+        var timeline_config = {
+         width: "100%",
+         height: "100%",
+         debug: true,
+         source: 'test_extra_html.json'
+        }
+      </script>
+      <script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
+      <!-- END Timeline Embed-->
+  </body>
+</html>
--- a/tests/test_googlespreadsheet.html
+++ b/tests/test_googlespreadsheet.html
@ -31,18 +31,18 @@
    <!-- 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%",
-     debug: true,
-     source: 'https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadFYzRjJPUGktY0NkWXFUWkVIZDNGRHc&amp;output=html'
-    }
-  </script>
-  <script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
-  <!-- END Timeline Embed-->
-</body>
+  <body>
+      <!-- BEGIN Timeline Embed -->
+      <div id="timeline-embed"></div>
+      <script type="text/javascript">
+        var timeline_config = {
+         width: "100%",
+         height: "100%",
+         debug: true,
+         source: 'https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadFYzRjJPUGktY0NkWXFUWkVIZDNGRHc&amp;output=html'
+        }
+      </script>
+      <script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
+      <!-- END Timeline Embed-->
+  </body>
+</html>
--- a/tests/test_googlespreadsheet_bc_era_ages_epoch.html
+++ b/tests/test_googlespreadsheet_bc_era_ages_epoch.html
@ -31,18 +31,18 @@
    <!-- 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%",
-     debug: true,
-     source: 'https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadHlWbUYwenBTV1hyUGRidU85MnEzQmc&amp;output=html'
-    }
-  </script>
-  <script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
-  <!-- END Timeline Embed-->
-</body>
+  <body>
+      <!-- BEGIN Timeline Embed -->
+      <div id="timeline-embed"></div>
+      <script type="text/javascript">
+        var timeline_config = {
+         width: "100%",
+         height: "100%",
+         debug: true,
+         source: 'https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadHlWbUYwenBTV1hyUGRidU85MnEzQmc&amp;output=html'
+        }
+      </script>
+      <script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
+      <!-- END Timeline Embed-->
+  </body>
+</html>
--- a/tests/test_googlespreadsheet_biblical_ad.html
+++ b/tests/test_googlespreadsheet_biblical_ad.html
@ -31,18 +31,18 @@
    <!-- 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%",
-     debug: true,
-     source: 'https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadENlSWZ0Ml9CUXRMVTJGbHZ5UjhDblE&amp;output=html'
-    }
-  </script>
-  <script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
-  <!-- END Timeline Embed-->
-</body>
+  <body>
+      <!-- BEGIN Timeline Embed -->
+      <div id="timeline-embed"></div>
+      <script type="text/javascript">
+        var timeline_config = {
+         width: "100%",
+         height: "100%",
+         debug: true,
+         source: 'https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadENlSWZ0Ml9CUXRMVTJGbHZ5UjhDblE&amp;output=html'
+        }
+      </script>
+      <script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
+      <!-- END Timeline Embed-->
+  </body>
+</html>
--- a/tests/test_googlespreadsheet_minutes.html
+++ b/tests/test_googlespreadsheet_minutes.html
@ -31,18 +31,18 @@
    <!-- 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%",
-     debug: true,
-     source: 'https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadFBfbkE1Qk42RTFDcjRDdnFndk9DOFE&amp;output=html'
-    }
-  </script>
-  <script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
-  <!-- END Timeline Embed-->
-</body>
+  <body>
+      <!-- BEGIN Timeline Embed -->
+      <div id="timeline-embed"></div>
+      <script type="text/javascript">
+        var timeline_config = {
+         width: "100%",
+         height: "100%",
+         debug: true,
+         source: 'https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadFBfbkE1Qk42RTFDcjRDdnFndk9DOFE&amp;output=html'
+        }
+      </script>
+      <script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
+      <!-- END Timeline Embed-->
+  </body>
+</html>
--- a/tests/test_iframe_640.html
+++ b/tests/test_iframe_640.html
@ -31,7 +31,7 @@
    <!-- 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>
-  <div style="width:640px;"><iframe src="../compiled/index.html?source=0Agl_Dv6iEbDadHdKcHlHcTB5bzhvbF9iTWwyMmJHdkE&font=Bevan-PotanoSans&maptype=toner&debug=true&lang=en&height=650" width='100%' height='650' frameborder='0'></iframe></div>
-</body>
+  <body>
+    <div style="width:640px;"><iframe src="../compiled/index.html?source=0Agl_Dv6iEbDadHdKcHlHcTB5bzhvbF9iTWwyMmJHdkE&font=Bevan-PotanoSans&maptype=toner&debug=true&lang=en&height=650" width='100%' height='650' frameborder='0'></iframe></div>
+  </body>
+</html>
--- a/tests/test_jsonp.html
+++ b/tests/test_jsonp.html
@ -31,18 +31,18 @@
    <!-- 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%",
-     debug: true,
-     source: 'example_jsonp.jsonp'
-    }
-  </script>
-  <script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
-  <!-- END Timeline Embed-->
-</body>
+  <body>
+      <!-- BEGIN Timeline Embed -->
+      <div id="timeline-embed"></div>
+      <script type="text/javascript">
+        var timeline_config = {
+         width: "100%",
+         height: "100%",
+         debug: true,
+         source: 'example_jsonp.jsonp'
+        }
+      </script>
+      <script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
+      <!-- END Timeline Embed-->
+  </body>
+</html>
--- a/tests/test_utc_firefox.html
+++ b/tests/test_utc_firefox.html
@ -31,18 +31,18 @@
    <!-- 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%",
-     debug: true,
-     source: 'test_utc_firefox.json'
-    }
-  </script>
-  <script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
-  <!-- END Timeline Embed-->
-</body>
+  <body>
+      <!-- BEGIN Timeline Embed -->
+      <div id="timeline-embed"></div>
+      <script type="text/javascript">
+        var timeline_config = {
+         width: "100%",
+         height: "100%",
+         debug: true,
+         source: 'test_utc_firefox.json'
+        }
+      </script>
+      <script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
+      <!-- END Timeline Embed-->
+  </body>
+</html>