-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
59 lines (44 loc) · 2.14 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- META TAGS -->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta charset="UTF-8">
<!-- THEME COLOR FOR MOBILE VERSION -->
<meta name="theme-color" content="#28a58a">
<!-- TITLE -->
<title>What To-do</title>
<!-- TIME TRACKER (START) -->
<script type="text/javascript">
var start = Date.now();
</script>
<!-- ICON -->
<link rel="shortcut icon" href="resources/icon.ico" type="image/ico">
<!-- CSS STYLESHEET -->
<link rel="stylesheet" href="resources/style.css">
</head>
<body>
<!-- HEADER -->
<header>
<input type="text" id="matter" placeholder="Add a task..." autofocus="autofocus">
<button id="add">
<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1536 960q0-84-32-183t-64-194-32-167v-32h-640v32q0 35-12 67.5t-37 62.5-46 50-54 49q-9 8-14 12-81 72-145 112-22 14-68 38-3 1-22.5 10.5t-36 18.5-35.5 20-30.5 21.5-11.5 18.5q0 71 30.5 115.5t97.5 44.5q43 0 84.5-15t68-33 55-33 48.5-15v576q0 50 38.5 89t89.5 39q52 0 90-38t38-90v-331q46 35 103 35 69 0 119-53 32 18 69 18t73.5-17.5 52.5-47.5q24 4 56 4 85 0 126-48.5t41-135.5zm-128-768q0-26-19-45t-45-19-45 19-19 45 19 45 45 19 45-19 19-45zm256 764q0 142-77.5 230t-217.5 87l-5-1q-76 61-178 61-22 0-43-3-54 30-119 37v169q0 105-76 180.5t-181 75.5q-103 0-179-76t-76-180v-374q-54 22-128 22-121 0-188.5-81.5t-67.5-206.5q0-38 17.5-69.5t49.5-55 63-40.5 72-37 62-33q55-35 129-100 3-2 17-14t21.5-19 21.5-20.5 22.5-24 18-22.5 14-23.5 4.5-21.5v-288q0-53 37.5-90.5t90.5-37.5h640q53 0 90.5 37.5t37.5 90.5v288q0 59 59 223 69 190 69 317z"/></svg>
</button>
</header>
<!-- TASKS -->
<section>
<!-- UNCOMPLETED TASKS -->
<ul class="todo" id="todo"></ul>
<!-- CUTE THIN BAR IN BETWEEN -->
<div class="bar"></div>
<!-- COMPLETED TASKS -->
<ul class="todo" id="completed"></ul>
</section>
<!-- JAVASCRIPTS -->
<script src="resources/index.js"></script>
<!-- TIME TRACKER (END) -->
<script type="text/javascript">
console.log("Page load took " + (Date.now() - start) + " milliseconds");
</script>
</body>
</html>