-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
173 lines (137 loc) · 4.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
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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE html>
<html lang="en" data-theme="dark">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Notetap | note your ideas, in one tap</title>
<!--- favicon -->
<link rel="icon" href="./src/images/favicon.ico" type="image/x-icon" />
<!--- google font-->
<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=Kumbh+Sans:wght@400;500&display=swap"
rel="stylesheet"
/>
<!--- material symbol -->
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0"
/>
<!--- custom css -->
<link rel="stylesheet" href="./src/Stylesheet/style.css" />
<link rel="stylesheet" href="./src/Stylesheet/responsive.css" />
<!--- custom js -->
<script defer src="./src/Javascript/theme.js"></script>
<script defer src="./src/Javascript/app.js" type="module"></script>
</head>
<body>
<header class="sidebar" data-sidebar>
<div class="wrapper wrapper-1">
<a href="/">
<img
src="./src/images/large_notetap.png"
alt="Notekeeper"
class="logo-light"
style="width: 170px"
/>
<img
src="./src/images/large_notetap.png"
alt="Notekeeper"
class="logo-dark"
style="width: 170px"
/>
</a>
<button
class="menu-btn icon-btn large"
aria-label="Close menu"
data-sidebar-toggler
>
<span class="material-symbols-rounded" aria-hidden="true">close</span>
<div class="state-layer"></div>
</button>
</div>
<button class="fab" data-note-create-btn>
<span class="material-symbols-rounded" aria-hidden="true">add</span>
<span class="text text-label-large">New note</span>
<div class="state-layer"></div>
</button>
<div class="wrapper wrapper-2">
<h2 class="text-title-small">NOTEBOOKS</h2>
<button
class="icon-btn small"
data-tooltip="Create new notebook"
aria-label="Create new notebook"
data-add-notebook
>
<span class="material-symbols-rounded" aria-hidden="true">add</span>
<div class="state-layer"></div>
</button>
</div>
<nav class="nav custom-scrollbar" data-sidebar-list>
<!-- <div class="nav-item active">
<span class="text text-label-large" data-notebook-field>My Notebook</span>
<button class="icon-btn small" aria-label="Edit notebook" data-tooltip="Edit notebook" data-edit-btn>
<span class="material-symbols-rounded" aria-hidden="true">edit</span>
<div class="state-layer"></div>
</button>
<button class="icon-btn small" aria-label="Delete notebook" data-tooltip="Delete notebook" data-delete-btn>
<span class="material-symbols-rounded" aria-hidden="true">delete</span>
<div class="state-layer"></div>
</button>
<div class="state-layer"></div>
</div> -->
</nav>
<!-- <div class="cp-info">
<span class="text-label-large"
>Copyright 2024 <strong>codewithsadee</strong></span
>
</div> -->
</header>
<div class="overlay" data-sidebar-overlay data-sidebar-toggler></div>
<main class="main">
<div class="header">
<div class="wrapper">
<p class="title text-title-large" data-greeting></p>
<span class="text text-body-medium" data-current-date
>Sat, Sep 22 2023</span
>
</div>
<button
class="theme-btn icon-btn large"
aria-label="Toggle theme"
data-tooltip="Toggle theme"
data-theme-btn
>
<span class="material-symbols-rounded dark-icon" aria-hidden="true"
>dark_mode</span
>
<span class="material-symbols-rounded light-icon" aria-hidden="true"
>light_mode</span
>
<div class="state-layer"></div>
</button>
<button
class="menu-btn icon-btn large"
aria-label="Open menu"
data-sidebar-toggler
>
<span class="material-symbols-rounded" aria-hidden="true">menu</span>
<div class="state-layer"></div>
</button>
</div>
<h2 class="title text-title-medium" data-note-panel-title></h2>
<!--
- #NOTE LIST
-->
<div class="note-list" data-note-panel></div>
<!--
- #FAB button for mobile
-->
<button class="fab" aria-label="New note" data-note-create-btn>
<span class="material-symbols-rounded" aria-hidden="true">add</span>
<div class="state-layer"></div>
</button>
</main>
</body>
</html>