-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
115 lines (91 loc) · 3.46 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
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<title> *** The Train Scheduler *** </title>
<!-- For responsivnes/media query --><!--
<meta name="viewport" content="width=device-width, initial-scale=1"> -->
<!-- Reset CSS -->
<!-- <link rel="stylesheet" href="assets/css/reset.css"> -->
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Fonts from google font (font-family: 'Varela Round', sans-serif;) -->
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
<!-- My CSS -->
<!-- <link rel="stylesheet" href="assets/css/style.css"> -->
<!-- Firebase Reference -->
<script src="https://www.gstatic.com/firebasejs/3.6.3/firebase.js"></script>
<!-- Moment.js Reference -->
<!-- <script src="http://momentjs.com/downloads/moment.js"></script> -->
<script src="https://cdn.jsdelivr.net/momentjs/2.12.0/moment.min.js"></script>
</head>
<body>
<!-- Train Tracker -->
<div class="container">
<br>
<!-- Jumbotron -->
<div class="jumbotron" style="background-color: lavender; color: darkgrey">
<h1 class="text-center"> Anytime is Train Time </h1>
<h2 class="text-center"> choo choo - chee chee</h2>
</div>
<div class="row">
<div class="col-lg-12">
<!-- Current Train schedule-->
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"> Current train schedule </h3>
</div>
<div class="panel-body">
<table class="table table-hover" id='train-table'>
<thead>
<tr>
<th>Train Name</th>
<th>Destination</th>
<th>Frequency(min)</th>
<th>Next Arrival</th>
<th>Minutes Away</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
<!-- Current train schedule -->
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><strong>Current train schedule</strong></h3>
</div>
<div class="panel-body">
<!-- Entry Form -->
<form>
<div class="form-group">
<label for="train-name-input">Train Name</label>
<input type="text" class="form-control" id="trainNameInput">
</div>
<div class="form-group">
<label for="destination-input">Destination</label>
<input type="text" class="form-control" id="destination-input">
</div>
<div class="form-group">
<label for="time-input">First Train Time(HH:mm-military time)</label>
<input type="text" class="form-control" id="firstTrtainTime">
</div>
<div class="form-group">
<label for="frequency-input">Frequency (min)</label>
<input type="text" class="form-control" id="frequency-input">
</div>
<button type="submit" class="btn btn-primary" id="addTrainBtn">Submit</button>
</form>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!-- Adds a link to the Javascript file. Loaded at the bottom so it waits for the HTML content to display first. If you put this at the top it will crash, because the HTML IDs won't exist yet.-->
<!-- Added link to the jQuery library -->
<script src="https://code.jquery.com/jquery-2.2.3.js" integrity="sha256-laXWtGydpwqJ8JA+X9x2miwmaiKhn8tVmOVEigRNtP4=" crossorigin="anonymous"></script>
<!-- javascript link in my assets folder -->
<script type="text/javascript" src="assets/javascript/game.js"></script>