-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
27 lines (27 loc) · 1.31 KB
/
index.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
<!doctype html>
<html>
<head>
<title>Chancellors of Germany</title>
<script type="text/javascript" src="resources/library/vis-timeline-graph2d.js"></script>
<link href="resources/library/vis-timeline-graph2d.css" rel="stylesheet" type="text/css" />
<link href="timeline.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>Chancellors of Germany</h1>
<h3>All Chancellors of Germany since 1949 until today</h3>
<div style="margin-left: 8px; margin-right: 8px;" id="timeline-container">
<div class="menu">
<div class="buttonGroup">
<button onclick="zoomIn(0.5)" class="button"><img src="resources/icons/magnifying_glass_plus.png" height="30"></button>
<button onclick="zoomOut(0.5);" class="button"><img src="resources/icons/magnifying_glass_minus.png" height="30"></button>
</div>
<div class="buttonGroup">
<button onclick="moveWindow(0.5)" class="button"><img src="resources/icons/arrow_left.png" height="30"></button>
<button onclick="moveWindow(-0.5)" class="button"><img src="resources/icons/arrow_right.png" height="30"></button>
</div>
</div>
</div>
<p class="source">Source: Wikipedia</p>
<script type="text/javascript" src="timeline.js"></script>
</body>
</html>