<html><head><title>Timeline Documentation</title><styletype="text/css">@importurl('https://themes.googleusercontent.com/fonts/css?kit=lhDjYqiy3mZ0x6ROQEUoUw');ol{margin:0;padding:0}p{margin:0}.c7{max-width:468pt;background-color:#ffffff;padding:72pt72pt72pt72pt}.c2{list-style-type:lower-latin;margin:0;padding:0}.c16{list-style-type:lower-roman;margin:0;padding:0}.c5{list-style-type:decimal;margin:0;padding:0}.c6{padding-left:0pt;margin-left:72pt}.c4{padding-left:0pt;margin-left:36pt}.c12{padding-left:0pt;margin-left:108pt}.c9{color:#1155cc;text-decoration:underline}.c17{color:inherit;text-decoration:inherit}.c15{font-size:14pt}.c8{text-indent:36pt}.c10{font-size:18pt}.c3{height:11pt}.c0{font-family:Consolas}.c1{direction:ltr}.c11{font-weight:bold}.c18{color:#980000}.c13{background-color:#ffffff}.c14{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="c7"><pclass="c1"><spanclass="c10">Document history with Timeline</span></p><pclass="c1"><span>There are lots of timeline tools on the web but they are almost all either hard on the eyes or hard to use. Create timelines that are at the same time beautiful and intuitive for users</span></p><pclass="c3 c1"><span></span></p><pclass="c1"><span>Timeline is great for pulling in media from different sources. Just throw in a link from Twitter, YouTube, Flickr, Vimeo, Google Maps or SoundCloud and Timeline will format it to fit perfectly. More media types will be supported in the future.</span></p><pclass="c3 c1"><span></span></p><pclass="c1"><span>Creating one is as easy as filling in a Google spreadsheet or as detailed as JSON.</span></p><pclass="c3 c1"><span></span></p><pclass="c1"><spanclass="c10">Add it to your site</span></p><h2class="c1"><aname="h.yijq1obhmdin"></a><span>Step 1</span></h2><pclass="c1"><span>Include these lines in the </span><spanclass="c0"><head></span><span> of your site.</span></p><pclass="c1"><spanclass="c0"> <!-- CSS --></span></p><pclass="c1"><spanclass="c0"> <link href="timeline.css" rel="stylesheet"></span></p><pclass="c1"><spanclass="c0"> </span></p><pclass="c1"><spanclass="c0"> <!-- JavaScript --></span></p><pclass="c1"><spanclass="c0"> <script type="text/javascript" src="jquery-min.js"></script></span></p><pclass="c1"><spanclass="c0"> <script type="text/javascript" src="timeline-min.js"></script></span></p><h2class="c1"><aname="h.4g1c2uur90mz"></a><span>Step 2</span></h2><pclass="c1"><span>A</span><span>dd a </span><spanclass="c0"><div></span><span> with an id called “timeline” in
