-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (131 loc) · 5.45 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
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 manifest="manifest.php">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#9c27b0">
<title>Weather VIP</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,500,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="dist/css/framework7.material.css">
<link rel="stylesheet" href="dist/css/framework7.material.colors.css">
<link rel="stylesheet" href="css/weather7.css">
<link rel="icon" href="img/icon.png">
</head>
<body>
<!-- Main views-->
<div class="views">
<div class="view view-main navbar-fixed">
<div class="pages">
<div data-page="index" class="page"><a href="#" class="open-popup link floating-button color-blue"><i class="icon icon-plus"></i></a>
<div class="navbar theme-purple">
<div class="navbar-inner">
<div class="center">Weather VIP</div>
</div>
</div>
<div class="fake-navbar bg-purple"></div>
<div class="page-content">
<div class="list-block places-list">
<ul></ul>
<div class="list-block-label"><img src="img/yahoo-logo.png" height="20"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Search popup-->
<div class="popup">
<div class="view">
<div class="pages">
<div class="page navbar-fixed">
<div class="navbar">
<div class="navbar-inner">
<form class="searchbar">
<div class="searchbar-input">
<input type="search" placeholder="Search"><a href="#" class="searchbar-clear"></a>
<div class="preloader preloader-white"></div>
</div>
</form>
</div>
</div>
<div class="page-content">
<div class="list-block">
<ul class="search-results"></ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Templates-->
<script id="search-results-template" type="text/template">
{{#each this}}
{{#if admin1}}{{#if admin1.content}}
<li data-woeid="{{woeid}}" data-city="{{name}}" data-country="{{country.content}}" class="close-popup"><a href="#" class="item-content item-link">
<div class="item-inner">
<div class="item-title">{{name}} <span>{{admin1.content}}, {{country.content}}</span></div>
</div></a></li>{{/if}}{{/if}}
{{/each}}
</script>
<script id="home-items-template" type="text/template">{{#each this}}
<li data-woeid="{{woeid}}" class="swipeout">
<div class="swipeout-content"><a href="#" data-woeid="{{woeid}}" class="item-content item-link">
<div class="item-inner">
<div class="item-title">
<div class="city">{{city}}</div>
<div class="country">{{country}}</div>
</div>
<div class="item-after">{{condition.temp}}°</div>
</div></a></div>
<div class="swipeout-actions-right"><a href="#" class="swipeout-delete"><i class="icon icon-delete"></i></a></div>
</li>{{else}}
<li class="item-content">
<div class="item-inner">
<div class="item-title">You haven't added any places yet</div>
</div>
</li>{{/each}}
</script>
<script id="details-template" type="text/template">
<div class="pages navbar-fixed">
<div data-page="detail" data-woeid="{{woeid}}" class="page">
<div class="navbar theme-purple">
<div class="navbar-inner">
<div class="left"><a href="index.html" class="back link icon-only"><i class="icon icon-back"></i></a></div>
<div class="center">{{city}}</div>
</div>
</div>
<div class="fake-navbar bg-purple"></div>
<div class="page-content">
<div class="detail-page-header">
<div class="detail-page-header-overlay"></div>
<div class="detail-temp">{{condition.temp}}°</div>
<div class="detail-condition">{{condition.text}}</div>
</div>
<div class="list-block forecast-list">
<ul>{{#each forecast}}
<li class="item-content">
<div class="item-inner">
<div class="item-title">
<div class="day">{{dayOfWeek date}}</div>
<div class="date">{{formatedDated date}}</div>
</div>
<div class="item-after">
<div class="state">{{text}}</div>
<div class="temps"><span class="high">{{high}}°</span><span class="low">{{low}}°</span></div>
</div>
</div>
</li>{{/each}}
</ul>
</div>
</div>
</div>
</div>
</script>
<!-- Path to Framework7 Library JS-->
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="dist/js/framework7.js"></script>
<!-- Path to your app js-->
<script type="text/javascript" src="js/weather7.js"></script>
</body>
</html>