-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
109 lines (87 loc) · 2.42 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="lib/onsen/css/onsenui.css"/>
<link rel="stylesheet" type="text/css" href="lib/onsen/css/onsen-css-components.css"/>
<script src="lib/onsen/js/onsenui.js"></script>
<style>
.center{
color:#ce0b35;
}
#menu {
background-color: white;
}
.everything {
background-color: #ce0b35;
}
.dope {
background-color:#e8b3bf;
}
.ajuma {
color:black;
}
</style>
</head>
<body>
<ons-splitter>
<ons-splitter-side id="menu" side="left" width="160px" collapse swipeable>
<ons-page>
<ons-list class = "dope">
<ons-list-item onclick="fn.load('home.html')" tappable>
Home
</ons-list-item>
<ons-list-item onclick="fn.load('add.html')" tappable>
Add Task
</ons-list-item>
</ons-list>
</ons-page>
</ons-splitter-side>
<ons-splitter-content id="content" page="home.html"></ons-splitter-content>
</ons-splitter>
<ons-template id="home.html">
<ons-page id = "home">
<ons-toolbar class = "everything">
<div class="left">
<ons-toolbar-button onclick="fn.open()">
<ons-icon icon="md-menu"></ons-icon>
</ons-toolbar-button>
</div>
<div class="center" style="color: white">
Mytasky
</div>
</ons-toolbar>
<ons-list id="Ajuma" style = "color: black; " >
<ons-list-item class = 'ajuma'>Item A</ons-list-item>
</ons-list>
<ons-fab position = "bottom right" background-color = "blue" onclick= "fn.load('add.html')">
<ons-icon icon = "md-plus" color = "white"></ons-icons>
</ons-fab>
</ons-page>
</ons-template>
<ons-template id="add.html">
<ons-page>
<ons-toolbar class = "everything">
<div class="left">
<ons-toolbar-button onclick="fn.open()">
<ons-icon icon="md-menu"></ons-icon>
</ons-toolbar-button>
</div>
<div class="center">
Add Tasks
</div>
</ons-toolbar>
<div style="text-align: center; margin-top: 50px;">
<p>
<ons-input id= "item" style= "width:84%; border-bottom-style: solid; border-bottom-width: 1px;">
</ons-input>
</p>
<p style="margin-top:10px;">
<ons-button onclick = "Grace()">Add Task</ons-button>
</p>
</div>
</ons-page>
</ons-template>
<script src="app.js"></script>a
</body>
</html>