-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
110 lines (97 loc) · 8.65 KB
/
index.html
File metadata and controls
110 lines (97 loc) · 8.65 KB
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
<!doctype html>
<html lang="en">
<head>
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%22256%22 height=%22256%22 viewBox=%220 0 100 100%22><rect width=%22100%22 height=%22100%22 rx=%2250%22 fill=%22%230058ff%22></rect><path fill=%22%23fff%22 d=%22M72.15 21.33L72.15 21.33Q74.49 22.50 74.90 25.02Q75.30 27.54 73.59 29.61L73.59 29.61Q72.42 31.23 70.58 31.41Q68.73 31.59 66.84 30.69L66.84 30.69Q64.68 29.70 62.30 29.16Q59.91 28.62 57.30 28.62L57.30 28.62Q52.44 28.62 48.62 30.15Q44.79 31.68 42.09 34.52Q39.39 37.35 38.00 41.22Q36.60 45.09 36.60 49.77L36.60 49.77Q36.60 55.26 38.18 59.31Q39.75 63.36 42.54 66.06Q45.33 68.76 49.11 70.07Q52.89 71.37 57.30 71.37L57.30 71.37Q59.73 71.37 62.16 70.92Q64.59 70.47 66.84 69.30L66.84 69.30Q68.73 68.40 70.58 68.67Q72.42 68.94 73.68 70.56L73.68 70.56Q75.48 72.81 74.99 75.20Q74.49 77.58 72.24 78.66L72.24 78.66Q69.90 79.83 67.43 80.60Q64.95 81.36 62.43 81.77Q59.91 82.17 57.30 82.17L57.30 82.17Q50.82 82.17 45.02 80.10Q39.21 78.03 34.67 73.98Q30.12 69.93 27.51 63.86Q24.90 57.78 24.90 49.77L24.90 49.77Q24.90 42.84 27.29 36.99Q29.67 31.14 34.04 26.87Q38.40 22.59 44.34 20.21Q50.28 17.82 57.30 17.82L57.30 17.82Q61.26 17.82 65.04 18.72Q68.82 19.62 72.15 21.33Z%22></path></svg>" />
<meta charset="UTF-8">
<meta http-equiv=“Pragma” content=”no-cache”>
<meta http-equiv=“Expires” content=”-1″>
<meta http-equiv=“CACHE-CONTROL” content=”NO-CACHE”>
<!-- CSS Stylesheets -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="css/master.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700|Ubuntu" rel="stylesheet">
<title>API Project</title>
</head>
<body>
<img class="hero" src="images/banner.jpg" alt="banner">
<h1 class='section-heading'>API Project</h1>
<h2 class='section-subheading'>European Weather Forecast</h2>
<p><code class="copyright-text">Powered by <a href="http://www.7timer.info/doc.php?lang=en" target= "_blank" data-toggle="tooltip" data-placement="Top" title="Tap to visit 7Timer!" onclick="javascript:toolTipReset()"><span class="keyword-magnet">7Timer!</span></a></code></p>
<div class="section-description">
<p class="section-subheading">
<form id="query-form">
<select name="citySelected" id="citySelected" data-toggle="tooltip" onClick="javascript:toolTipReset()" data-placement="bottom" title="Drop down and select a city to see the forecast">
<option disabled selected value> -- select a city -- </option>
<option value='{"lat":"52.367","lon":"4.904"}'>Amsterdam, Netherlands</option>
<option value='{"lat":"39.933","lon":"32.859"}'>Ankara, Turkey</option>
<option value='{"lat":"56.134","lon":"12.945"}'>Åstorp, Sweden</option>
<option value='{"lat":"37.983","lon":"23.727"}'>Athens, Greece</option>
<option value='{"lat":"54.597","lon":"-5.930"}'>Belfast, Northern Ireland, UK</option>
<option value='{"lat":"41.387","lon":"2.168"}'>Barcelona, Spain</option>
<option value='{"lat":"52.520","lon":"13.405"}'>Berlin, Germany</option>
<option value='{"lat":"46.948","lon":"7.447"}'>Bern, Switzerland</option>
<option value='{"lat":"43.263","lon":"-2.935"}'>Bilbao, Basque Country, Spain</option>
<option value='{"lat":"50.847","lon":"4.357"}'>Brussels, Belgium</option>
<option value='{"lat":"47.497","lon":"19.040"}'>Bucharest, Romania</option>
<option value='{"lat":"59.329","lon":"18.068"}'>Budapest, Hungary</option>
<option value='{"lat":"51.483","lon":"-3.168"}'>Cardiff, Wales, UK</option>
<option value='{"lat":"50.937","lon":"6.96"}'>Cologne, Germany</option>
<option value='{"lat":"55.676","lon":"12.568"}'>Copenhagen, Denmark</option>
<option value='{"lat":"51.898","lon":"-8.475"}'>Cork, Ireland</option>
<option value='{"lat":"53.349","lon":"-6.260"}'>Dublin, Ireland</option>
<option value='{"lat":"55.953","lon":"-3.188"}'>Edinburgh, Scotland, UK</option>
<option value='{"lat":"43.7696","lon":"11.255"}'>Florence, Italy</option>
<option value='{"lat":"50.110","lon":"8.682"}'>Frankfurt, Germany</option>
<option value='{"lat":"43.254","lon":"6.637"}'>French Riviera, France</option>
<option value='{"lat":"32.650","lon":"-16.908"}'>Funchal, Madeira, Portugual</option>
<option value='{"lat":"36.140","lon":"-5.353"}'>Gibraltar, British Territory</option>
<option value='{"lat":"57.708","lon":"11.974"}'>Gothenburg, Sweden</option>
<option value='{"lat":"53.548","lon":"9.987"}'>Hamburg, Germany</option>
<option value='{"lat":"60.169","lon":"24.938"}'>Helsinki, Finland</option>
<option value='{"lat":"39.020","lon":"1.482"}'>Ibiza, Spain</option>
<option value='{"lat":"50.450","lon":"30.523"}'>Kyiv, Ukraine</option>
<option value='{"lat":"61.115","lon":"10.466"}'>Lillehammer, Norway</option>
<option value='{"lat":"38.722","lon":"-9.139"}'>Lisbon, Portugual</option>
<option value='{"lat":"51.507","lon":"-0.127"}'>London, England, UK</option>
<option value='{"lat":"40.416","lon":"-3.703"}'>Madrid, Spain</option>
<option value='{"lat":"39.695","lon":"3.017"}'>Mallorca, Spain</option>
<option value='{"lat":"53.480","lon":"-2.242"}'>Manchester, England, UK</option>
<option value='{"lat":"43.296","lon":"5.369"}'>Marseille, France</option>
<option value='{"lat":"27.760","lon":"-15.586"}'>Maspalomas, Gran Canaria, Spain</option>
<option value='{"lat":"45.464","lon":"9.190"}'>Milan, Italy</option>
<option value='{"lat":"48.135","lon":"11.582"}'>Munich, Germany</option>
<option value='{"lat":"40.851","lon":"14.268"}'>Naples, Italy</option>
<option value='{"lat":"43.034","lon":"-2.417"}'>Oñati, Basque Country, Spain</option>
<option value='{"lat":"59.913","lon":"10.752"}'>Oslo, Norway</option>
<option value='{"lat":"48.856","lon":"2.352"}'>Paris, France</option>
<option value='{"lat":"50.075","lon":"14.437"}'>Prague, Czech Republic</option>
<option value='{"lat":"64.146","lon":"-21.942"}'>Reykjavík, Iceland</option>
<option value='{"lat":"56.879","lon":"24.603"}'>Riga, Latvia</option>
<option value='{"lat":"41.902","lon":"12.496"}'>Rome, Italy</option>
<option value='{"lat":"39.453","lon":"-31.127"}'>Santa Cruz das Flores, Azores, Portugual</option>
<option value='{"lat":"28.463","lon":"-16.251"}'>Santa Cruz de Tenerife, Tenerife, Spain</option>
<option value='{"lat":"57.273","lon":"-6.215"}'>Skye, Scotland, UK</option>
<option value='{"lat":"42.697","lon":"23.321"}'>Sofia, Bulgaria</option>
<option value='{"lat":"59.329","lon":"18.068"}'>Stockholm, Sweden</option>
<option value='{"lat":"59.437","lon":"24.753"}'>Tallinn, Estonia</option>
<option value='{"lat":"18.208","lon":"16.373"}'>Vienna, Austria</option>
<option value='{"lat":"52.229","lon":"21.012"}'>Warsaw, Poland</option>
<option value='{"lat":"53.961","lon":"-1.07"}'>York, England, UK</option>
<option value='{"lat":"47.376","lon":"8.541"}'>Zurich, Switzerland</option>
</select>
</form>
</p>
<div class="section-subheading" id="get-results-heading"></div>
<div class="results-div" id="results"></div>
</body>
<footer>
<p class="copyright-text">© Copyright 2024 API Project</p>
</footer>
<!-- Our codes -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
<script src="js/main.js"></script>