/
page2.html
113 lines (109 loc) · 3.71 KB
/
page2.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="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="style2.css" />
<link rel="stylesheet" href="progress.css" />
</head>
<body>
<div id="main">
<div id="nav">
<a href="" id="sign">
<span class="img"></span>
<span class="name"><h4>Ayush Thakur</h4></span>
</a>
<div id="date-container"><h4 id="date">00/00/0000</h4></div>
</div>
<div id="content">
<div id="options">
<a class="options-list" href="#main"
><h2>Home</h2>
<div class="sliding-img">
<img
src="To-Do-Img/images/to-do-list-apps.webp"
alt=""
class="slide" /></div
></a>
<a class="options-list" href=""
><h2>Progress</h2>
<div class="sliding-img">
<img
src="To-Do-Img/images/black-and-white-chart-cost-industry.jpg"
alt=""
class="slide" /></div
></a>
<a class="options-list" href=""
><h2>Community</h2>
<div class="sliding-img">
<img
src="To-Do-Img/images/original-9c6201ef3215174d0d18ab61c7acd8f0.webp"
alt=""
class="slide" />
</div>
</a>
<div id="watch">
<h2 id="timer">00:00:00</h2>
<div id="bar">
<div id="line"></div>
</div>
</div>
</div>
<div id="list">
<div id="home">
<div onclick="submitProperty()" class="color-parent" id="submit">
<span><h4>Submit</h4> </span>
<span
><svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="20"
height="20"
fill="currentColor">
<path
d="M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z"></path></svg
></span>
<div id="submit-color" class="color-fill"></div>
</div>
<div id="goals-added-container">
<ul id="goals-added">
<!-- <li>hello</li> -->
</ul>
</div>
<div id="adding-goals">
<input type="text" />
<div onclick="addGoal()" id="add" class="color-parent">
<span
><svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="32"
height="32"
fill="rgba(255,255,255,255)">
<path
d="M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z"></path></svg
></span>
<div id="add-color" class="color-fill"></div>
</div>
</div>
</div>
<div id="progress">
<div class="chart">
<canvas id="progressChart"></canvas>
</div>
</div>
</div>
</div>
<div id="footer"></div>
</div>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js"
integrity="sha512-cOH8ndwGgPo+K7pTvMrqYbmI8u8k6Sho3js0gOqVWTmQMlLIi6TbqGWRTpf1ga8ci9H3iPsvDLr4X7xwhC/+DQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="script2.js"></script>
<script src="progress.js"></script>
</body>
</html>