litesails/index.php at master · BlazOrazem/litesails · 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
<?php
    include('header.php');
    include('nav.php');
?>

<div id="js-content" class="container" data-area="wind">

    <div class="row">
        <div class="col-xs-12" id="content">

            <h1 id="js-area" class="page-title text-center jumbotron"></h1>

            <hr>

            <ul class="nav nav-tabs nav-justified nav-shadowed" role="tablist">
                <li class="active">
                    <a href="#js-wind-forecast" data-toggle="tab">Forecast</a>
                </li>
                <li class="animation">
                    <a href="#js-wind-animation" data-toggle="tab">Animation</a>
                </li>
            </ul>

            <div class="tab-content" data-source="<?= isset($_GET['map']) ? $_GET['map'] : 'adriatic' ?>">
                <div id="js-wind-forecast" class="tab-pane active">
                    <nav class="text-center">
                        <ul class="pagination aladin-hour">
                            <li><a href="#" data-value="03">03</a></li>
                            <li><a href="#" data-value="06">06</a></li>
                            <li><a href="#" data-value="09">09</a></li>
                            <li><a href="#" data-value="12">12</a></li>
                            <li><a href="#" data-value="15">15</a></li>
                            <li><a href="#" data-value="18">18</a></li>
                            <li><a href="#" data-value="21">21</a></li>
                            <li><a href="#" data-value="24">24</a></li>
                            <li><a href="#" data-value="27">27</a></li>
                            <li><a href="#" data-value="30">30</a></li>
                            <li><a href="#" data-value="33">33</a></li>
                            <li><a href="#" data-value="36">36</a></li>
                            <li><a href="#" data-value="39">39</a></li>
                            <li><a href="#" data-value="42">42</a></li>
                            <li><a href="#" data-value="45">45</a></li>
                            <li><a href="#" data-value="48">48</a></li>
                            <li><a href="#" data-value="51">51</a></li>
                            <li><a href="#" data-value="54">54</a></li>
                            <li><a href="#" data-value="57">57</a></li>
                            <li><a href="#" data-value="60">60</a></li>
                            <li><a href="#" data-value="63">63</a></li>
                            <li><a href="#" data-value="66">66</a></li>
                            <li><a href="#" data-value="69">69</a></li>
                            <li><a href="#" data-value="72">72</a></li>
                        </ul>
                    </nav>
                </div>
                <div id="js-wind-animation" class="tab-pane">
                    <p class="animation-controls text-center">
                        <a href="#" class="animation-play btn btn-success">Play animation</a>
                        <a href="#" class="animation-stop btn btn-info">Stop animation</a>
                    </p>
                </div>

                <img src="images/windrose.png" id="js-wind-rose" class="wind-rose img-responsive center-block">

                <div id="js-wind-forecast-image-frame"></div>
                <div id="js-blow-forecast-image-frame"></div>
            </div>

            <hr>

            <div class="row">
                <div class="col-md-6 text-center">
                    <p class="lead">
                        <strong>Wind speed</strong> is expressed in <strong>10 meters per second</strong>. Multiply the
                        prediction <strong>by 2</strong> and calculate the result expressed in <strong>knots</strong>.
                        1 meter per second is 1,94 knots.
                    </p>
                </div>
                <div class="col-md-6 text-center">
                    <p class="lead">
                        <strong>Time</strong> is expressed in UTC (Universal Time). Add <strong>2 hours</strong> in
                        the summer or <strong>1 hour</strong> in the winter to calculate the result expressed in local
                        (Adriatic) time.
                    </p>
                </div>
            </div>

        </div>
    </div>

</div>

<?php include('footer.php'); ?>