-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
113 lines (90 loc) · 3.87 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="generator" content="NexFocus">
<title>NexFocus</title>
<!-- Place favicon.ico in the `app/` directory -->
<!-- Chrome for Android theme color -->
<meta name="theme-color" content="#2E3AA1">
<!-- Web Application Manifest -->
<link rel="manifest" href="manifest.json">
<!-- Tile color for Win8 -->
<meta name="msapplication-TileColor" content="#3372DF">
<!-- Add to homescreen for Chrome on Android -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="application-name" content="NexFocus">
<link rel="icon" sizes="192x192" href="images/touch/chrome-touch-icon-192x192.png">
<!-- Add to homescreen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="NexFocus">
<link rel="apple-touch-icon" href="images/touch/apple-touch-icon.png">
<!-- Tile icon for Win8 (144x144) -->
<meta name="msapplication-TileImage" content="images/touch/ms-touch-icon-144x144-precomposed.png">
<!-- build:css styles/main.css -->
<link rel="stylesheet" href="styles/main.css">
<!-- endbuild-->
<!-- build:js bower_components/webcomponentsjs/webcomponents-lite.min.js -->
<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<!-- endbuild -->
<!-- Because this project uses vulcanize this should be your only html import
in this file. All other imports should go in elements.html -->
<link rel="import" href="elements/elements.html">
<!-- For shared styles, shared-styles.html import in elements.html -->
<style is="custom-style" include="shared-styles"></style>
</head>
<body unresolved>
<span id="browser-sync-binding"></span>
<template is="dom-bind" id="app">
<paper-drawer-panel id="paperDrawerPanel">
<paper-scroll-header-panel drawer fixed>
<paper-toolbar id="drawerToolbar">
<span class="menu-name">NexFocus</span>
</paper-toolbar>
<paper-menu attr-for-selected="data-route" selected="{{route}}">
<a data-route="home" href="{{baseUrl}}">
<iron-icon icon="image:timer"></iron-icon>
<span>Timer</span>
</a>
<a data-route="stats" href="/stats">
<iron-icon icon="timeline"></iron-icon>
<span>Statistics</span>
</a>
</paper-menu>
</paper-scroll-header-panel>
<paper-header-panel main id="headerPanelMain">
<div class="horizontal layout">
<paper-toolbar class="flex">
<paper-tabs class="flex" attr-for-selected="data-route" selected="{{route}}">
<paper-tab data-route="home"><iron-icon icon="image:timer"></iron-icon></paper-tab>
<paper-tab data-route="stats"><iron-icon icon="timeline"></iron-icon></paper-tab>
</paper-tabs>
<template is="dom-if" if="{{user}}">
<div class="profile">
<img src="{{user.google.cachedUserProfile.picture}}" alt="profile picture" />
</div>
</template>
</paper-toolbar>
</div>
<div class="content">
<iron-pages attr-for-selected="data-route" selected="{{route}}">
<section data-route="home">
<main-app-view></main-app-view>
</section>
<section data-route="stats">
<main-stat-view id="statView" user="{{user}}"></main-stat-view>
</section>
</iron-pages>
</div>
</paper-header-panel>
</paper-drawer-panel>
<sign-in user="{{user}}"></sign-in>
</template>
<!-- build:js scripts/app.js -->
<script src="scripts/app.js"></script>
<!-- endbuild-->
</body>
</html>