-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
51 lines (48 loc) · 2.35 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WeatherKV</title>
<link rel="stylesheet" href="font/Rimouski.css">
<link rel="stylesheet" href="style.css">
<!-- <script src="./app.js"></script> -->
</head>
<body>
<div class="app-name">
WeatherKV
<br />
Weather in Kouri-Vini
</div>
<div class="container" layout="responsive">
<div class="app-title">
<p>Tem-la</p>
</div>
<div class="location">
<p id="location">-</p>
</div>
<div class="notification"> </div>
<div class="weather-container">
<div class="weather-icon">
<img src="icons/unknown.png" alt="">
</div>
<div class="temperature-description">
<p id="kourivini"> - </p>
</div>
<div class="temperature-value">
<p>- °<span>F</span></p>
</div>
<div class="temperature-switch">
<p title="Click on the temperature to switch between °F & °C">Pousé disi niméro-la pou shanjé ent °F & °C</p>
</div>
<form id="search">
<input type="text" id="searchbar" placeholder="wa pou in lòt vilaj" title="search for another city" autocomplete="off" autofocus="autofocus">
<button type="submit" id="searchbtn" class="button" title="SearchButton"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg></button>
</form>
</div>
</div>
<p id="github">Check out this repository on <a href="https://github.com/Louisianish/weatherkv" target="_blank" rel="noopener">GitHub</a></p>
<!-- <script src="city-list.js"></script> -->
<script src="app.js"></script>
</body>
</html>