-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
original.html
63 lines (56 loc) · 3.11 KB
/
original.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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html lang="en">
<head>
<!-- ============== CSS ===================== -->
<title>Simulation</title>
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
<link rel="stylesheet" href="styles/slider.css">
<link rel="stylesheet" href="styles/style.css">
</head>
<!-- ============== BODY =================== -->
<body>
<div class="container">
<button id="pause" class="btn btn-lg btn-warning">Pause</button>
<button id="reset" class="btn btn-lg btn-danger">Reset</button>
<div id = "roadCircle">
<div id="main" ></div>
</div>
<div class="chart">
<div id="velocity"></div>
<div id="road"></div>
<div style="margin-left: 40px; margin-bottom:5px">Time Slider</div>
<div id="slider1" style="margin-bottom: 40px"></div>
</div style="">
</div>
<div id="sticker1" class="sticker" style="opacity: 0;">
<svg width="80" height="30" viewBox="0 0 80 30">
<g id = "car">
<path d="M19.409,1.597c0,0.798-0.649,1.446-1.446,1.446c-0.798,0-1.446-0.648-1.446-1.446
c0-0.799,0.648-1.447,1.446-1.447C18.76,0.15,19.409,0.798,19.409,1.597"/>
<path d="M23.523,1.597c0,0.798-0.646,1.446-1.444,1.446c-0.8,0-1.447-0.648-1.447-1.446
c0-0.799,0.647-1.447,1.447-1.447C22.877,0.15,23.523,0.798,23.523,1.597"/>
<path d="M30.439,37.811l-4.424-5.953c-0.42-0.564-1.222-0.682-1.787-0.262c-0.566,0.42-0.687,1.221-0.264,1.785
l0.316,0.428h-8.219l0.315-0.428c0.418-0.564,0.302-1.365-0.264-1.785c-0.563-0.419-1.365-0.304-1.787,0.262L9.9,37.811
c-0.418,0.565-0.3,1.366,0.265,1.787c0.23,0.168,0.497,0.252,0.763,0.252c0.389,0,0.775-0.179,1.026-0.517l2.208-2.972h12.02
l2.211,2.972c0.248,0.338,0.633,0.517,1.022,0.517c0.269,0,0.532-0.084,0.765-0.252C30.744,39.177,30.861,38.376,30.439,37.811"/>
<path d="M27.381,3.821h-14.56c-1.94,0-3.513,1.574-3.513,3.514v19.453c0,1.94,1.573,3.513,3.513,3.513h14.557
c1.942,0,3.515-1.57,3.515-3.513V7.334C30.895,5.394,29.32,3.821,27.381,3.821z M11.758,8.623c0-1.164,0.944-2.108,2.109-2.108
h12.471c1.165,0,2.109,0.944,2.109,2.108v9.487c0,1.165-0.945,2.108-2.109,2.108H13.867c-1.166,0-2.109-0.945-2.109-2.108V8.623z
M15.477,27.588h-3.396c-0.438,0-0.791-0.355-0.791-0.79c0-0.437,0.353-0.791,0.791-0.791h3.396c0.438,0,0.792,0.354,0.792,0.791
C16.268,27.232,15.914,27.588,15.477,27.588z M27.7,27.588h-3.397c-0.439,0-0.791-0.355-0.791-0.79
c0-0.437,0.354-0.791,0.791-0.791H27.7c0.437,0,0.788,0.354,0.788,0.791C28.488,27.232,28.137,27.588,27.7,27.588z"/>
</g>
</svg>
</div>
</body>
<!-- ============== LIBRARIES =================== -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="libraries/underscore.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="libraries/sticker.js"></script>
<script src="libraries/slider.js"></script>
<!-- ============== SCRIPTS =================== -->
<script src="scripts/sim_original.js"></script>
<script src="scripts/chart.js"></script>
</html>