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.
 
 
 
 

161 lines
6.1 KiB

{
"timeline":
{
"headline":"Welcome to TimelineJS",
"type":"default",
"startDate":"1888",
"text": "<p>TimelineJS is an open-source tool that enables you to build visually-rich interactive timelines and is available in 40 languages.</p><p>Click on the arrow to the right to learn more.</p>",
"asset": {
"media":"http://2.bp.blogspot.com/-dxJbW0CG8Zs/TmkoMA5-cPI/AAAAAAAAAqw/fQpsz9GpFdo/s1600/voyage-dans-la-lune-1902-02-g.jpg",
"credit":"",
"caption":""
},
"date": [
{
"startDate":"1980,1,18",
"headline":"Google Map",
"text":"",
"asset":
{
"media":"http://maps.google.com/maps?q=chicago&hl=en&sll=41.874961,-87.619054&sspn=0.159263,0.351906&t=t&hnear=Chicago,+Cook,+Illinois&z=11",
"credit":"",
"caption":""
}
},
{
"startDate":"1979,1,18",
"headline":"Google Map",
"text":"Just add the link to the map in the media field.",
"asset":
{
"media":"http://maps.google.com/maps?q=New+York,+NY&hl=en&ll=40.721242,-73.987427&spn=0.164187,0.365295&sll=40.722673,-73.993263&sspn=0.082092,0.182648&oq=New+Y&hnear=New+York&t=m&z=11",
"credit":"",
"caption":""
}
},
{
"startDate":"1899",
"headline":"YouTube video",
"text":"To add a YouTube video, just add a link to it in the media field. No embedding necessary. http://youtu.be/lIvftGgps24",
"asset":
{
"media":"http://youtu.be/lIvftGgps24",
"credit":"Georges Méliès",
"caption":"Le portrait mystérieux"
}
},
{
"startDate":"1902",
"headline":"Wikipedia",
"text":"Wikipedia is now supported. Just add a link to the <a href='http://en.wikipedia.org/wiki/A_Trip_to_the_Moon' target='_blank'>Wikipedia entry</a>.",
"asset":
{
"media":"http://en.wikipedia.org/wiki/A_Trip_to_the_Moon",
"credit":"",
"caption":""
}
},
{
"startDate":"1905",
"headline":"Le juif errant",
"text":"",
"asset":
{
"media":"http://youtu.be/SvmM_YSnWX8",
"credit":"Georges Méliès",
"caption":"Le juif errant"
}
},
{
"startDate":"1950,2,7",
"headline":"Blockquote",
"text":"This is an example of a blockquote.<br/>&lt;blockquote&gt;&ldquo;Just use html blockquotes in the media field.&rdquo;&lt;/blockquote&gt;",
"asset":
{
"media":"<blockquote>“You have brains in your head. You have feet in your shoes. You can steer yourself in any direction you choose. You're on your own, and you know what you know. And you are the guy who'll decide where to go.”</blockquote>",
"credit":"Dr. Seuss",
"caption":""
}
},
{
"startDate":"1960,2,7",
"headline":"Website",
"text":"This is an example of a website. Just paste a link to the site in the media field.",
"asset":
{
"media":"http://www.w3schools.com/",
"credit":"w3schools",
"caption":"http://w3schools.com"
}
},
{
"startDate":"1985,2,7",
"headline":"Flickr",
"text":"",
"asset":
{
"media":"http://www.flickr.com/photos/zachwise/7074630607/in/photostream/",
"credit":"Zach Wise",
"caption":""
}
},
{
"startDate":"1990,2,7",
"headline":"Flickr",
"text":"To add a Flickr photo, just paste a link to the photo page in the media field. Example: http://www.flickr.com/photos/zachwise/6687123779/",
"asset":
{
"media":"http://www.flickr.com/photos/zachwise/7050589957/in/photostream/",
"credit":"Zach Wise",
"caption":"March to work."
}
},
{
"startDate":"2012,1,18",
"headline":"SoundCloud ",
"text":"Just add a link to the track in the media field.",
"asset":
{
"media":"http://soundcloud.com/beastieboys/make-some-noise",
"credit":"",
"caption":"R.I.P. MCA."
}
},
{
"startDate":"2011,8,23",
"headline":"Vimeo",
"text":"<p>Just add a link to the video in the media field. Example: https://vimeo.com/33211636</p>",
"asset":
{
"media":"https://vimeo.com/33211636",
"credit":"Denis Chapon",
"caption":""
}
},
{
"startDate":"2001,2,10",
"headline":"A Tweet",
"text":"To add a tweet, just paste a link to the tweet stats in the media field. Example: http://twitter.com/alykat/status/164184609519697920",
"asset":
{
"media":"http://twitter.com/alykat/status/164184609519697920",
"credit":"",
"caption":""
}
},
{
"startDate":"2002,12,10",
"headline":"Yet Another Tweet",
"asset":
{
"media":"http://twitter.com/ArjunaSoriano/status/164181156147900416",
"credit":"",
"caption":""
}
}
]
}
}