-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
315 lines (315 loc) · 10.6 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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>To-Do List by SpiralForge</title>
<link
rel="shortcut icon"
href="./images/favicon.png"
type="image/x-icon"
/>
<link rel="stylesheet" href="./css/index.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<script defer src="./js/index.js"></script>
</head>
<body>
<h1>Do Your Work..</h1>
<nav>
<ul class="nav__menu">
<li class="nav__button nav__button--active" data-btn="0">
All_Task
</li>
<li class="nav__button" data-btn="1">Upcoming</li>
<li class="nav__button" data-btn="2">Completed</li>
<li class="nav__button" data-btn="3">About_Us</li>
<li class="nav__button" data-btn="4">Version</li>
<li class="nav__button" data-btn="5">Copyright</li>
</ul>
<button class="btn--open--modal">Add Task</button>
</nav>
<div
class="container container--0 container--active"
data-container="0"
>
<h2>Total Tasks List</h2>
<ul class="content task__list">
<!-- <li class="task task--0" data-task_number="0" data-completed="false">
<div class="checkbox__input">
<label class="checkbox__label">
<input type="checkbox" class="checkbox" data-checkbox_number="0">
</label>
</div>
<div class="task__details">
<input type="text" value="Lorem, ipsum dolor." class="task__details--name not__editable" data-name_number="0" disabled="true">
<div class="task__details--datediv">
Due <input type="text" value="December 19, 2021" class="task__details--date not__editable" data-date_number="0" disabled="true">
</div>
</div>
<div class="task__buttons">
<button class="task__button task__button--edit" data-edit_number="0"><i class="fa fa-edit"></i></button>
<button class="task__button task__button--delete" data-delete_number="0"><i class="fa fa-trash"></i></button>
</div>
</li> -->
</ul>
</div>
<div class="container container--1" data-container="1">
<h2>Upcoming Tasks List</h2>
<ul class="content task__list--upcoming">
<!-- <li class="task task--0" data-task_number="0" data-completed="false">
<div class="checkbox__input">
<label class="checkbox__label">
<input type="checkbox" class="checkbox" data-checkbox_number="0">
</label>
</div>
<div class="task__details">
<input type="text" value="Lorem, ipsum dolor." class="task__details--name not__editable" data-name_number="0" disabled="true">
<div class="task__details--datediv">
Due <input type="text" value="December 19, 2021" class="task__details--date not__editable" data-date_number="0" disabled="true">
</div>
</div>
<div class="task__buttons">
<button class="task__button task__button--edit" data-edit_number="0"><i class="fa fa-edit"></i></button>
<button class="task__button task__button--delete" data-delete_number="0"><i class="fa fa-trash"></i></button>
</div>
</li> -->
</ul>
</div>
<div class="container container--2" data-container="2">
<h2>Completed Tasks List</h2>
<ul class="content task__list--completed">
<!-- <li class="task task--0" data-task_number="0" data-completed="false">
<div class="checkbox__input">
<label class="checkbox__label">
<input type="checkbox" class="checkbox" data-checkbox_number="0">
</label>
</div>
<div class="task__details">
<input type="text" value="Lorem, ipsum dolor." class="task__details--name not__editable" data-name_number="0" disabled="true">
<div class="task__details--datediv">
Due <input type="text" value="December 19, 2021" class="task__details--date not__editable" data-date_number="0" disabled="true">
</div>
</div>
<div class="task__buttons">
<button class="task__button task__button--edit" data-edit_number="0"><i class="fa fa-edit"></i></button>
<button class="task__button task__button--delete" data-delete_number="0"><i class="fa fa-trash"></i></button>
</div>
</li> -->
</ul>
</div>
<div class="container container--3" data-container="3">
<h2>About Owner</h2>
<div class="content">
<p class="abtme"><b>Name:</b> Abhay Parihar</p>
<p class="abtme"><b>Username:</b> SpiralForge</p>
<p class="abtme"><b>Contact:</b> 6265119378</p>
<p class="abtme">
<b>Mail:</b>
<a href="mailto:[email protected]">
Click Here</a
>
or mail to [email protected]
</p>
<p class="abtme"><b>Branch:</b> Information Technology</p>
<p class="abtme"><b>College:</b> IIIT Allahabd</p>
<p class="abtme">
To know more about me visit my portfolio (
<a href="http://spiralforge.herokuapp.com/" target="_blank"
>Click Here</a
>
).
</p>
<div class="abtme social--links">
<a
href="https://www.facebook.com/spiralforge.a.s"
target="_blank"
><i class="fa fa-facebook"></i
></a>
<a
href="https://www.instagram.com/spiralforge_"
target="_blank"
><i class="fa fa-instagram"></i
></a>
<a href="https://twitter.com/SpiralForge_" target="_blank"
><i class="fa fa-twitter"></i
></a>
<a
href="https://www.linkedin.com/in/abhay-parihar-132281201"
target="_blank"
><i class="fa fa-linkedin"></i
></a>
<a href="https://github.com/A-Spiral-Forge" target="_blank"
><i class="fa fa-github"></i
></a>
</div>
</div>
</div>
<div class="container container--4" data-container="4">
<h2>Version History</h2>
<div class="content">
<details>
<summary>
<h5>Version 1.0.0</h5>
</summary>
<div class="main">
This is the first version of To-Do List by
SpiralForge.<br />
<span>This contains:</span>
<ol>
<li>Adding a task</li>
<li>Deleting a task</li>
<li>Strikethrough on check checkbox</li>
<li>Remove strikethrough on uncheck box</li>
</ol>
</div>
</details>
<details>
<summary>
<h5>Version 1.1.0</h5>
</summary>
<div class="main">
Major Bug Fixes<br />
<span>Bug Fixes:</span>
<ol>
<li>Change count on deletion</li>
<li>
Change completed count when completed task
deleted
</li>
<li>Position of count changed</li>
</ol>
</div>
</details>
<details>
<summary>
<h5>Version 1.1.1</h5>
</summary>
<div class="main">
Minor Bug Fixes<br />
<span>Bug Fixes:</span>
<ol>
<li>
Fixed bug when clicking the button in navbar no
changes occur previosly. Now it is fixed.
</li>
</ol>
</div>
</details>
<details>
<summary>
<h5>Version 2.0.0</h5>
</summary>
<div class="main">
Major Features and UI Change<br />
<span>Following changes are done:</span>
<ol>
<li>
Upcoming and Completed task list are added to
see them separately.
</li>
<li>
Local storage is used for keep safe of tasks.
</li>
<li>Add task modal is introduced.</li>
<li>New user interface is introduced.</li>
<li>
Missing tasks are now marked as red and complted
marked green.
</li>
<li>Editing tasks is introduced.</li>
</ol>
</div>
</details>
<details>
<summary>
<h5>Version 2.0.1</h5>
</summary>
<div class="main">
Minor Bug Fixes<br />
<span>Bug Fixes:</span>
<ol>
<li>
Fixed the sorting of tasks with their target
date.
</li>
</ol>
</div>
</details>
</div>
</div>
<div class="container container--5" data-container="5">
<h2>Copyright Notice</h2>
<div class="content">
<p class="copyright">
Copyright © SpiralForge 2021 All Rights Reserved
<br /><br />
All files and information contained in this Website or Blog
are copyright by <span class="myname">Abhay Parihar</span>,
and may not be duplicated, copied, modified or adapted, in
any way without our written permission. Our Website or Blog
may contain our service marks or trademarks as well as those
of our affiliates or other companies, in the form of words,
graphics, and logos. Your use of our Website, Blog or
Services does not constitute any right or license for you to
use our service marks or trademarks, without the prior
written permission of
<span class="myname">Abhay Parihar</span>. Our Content, as
found within our Website, Blog and Services, is protected
under India and foreign copyrights. The copying,
redistribution, use or publication by you of any such
Content, is strictly prohibited. Your use of our Website and
Services does not grant you any ownership rights to our
Content.
</p>
</div>
</div>
<div class="overlay hidden"></div>
<div class="task__add--modal hidden">
<div class="close--btn-div">
<span class="close--btn">×</span>
</div>
<form class="form__add--task">
<div class="input__form--flex">
<label for="taskName" class="input__task--label"
>Task Name:</label
>
<input
type="text"
name="taskName"
class="input__task input__task--name"
placeholder="Enter task name here"
/><br />
</div>
<div class="input__form--flex">
<label for="dueDate" class="input__task--label"
>Date:</label
>
<input
type="date"
name="dueDate"
class="input__task input__task--date"
placeholder="1970-01-01"
/>
</div>
<div class="input__form--flex">
<button
type="submit"
class="input__task input__task--btn input__task--add"
>
Add Task
</button>
<button
type="reset"
class="input__task input__task--btn input__task--reset"
>
Reset
</button>
</div>
</form>
</div>
</body>
</html>