/
index.pug
55 lines (55 loc) · 1.58 KB
/
index.pug
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
doctype html
html(lang='en')
head
meta(charset='UTF-8')
title Weather
link(rel='stylesheet prefetch', href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/css/bootstrap.css')
link(rel='stylesheet', href='css/style.css')
body
.container
.row
header.col-md-12.text-center
h1 Weather APP
.weatherInfo.col-md-8.offset-md-2
.text-box.text-center
p
span#city
span#country
p
span#temp
span#tempChange.temp
p
span#weather
.weatherIcons.text-center
.icon.sun-shower.hide
.cloud
.sun
.rays
.rain
.icon.thunder-storm.hide
.cloud
.lightning
.bolt
.bolt
.icon.cloudy.hide
.cloud
.cloud
.icon.flurries.hide
.cloud
.snow
.flake
.flake
.icon.sunny.hide
.sun
.rays
.icon.rainy.hide
.cloud
.rain
p.text-center.small
| Inspired By
a(href='https://codepen.io/joshbader/full/EjXgqr/', target='_blank') Joshbader
p.text-center.small
| Yahoo!
a(href='https://www.yahoo.com/news/weather', target='_blank') Weather
script(src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js')
script(src='js/index.js')