-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
147 lines (140 loc) · 12 KB
/
index.html
File metadata and controls
147 lines (140 loc) · 12 KB
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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
<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=Poppins:wght@400;500;600;700;800;900&display=swap"
rel="stylesheet" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Do Not Do</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="src/styles/style.css" />
<link rel="stylesheet" href="src/styles/welcome.css" />
<link rel="stylesheet" href="src/styles/login.css" />
<link rel="stylesheet" href="src/styles/profile.css" />
<link rel="stylesheet" href="src/styles/tasks.css" />
<link rel="stylesheet" href="src/styles/home.css" />
<link rel="stylesheet" href="src/styles/notes.css" />
<link rel="stylesheet" href="src/styles/content.css" />
<link rel="stylesheet" href="src/styles/404.css" />
<link rel="stylesheet" href="src/styles/utils.css" />
</head>
<body>
<header>
<nav>
<ul>
<li>
<a href="/profile">
<svg
width="26"
height="26"
viewBox="0 0 26 26"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M17.7968 10.2641C17.7968 11.5902 17.27 12.8619 16.3323 13.7996C15.3946 14.7373 14.1229 15.264 12.7968 15.264C11.4708 15.264 10.199 14.7373 9.26132 13.7996C8.32365 12.8619 7.79688 11.5902 7.79688 10.2641C7.79688 8.93804 8.32365 7.66628 9.26132 6.72861C10.199 5.79094 11.4708 5.26416 12.7968 5.26416C14.1229 5.26416 15.3946 5.79094 16.3323 6.72861C17.27 7.66628 17.7968 8.93804 17.7968 10.2641Z"
fill="#091414" />
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M12.2868 25.2539C5.62 24.9864 0.296936 19.4964 0.296936 12.764C0.296936 5.86035 5.89313 0.26416 12.7968 0.26416C19.7005 0.26416 25.2967 5.86035 25.2967 12.764C25.2967 19.6677 19.7005 25.2639 12.7968 25.2639C12.7397 25.2643 12.6826 25.2643 12.6256 25.2639C12.5124 25.2639 12.3993 25.2601 12.2868 25.2539ZM4.77564 20.6514C4.68218 20.383 4.65037 20.0971 4.68256 19.8147C4.71476 19.5323 4.81014 19.2608 4.96162 19.0204C5.1131 18.7799 5.31679 18.5767 5.55758 18.4257C5.79837 18.2747 6.07006 18.1799 6.35249 18.1483C11.2249 17.609 14.3987 17.6577 19.2474 18.1596C19.5302 18.189 19.8025 18.2826 20.0437 18.4333C20.2849 18.5839 20.4885 18.7876 20.6391 19.0288C20.7896 19.27 20.8831 19.5424 20.9125 19.8252C20.9419 20.108 20.9064 20.3938 20.8086 20.6608C22.8866 18.5583 24.0504 15.7202 24.0467 12.764C24.0467 6.55097 19.0099 1.51415 12.7968 1.51415C6.58374 1.51415 1.54692 6.55097 1.54692 12.764C1.54692 15.8365 2.77878 18.6215 4.77564 20.6514Z"
fill="#091414" />
</svg>
</a>
</li>
<li>
<a href="/tasks">
<svg
width="26"
height="26"
viewBox="0 0 26 26"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M8.10919 15.8892H23.7342C24.1486 15.8892 24.546 16.0538 24.839 16.3468C25.1321 16.6398 25.2967 17.0373 25.2967 17.4517C25.2967 17.8661 25.1321 18.2635 24.839 18.5565C24.546 18.8495 24.1486 19.0142 23.7342 19.0142H8.10919C7.69479 19.0142 7.29736 18.8495 7.00434 18.5565C6.71131 18.2635 6.54669 17.8661 6.54669 17.4517C6.54669 17.0373 6.71131 16.6398 7.00434 16.3468C7.29736 16.0538 7.69479 15.8892 8.10919 15.8892ZM8.10919 22.1392H23.7342C24.1486 22.1392 24.546 22.3038 24.839 22.5968C25.1321 22.8898 25.2967 23.2873 25.2967 23.7017C25.2967 24.1161 25.1321 24.5135 24.839 24.8065C24.546 25.0995 24.1486 25.2642 23.7342 25.2642H8.10919C7.69479 25.2642 7.29736 25.0995 7.00434 24.8065C6.71131 24.5135 6.54669 24.1161 6.54669 23.7017C6.54669 23.2873 6.71131 22.8898 7.00434 22.5968C7.29736 22.3038 7.69479 22.1392 8.10919 22.1392ZM17.4842 9.63916H23.7342C24.1486 9.63916 24.546 9.80378 24.839 10.0968C25.1321 10.3898 25.2967 10.7873 25.2967 11.2017C25.2967 11.6161 25.1321 12.0135 24.839 12.3065C24.546 12.5995 24.1486 12.7642 23.7342 12.7642H17.4842C17.0698 12.7642 16.6724 12.5995 16.3793 12.3065C16.0863 12.0135 15.9217 11.6161 15.9217 11.2017C15.9217 10.7873 16.0863 10.3898 16.3793 10.0968C16.6724 9.80378 17.0698 9.63916 17.4842 9.63916ZM6.14513 12.6298L0.296692 6.78291L2.50607 4.57197L6.14513 8.21104L14.0904 0.26416L16.3014 2.47354L6.14513 12.6298Z"
fill="black" />
</svg>
</a>
</li>
<li>
<a href="/home">
<svg
width="26"
height="25"
viewBox="0 0 26 25"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M24.7793 12.571L13.4204 1.22042C13.3387 1.13848 13.2415 1.07346 13.1346 1.0291C13.0276 0.984747 12.913 0.961914 12.7972 0.961914C12.6814 0.961914 12.5668 0.984747 12.4598 1.0291C12.3529 1.07346 12.2558 1.13848 12.174 1.22042L0.815134 12.571C0.484213 12.9019 0.296692 13.3514 0.296692 13.8202C0.296692 14.7937 1.08814 15.5851 2.0616 15.5851H3.25843V23.6844C3.25843 24.1725 3.65278 24.5669 4.14088 24.5669H11.0323V18.3897H14.1209V24.5669H21.4535C21.9416 24.5669 22.336 24.1725 22.336 23.6844V15.5851H23.5328C24.0016 15.5851 24.4511 15.4004 24.782 15.0667C25.4687 14.3773 25.4687 13.2604 24.7793 12.571Z"
fill="#091414" />
</svg>
</a>
</li>
<li>
<a href="/notes">
<svg
width="26"
height="26"
viewBox="0 0 26 26"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M24.4038 0.264161H18.0199C16.6499 0.264161 15.3106 0.765869 14.1583 1.71235L12.7967 2.82607L11.4351 1.71235C10.2839 0.766051 8.94311 0.263227 7.57348 0.264161H1.18955C0.695687 0.264161 0.296692 0.772986 0.296692 1.40279V21.6134C0.296692 22.2432 0.695687 22.7521 1.18955 22.7521H7.57348C8.94345 22.7521 10.2827 23.2538 11.4351 24.2003L12.6739 25.2179C12.7102 25.2464 12.752 25.2642 12.7939 25.2642C12.8358 25.2642 12.8776 25.2499 12.9139 25.2179L14.1527 24.2003C15.3079 23.2538 16.6499 22.7521 18.0199 22.7521H24.4038C24.8977 22.7521 25.2967 22.2432 25.2967 21.6134V1.40279C25.2967 0.772986 24.8977 0.264161 24.4038 0.264161ZM9.7833 14.2301C9.7833 14.376 9.69401 14.497 9.5852 14.497H4.40104C4.29223 14.497 4.20294 14.376 4.20294 14.2301V12.6289C4.20294 12.4831 4.29223 12.3621 4.40104 12.3621H9.58241C9.69122 12.3621 9.78051 12.4831 9.78051 12.6289V14.2301H9.7833ZM9.7833 9.24865C9.7833 9.39453 9.69401 9.51551 9.5852 9.51551H4.40104C4.29223 9.51551 4.20294 9.39453 4.20294 9.24865V7.64745C4.20294 7.50156 4.29223 7.38059 4.40104 7.38059H9.58241C9.69122 7.38059 9.78051 7.50156 9.78051 7.64745V9.24865H9.7833ZM21.3904 14.2301C21.3904 14.376 21.3012 14.497 21.1923 14.497H16.0082C15.8994 14.497 15.8101 14.376 15.8101 14.2301V12.6289C15.8101 12.4831 15.8994 12.3621 16.0082 12.3621H21.1895C21.2984 12.3621 21.3877 12.4831 21.3877 12.6289V14.2301H21.3904ZM21.3904 9.24865C21.3904 9.39453 21.3012 9.51551 21.1923 9.51551H16.0082C15.8994 9.51551 15.8101 9.39453 15.8101 9.24865V7.64745C15.8101 7.50156 15.8994 7.38059 16.0082 7.38059H21.1895C21.2984 7.38059 21.3877 7.50156 21.3877 7.64745V9.24865H21.3904Z"
fill="#091414" />
</svg>
</a>
</li>
<li>
<a href="/content">
<svg
width="26"
height="26"
viewBox="0 0 26 26"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M1.26043 16.2329L1.92041 18.6992C2.69145 21.5779 3.07825 23.0179 3.95269 23.951C4.64286 24.6873 5.53574 25.2026 6.51858 25.4318C7.7645 25.7229 9.20446 25.3374 12.0844 24.5663C14.9618 23.7953 16.4017 23.4098 17.3349 22.5353C17.4115 22.4625 17.4881 22.3872 17.5596 22.3106C17.1248 22.2711 16.6927 22.2072 16.2651 22.1192C15.3766 21.943 14.3209 21.6596 13.0724 21.3251L12.9359 21.2881L12.9039 21.2805C11.5457 20.9154 10.4108 20.6115 9.50446 20.2847C8.55087 19.9401 7.68536 19.515 6.94878 18.8256C5.9356 17.8764 5.22659 16.6481 4.91139 15.2959C4.68161 14.3143 4.74799 13.3517 4.92671 12.3547C5.09777 11.3986 5.40414 10.2522 5.77179 8.87994L6.45475 6.33448L6.47773 6.24512C4.02673 6.9051 2.73613 7.29573 1.87573 8.10124C1.13851 8.79193 0.622722 9.68577 0.393641 10.6697C0.102585 11.9143 0.488107 13.3543 1.26043 16.2329Z"
fill="#091414" />
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M24.3343 11.1252L23.673 13.5915C22.9007 16.4702 22.5152 17.9101 21.6407 18.8433C20.9507 19.5801 20.0578 20.0958 19.0748 20.3254C18.951 20.3548 18.8259 20.3765 18.6983 20.3918C17.5302 20.536 16.1043 20.1543 13.5103 19.4599C10.6317 18.6876 9.19171 18.302 8.25854 17.4276C7.52153 16.7373 7.00577 15.8439 6.77645 14.8604C6.4854 13.6145 6.87092 12.1758 7.64324 9.29718L8.30322 6.83087L8.6147 5.67558C9.19554 3.54883 9.58616 2.37822 10.3355 1.57782C11.0257 0.8415 11.9186 0.326205 12.9014 0.0970103C14.1473 -0.194046 15.5873 0.191476 18.4672 0.963795C21.3446 1.73484 22.7845 2.12036 23.7177 2.99353C24.4549 3.68422 24.9707 4.57806 25.1998 5.56197C25.4908 6.80789 25.1053 8.24658 24.3343 11.1252ZM11.8508 9.96355C11.8834 9.84208 11.9396 9.72822 12.0162 9.62847C12.0928 9.52873 12.1883 9.44505 12.2972 9.38222C12.4061 9.31939 12.5264 9.27864 12.6511 9.2623C12.7758 9.24595 12.9025 9.25434 13.0239 9.28697L19.1897 10.9401C19.3144 10.9697 19.4319 11.024 19.5352 11.0997C19.6385 11.1755 19.7255 11.2713 19.7911 11.3813C19.8567 11.4913 19.8996 11.6134 19.9172 11.7403C19.9348 11.8672 19.9267 11.9964 19.8935 12.1201C19.8602 12.2438 19.8025 12.3596 19.7237 12.4607C19.6449 12.5617 19.5466 12.6458 19.4347 12.7082C19.3227 12.7705 19.1994 12.8097 19.0721 12.8235C18.9447 12.8374 18.8158 12.8255 18.6931 12.7886L12.5274 11.1367C12.2823 11.0709 12.0734 10.9105 11.9466 10.6908C11.8197 10.471 11.7853 10.2087 11.8508 9.96355ZM10.8602 13.6643C10.926 13.4193 11.0864 13.2104 11.3061 13.0835C11.5258 12.9567 11.7869 12.9222 12.0321 12.9877L15.7315 13.9796C15.8568 14.0085 15.9749 14.0624 16.0789 14.1379C16.1829 14.2135 16.2707 14.3092 16.3369 14.4194C16.4031 14.5296 16.4464 14.6519 16.4643 14.7792C16.4822 14.9065 16.4743 15.0361 16.441 15.1603C16.4077 15.2845 16.3498 15.4007 16.2707 15.502C16.1915 15.6033 16.0928 15.6876 15.9803 15.7499C15.8679 15.8122 15.7441 15.8513 15.6162 15.8647C15.4884 15.8781 15.3592 15.8657 15.2362 15.8281L11.5367 14.8375C11.4153 14.8049 11.3014 14.7487 11.2017 14.6721C11.1019 14.5955 11.0183 14.5 10.9554 14.391C10.8926 14.2821 10.8518 14.1618 10.8355 14.0371C10.8192 13.9124 10.8275 13.7858 10.8602 13.6643Z"
fill="#091414" />
</svg>
</a>
</li>
</ul>
</nav>
</header>
<div class="user-information">
<div>
<img class="header-img-user" src="src/assets/user.svg" alt="" />
<h2>Rafael Neves</h2>
</div>
<img src="src/assets/settings.svg" alt="" />
</div>
<div class="settings-container hidden">
<div class="settings-content">
<img class="settings-exit" src="./src/assets/exit.svg" alt="" />
<div class="buttons-container">
<!-- <button>My account</button>
<button>Dark Mode</button>
<button>Contact-us</button> -->
<button>License</button>
</div>
<div class="settings-contact">
<img src="./src/assets/linkedin.svg" alt="" />
<img src="./src/assets/github.svg" alt="" />
</div>
<button class="logout">Logout</button>
<div class="bg-settings-open"></div>
</div>
</div>
<div class="app"></div>
<script type="module" src="src/index.js"></script>
</body>
</html>