BusTracker/index2.html at master · Blue1647/BusTracker · GitHub

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
116
117
118
119
120
121
122
<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="refresh" content="120">
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <meta content="utf-8" http-equiv="encoding">
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/roboto.min.css" rel="stylesheet">
    <link href="css/material.min.css" rel="stylesheet">
    <link href="css/ripples.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <title>Bus/Train Tracker</title>
</head>

<body>
    <div class="container wide">
        <!--<img src="img/logo.jpg" width = "100%"/>-->

        &nbsp;
        <!--Curr time-->
        <h1 class="text-center" id="time"></h1>
        <!--60 bus-->
        <div class="row">
            <div class="col-md-4">
                <div class="panel panel-default west60-panel">
                    <div class="panel-heading">60 Blue Island/26th <em><strong>Westbound</strong></em> to <strong>Cicero</strong> and <strong>24th Place</strong>
                    </div>
                    <div class="panel-body errWest60">
                        Expected Bus Arrival Times:
                        <div class="west60"></div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-default east60-panel">
                    <div class="panel-heading">60 Blue Island/26th <em><strong>Eastbound</strong></em> to <strong>Randolph</strong> &amp; <strong>Harbor Dr</strong>
                    </div>
                    <div class="panel-body errEast60">
                        Expected Bus Arrival Times:
                        <div class="east60"></div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-default west18-panel">
                    <div class="panel-heading">18 16th-18th <em><strong>Westbound</strong></em> to <strong>16th</strong> and <strong>Cicero</strong>
                    </div>
                    <div class="panel-body errWest18">
                        Expected Bus Arrival Times:
                        <div class="west18"></div>
                    </div>
                </div>
            </div>

        </div>
        <!--18 bus-->
        <div class="row">
            <div class="col-md-4">
                <div class="panel panel-default east18-panel">
                    <div class="panel-heading">18 16th-18th <em><strong>Eastbound</strong></em> to <strong>Michigan Avenue</strong>
                    </div>
                    <div class="panel-body errEast18">
                        Expected Bus Arrival Times:
                        <div class="east18"></div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-default pl-panel">
                    <div class="panel-heading">Pink Line to <strong>54th</strong> and <strong>Cermak</strong></div>
                    <div class="panel-body errPl54">
                        Expected Train Arrival Times:
                        <div class="Pl54"></div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-default pl-panel">
                    <div class="panel-heading">Pink Line to <strong>Loop</strong></div>
                    <div class="panel-body errPlLoop">
                        Expected Train Arrival Times:
                        <div class="PlLoop"></div>
                    </div>
                </div>
            </div>

        </div>
        <!--Pink Line-->
        <div class="row">
            <!--<div class="panel panel-default uber-panel">
                <div class="panel-heading">Uber Arrival Times</div>
                <div class="panel-body">
                    Expected Uber Arrival Times:
                    <div class="uber"></div>
                </div>
            </div>-->
        </div>

    </div>
    &nbsp;

    <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>

    <script src="js/ripples.min.js"></script>
    <script src="js/material.min.js"></script>
    <script>
        $(document).ready(function() {
            $.material.init();
        });

    </script>
    <script src="js/60Bus.js"></script>
    <script src="js/18Bus.js"></script>
    <script src="js/pinkLine.js"></script>
    <script src="js/clockDisplay.js"></script>
    <script src="js/uber.js"></script>
    <script type="text/javascript" src="js/date.js"></script>
</body>

</html>