-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
66 lines (63 loc) · 3.93 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
<!DOCTYPE html>
<html lang="en" darkmode="false">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>To Do List</title>
<link rel="shortcut icon" href="assets/svg/favicon.svg" type="image/x-icon">
<link rel="stylesheet" href="assets/css/library.css">
<link rel="stylesheet" href="assets/css/fonts.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/mobile.css">
<script defer src="assets/js/create-task.js"></script>
<script defer src="assets/js/script.js"></script>
<script defer src="assets/js/load-todolist.js" id="load-todolist"></script>
<script defer src="assets/js/edit-account.js"></script>
<script defer src="assets/js/create-list.js"></script>
<script defer src="assets/js/setting.js"></script>
<script defer src="assets/js/about-project.js"></script>
</head>
<body>
<header id="header">
<div id="header_gradient">
<h1 id="time" class="time_stats">00:00</h1>
<h3 id="date" class="time_stats">Day, Month 00</h3>
</div>
</header>
<main id="main_container">
<section id="list_section">
<div id="account_container">
<div id="account_profile"></div>
<i class="setting_edit_user_btn" title="Edit profile"></i>
<div id="user_container">
<p id="greetings">Greetings</p>
<b id="username">Username</b>
</div>
<label for="menu_btn_checkbox" id="menu_btn" class="i icon_btns" title="Menu"><input type="checkbox" id="menu_btn_checkbox" name="menu_btn_checkbox"></label>
</div>
<div class="line_dividerX mobile_menu_line"></div>
<div id="list_container" class="mobile_menu">
<div class="empty_data_hint">List display here</div>
</div>
<div class="line_dividerX mobile_menu_line"></div>
<div id="list_footer_container" class="mobile_menu">
<div class="list_footer_group">
<i id="settings" class="icon_btns" title="Settings"></i>
<i id="about_project" class="icon_btns" title="About project"></i>
</div>
<div class="list_footer_group"><button type="button" id="add_list_btn">Add a list</button></div>
</div>
</section>
<section id="todo_section" class="flex">
<p class="empty_data_hint">
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<path d="M34.25 3.03109L55.9628 15.567C57.3551 16.3708 58.2128 17.8564 58.2128 19.4641V44.5359C58.2128 46.1436 57.3551 47.6292 55.9628 48.433L34.25 60.9689C32.8577 61.7728 31.1423 61.7728 29.75 60.9689L8.03719 48.433C6.64488 47.6292 5.78719 46.1436 5.78719 44.5359V19.4641C5.78719 17.8564 6.64488 16.3708 8.03719 15.567L29.75 3.03109C31.1423 2.22724 32.8577 2.22724 34.25 3.03109Z" stroke="var(--textTransparent)" stroke-width="3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M43.5772 20.7071C43.1867 20.3166 42.5535 20.3166 42.163 20.7071L28.7279 34.1421L22.364 27.7782C21.9735 27.3877 21.3403 27.3877 20.9498 27.7782L16.7071 32.0208C16.3166 32.4113 16.3166 33.0445 16.7071 33.435L23.7782 40.5061L28.0208 44.7487C28.0697 44.7976 28.1223 44.8403 28.1777 44.8769C28.5659 45.1332 29.0933 45.0904 29.4351 44.7487L33.6777 40.5061C33.6788 40.505 33.6799 40.5039 33.681 40.5028L47.8198 26.364C48.2104 25.9734 48.2104 25.3403 47.8198 24.9497L43.5772 20.7071Z" fill="var(--textTransparent)"/>
</svg> Start listing your to do and be productive.
<button type="button" id="add_list_btn2">Create new list</button>
</p>
</section>
</main>
</body>
</html>