task-list/index.html at main · tgorella/task-list · GitHub

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
<!DOCTYPE html>
<html lang="en">

<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">
	<meta name="theme-color" content="#FBAB7E">
	<meta name="description" conten="Приложение для отслеживания списка дел и привычек">
	<title>Шагающий список задач и трекер привычек</title>
	<link rel="stylesheet" type="text/css" href="./bujo.css">
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Manrope&display=swap" rel="stylesheet">
</head>

<body>
	<article>
		<div class="welcome">
			<div class="date">
				<div class="date-number" id="date-number">14</div>
				<div class="month-name" id="month-name">сентября</div>
				<div class="day-name" id="day-name">четверг</div>
			</div>
			<div class="welcome-text" id="welcomeStat">
			</div>
		</div>
		<div class="add-task-button" id="add-task-button">
			<div class="nav">
				<div class="add__task_me" data-target="task">Добавить задачу</div>
				<div class="add__task__habit" data-target="habit">Добавить привычку</div>
			</div>
		</div>

		<div class="add-task hide" id="add-task-container">
			<div class="close-button" onclick="closeModal()">X</div>
			<h2>Добавить новую задачу</h2>
			<form id="form">
				<input type="text" name="newtitle" placeholder="Задача" />
				<button type="submit" class="btn">+ Создать!</button>
			</form>
		</div>

		<div class="add-habit hide" id="add-habit-container">
			<div class="close-button" onclick="closeModal()">X</div>
			<h2>Добавить трекер привычек</h2>
			<form id="habit_form">
				<input type="text" name="habitTitle" placeholder="Название привычки" />
				<label for="numberDays">Укажите количество дней для отслеживания</label>
				<input type="number" name="numberOfDays" min="1" max="100" id="numberDays">
				<button type="submit" class="btn">+ Создать!</button>
			</form>
		</div>

		<div class="overlay hide" id="overlay"></div>

		<div class="wl-list container" data-id="container" id="container">
			<div class="title">
				<div class="day">П</div>
				<div class="day">В</div>
				<div class="day">С</div>
				<div class="day">Ч</div>
				<div class="day">П</div>
				<div class="day">С</div>
				<div class="day">В</div>
				<div class="task-title"></div>
			</div>
			<div id="tasks-list">
			</div>
		</div>


	</article>
	<article id="habit_tracker" data-id="habit_tracker">

	</article>
	<script src="./bujo.js"></script>
</body>

</html>