Hugging Face's logo

Spaces:
algovenus
/
novelapp
Running

App Files Community
algovenus commited on
Commit
22eb4ef
路
verified 路
1 Parent(s): 33e5ae8

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +414 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Novelapp
3
- emoji: 馃惃
4
- colorFrom: purple
5
- colorTo: gray
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: novelapp
3
+ emoji: 馃惓
4
+ colorFrom: red
5
+ colorTo: pink
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,414 @@
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">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>NovelCraft - Writing & Organization</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/lucide@latest"></script>
9
+ <style>
10
+ /* Custom scrollbar */
11
+ ::-webkit-scrollbar {
12
+ width: 8px;
13
+ height: 8px;
14
+ }
15
+ ::-webkit-scrollbar-track {
16
+ background: #f1f1f1;
17
+ }
18
+ ::-webkit-scrollbar-thumb {
19
+ background: #c1c1c1;
20
+ border-radius: 4px;
21
+ }
22
+ ::-webkit-scrollbar-thumb:hover {
23
+ background: #a8a8a8;
24
+ }
25
+
26
+ /* Custom animations */
27
+ @keyframes fadeIn {
28
+ from { opacity: 0; }
29
+ to { opacity: 1; }
30
+ }
31
+ .fade-in {
32
+ animation: fadeIn 0.2s ease-in-out;
33
+ }
34
+
35
+ /* Custom dropdown */
36
+ .dropdown-content {
37
+ display: none;
38
+ position: absolute;
39
+ z-index: 50;
40
+ min-width: 220px;
41
+ background-color: white;
42
+ border: 1px solid #e5e7eb;
43
+ border-radius: 0.375rem;
44
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
45
+ }
46
+ .dropdown:hover .dropdown-content {
47
+ display: block;
48
+ }
49
+
50
+ /* Message bubbles */
51
+ .user-message {
52
+ background-color: #6366f1;
53
+ color: white;
54
+ border-radius: 1rem 1rem 0 1rem;
55
+ }
56
+ .ai-message {
57
+ background-color: #f3f4f6;
58
+ color: #1f2937;
59
+ border-radius: 1rem 1rem 1rem 0;
60
+ }
61
+ </style>
62
+ </head>
63
+ <body class="bg-gray-50 text-gray-800 font-sans antialiased flex h-screen overflow-hidden">
64
+ <!-- Left Sidebar -->
65
+ <div class="w-64 bg-white border-r border-gray-200 flex flex-col h-full">
66
+ <div class="p-4 border-b border-gray-200">
67
+ <h1 class="text-xl font-semibold text-gray-800 flex items-center">
68
+ <i data-lucide="book-open" class="w-5 h-5 mr-2 text-indigo-500"></i>
69
+ NovelCraft
70
+ </h1>
71
+ </div>
72
+
73
+ <div class="p-3 border-b border-gray-200">
74
+ <div class="relative">
75
+ <input type="text" placeholder="Search all entries..." class="w-full pl-9 pr-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-1 focus:ring-indigo-500 focus:border-indigo-500">
76
+ <i data-lucide="search" class="absolute left-3 top-2.5 text-gray-400 w-4 h-4"></i>
77
+ </div>
78
+ </div>
79
+
80
+ <div class="flex-1 overflow-y-auto">
81
+ <div class="px-3 pt-3">
82
+ <button class="w-full flex items-center justify-between px-3 py-2 bg-indigo-50 text-indigo-600 rounded-md text-sm font-medium">
83
+ <span class="flex items-center">
84
+ <i data-lucide="plus" class="w-4 h-4 mr-2"></i>
85
+ New Entry
86
+ </span>
87
+ </button>
88
+ </div>
89
+
90
+ <div class="mt-4">
91
+ <div class="px-3">
92
+ <button class="w-full flex items-center justify-between px-3 py-2 bg-indigo-600 text-white rounded-md text-sm font-medium">
93
+ <span class="flex items-center">
94
+ <i data-lucide="library" class="w-4 h-4 mr-2"></i>
95
+ Codex
96
+ </span>
97
+ <i data-lucide="chevron-down" class="w-4 h-4"></i>
98
+ </button>
99
+ </div>
100
+
101
+ <div class="mt-1 pl-8">
102
+ <a href="#" class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded-md flex items-center">
103
+ <i data-lucide="users" class="w-4 h-4 mr-2 text-gray-500"></i>
104
+ Characters
105
+ </a>
106
+ <a href="#" class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded-md flex items-center">
107
+ <i data-lucide="map-pin" class="w-4 h-4 mr-2 text-gray-500"></i>
108
+ Locations
109
+ </a>
110
+ <a href="#" class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded-md flex items-center">
111
+ <i data-lucide="package" class="w-4 h-4 mr-2 text-gray-500"></i>
112
+ Items
113
+ </a>
114
+ <a href="#" class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded-md flex items-center">
115
+ <i data-lucide="scroll" class="w-4 h-4 mr-2 text-gray-500"></i>
116
+ Lore
117
+ </a>
118
+ <a href="#" class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded-md flex items-center">
119
+ <i data-lucide="file-text" class="w-4 h-4 mr-2 text-gray-500"></i>
120
+ Snippets
121
+ </a>
122
+ </div>
123
+ </div>
124
+
125
+ <div class="mt-2">
126
+ <a href="#" class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded-md mx-2 flex items-center">
127
+ <i data-lucide="calendar" class="w-4 h-4 mr-2 text-gray-500"></i>
128
+ Timeline
129
+ </a>
130
+ <a href="#" class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded-md mx-2 flex items-center">
131
+ <i data-lucide="bar-chart-2" class="w-4 h-4 mr-2 text-gray-500"></i>
132
+ Stats
133
+ </a>
134
+ </div>
135
+ </div>
136
+
137
+ <div class="p-3 border-t border-gray-200">
138
+ <a href="#" class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded-md flex items-center">
139
+ <i data-lucide="settings" class="w-4 h-4 mr-2 text-gray-500"></i>
140
+ Settings
141
+ </a>
142
+ <a href="#" class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded-md flex items-center">
143
+ <i data-lucide="help-circle" class="w-4 h-4 mr-2 text-gray-500"></i>
144
+ Help & Feedback
145
+ </a>
146
+ </div>
147
+ </div>
148
+
149
+ <!-- Main Content -->
150
+ <div class="flex-1 flex flex-col h-full overflow-hidden">
151
+ <!-- Top Navigation -->
152
+ <div class="bg-white border-b border-gray-200">
153
+ <div class="flex items-center px-4 h-14">
154
+ <div class="flex space-x-1">
155
+ <a href="#" class="px-3 py-2 text-sm font-medium text-gray-500 hover:text-gray-700 rounded-md">Plan</a>
156
+ <a href="#" class="px-3 py-2 text-sm font-medium text-gray-500 hover:text-gray-700 rounded-md">Write</a>
157
+ <a href="#" class="px-3 py-2 text-sm font-medium text-indigo-600 bg-indigo-50 rounded-md">Chat</a>
158
+ <a href="#" class="px-3 py-2 text-sm font-medium text-gray-500 hover:text-gray-700 rounded-md">Review</a>
159
+ </div>
160
+
161
+ <div class="ml-auto flex items-center space-x-3">
162
+ <button class="p-1 rounded-md hover:bg-gray-100">
163
+ <i data-lucide="bell" class="w-5 h-5 text-gray-500"></i>
164
+ </button>
165
+ <div class="relative">
166
+ <button class="flex items-center space-x-2 focus:outline-none">
167
+ <div class="w-8 h-8 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 font-medium">JD</div>
168
+ <span class="text-sm font-medium text-gray-700">John Doe</span>
169
+ <i data-lucide="chevron-down" class="w-4 h-4 text-gray-500"></i>
170
+ </button>
171
+ </div>
172
+ </div>
173
+ </div>
174
+ </div>
175
+
176
+ <!-- Content Area -->
177
+ <div class="flex-1 flex overflow-hidden">
178
+ <!-- Left Threads Panel -->
179
+ <div class="w-64 bg-white border-r border-gray-200 flex flex-col h-full overflow-hidden">
180
+ <div class="p-3 border-b border-gray-200">
181
+ <button class="w-full flex items-center justify-center px-3 py-2 bg-indigo-600 text-white rounded-md text-sm font-medium">
182
+ <i data-lucide="plus" class="w-4 h-4 mr-2"></i>
183
+ New Thread
184
+ </button>
185
+ </div>
186
+
187
+ <div class="flex-1 overflow-y-auto">
188
+ <div class="px-3 pt-3">
189
+ <div class="flex items-center justify-between">
190
+ <h3 class="text-xs font-semibold text-gray-500 uppercase tracking-wider">Pinned</h3>
191
+ <span class="text-xs text-gray-400">1 thread</span>
192
+ </div>
193
+
194
+ <div class="mt-2">
195
+ <a href="#" class="block px-3 py-2 text-sm text-gray-700 bg-gray-100 rounded-md flex items-center justify-between">
196
+ <span>Main Story Brainstorm</span>
197
+ <i data-lucide="star" class="w-4 h-4 text-yellow-500"></i>
198
+ </a>
199
+ </div>
200
+ </div>
201
+
202
+ <div class="px-3 pt-4">
203
+ <div class="flex items-center justify-between">
204
+ <h3 class="text-xs font-semibold text-gray-500 uppercase tracking-wider">Recent</h3>
205
+ <span class="text-xs text-gray-400">3 threads</span>
206
+ </div>
207
+
208
+ <div class="mt-2 space-y-1">
209
+ <a href="#" class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded-md">
210
+ <div>Fantasy Novels</div>
211
+ <div class="text-xs text-gray-400 mt-1">yesterday at 3:45 PM</div>
212
+ </a>
213
+ <a href="#" class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded-md">
214
+ <div>Character Development</div>
215
+ <div class="text-xs text-gray-400 mt-1">2 days ago</div>
216
+ </a>
217
+ <a href="#" class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded-md">
218
+ <div>World Building</div>
219
+ <div class="text-xs text-gray-400 mt-1">Mar 12</div>
220
+ </a>
221
+ </div>
222
+ </div>
223
+ </div>
224
+ </div>
225
+
226
+ <!-- Main Chat Area -->
227
+ <div class="flex-1 flex flex-col h-full overflow-hidden bg-gray-50">
228
+ <!-- Chat Header -->
229
+ <div class="bg-white border-b border-gray-200 p-3">
230
+ <div class="flex items-center justify-between">
231
+ <div class="flex items-center space-x-4">
232
+ <div class="relative">
233
+ <select class="appearance-none bg-white border border-gray-300 rounded-md pl-3 pr-8 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-indigo-500 focus:border-indigo-500">
234
+ <option>General Purpose GPT-4 Turbo</option>
235
+ <option>General Purpose Claude 3 Haiku</option>
236
+ <option>Writing Assistant GPT-4</option>
237
+ <option>Creative Writing Claude 3</option>
238
+ </select>
239
+ <i data-lucide="chevron-down" class="absolute right-3 top-2.5 text-gray-400 w-4 h-4 pointer-events-none"></i>
240
+ </div>
241
+
242
+ <div class="flex items-center">
243
+ <span class="text-sm text-gray-500 mr-2">Name:</span>
244
+ <input type="text" value="Fantasy Novels" class="border-0 border-b border-gray-300 focus:border-indigo-500 focus:ring-0 px-1 py-0 text-sm w-48">
245
+ </div>
246
+ </div>
247
+
248
+ <div class="relative dropdown">
249
+ <button class="p-1 rounded-md hover:bg-gray-100">
250
+ <i data-lucide="more-horizontal" class="w-5 h-5 text-gray-500"></i>
251
+ </button>
252
+
253
+ <div class="dropdown-content right-0 mt-1 py-1 w-48">
254
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 flex items-center">
255
+ <i data-lucide="star" class="w-4 h-4 mr-2 text-gray-500"></i>
256
+ Pin Thread
257
+ </a>
258
+ <div class="relative sub-dropdown">
259
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 flex items-center justify-between">
260
+ <span class="flex items-center">
261
+ <i data-lucide="copy" class="w-4 h-4 mr-2 text-gray-500"></i>
262
+ Copy conversation
263
+ </span>
264
+ <i data-lucide="chevron-right" class="w-4 h-4 text-gray-400"></i>
265
+ </a>
266
+ <div class="sub-dropdown-content absolute left-full top-0 ml-1 py-1 w-40 bg-white border border-gray-200 rounded-md shadow-lg hidden">
267
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">JSON</a>
268
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">YAML</a>
269
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Markdown</a>
270
+ </div>
271
+ </div>
272
+ <a href="#" class="block px-4 py-2 text-sm text-red-600 hover:bg-gray-100 flex items-center">
273
+ <i data-lucide="trash-2" class="w-4 h-4 mr-2 text-red-500"></i>
274
+ Delete Thread
275
+ </a>
276
+ </div>
277
+ </div>
278
+ </div>
279
+ </div>
280
+
281
+ <!-- Chat Messages -->
282
+ <div class="flex-1 overflow-y-auto p-4 space-y-4">
283
+ <div class="max-w-3xl mx-auto">
284
+ <div class="bg-gray-100 p-4 rounded-lg text-center text-sm text-gray-500">
285
+ This is a new thread. Start by typing a message in the box below. Any codex entries you mention will be included in the context. Alternatively, you can customize the context with the button at the bottom.
286
+ </div>
287
+ </div>
288
+
289
+ <div class="max-w-3xl mx-auto fade-in">
290
+ <div class="flex justify-end">
291
+ <div class="user-message px-4 py-3 max-w-xl">
292
+ <p>I'm writing a fantasy novel set in a world where magic is derived from music. Can you help me brainstorm some unique magical systems based on different musical concepts?</p>
293
+ </div>
294
+ </div>
295
+ </div>
296
+
297
+ <div class="max-w-3xl mx-auto fade-in">
298
+ <div class="flex justify-start">
299
+ <div class="ai-message px-4 py-3 max-w-xl">
300
+ <p>That's a fascinating concept! Here are some musical magic system ideas:</p>
301
+ <ul class="list-disc pl-5 mt-2 space-y-1">
302
+ <li><strong>Harmonic Resonance:</strong> Wizards must maintain perfect pitch to cast spells, with dissonance causing magical backlash.</li>
303
+ <li><strong>Rhythmic Patterns:</strong> Combat magic follows strict time signatures - break the rhythm and the spell collapses.</li>
304
+ <li><strong>Instrument Specialization:</strong> Different instruments produce different magical effects (strings for illusions, percussion for elemental magic, etc.)</li>
305
+ </ul>
306
+ <div class="mt-3 pt-2 border-t border-gray-200 flex items-center justify-between text-xs text-gray-500">
307
+ <span>GPT-4 Turbo 路 299 words</span>
308
+ <div class="flex space-x-2">
309
+ <button class="hover:text-gray-700 flex items-center">
310
+ <i data-lucide="refresh-cw" class="w-3 h-3 mr-1"></i> Retry
311
+ </button>
312
+ <button class="hover:text-gray-700 flex items-center">
313
+ <i data-lucide="save" class="w-3 h-3 mr-1"></i> Save as Snippet
314
+ </button>
315
+ <button class="hover:text-gray-700 flex items-center">
316
+ <i data-lucide="copy" class="w-3 h-3 mr-1"></i> Copy
317
+ </button>
318
+ <button class="hover:text-gray-700 flex items-center">
319
+ <i data-lucide="file-text" class="w-3 h-3 mr-1"></i> Extract
320
+ </button>
321
+ </div>
322
+ </div>
323
+ </div>
324
+ </div>
325
+ </div>
326
+ </div>
327
+
328
+ <!-- Message Input -->
329
+ <div class="bg-white border-t border-gray-200 p-4">
330
+ <div class="max-w-3xl mx-auto">
331
+ <div class="relative">
332
+ <div class="absolute left-3 top-2.5">
333
+ <button id="context-button" class="text-gray-400 hover:text-gray-600">
334
+ <i data-lucide="file-text" class="w-5 h-5"></i>
335
+ </button>
336
+
337
+ <!-- Context Dropdown -->
338
+ <div id="context-dropdown" class="hidden absolute left-0 bottom-full mb-2 w-64 bg-white border border-gray-200 rounded-md shadow-lg z-10 p-2">
339
+ <div class="text-xs font-semibold text-gray-500 px-2 py-1">INCLUDE IN CONTEXT</div>
340
+ <div class="space-y-1">
341
+ <a href="#" class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded">Full Novel Outline</a>
342
+ <div class="relative">
343
+ <a href="#" class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded flex justify-between items-center">
344
+ <span>Scene Context</span>
345
+ <span class="text-xs text-gray-400">No selection</span>
346
+ </a>
347
+ </div>
348
+ <a href="#" class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded">Full Novel Text</a>
349
+ <div class="px-3 py-2 flex items-center">
350
+ <input type="checkbox" id="codex-entries" class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded">
351
+ <label for="codex-entries" class="ml-2 block text-sm text-gray-700">Codex Entries in Thread</label>
352
+ </div>
353
+ </div>
354
+ </div>
355
+ </div>
356
+
357
+ <textarea placeholder="Type your message..." rows="1" class="w-full pl-10 pr-16 py-3 border border-gray-300 rounded-md resize-none focus:outline-none focus:ring-1 focus:ring-indigo-500 focus:border-indigo-500"></textarea>
358
+
359
+ <div class="absolute right-3 top-2.5 flex items-center">
360
+ <button class="p-1 text-gray-400 hover:text-gray-600 mr-1">
361
+ <i data-lucide="paperclip" class="w-5 h-5"></i>
362
+ </button>
363
+ <button class="px-3 py-1.5 bg-indigo-600 text-white rounded-md text-sm font-medium hover:bg-indigo-700">
364
+ <i data-lucide="send" class="w-4 h-4"></i>
365
+ </button>
366
+ </div>
367
+ </div>
368
+ </div>
369
+ </div>
370
+ </div>
371
+ </div>
372
+ </div>
373
+
374
+ <script>
375
+ // Initialize Lucide icons
376
+ lucide.createIcons();
377
+
378
+ // Toggle context dropdown
379
+ const contextButton = document.getElementById('context-button');
380
+ const contextDropdown = document.getElementById('context-dropdown');
381
+
382
+ contextButton.addEventListener('click', (e) => {
383
+ e.stopPropagation();
384
+ contextDropdown.classList.toggle('hidden');
385
+ });
386
+
387
+ // Close dropdown when clicking outside
388
+ document.addEventListener('click', () => {
389
+ contextDropdown.classList.add('hidden');
390
+ });
391
+
392
+ // Handle sub-dropdowns
393
+ document.querySelectorAll('.sub-dropdown').forEach(dropdown => {
394
+ const trigger = dropdown.querySelector('a');
395
+ const content = dropdown.querySelector('.sub-dropdown-content');
396
+
397
+ trigger.addEventListener('mouseenter', () => {
398
+ content.classList.remove('hidden');
399
+ });
400
+
401
+ dropdown.addEventListener('mouseleave', () => {
402
+ content.classList.add('hidden');
403
+ });
404
+ });
405
+
406
+ // Auto-resize textarea
407
+ const textarea = document.querySelector('textarea');
408
+ textarea.addEventListener('input', function() {
409
+ this.style.height = 'auto';
410
+ this.style.height = (this.scrollHeight) + 'px';
411
+ });
412
+ </script>
413
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 馃К <a href="https://enzostvs-deepsite.hf.space?remix=algovenus/novelapp" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
414
+ </html>
prompts.txt ADDED
File without changes