WeatherPy/temperature.html at master · rochiecuevas/WeatherPy · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset = "UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <!-- Link to the CSS stylesheet -->
    <link href="css/main.css" rel="stylesheet">

    <!-- Bootstrap Stylesheet -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <title>Max Temperature</title>
</head>

<body>
    <!-- Navigation -->
    <nav class = "navbar navbar-default">
        <div class = "container-fluid">
            <div class = "navbar-header">
                <button type = "button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                    <span class = "icon-bar"></span>
                    <span class = "icon-bar"></span>
                    <span class = "icon-bar"></span>
                </button>
                <a class = "navbar-brand" href = "./index.html"><span class = "glyphicon glyphicon-home"></span> WeatherPy</a>
            </div>
            <div class="collapse navbar-collapse" id="myNavbar">
                <ul class = "nav navbar-nav navbar-right">
                    <li class = "dropdown">
                        <a class = "dropdown-toggle" data-toggle = "dropdown" href = "#">Plots
                        <span class = "caret"></span></a>
                        <ul class = "dropdown-menu">
                            <li><a href = "./cloudiness.html">Cloudiness</a></li>
                            <li><a href = "./humidity.html">Humidity</a></li>
                            <li class = "active"><a href = "./temperature.html">Max Temperature</a></li>
                            <li><a href = "./wind_speed.html">Wind Speed</a></li>
                        </ul>
                    </li>
                    <li><a href = "./data.html">Data</a></li>
                    <li><a href = "./comparison.html">Comparison</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <div class = "container">
        <div class = "row">
            <!-- Humidity information -->
            <div class = "col-md-9">
                <h3>Latitude and Maximum Temperature</h3>

                <hr>

                <img src = "https://github.com/rochiecuevas/WeatherPy/blob/master/Images/lat_temp_20181014.png?raw=True" alt = "latitude and max temperature" width = 100%/>

                <p>Temperatures recorded on October 14, 2018 indicate that cities between the Equator and the 20th parallel north registered the warmest conditions. As cities grew farther north from the Equator, the temperature dropped. Likewise, the temperatures observed in the cities below the Equator went lower as they approached the South Pole. It was also observed that the temperatures were lower in the cities between the 40th and the 60th parallel north than in the cities between the 40th and the 60th parallel south. <a href = "https://sciencing.com/differences-between-northern-southern-hemisphere-8260091.html">Winter</a> is coming to the Northern Hemisphere but summer is approaching in the Southern Hemisphere.</p>
            </div>

            <!-- Links to visualisation -->
            <div class = "col-md-3">
                <h3>Visualisation</h3>

                <hr>

                <ul class = "a">
                    <li>
                        <a href = "./cloudiness.html">
                            <img src = "https://github.com/rochiecuevas/WeatherPy/blob/master/Images/lat_cloud_20181014.png?raw=True" alt = "latitude and cloudiness" width = 100%/>
                        </a>
                    </li>
                    <li>
                        <a href = "./humidity.html">
                            <img src = "https://github.com/rochiecuevas/WeatherPy/blob/master/Images/lat_hum_20181014.png?raw=True" alt = "latitude and humidity" width = 100%/>
                        </a>
                    </li>
                    <li class = "active">
                        <a href = "./temperature.html">
                            <img src = "https://github.com/rochiecuevas/WeatherPy/blob/master/Images/lat_temp_20181014.png?raw=True" alt = "latitude and max temperature" width = 100%/>
                        </a>
                    </li>
                    <li>
                        <a href = "./wind_speed.html">
                            <img src = "https://github.com/rochiecuevas/WeatherPy/blob/master/Images/lat_wind_20181014.png?raw=True" alt = "latitude and wind speed" width = 100%/>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>