-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
112 lines (112 loc) · 4.56 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Life Tracker</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
</head>
<body>
<h1>Life Tracker</h1>
<h2>Daily Tasks</h2>
<ul>
<li>
<span class="material-symbols-outlined" style="color: #FFFF00; text-shadow: 0 0 1px #FFFF00, 0 0 2px #FFFF00;">
sports_martial_arts
</span>
Exercise
<div class="streak-view" id="exercise-streak">
<!-- Streak view for Exercise tasks will be added here -->
</div>
<button onclick="addStreak(dailyTasksData[0])">Complete</button>
<button onclick="resetStreak(dailyTasksData[0])">Reset Streak</button>
</li>
<li>
<span class="material-symbols-outlined" style="color: #EE82EE; text-shadow: 0 0 1px #EE82EE, 0 0 2px #EE82EE;">
mindfulness
</span>
Abstinence
<div class="streak-view" id="abstinence-streak">
<!-- Streak view for Abstinence tasks will be added here -->
</div>
<button onclick="addStreak(dailyTasksData[1])">Complete</button>
<button onclick="resetStreak(dailyTasksData[1])">Reset Streak</button>
</li>
<!-- Add similar code for the remaining tasks -->
<li>
<span class="material-symbols-outlined" style="color: #39FF14; text-shadow: 0 0 1px #39FF14, 0 0 2px #39FF14;">
Terminal
</span>
Programming
<div class="streak-view" id="programming-streak">
<!-- Streak view for Programming tasks will be added here -->
</div>
<button onclick="addStreak(dailyTasksData[2])">Complete</button>
<button onclick="resetStreak(dailyTasksData[2])">Reset Streak</button>
</li>
<li>
<span class="material-symbols-outlined" style="color: #00FFFF; text-shadow: 0 0 1px #00FFFF, 0 0 2px #00FFFF;">
email
</span>
Checking Emails
<div class="streak-view" id="checking-emails-streak">
<!-- Streak view for Checking Emails tasks will be added here -->
</div>
<button onclick="addStreak(dailyTasksData[3])">Complete</button>
<button onclick="resetStreak(dailyTasksData[3])">Reset Streak</button>
</li>
<li>
<span class="material-symbols-outlined" style="color: #FFA500; text-shadow: 0 0 1px #FFA500, 0 0 2px #FFA500;">
self_improvement
</span>
Future Idealization
<div class="streak-view" id="future-idealization-streak">
<!-- Streak view for Future Idealization tasks will be added here -->
</div>
<button onclick="addStreak(dailyTasksData[4])">Complete</button>
<button onclick="resetStreak(dailyTasksData[4])">Reset Streak</button>
</li>
</ul>
<h2>Dynamic Daily Task</h2>
<label for="water-input">
<span class="material-symbols-outlined" style="color: #0084ff; text-shadow: 0 0 1px #0084ff, 0 0 2px #0084ff;">
water_full
</span>
Water Consumption (liters):
</label>
<input type="number" id="water-input" min="0" step="0.1">
<p>Goal: 4 liters</p>
<h2>Weekly Tasks</h2>
<ul>
<li>
<span class="material-symbols-outlined" style="color: #FFD700; text-shadow: 0 0 1px #FFD700, 0 0 2px #FFD700;">
book_4
</span>
Educational Content
</li>
<li>
<span class="material-symbols-outlined" style="color: #BF40BF; text-shadow: 0 0 1px #BF40BF, 0 0 2px #BF40BF;">
quiz
</span>
Review Previous Week's Education
</li>
<li>
<span class="material-symbols-outlined" style="color: #006400; text-shadow: 0 0 1px #006400, 0 0 2px #006400;">
account_balance
</span>
Analyze Finances
</li>
<li>
<span class="material-symbols-outlined" style="color: #8B4513; text-shadow: 0 0 1px #8B4513, 0 0 2px #8B4513;">
find_in_page
</span>
Look up Internship/Research Opportunities
</li>
</ul>
<h2>Custom Tasks</h2>
<ul>
</ul>
<script src="streakView.js"></script>
</body>
</html>