Permalink
Browse files

Added test files. These files will test TimelineJS's ability to rende…

…r extreme date ranges and a variety of content extremes.

This one's for you @JoeGermuska
  • Loading branch information...
1 parent 91da881 commit d7d76b96260974934c0bc77ebb97741930fb40c2 @zachwise zachwise committed Feb 26, 2013
View
@@ -0,0 +1,4 @@
+include ../includes/mixins
+include ../sections/example-head
+body
+ mixin timeline-embed('test_extra_html.json')
@@ -0,0 +1,4 @@
+include ../includes/mixins
+include ../sections/example-head
+body
+ mixin timeline-embed('https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadFYzRjJPUGktY0NkWXFUWkVIZDNGRHc&output=html')
@@ -0,0 +1,4 @@
+include ../includes/mixins
+include ../sections/example-head
+body
+ mixin timeline-embed('https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadHlWbUYwenBTV1hyUGRidU85MnEzQmc&output=html')
@@ -0,0 +1,4 @@
+include ../includes/mixins
+include ../sections/example-head
+body
+ mixin timeline-embed('https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadENlSWZ0Ml9CUXRMVTJGbHZ5UjhDblE&output=html')
@@ -0,0 +1,4 @@
+include ../includes/mixins
+include ../sections/example-head
+body
+ mixin timeline-embed('https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadFBfbkE1Qk42RTFDcjRDdnFndk9DOFE&output=html')
@@ -0,0 +1,5 @@
+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&lang=en&height=650" width='100%' height='650' frameborder='0'></iframe>
@@ -0,0 +1,4 @@
+include includes/mixins
+include sections/example-head
+body
+ mixin timeline-embed('example_jsonp.jsonp')
@@ -0,0 +1,4 @@
+include ../includes/mixins
+include ../sections/example-head
+body
+ mixin timeline-embed('test_utc_firefox.json')
@@ -0,0 +1,47 @@
+<!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">
+ <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;
+ }
+ </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: 'test_extra_html.json'
+ }
+ </script>
+ <script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
+ <!-- END Timeline Embed-->
+</body>
@@ -0,0 +1,67 @@
+{
+ "timeline":
+ {
+ "headline":"The Amazon effect",
+ "type":"default",
+ "startDate":"2000",
+ "text":"<div style='font-size:16px; font-weight:normal; color:#74736c;'>How Amazon has changed the world of commerce</div><br /><div><img src='_media/smile.png'></div>",
+ "asset":
+ {
+ "media":"",
+ "credit":"",
+ "caption":""
+ },
+ "date": [
+ {
+ "startDate":"2004",
+ "headline":"How do purchases get from your virtual shopping cart to the doorstep? <br /><br />There are two ways.",
+ "text":"",
+ "asset":
+ {
+ "media":"",
+ "credit":"",
+ "caption":""
+ }
+ },
+
+ {
+ "startDate":"2008",
+ "headline":"Buying a vacuum through <b>Amazon</b>",
+ "text":"",
+ "asset":
+ {
+ "media":"_media/fulfillment1a.png",
+ "credit":"",
+ "caption":"The vacuum order is placed, processed and shipped completely by Amazon."
+ }
+ },
+
+ {
+ "startDate":"2012",
+ "headline":"Buying a vacuum through an alliance between<br /><b>Amazon and GoVacuum</b>",
+ "text":"",
+ "asset":
+ {
+ "media":"_media/fulfillment1b.png",
+ "credit":"",
+ "caption":"The vacuum, originally supplied by GoVacuum, is ordered, processed and shipped by Amazon."
+ }
+ },
+
+ {
+ "startDate":"2016",
+ "headline":"What is the Amazon effect?",
+ "text":"<div style='font-size:20px; line-height:115%; font-weight:normal; color:#74736c;'><div style='font-size:24px; color:#9b164f;'><i>Consumers</i><br/ ></div><div>Amazon and its Marketplace sellers are a one-stop shop for a broad range of merchandise making products easier to find. The best deals are often faster and cheaper than the alternatives.<br/ ><br /><div style='font-size:24px; color:#9b164f;'><i>Amazon</i><br/ ></div><div>By fusing their businesses, both Amazon and independent sellers can attract more customers and improve profit margins. But doing so can create risks for Amazon and third-party sellers.</div>"
+ },
+
+ {
+ "startDate":"2024",
+ "headline":"Amazon.com Fulfillment",
+ "asset":
+ {
+ "media":"http://interactive.ftdata.co.uk/features/2012-06-01_amazon/pages/receipts.html"
+ }
+ }
+ ]
+ }
+}
@@ -0,0 +1,47 @@
+<!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">
+ <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;
+ }
+ </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: '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>
@@ -0,0 +1,47 @@
+<!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">
+ <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;
+ }
+ </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: '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>
@@ -0,0 +1,47 @@
+<!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">
+ <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;
+ }
+ </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: '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>
@@ -0,0 +1,47 @@
+<!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">
+ <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;
+ }
+ </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: '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>
Oops, something went wrong. Retry.

1 comment on commit d7d76b9

@JoeGermuska
Member

i feel the <3

Please sign in to comment.