<html><head><title>Storytim.es Documentation</title><styletype="text/css">@importurl('https://themes.googleusercontent.com/fonts/css?kit=lhDjYqiy3mZ0x6ROQEUoUw');ol{margin:0;padding:0}p{margin:0}.c14{list-style-type:lower-roman;margin:0;padding:0}.c1{list-style-type:lower-latin;margin:0;padding:0}.c2{list-style-type:decimal;margin:0;padding:0}.c4{padding-left:0pt;margin-left:72pt}.c0{height:11pt;direction:ltr}.c9{color:#1155cc;text-decoration:underline}.c12{padding-left:0pt;margin-left:108pt}.c16{max-width:468pt;padding:72pt72pt72pt72pt}.c18{color:inherit;text-decoration:inherit}.c5{padding-left:0pt;margin-left:36pt}.c17{font-size:14pt}.c13{background-color:#ffffff}.c6{font-family:Consolas}.c10{font-weight:bold}.c15{color:#980000}.c3{direction:ltr}.c7{text-indent:36pt}.c11{font-size:18pt}.c8{font-size:10pt}.title{padding-top:24pt;line-height:1.15;text-align:left;color:#000000;font-size:36pt;font-family:Arial;font-weight:bold;padding-bottom:6pt}.subtitle{padding-top:18pt;line-height:1.15;text-align:left;color:#666666;font-style:italic;font-size:24pt;font-family:Georgia;padding-bottom:4pt}body{color:#000000;font-size:11pt;font-family:Arial}h1{padding-top:24pt;line-height:1.15;text-align:left;color:#000000;font-size:18pt;font-family:Arial;font-weight:bold;padding-bottom:6pt}h2{padding-top:18pt;line-height:1.15;text-align:left;color:#000000;font-size:14pt;font-family:Arial;font-weight:bold;padding-bottom:4pt}h3{padding-top:14pt;line-height:1.15;text-align:left;color:#666666;font-size:12pt;font-family:Arial;font-weight:bold;padding-bottom:4pt}h4{padding-top:12pt;line-height:1.15;text-align:left;color:#666666;font-style:italic;font-size:11pt;font-family:Arial;padding-bottom:2pt}h5{padding-top:11pt;line-height:1.15;text-align:left;color:#666666;font-size:10pt;font-family:Arial;font-weight:bold;padding-bottom:2pt}h6{padding-top:10pt;line-height:1.15;text-align:left;color:#666666;font-style:italic;font-size:10pt;font-family:Arial;padding-bottom:2pt}</style></head><bodyclass="c13 c16"><pclass="c3"><spanclass="c11">Document history with Storytim.es</span></p><pclass="c3"><span>There are lots of timeline tools on the web but they are almost all either hard on the eyes or hard to use. Storytim.es creates beautiful timelines that are actually easy and intuitive to use.</span></p><pclass="c0"><span></span></p><pclass="c3"><span>Storytim.es is also great for pulling in media from different sources. It has built in support for pulling in Tweets and media from Twitter, YouTube, Flickr, Vimeo, GoogleMaps and SoundCloud. More media types will be supported in the future.</span></p><pclass="c0"><span></span></p><pclass="c3"><span>Creating one is as easy as filling in a Google spreadsheet or as detailed as JSON.</span></p><pclass="c0"><span></span></p><pclass="c3"><spanclass="c11">Add it to your site</span></p><pclass="c3"><span>Include these lines in the </span><spanclass="c6"><head></span><span> of your site.</span></p><pclass="c3"><spanclass="c6"> <!-- CSS --></span></p><pclass="c3"><spanclass="c6"> <link href="timeline.css" rel="stylesheet"></span></p><pclass="c3"><spanclass="c6"> </span></p><pclass="c3"><spanclass="c6"> <!-- JavaScript --></span></p><pclass="c3"><spanclass="c6"> <script type="text/javascript" src="jquery-min.js"></script></span></p><pclass="c3"><spanclass="c6"> <script type="text/javascript" src="timeline-min.js"></script></span></p><pclass="c0"><spanclass="c6"></span></p><pclass="c3"><span>and add a </span><spanclass="c6"><div></span><span> with and id called “timeline” in the </span><spanclass="c6"><body></span><span> of your site.</span></p><pclass="c0"><span></
