mit timeline

<!-- Here goes the timeline thing -->
<!--
		<div id="timeline">
			<div id="timeline-embed"></div>
			 <script type="text/javascript">
				  var timeline_config = {
						width:              '100%',
						height:             '450',
						source:             'https://docs.google.com/spreadsheet/ccc?key=0AhWniKfQq32PdF9jRjZFMjRWREVrMTJQVlZKWUlNZ0E',
						//embed_id:           'timeline-embed',               //OPTIONAL USE A DIFFERENT DIV ID FOR EMBED
						start_at_end:       false,                          //OPTIONAL START AT LATEST DATE
						start_at_slide:     '1',
						start_zoom_adjust:  '3',                            //OPTIONAL TWEAK THE DEFAULT ZOOM LEVEL
						hash_bookmark:      true,                           //OPTIONAL LOCATION BAR HASHES
						font:               'Bevan-PotanoSans',             //OPTIONAL FONT
						lang:               'en',
						css:                '../css/timeline.css',     //OPTIONAL PATH TO CSS
						// js:                 'path_to_js/timeline-min.js'    //OPTIONAL PATH TO JS
				  }
			 </script>
			 <script type="text/javascript" src="../js/storyjs-embed.js"></script>
			<iframe src='http://cdn.knightlab.com/libs/timeline/latest/embed/index.html?source=0AhWniKfQq32PdF9jRjZFMjRWREVrMTJQVlZKWUlNZ0E&font=Bevan-PotanoSans&maptype=toner&lang=en&height=450' width='100%' height='450' frameborder='0'></iframe>-->
		</div>

---------------------------------------------------------
		<div id="timeline" style="width: 100%">
    <iframe src='http://cdn.knightlab.com/libs/timeline/latest/embed/index.html?source=0AhWniKfQq32PdF9jRjZFMjRWREVrMTJQVlZKWUlNZ0E&font=Bevan-PotanoSans&maptype=toner&lang=en&height=450' width='100%' height='450' frameborder='0'></iframe>
</div>