Skip to content

Commit e9337e1

Browse files
codepeccodepec
committed
update todo
1 parent 9a757cb commit e9337e1

5 files changed

Lines changed: 275 additions & 689 deletions

File tree

‎todolist/images/favicon.ico‎

-3.05 KB
Binary file not shown.

‎todolist/index.html‎

Lines changed: 43 additions & 102 deletions
Original file line numberDiff line numberDiff line change
@@ -1,105 +1,46 @@
11
<!DOCTYPE html>
22
<html>
3-
<head>
4-
<title>To Do List</title>
5-
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
6-
<meta charset="utf-8" />
7-
<meta http-equiv="x-ua-compatible" content="ie=edge" />
8-
9-
<meta
10-
name="viewport"
11-
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
12-
/>
13-
14-
<meta name="description" content="" />
15-
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
16-
<link
17-
rel="stylesheet"
18-
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
19-
/>
20-
</head>
21-
22-
<body>
23-
24-
25-
26-
27-
28-
29-
30-
<!--
31-
32-
projects in sidebar
33-
34-
folder tree with projects
35-
36-
todos per project
37-
38-
title
39-
description
40-
dueDate
41-
priority
42-
notes
43-
checklist
44-
45-
46-
default projects
47-
48-
49-
https://www.theodinproject.com/lessons/node-path-javascript-todo-list
50-
-->
51-
52-
<div class="logo">
53-
<h1>to do list</h1>
54-
</div>
55-
56-
<div class="mainContent">
57-
58-
<div class="sidebar">
59-
<h2>projects:</h2>
60-
61-
<!--<div>+ add project</div>-->
62-
</div>
63-
64-
<div class="content">
65-
66-
67-
68-
<div class="projectContent">
69-
<!-- <h1>projects</h1>
70-
<p>project 1</p>
71-
<button>edit</button>
72-
<button>delete</button>
73-
<p>project 2</p>
74-
<button>edit</button>
75-
<button>delete</button>
76-
<p>project 3</p>
77-
<button>edit</button>
78-
<button>delete</button>
79-
80-
-->
81-
</div>
82-
83-
<div class="taskContent">
84-
85-
86-
</div>
87-
88-
89-
90-
</div>
91-
</div>
92-
93-
<div class="footer">
94-
<footer>
95-
created with <i class="fa fa-heart" aria-hidden="true"></i> by CodePec
96-
</footer>
97-
</div>
98-
99-
100-
101-
<script src="script.js"></script>
102-
103-
104-
</body>
3+
<head>
4+
<title>Todo List</title>
5+
<link rel="stylesheet" type="text/css" href="styles.css">
6+
</head>
7+
<body>
8+
<div id="project-list">
9+
<h2>Projects</h2>
10+
<div id="projects"></div>
11+
<form id="new-project-form">
12+
<input type="text" id="project-name" placeholder="Enter project name">
13+
<button type="submit">Create Project</button>
14+
</form>
15+
</div>
16+
17+
<div id="todo-list">
18+
<h2>Todos</h2>
19+
<div id="todos"></div>
20+
<form id="new-todo-form">
21+
<input type="text" id="todo-title" placeholder="Enter todo title">
22+
<input type="text" id="todo-description" placeholder="Enter todo description">
23+
<input type="date" id="todo-due-date">
24+
<select id="todo-priority">
25+
<option value="high">High</option>
26+
<option value="medium">Medium</option>
27+
<option value="low">Low</option>
28+
</select>
29+
<button type="submit">Create Todo</button>
30+
</form>
31+
</div>
32+
33+
<div id="todo-details" class="hide">
34+
<h2>Todo Details</h2>
35+
<h3 id="todo-details-title"></h3>
36+
<p id="todo-details-description"></p>
37+
<p class="card-details">Due Date: <span id="todo-details-due-date" class="due-date"></span></p>
38+
<p class="card-details">Priority: <span id="todo-details-priority" class="priority"></span></p>
39+
<p id="todo-details-notes"></p>
40+
<ul id="todo-details-checklist"></ul>
41+
<button id="delete-todo">Delete Todo</button>
42+
</div>
43+
44+
<script src="script.js"></script>
45+
</body>
10546
</html>

0 commit comments

Comments
 (0)