-
Notifications
You must be signed in to change notification settings - Fork 0
/
timeline.html
29 lines (25 loc) · 1.67 KB
/
timeline.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
---
title: Timeline
layout: timeline
---
<p style="text-align:center; ">Scroll Timeline to Browse by Year </p>
<div class="controls" id="controls" style="margin-left:50px;margin-top:-20px;"></div>
<table style="text-align: center; width: 100%; font-size:10px; text-decoration:underline; margin-bottom:-15px; ">
<tbody>
<tr>
<td style="font-size:10px; text-decoration:underline;"><a href="javascript:centerTimeline(1894);">1894 </a></td>
<td style="font-size:10px; text-decoration:underline;"><a href="javascript:centerTimeline(1905);">1905 </a></td>
<td style="font-size:10px; text-decoration:underline;"><a href="javascript:centerTimeline(1910);">1910 </a></td>
<td style="font-size:10px; text-decoration:underline;"><a href="javascript:centerTimeline(1915);">1915 </a></td>
<td style="font-size:10px; text-decoration:underline;"> <a href="javascript:centerTimeline(1920);">1920 </a></td>
<td style="font-size:10px; text-decoration:underline;"> <a href="javascript:centerTimeline(1925);">1925 </a></td>
<td style="font-size:10px; text-decoration:underline;"> <a href="javascript:centerTimeline(1930);">1930 </a></td>
</tr>
</tbody>
</table>
<!--[if lte IE 7]><script type="text/javascript">(function(){var o=document.
getElementById('map');var i=document.createElement('iframe');i.setAttribute
('src',o.getAttribute('data'));i.style.width=o.style.width;i.style.height=o.style.
height;o.parentNode.replaceChild(i,o);})();</script><![endif]-->
<div id="my-timeline" style="margin:15px 5px; width: 100%; font-weight:bold; color: #666; font-size: 14px; height: 1600px; border: 1px solid #aaa">
</div>