-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
52 lines (52 loc) · 2.58 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
<!DOCTYPE html>
<html ng-app="SmartMirror">
<head>
<meta charset="utf-8">
<title>Smart Mirror</title>
<!-- Libraries -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular-animate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-i18n/1.5.0/angular-locale_nl-nl.min.js"></script>
<!-- App -->
<script src="config/main.js"></script>
<script src="assets/js/app.js"></script>
<script src="assets/js/services/compliments-service.js"></script>
<script src="assets/js/services/geolocation-service.js"></script>
<script src="assets/js/services/weather-service.js"></script>
<script src="assets/js/services/news-service.js"></script>
<script src="assets/js/controller.js"></script>
<!-- Styles and Resources -->
<link rel="shortcut icon" href="favicon.ico" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800,700" rel="stylesheet" type="text/css">
</head>
<body ng-controller="SmartMirrorController as commands">
<div id="cntr">
<div class="date grey">{{dateTime | date : 'EEEE, d MMMM yyyy'}}</div>
<div class="time">{{dateTime | date : 'HH:mm'}}</div>
<h1>{{compliment}}</h1>
<div class="weather">
<div class="weather-today">
<span class="icon dimmed wi {{weatherCurrentForcast.icon}}"></span>
<span class="tempreture">{{weatherCurrentForcast.temperature}}°</span>
</div>
<div class="weather-week-descriptor">
<span>{{weatherHourlyForcast.summary}}</span>
<span>{{weatherWeeklyForcast.summary}}</span>
</div>
<div class="weather-week" ng-repeat="forcast in weatherWeeklyForcast" ng-if="$index > 0">
<div class="weather-week-day">
<span class="day light-grey">{{forcast.date | date : 'EEE'}}</span>
<span class="icon-small dimmed wi {{forcast.icon}}"></span>
<span class="tempreture tempreture-min">{{forcast.temperatureMin}}°</span>
<span class="tempreture tempreture-max">{{forcast.temperatureMax}}°</span>
</div>
</div>
</div>
<ul class="news" ng-repeat="newsItem in news">
<li>{{newsItem.date | date : 'EEE, HH:mm'}}: {{newsItem.title}}</li>
</ul>
</div>
</body>
</html>