Hugging Face's logo

Spaces:
OctopusJessie
/
graphnote-nexus
Running

App Files Community
OctopusJessie commited on
Commit
62699a1
·
verified ·
1 Parent(s): ccb1702

в блоке контента, там где должны быть расположены фильтры и таблица со списком заметок (с тегами и краткой информацией, по типу как электронные письма отображаются). минималистично в теме daisyui

Browse files
Files changed (2) hide show
  1. README.md +9 -5
  2. index.html +397 -19
README.md CHANGED
@@ -1,10 +1,14 @@
1
  ---
2
- title: Graphnote Nexus
3
- emoji: 🌖
4
- colorFrom: red
5
- colorTo: yellow
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
 
1
  ---
2
+ title: GraphNote Nexus 🚀
3
+ colorFrom: yellow
4
+ colorTo: pink
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
14
+
index.html CHANGED
@@ -1,19 +1,397 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en" data-theme="dark">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
7
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/daisyui@5" />
8
+ <title>GraphEn One</title>
9
+ </head>
10
+ <body>
11
+ <div class="grid grid-rows-[auto,1fr] grid-cols-[minmax(195px,225px)_minmax(0,1fr)] gap-0">
12
+
13
+ <!--Header start-->
14
+ <div class="row-start-1 col-start-1 col-end-12">
15
+ <div class="navbar bg-base-100 shadow-sm">
16
+
17
+ <div class="navbar-start">
18
+ <ul class="menu menu-horizontal rounded-box">
19
+ <li>
20
+ <a>
21
+ <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house-icon lucide-house"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"/><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/></svg>
22
+ </a>
23
+ </li>
24
+ <li>
25
+ <a>
26
+ <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info-icon lucide-info"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>
27
+ </a>
28
+ </li>
29
+ <li>
30
+ <a>
31
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-text-icon lucide-book-text"><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"/><path d="M8 11h8"/><path d="M8 7h6"/></svg>
32
+ </a>
33
+ </li>
34
+ </ul>
35
+ </div>
36
+
37
+ <div class="navbar-center">
38
+ <div class="relative inline-block">
39
+ <a class="text-xl">GraphEn One</a>
40
+ <div class="badge badge-warning badge-xs rotate-330 absolute -bottom-1 -ml-4">
41
+ Alpha
42
+ </div>
43
+ </div>
44
+ </div>
45
+
46
+ <div class="navbar-end">
47
+ <label class="swap swap-rotate p-2">
48
+ <!-- this hidden checkbox controls the state -->
49
+ <input type="checkbox" />
50
+ <!-- sun icon -->
51
+ <svg class="swap-on h-5 w-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
52
+ <path d="M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z" />
53
+ </svg>
54
+ <!-- moon icon -->
55
+ <svg class="swap-off h-5 w-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
56
+ <path d="M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z" />
57
+ </svg>
58
+ </label>
59
+ <button class="btn btn-ghost btn-circle">
60
+ <div class="indicator">
61
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" /> </svg>
62
+ <span class="badge badge-xs badge-primary indicator-item"></span>
63
+ </div>
64
+ </button>
65
+ </div>
66
+ </div>
67
+ </div>
68
+ <!--Header end-->
69
+
70
+ <!--Sidebar start-->
71
+ <div class="row-start-2 col-start-1 col-end-1 bg-base-200 h-[calc(100vh-3.5rem)] flex flex-col justify-between">
72
+ <ul class="menu min-w-full p-0 overflow-y-auto flex-grow">
73
+ <li>
74
+ <details close>
75
+ <summary>
76
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hard-drive-download-icon lucide-hard-drive-download"><path d="M12 2v8"/><path d="m16 6-4 4-4-4"/><rect width="20" height="8" x="2" y="14" rx="2"/><path d="M6 18h.01"/><path d="M10 18h.01"/></svg>
77
+ Инжестия
78
+ </summary>
79
+ <ul>
80
+ <li><a>
81
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hard-drive-download-icon">
82
+ <path d="M0.11,19.32c-0.21,0.36-0.1,0.82,0.26,1.04l4.96,3.06c0.36,0.22,0.83,0.11,1.05-0.25c0,0,0-0.01,0-0.01c3.15-5.26,3.77-4.5,13.17-0.03c0.38,0.18,0.83,0.02,1.02-0.36c0,0,0-0.01,0.01-0.02l2.36-5.35c0.17-0.38,0-0.83-0.38-1c-1.04-0.49-3.1-1.46-4.96-2.36C5.98,8.39,2.09,16.19,0.11,19.32zM23.89,4.69c0.21-0.36,0.1-0.82-0.26-1.04L18.68,0.6c-0.35-0.23-0.83-0.15-1.06,0.21c-0.01,0.01-0.02,0.03-0.03,0.05c-3.16,5.28-3.8,4.48-13.15,0.04C4.05,0.71,3.6,0.87,3.42,1.25c0,0,0,0.01-0.01,0.02L1.04,6.62c-0.17,0.38,0,0.83,0.38,1c1.04,0.49,3.11,1.46,4.97,2.36C18.01,15.61,21.9,7.85,23.89,4.69L23.89,4.69z"/>
83
+ </svg>
84
+ Confluence
85
+ </a></li>
86
+ <li><a>
87
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heading1-icon lucide-heading-1"><path d="M4 12h8"/><path d="M4 18V6"/><path d="M12 18V6"/><path d="m17 12 3-2v8"/></svg> Wiki
88
+ </a></li>
89
+ </ul>
90
+ </details>
91
+ </li>
92
+ <li>
93
+ <details open>
94
+ <summary>
95
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-notebook-pen-icon lucide-notebook-pen"><path d="M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4"/><path d="M2 6h4"/><path d="M2 10h4"/><path d="M2 14h4"/><path d="M2 18h4"/><path d="M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"/></svg>
96
+ Заметки
97
+ </summary>
98
+ <ul>
99
+ <li><a class="menu-active">
100
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye-icon lucide-eye"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"/><circle cx="12" cy="12" r="3"/></svg>
101
+ Обзор
102
+ </a></li>
103
+ <li><a>
104
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pickaxe-icon lucide-pickaxe"><path d="m14 13-8.381 8.38a1 1 0 0 1-3.001-3L11 9.999"/><path d="M15.973 4.027A13 13 0 0 0 5.902 2.373c-1.398.342-1.092 2.158.277 2.601a19.9 19.9 0 0 1 5.822 3.024"/><path d="M16.001 11.999a19.9 19.9 0 0 1 3.024 5.824c.444 1.369 2.26 1.676 2.603.278A13 13 0 0 0 20 8.069"/><path d="M18.352 3.352a1.205 1.205 0 0 0-1.704 0l-5.296 5.296a1.205 1.205 0 0 0 0 1.704l2.296 2.296a1.205 1.205 0 0 0 1.704 0l5.296-5.296a1.205 1.205 0 0 0 0-1.704z"/></svg>
105
+ Необработанные
106
+ </a></li>
107
+ </ul>
108
+ </details>
109
+ </li>
110
+ <li class="menu-disabled"><a>
111
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock-icon lucide-lock"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
112
+ Knowledge Graph
113
+ </a></li>
114
+ <li>
115
+ <details close>
116
+ <summary>
117
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings-icon lucide-settings"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"/><circle cx="12" cy="12" r="3"/></svg>
118
+ Настройки
119
+ </summary>
120
+ <ul>
121
+ <li><a>
122
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor-cog-icon lucide-monitor-cog"><path d="M12 17v4"/><path d="m14.305 7.53.923-.382"/><path d="m15.228 4.852-.923-.383"/><path d="m16.852 3.228-.383-.924"/><path d="m16.852 8.772-.383.923"/><path d="m19.148 3.228.383-.924"/><path d="m19.53 9.696-.382-.924"/><path d="m20.772 4.852.924-.383"/><path d="m20.772 7.148.924.383"/><path d="M22 13v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7"/><path d="M8 21h8"/><circle cx="18" cy="6" r="3"/></svg>
123
+ Система
124
+ </a></li>
125
+ <li><a>
126
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-pen-icon lucide-user-pen"><path d="M11.5 15H7a4 4 0 0 0-4 4v2"/><path d="M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"/><circle cx="10" cy="7" r="4"/></svg>
127
+ Профиль
128
+ </a></li>
129
+ </ul>
130
+ </details>
131
+ </li>
132
+ </ul>
133
+ <div class="p-3 text-center text-xs border-t border-base-300 bg-base-200 sticky bottom-0">
134
+ <div>GraphEn One © 2025</div>
135
+ <div>v0.0.1 Alpha</div>
136
+ <div class="mt-1">System info: OK</div>
137
+ </div>
138
+ </div>
139
+ <!--Sidebar start-->
140
+
141
+ <!--Content start-->
142
+ <div class="row-start-2 col-start-2 col-end-3 min-w-0 h-[calc(100vh-3.5rem)] overflow-y-auto flex flex-col">
143
+ <div class="grid grid-cols-[minmax(150px,200px)_minmax(0,1fr)] p-1 gap-1">
144
+ <div class="col-start-1 col-end-1 bg-blend-darken">
145
+ <ul class="menu menu-xs bg-base-200 rounded-box min-w-full h-[calc(100vh-5rem)]">
146
+ <li class="menu-disabled">
147
+ <a>
148
+ Карта заметок
149
+ </a>
150
+ </li>
151
+ <li>
152
+ <details open>
153
+ <summary>
154
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-library-icon lucide-square-library"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M7 7v10"/><path d="M11 7v10"/><path d="m15 7 2 10"/></svg>
155
+ Домен
156
+ </summary>
157
+ <ul>
158
+ <li>
159
+ <a>
160
+ <svg
161
+ xmlns="http://www.w3.org/2000/svg"
162
+ fill="none"
163
+ viewBox="0 0 24 24"
164
+ stroke-width="1.5"
165
+ stroke="currentColor"
166
+ class="h-4 w-4">
167
+ <path
168
+ stroke-linecap="round"
169
+ stroke-linejoin="round"
170
+ d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" />
171
+ </svg>
172
+ Project-final.psd
173
+ </a>
174
+ </li>
175
+ <li>
176
+ <a>
177
+ <svg
178
+ xmlns="http://www.w3.org/2000/svg"
179
+ fill="none"
180
+ viewBox="0 0 24 24"
181
+ stroke-width="1.5"
182
+ stroke="currentColor"
183
+ class="h-4 w-4">
184
+ <path
185
+ stroke-linecap="round"
186
+ stroke-linejoin="round"
187
+ d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" />
188
+ </svg>
189
+ Project-final-2.psd
190
+ </a>
191
+ </li>
192
+ <li>
193
+ <details open>
194
+ <summary>
195
+ <svg
196
+ xmlns="http://www.w3.org/2000/svg"
197
+ fill="none"
198
+ viewBox="0 0 24 24"
199
+ stroke-width="1.5"
200
+ stroke="currentColor"
201
+ class="h-4 w-4">
202
+ <path
203
+ stroke-linecap="round"
204
+ stroke-linejoin="round"
205
+ d="M2.25 12.75V12A2.25 2.25 0 014.5 9.75h15A2.25 2.25 0 0121.75 12v.75m-8.69-6.44l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z" />
206
+ </svg>
207
+ Images
208
+ </summary>
209
+ <ul>
210
+ <li>
211
+ <a>
212
+ <svg
213
+ xmlns="http://www.w3.org/2000/svg"
214
+ fill="none"
215
+ viewBox="0 0 24 24"
216
+ stroke-width="1.5"
217
+ stroke="currentColor"
218
+ class="h-4 w-4">
219
+ <path
220
+ stroke-linecap="round"
221
+ stroke-linejoin="round"
222
+ d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" />
223
+ </svg>
224
+ Screenshot1.png
225
+ </a>
226
+ </li>
227
+ <li>
228
+ <a>
229
+ <svg
230
+ xmlns="http://www.w3.org/2000/svg"
231
+ fill="none"
232
+ viewBox="0 0 24 24"
233
+ stroke-width="1.5"
234
+ stroke="currentColor"
235
+ class="h-4 w-4">
236
+ <path
237
+ stroke-linecap="round"
238
+ stroke-linejoin="round"
239
+ d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" />
240
+ </svg>
241
+ Screenshot2.png
242
+ </a>
243
+ </li>
244
+ <li>
245
+ <details open>
246
+ <summary>
247
+ <svg
248
+ xmlns="http://www.w3.org/2000/svg"
249
+ fill="none"
250
+ viewBox="0 0 24 24"
251
+ stroke-width="1.5"
252
+ stroke="currentColor"
253
+ class="h-4 w-4">
254
+ <path
255
+ stroke-linecap="round"
256
+ stroke-linejoin="round"
257
+ d="M2.25 12.75V12A2.25 2.25 0 014.5 9.75h15A2.25 2.25 0 0121.75 12v.75m-8.69-6.44l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z" />
258
+ </svg>
259
+ Others
260
+ </summary>
261
+ <ul>
262
+ <li>
263
+ <a>
264
+ <svg
265
+ xmlns="http://www.w3.org/2000/svg"
266
+ fill="none"
267
+ viewBox="0 0 24 24"
268
+ stroke-width="1.5"
269
+ stroke="currentColor"
270
+ class="h-4 w-4">
271
+ <path
272
+ stroke-linecap="round"
273
+ stroke-linejoin="round"
274
+ d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" />
275
+ </svg>
276
+ Screenshot3.png
277
+ </a>
278
+ </li>
279
+ </ul>
280
+ </details>
281
+ </li>
282
+ </ul>
283
+ </details>
284
+ </li>
285
+ </ul>
286
+ </details>
287
+ </li>
288
+ </ul>
289
+ </div>
290
+ <div class="col-start-2 col-end-2 bg-blend-darken p-3">
291
+ <div class="grid grid-rows-[minmax(auto,auto)_minmax(0,1fr)] gap-1">
292
+ <div class="row-start-1 bg-base-100 rounded-box p-2 flex gap-2 items-center">
293
+ <div class="join">
294
+ <input class="join-item btn btn-sm" type="radio" name="filter" aria-label="All" checked />
295
+ <input class="join-item btn btn-sm" type="radio" name="filter" aria-label="Unread" />
296
+ <input class="join-item btn btn-sm" type="radio" name="filter" aria-label="Starred" />
297
+ </div>
298
+ <div class="flex-1">
299
+ <input type="text" placeholder="Search notes..." class="input input-sm input-bordered w-full" />
300
+ </div>
301
+ <div class="dropdown dropdown-end">
302
+ <div tabindex="0" role="button" class="btn btn-sm btn-ghost">
303
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sliders-horizontal"><line x1="21" y1="4" x2="14" y2="4"/><line x1="10" y1="4" x2="3" y2="4"/><line x1="21" y1="12" x2="12" y2="12"/><line x1="8" y1="12" x2="3" y2="12"/><line x1="21" y1="20" x2="16" y2="20"/><line x1="12" y1="20" x2="3" y2="20"/><line x1="14" y1="2" x2="14" y2="6"/><line x1="8" y1="10" x2="8" y2="14"/><line x1="16" y1="18" x2="16" y2="22"/></svg>
304
+ Filters
305
+ </div>
306
+ <ul tabindex="0" class="dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52">
307
+ <li><a>By Date</a></li>
308
+ <li><a>By Tag</a></li>
309
+ <li><a>By Status</a></li>
310
+ </ul>
311
+ </div>
312
+ </div>
313
+ <div class="row-start-2 bg-base-100 rounded-box overflow-hidden">
314
+ <div class="overflow-x-auto">
315
+ <table class="table table-zebra table-sm">
316
+ <thead>
317
+ <tr>
318
+ <th class="w-1"><input type="checkbox" class="checkbox checkbox-xs" /></th>
319
+ <th>Title</th>
320
+ <th>Tags</th>
321
+ <th>Modified</th>
322
+ <th class="w-8"></th>
323
+ </tr>
324
+ </thead>
325
+ <tbody>
326
+ <tr class="hover cursor-pointer">
327
+ <td><input type="checkbox" class="checkbox checkbox-xs" /></td>
328
+ <td>
329
+ <div class="font-medium">Project Kickoff Meeting Notes</div>
330
+ <div class="text-xs opacity-50">Initial planning for new client project</div>
331
+ </td>
332
+ <td>
333
+ <div class="flex gap-1 flex-wrap">
334
+ <span class="badge badge-primary badge-outline badge-sm">meeting</span>
335
+ <span class="badge badge-secondary badge-outline badge-sm">project</span>
336
+ </div>
337
+ </td>
338
+ <td>2 hours ago</td>
339
+ <td class="text-right">
340
+ <button class="btn btn-ghost btn-xs">
341
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
342
+ </button>
343
+ </td>
344
+ </tr>
345
+ <tr class="hover cursor-pointer">
346
+ <td><input type="checkbox" class="checkbox checkbox-xs" /></td>
347
+ <td>
348
+ <div class="font-medium">UI Design References</div>
349
+ <div class="text-xs opacity-50">Inspiration for dashboard redesign</div>
350
+ </td>
351
+ <td>
352
+ <div class="flex gap-1 flex-wrap">
353
+ <span class="badge badge-accent badge-outline badge-sm">design</span>
354
+ <span class="badge badge-info badge-outline badge-sm">ui</span>
355
+ </div>
356
+ </td>
357
+ <td>Yesterday</td>
358
+ <td class="text-right">
359
+ <button class="btn btn-ghost btn-xs">
360
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
361
+ </button>
362
+ </td>
363
+ </tr>
364
+ <tr class="hover cursor-pointer">
365
+ <td><input type="checkbox" class="checkbox checkbox-xs" /></td>
366
+ <td>
367
+ <div class="font-medium">Research Findings</div>
368
+ <div class="text-xs opacity-50">User research from Q3 interviews</div>
369
+ </td>
370
+ <td>
371
+ <div class="flex gap-1 flex-wrap">
372
+ <span class="badge badge-warning badge-outline badge-sm">research</span>
373
+ <span class="badge badge-neutral badge-outline badge-sm">user</span>
374
+ </div>
375
+ </td>
376
+ <td>3 days ago</td>
377
+ <td class="text-right">
378
+ <button class="btn btn-ghost btn-xs text-warning">
379
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
380
+ </button>
381
+ </td>
382
+ </tr>
383
+ </tbody>
384
+ </table>
385
+ </div>
386
+ </div>
387
+ </div>
388
+ </div>
389
+ </div>
390
+ </div>
391
+ <!--Content end-->
392
+
393
+ </div>
394
+
395
+ <script src="js/theme.js"></script>
396
+ </body>
397
+ </html>