parttimetriggered.github.io/index.html at main · PartTimeTriggered/parttimetriggered.github.io · 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
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>

<html lang="en-us">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Weather Analysis: Latitude and Temperature</title>


    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
    integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

    <link rel="stylesheet" href="style.css">
</head>


<div class="container">
        <nav class="navbar-custom navbar-expand-sm">
            <a id="aa1" class="navbar-brand" href="#">WeatherPy Navbar</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                <div class="navbar-nav">
                    <a class="nav-item nav-link" href="index.html">WeatherPyHome</a>
                    <a class="nav-item nav-link" href="TemperaturePage.html">Temperature</a>
                    <a class="nav-item nav-link" href="HumidityPage.html">Humidity</a>
                    <a class="nav-item nav-link" href="CloudinessPage.html">Cloud Cover</a>
                    <a class="nav-item nav-link" href="WindSpeedPage.html">Wind Speed</a>
                    <a class="nav-item nav-link" href="CityData.html">City Data</a>
                </div>
            </div>
        </nav>
        </div>
    </div>
</div><br>


<body>

<h1>WeatherPy: Weather Indicators by Latitude from Database of Cities</h1><br>

    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <p>This Webpage is dedicated to the analysis of weather patterns. Weather analyses is an extremely complex problem often requiring supercomputers for predictive capabilities. However, many basic analyses can be performed experimentally
                    using a python enviroment. As an example of this approach, we acquired data for a range of different cities and evaluated temperature, humidity, cloud cover, and wind speed in relation to the latitude of the city.
                    Using this approach, we demonstrate that both correlated and non-correlated measurements are easily identified.
                </p>
            </div>
        </div><br>

        <div class="row">
            <div class="col-lg-3 col-md-6">
            <img id="a1" src="Resources/assets/images/Fig1.png"
                            height=175px
                            />
            </div>
            <div class="col-lg-3 col-md-6">
            <img id="a1" src="Resources/assets/images/Fig2.png"
                            height=175px
                            />
            </div>
            <div class="col-lg-3 col-md-6">
            <img id="a1" src="Resources/assets/images/Fig3.png"
                            height=175px
                            />
            </div>
            <div class="col-lg-3 col-md-6">
            <img id="a1" src="Resources/assets/images/Fig4.png"
                            height=175px
                            />
            </div>
        </div><br>


        <div class="row">
            <div class="col-lg-3 col-md-6">
                <form id="a2" method="get" action="Resources/assets/images/Fig1.png">
                    <button type="submit">Temperature</button></form>
            </div>

            <div class="col-lg-3 col-md-6">
                <form id="a2" method="get" action="Resources/assets/images/Fig2.png">
                    <button type="submit">Humidity</button></form>
            </div>

            <div class="col-lg-3 col-md-6">
                <form id="a2" method="get" action="Resources/assets/images/Fig3.png">
                    <button type="submit">Cloudiness</button></form>
            </div>

            <div class="col-lg-3 col-md-6">
                <form id="a2" method="get" action="Resources/assets/images/Fig4.png">
                    <button type="submit">Wind Speed</button></form>
            </div>

        </div><br><br>

        <div class="row">
            <div class="col-lg-12">
                <h2>Summary of Study</h2><br>
                <p>This study used the OpenWeatherMap API and Python/Pandas data tools to identify weather data from a range of random cities. These weather data points were plotted against
                    the latitude of the city and are represented using MatPlotLib graphical library function. The date for analyses was 03/05/2022, but alternative dates are possible for further
                    analyses using the OpenWeather API and Python/Pandas scripts stored in my GitHub Repo linked below.
                </p><br>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-6">
                <a id="a3" href="https://openweathermap.org/api" target="blank">OpenWeather API Link</a>
            </div>

            <div class="col-lg-6">
                <a id="a3" href="https://github.com/PartTimeTriggered/API-challenge.git" target="blank">Git Repo Link for Weather Analysis</a>
            </div>
        </div>

    </div>

</body>


</html>