Skip to content
This repository was archived by the owner on Jan 29, 2025. It is now read-only.

Commit 0a6d5b1

Browse files
SpaceCoderProSpaceCoderPro
authored
Update index.html
1 parent c866483 commit 0a6d5b1

1 file changed

Lines changed: 56 additions & 28 deletions

File tree

‎index.html‎

Lines changed: 56 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,68 @@
1+
12
<!DOCTYPE html>
2-
<html lang="en">
3+
<html lang="en" class="dark">
34
<head>
45
<meta charset="UTF-8">
56
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Comprehensive To-Do List Manager</title>
7+
<title>Advanced Dark Mode To-Do Manager</title>
8+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
9+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
710
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.0/chart.min.js"></script>
11+
<link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
812
<style src="style.css"></style>
913
</head>
10-
<body>
11-
<div class="container">
12-
<h1 id="greeting"></h1>
13-
<div id="tabSelector">
14-
<button onclick="switchTab('personal')">Personal</button>
15-
<button onclick="switchTab('school')">School</button>
14+
<body class="min-h-screen p-6">
15+
<div class="container mx-auto">
16+
<h1 id="greeting" class="text-3xl font-bold mb-6 text-center text-blue-400"></h1>
17+
18+
<div id="tabContainer" class="mb-6">
19+
<div id="tabList" class="flex space-x-2 mb-2">
20+
<button class="custom-tab active" data-tab="personal">Personal</button>
21+
<button class="custom-tab" data-tab="books">Books to Read</button>
22+
</div>
23+
<button id="addTabBtn" class="px-2 py-1 bg-blue-600 text-white rounded hover:bg-blue-700 transition-colors">+ New Tab</button>
1624
</div>
17-
<h2>Add Task</h2>
18-
<input type="text" id="taskInput" placeholder="Enter task">
19-
<select id="subjectSelect"></select>
20-
<select id="prioritySelect">
21-
<option value="low">Low Priority</option>
22-
<option value="medium">Medium Priority</option>
23-
<option value="high">High Priority</option>
24-
</select>
25-
<input type="date" id="dueDateInput">
26-
<button onclick="addTask()">Add Task</button>
27-
<h2>Add Subject</h2>
28-
<input type="text" id="subjectInput" placeholder="Enter new subject">
29-
<button onclick="addSubject()">Add Subject</button>
30-
<h2>Tasks</h2>
31-
<ul id="taskList"></ul>
32-
<div class="charts">
33-
<div class="chart-container">
34-
<canvas id="priorityChart"></canvas>
25+
26+
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
27+
<div class="col-span-2">
28+
<div id="taskForm" class="bg-gray-800 p-6 rounded-lg shadow-md mb-6">
29+
<h2 class="text-xl font-semibold mb-4">Add New Task</h2>
30+
<input type="text" id="taskName" placeholder="Task name" class="w-full p-2 mb-2 rounded">
31+
<div class="grid grid-cols-2 gap-4 mb-2">
32+
<select id="taskPriority" class="p-2 rounded">
33+
<option value="low">Low Priority</option>
34+
<option value="medium">Medium Priority</option>
35+
<option value="high">High Priority</option>
36+
</select>
37+
<input type="date" id="taskDueDate" class="p-2 rounded">
38+
</div>
39+
<div class="grid grid-cols-2 gap-4 mb-4">
40+
<select id="taskTags" class="p-2 rounded" multiple>
41+
<option value="work">Work</option>
42+
<option value="personal">Personal</option>
43+
<option value="urgent">Urgent</option>
44+
<option value="longterm">Long-term</option>
45+
</select>
46+
<input type="text" id="newTag" placeholder="Add new tag" class="p-2 rounded">
47+
</div>
48+
<button id="addTaskBtn" class="w-full p-2 bg-blue-600 text-white rounded hover:bg-blue-700 transition-colors">Add Task</button>
49+
</div>
50+
51+
<div id="taskList" class="space-y-4"></div>
3552
</div>
36-
<div class="chart-container">
37-
<canvas id="subjectChart"></canvas>
53+
54+
<div>
55+
<div class="bg-gray-800 p-6 rounded-lg shadow-md mb-6">
56+
<h2 class="text-xl font-semibold mb-4">Statistics</h2>
57+
<canvas id="priorityChart" width="400" height="200"></canvas>
58+
<canvas id="tagChart" width="400" height="200" class="mt-4"></canvas>
59+
</div>
60+
61+
<div class="bg-gray-800 p-6 rounded-lg shadow-md mb-6">
62+
<h2 class="text-xl font-semibold mb-4">Quick Actions</h2>
63+
<button id="clearCompletedBtn" class="w-full p-2 mb-2 bg-red-600 text-white rounded hover:bg-red-700 transition-colors">Clear Completed Tasks</button>
64+
<button id="exportDataBtn" class="w-full p-2 bg-green-600 text-white rounded hover:bg-green-700 transition-colors">Export Data</button>
65+
</div>
3866
</div>
3967
</div>
4068
</div>

0 commit comments

Comments
 (0)