GABRacingCPH2015/index.html at master · o7g8/GABRacingCPH2015 · 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
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <!-- Location: 1251, country: DK -->
    <title>Web in Azure!</title>
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootswatch/3.3.2/cosmo/bootstrap.min.css">
    <link href="racing.styles.css" rel="stylesheet" />
</head>

<body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">Web in Azure</a>
            </div>
        </div>
    </nav>

    <div class="container-fluid">
        <!-- Todo: Add HTML code for the location lap tables -->
        <h1 class="title">Top Lap Times for Cph</h1>
        <div class="track-stats-location row">
            <div class="col-md-4">
                <div class="panel panel-warning">
                    <div class="panel-heading">Beginner lap</div>
                    <table class="track-stats-beginner table table-striped table-hover"></table>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-warning">
                    <div class="panel-heading">Advanced lap</div>
                    <table class="track-stats-advanced table table-striped table-hover"></table>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-warning">
                    <div class="panel-heading">Expert lap</div>
                    <table class="track-stats-expert table table-striped table-hover"></table>
                </div>
            </div>
        </div>

        <!-- Todo: Add HTML code for the country lap tables -->
        <h1 class="title">Top Lap Times for Denmark</h1>
        <div class="track-stats-country row">
            <div class="col-md-4">
                <div class="panel panel-warning">
                    <div class="panel-heading">Beginner lap</div>
                    <table class="track-stats-beginner table table-striped table-hover"></table>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-warning">
                    <div class="panel-heading">Advanced lap</div>
                    <table class="track-stats-advanced table table-striped table-hover"></table>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-warning">
                    <div class="panel-heading">Expert lap</div>
                    <table class="track-stats-expert table table-striped table-hover"></table>
                </div>
            </div>
        </div>

        <!-- Todo: Add HTML code for the telemetry graphs. -->
        <div id="TelemtryGraphWrapper" style="display: none;">
            <h1>Telemetry</h1>
            <div class="panel panel-success">
                <div class="panel-heading title"></div>
                <div class="panel-body">
                    <div class="graph"></div>
                </div>
            </div>
        </div>

    </div>

    <!-- References to JavaScript files -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/dygraph/1.1.0/dygraph-combined.js"></script>
    <script src="racing.data.js"></script>
    <script src="racing.main.js"></script>

</body>

</html>