playground
/
TimelineJS
mirror of https://github.com/NUKnightLab/TimelineJS.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

Cleaning up examples section and updating path references

pull/127/head
Zach Wise 13 years ago
parent
ab1900f6e2
commit
dda7b060f4
10 changed files with 67 additions and 118 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 10
      examples/example_googlespreadsheet.html
  2. 13
      examples/example_html.html
  3. 47
      examples/example_json.html
  4. 0
      examples/example_json.json
  5. 8
      examples/example_kitchensink.html
  6. 0
      examples/example_kitchensink.json
  7. 13
      examples/example_language.html
  8. 94
      examples/language-example.html
  9. BIN
      examples/template_googlespreadsheet/.DS_Store
  10. BIN
      examples/template_html/.DS_Store

10
examples/template_googlespreadsheet/index.html → examples/example_googlespreadsheet.html
Unescape View File

@ -2,8 +2,8 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Timeline Google Spreadsheet Template</title> <title>Google Spreadsheet Example</title>
<meta name="description" content="Template Description"> <meta name="description" content="TimelineJS example">
<style> <style>
html, body { html, body {
@ -38,11 +38,11 @@
font: 'Bevan-PotanoSans', //OPTIONAL font: 'Bevan-PotanoSans', //OPTIONAL
//start_at_end: true, //OPTIONAL //start_at_end: true, //OPTIONAL
//hash_bookmark: true, //OPTIONAL //hash_bookmark: true, //OPTIONAL
css: '../../compiled/css/timeline.css', //OPTIONAL css: '../compiled/css/timeline.css', //OPTIONAL
js: '../../compiled/timeline-min.js' //OPTIONAL js: '../compiled/js/timeline-min.js' //OPTIONAL
} }
</script> </script>
<script type="text/javascript" src="http://veritetimeline.appspot.com/latest/timeline-embed.js"></script> <script type="text/javascript" src="../compiled/js/timeline-embed.js"></script>
<!-- END Timeline Embed --> <!-- END Timeline Embed -->
</body> </body>
</html> </html>

13
examples/template_html/index.html → examples/example_html.html
Unescape View File

@ -2,16 +2,11 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Timeline</title> <title>HTML Example</title>
<meta name="description" content="Template Description"> <meta name="description" content="TimelineJS example">
<!-- 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 --> <!-- CSS -->
<link href="../../compiled/css/timeline.css" rel="stylesheet"> <link href="../compiled/css/timeline.css" rel="stylesheet">
<style> <style>
html, body { html, body {
height:100%; height:100%;
@ -21,7 +16,7 @@
</style> </style>
<!-- JavaScript --> <!-- 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="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="../../compiled/timeline-min.js"></script> <script type="text/javascript" src="../compiled/js/timeline-min.js"></script>
<script> <script>
$(document).ready(function() { $(document).ready(function() {
var timeline = new VMM.Timeline(); var timeline = new VMM.Timeline();

47
examples/example_json.html
Unescape View File

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSON Example Timeline</title>
<meta name="description" content="TimelineJS example">
<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>
</head>
<body>
<!-- BEGIN Timeline Embed -->
<div id="timeline-embed"></div>
<script type="text/javascript">
var timeline_config = {
width: "100%",
height: "100%",
source: 'example_json.json',
//start_at_end: true, //OPTIONAL
//hash_bookmark: true, //OPTIONAL
css: '../compiled/css/timeline.css', //OPTIONAL
js: '../compiled/js/timeline-min.js' //OPTIONAL
}
</script>
<script type="text/javascript" src="../compiled/js/timeline-embed.js"></script>
<!-- END Timeline Embed -->
</body>
</html>

0
examples/template_json/data.json → examples/example_json.json
Unescape View File

8
examples/kitchen-sink/index.html → examples/example_kitchensink.html
Unescape View File

@ -3,7 +3,7 @@
<head> <head>
<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="TimelineJS example">
<style> <style>
html, body { html, body {
@ -37,11 +37,11 @@
source: 'data.json', source: 'data.json',
//start_at_end: true, //OPTIONAL //start_at_end: true, //OPTIONAL
//hash_bookmark: true, //OPTIONAL //hash_bookmark: true, //OPTIONAL
css: '../../compiled/css/timeline.css', //OPTIONAL css: '../compiled/css/timeline.css', //OPTIONAL
js: '../../compiled/timeline-min.js' //OPTIONAL js: '../compiled/js/timeline-min.js' //OPTIONAL
} }
</script> </script>
<script type="text/javascript" src="../../compiled/timeline-embed.js"></script> <script type="text/javascript" src="../compiled/js/timeline-embed.js"></script>
<!-- END Timeline Embed --> <!-- END Timeline Embed -->
</body> </body>
</html> </html>

0
examples/kitchen-sink/data.json → examples/example_kitchensink.json
Unescape View File

13
examples/template_json/index.html → examples/example_language.html
Unescape View File

@ -2,8 +2,8 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Kitchen Sink Timeline</title> <title>Language Example</title>
<meta name="description" content="Template Description"> <meta name="description" content="TimelineJS example">
<style> <style>
html, body { html, body {
@ -34,14 +34,15 @@
var timeline_config = { var timeline_config = {
width: "100%", width: "100%",
height: "100%", height: "100%",
source: 'data.json', source: 'https://docs.google.com/spreadsheet/pub?key=0Agl_Dv6iEbDadHdKcHlHcTB5bzhvbF9iTWwyMmJHdkE&output=html',
//start_at_end: true, //OPTIONAL //start_at_end: true, //OPTIONAL
//hash_bookmark: true, //OPTIONAL //hash_bookmark: true, //OPTIONAL
css: '../../compiled/css/timeline.css', //OPTIONAL css: '../compiled/css/timeline.css', //OPTIONAL
js: '../../compiled/timeline-min.js' //OPTIONAL js: '../compiled/js/locale/fr.js' //FRENCH
} }
</script> </script>
<script type="text/javascript" src="../../compiled/timeline-embed.js"></script> <script type="text/javascript" src="../compiled/js/timeline-embed.js"></script>
<!-- END Timeline Embed --> <!-- END Timeline Embed -->
</body> </body>
</html> </html>

94
examples/language-example.html
Unescape View File

@ -1,94 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Language Example Embed Timeline</title>
<!-- 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]-->
<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>
</head>
<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&output=html',
js: 'http://veritetimeline.appspot.com/latest/locale/fr.js' // FRENCH
}
</script>
<script type="text/javascript" src="../timeline-embed.js"></script>
<!-- END Timeline Embed -->
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Language Example</title>
<meta name="description" content="Template Description">
<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>
</head>
<body>
<!-- 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: '../compiled/css/timeline.css', //OPTIONAL
js: '../compiled/locale/fr.js' // FRENCH
}
</script>
<script type="text/javascript" src="../compiled/timeline-embed.js"></script>
<!-- END Timeline Embed -->
</body>
</html>

BIN
examples/template_googlespreadsheet/.DS_Store vendored
View File

Binary file not shown.

BIN
examples/template_html/.DS_Store vendored
View File

Binary file not shown.
Write Preview
Loading…
Cancel
Save