Hugging Face's logo

Spaces:
Aleksmorshen
/
Testhtml
Running

App Files Community
Aleksmorshen commited on
Commit
f2af46d
•
1 Parent(s): 0e39e5b

Rename index.js to index.html

Browse files
Files changed (2) hide show
  1. index.html +44 -0
  2. index.js +0 -518
index.html ADDED
@@ -0,0 +1,44 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Сюрпрайз!</title>
7
+ <style>
8
+ body {
9
+ background-color: black;
10
+ display: flex;
11
+ justify-content: center;
12
+ align-items: center;
13
+ height: 100vh;
14
+ margin: 0;
15
+ }
16
+
17
+ #neonText {
18
+ font-size: 2em;
19
+ color: #00ccff;
20
+ text-align: center;
21
+ text-transform: uppercase;
22
+ font-weight: bold;
23
+ text-shadow: 0 0 10px #00ccff, 0 0 20px #00ccff, 0 0 30px #00ccff, 0 0 40px #00ccff;
24
+ animation: flicker 1.5s infinite alternate;
25
+ }
26
+
27
+ @keyframes flicker {
28
+ 0% {
29
+ opacity: 0.6;
30
+ }
31
+ 100% {
32
+ opacity: 1;
33
+ }
34
+ }
35
+ </style>
36
+ </head>
37
+ <body>
38
+ <div id="neonText">Эльяра я Люблю тебя</div>
39
+
40
+ <script>
41
+ // JavaScript код, если необходим
42
+ </script>
43
+ </body>
44
+ </html>
index.js DELETED
@@ -1,518 +0,0 @@
1
- const express = require('express');
2
- const sqlite3 = require('sqlite3').verbose();
3
- const randomstring = require('randomstring');
4
- const cookieParser = require('cookie-parser');
5
- const multer = require('multer');
6
- const path = require('path');
7
- const session = require('express-session');
8
- const fs = require('fs-extra');
9
-
10
- const app = express();
11
- const port = process.env.PORT || 5000;
12
-
13
- app.use(cookieParser());
14
- app.use(session({
15
- secret: 'ваш_секретный_ключ',
16
- resave: true,
17
- saveUninitialized: false
18
- }));
19
-
20
- const db = new sqlite3.Database('chat.db', sqlite3.OPEN_READWRITE | sqlite3.OPEN_CREATE, (err) => {
21
- if (err) {
22
- console.error(err.message);
23
- } else {
24
- console.log('Подключено к базе данных.');
25
-
26
- db.run(`
27
- CREATE TABLE IF NOT EXISTS messages (
28
- id INTEGER PRIMARY KEY AUTOINCREMENT,
29
- nickname TEXT,
30
- message TEXT,
31
- photo_path TEXT,
32
- date TEXT
33
- )
34
- `);
35
-
36
- db.run(`
37
- CREATE TABLE IF NOT EXISTS active_users (
38
- nickname TEXT PRIMARY KEY,
39
- last_activity INTEGER
40
- )
41
- `);
42
-
43
- db.run(`
44
- CREATE TABLE IF NOT EXISTS online_record (
45
- id INTEGER PRIMARY KEY AUTOINCREMENT,
46
- record INTEGER
47
- )
48
- `);
49
-
50
- db.get('SELECT record FROM online_record WHERE id = 1', (err, row) => {
51
- if (err) {
52
- console.error(err.message);
53
- } else if (row) {
54
- recordOnlineUsers = row.record;
55
- } else {
56
- db.run('INSERT INTO online_record (record) VALUES (0)');
57
- }
58
- });
59
-
60
- setInterval(() => {
61
- db.run('DELETE FROM active_users', (err) => {
62
- if (err) {
63
- console.error(err.message);
64
- }
65
- });
66
- }, 5 * 60 * 1000);
67
- }
68
- });
69
-
70
- let recordOnlineUsers = 0;
71
-
72
- const uploadDir = path.join(__dirname, 'uploads');
73
-
74
- if (!fs.existsSync(uploadDir)) {
75
- fs.mkdirSync(uploadDir);
76
- }
77
-
78
- const storage = multer.diskStorage({
79
- destination: function (req, file, cb) {
80
- cb(null, uploadDir);
81
- },
82
- filename: function (req, file, cb) {
83
- const timestamp = Date.now();
84
- const extension = path.extname(file.originalname);
85
- cb(null, `${timestamp}${extension}`);
86
- },
87
- });
88
-
89
- const upload = multer({ storage: storage });
90
-
91
- app.use(express.urlencoded({ extended: true }));
92
- app.use('/uploads', express.static('uploads'));
93
-
94
- function getMessages(callback) {
95
- db.all('SELECT nickname, message, photo_path, date FROM messages', (err, rows) => {
96
- if (err) {
97
- console.error(err.message);
98
- callback([]);
99
- } else {
100
- callback(rows.reverse());
101
- }
102
- });
103
- }
104
-
105
- function cleanUp() {
106
- db.run('DELETE FROM messages', (err) => {
107
- if (err) {
108
- console.error(err.message);
109
- }
110
- });
111
-
112
- fs.emptyDir(uploadDir, (err) => {
113
- if (err) {
114
- console.error(err.message);
115
- } else {
116
- console.log('История сообщений и содержимое папки "uploads" очищены.');
117
- }
118
- });
119
- }
120
-
121
- setInterval(cleanUp, 1440 * 60 * 1000);
122
-
123
- app.get('/', (req, res) => {
124
- const currentTime = Date.now();
125
- const lastNicknameChange = req.session.lastNicknameChange || 0;
126
-
127
- if (!req.cookies.nickname || currentTime - lastNicknameChange >= 5 * 60 * 1000) {
128
- const newNickname = randomstring.generate(8);
129
- res.cookie('nickname', newNickname);
130
- req.session.lastNicknameChange = currentTime;
131
- }
132
-
133
- getMessages((messages) => {
134
- db.all('SELECT COUNT(*) AS onlineUsers FROM active_users', (err, activeUserRows) => {
135
- if (err) {
136
- console.error(err.message);
137
- res.status(500).send('Внутренняя ошибка сервера');
138
- return;
139
- }
140
-
141
- const onlineUsers = activeUserRows[0].onlineUsers || 0;
142
-
143
- if (onlineUsers > recordOnlineUsers) {
144
- recordOnlineUsers = onlineUsers;
145
- db.run('UPDATE online_record SET record = ? WHERE id = 1', [recordOnlineUsers], (err) => {
146
- if (err) {
147
- console.error(err.message);
148
- }
149
- });
150
- }
151
-
152
- let html = `
153
- <!DOCTYPE html>
154
- <html>
155
- <head>
156
- <title>CHANGR MAIN CHAT</title>
157
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
158
- <style>
159
- /* Ваши стили CSS */
160
- body {
161
- font-family: 'Inconsolata', monospace;
162
- background-color: #f0f0f0;
163
- margin: 0;
164
- padding: 0;
165
- position: relative;
166
- }
167
-
168
- .container {
169
- margin: 0 auto;
170
- padding: 20px;
171
- background-color: #fff;
172
- border-radius: 5px;
173
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
174
- }
175
-
176
- h1 {
177
- text-align: center;
178
- font-size: 36px;
179
- margin-bottom: 20px;
180
- }
181
-
182
- ul {
183
- list-style-type: none;
184
- padding: 0;
185
- }
186
-
187
- li {
188
- margin-bottom: 10px;
189
- }
190
-
191
- /* Стили для поля чата */
192
- #messageInput {
193
- border: 2px solid #6A5ACD;
194
- border-radius: 15px;
195
- padding: 10px;
196
- width: 100%;
197
- font-size: 14px;
198
- }
199
-
200
- input[type="text"] {
201
- width: 100%;
202
- padding: 10px;
203
- border: 1px solid #ccc;
204
- border-radius: 25px;
205
- margin-top: 10px;
206
- }
207
-
208
- .btn-container {
209
- display: flex;
210
- justify-content: space-between;
211
- margin-top: 10px;
212
- }
213
-
214
- /* Стили для кнопки с анимацией */
215
- .btn-container input[type="submit"],
216
- .btn-container input[type="button"] {
217
- background-color: #6A5ACD;
218
- color: white;
219
- border: none;
220
- padding: 10px 20px;
221
- border-radius: 10px;
222
- cursor: pointer;
223
- width: 48%;
224
- font-size: 12px;
225
- font-weight: bold;
226
- box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
227
- transition: background-color 0.2s;
228
- position: relative;
229
- }
230
-
231
- /* Анимация при нажатии на кнопку */
232
- .btn-container input[type="submit"]:hover,
233
- .btn-container input[type="button"]:hover {
234
- background-color: #8A2BE2;
235
- }
236
-
237
- .file-input-label {
238
- background-color: #6A5ACD;
239
- color: white;
240
- border: none;
241
- padding: 5px 10px;
242
- border-radius: 10px;
243
- cursor: pointer;
244
- font-size: 12px;
245
- font-weight: bold;
246
- display: inline-block;
247
- margin-top: 10px;
248
- }
249
-
250
- .file-input {
251
- display: none;
252
- }
253
-
254
- .online-users {
255
- font-size: 12px;
256
- display: flex;
257
- align-items: center;
258
- }
259
-
260
- .online-dot {
261
- width: 10px;
262
- height: 10px;
263
- background-color: #00FF00;
264
- border-radius: 50%;
265
- margin-right: 5px;
266
- box-shadow: 0 0 5px rgba(0, 255, 0, 0.5);
267
- }
268
-
269
- @media screen and (max-width: 600px) {
270
- .container {
271
- max-width: 100%;
272
- border-radius: 0;
273
- }
274
-
275
- h1 {
276
- font-size: 24px;
277
- }
278
-
279
- input[type="text"] {
280
- border-radius: 25px;
281
- }
282
-
283
- .btn-container input[type="submit"],
284
- .btn-container input[type="button"] {
285
- padding: 10px 20px;
286
- border-radius: 10px;
287
- }
288
- }
289
-
290
- .back-button {
291
- position: absolute;
292
- top: 10px;
293
- left: 10px;
294
- background-color: #ff5733;
295
- color: white;
296
- border: none;
297
- padding: 5px 10px;
298
- border-radius: 5px;
299
- cursor: pointer;
300
- font-weight: bold;
301
- font-size: 12px;
302
- }
303
-
304
- .message-date {
305
- font-size: 12px;
306
- color: #888;
307
- margin-left: 10px;
308
- }
309
-
310
- .message-divider {
311
- width: 100%;
312
- height: 2px;
313
- background-color: rgba(0, 0, 0, 0.1);
314
- margin: 10px 0;
315
- }
316
-
317
- .record-dot {
318
- width: 10px;
319
- height: 10px;
320
- background-color: gold;
321
- border-radius: 50%;
322
- margin-right: 5px;
323
- box-shadow: 0 0 5px rgba(255, 215, 0, 0.5);
324
- }
325
-
326
- .record-online-users {
327
- font-size: 12px;
328
- display: flex;
329
- align-items: center;
330
- margin-top: 10px;
331
- }
332
-
333
- .message-container {
334
- border: 2px solid #6A5ACD;
335
- border-radius: 15px;
336
- padding: 10px;
337
- margin-top: 20px;
338
- max-height: 500px;
339
- overflow-y: auto;
340
- }
341
-
342
- .message-container::-webkit-scrollbar {
343
- width: 10px;
344
- }
345
-
346
- .message-container::-webkit-scrollbar-thumb {
347
- background-color: #6A5ACD;
348
- border-radius: 5px;
349
- }
350
-
351
- .message-container::-webkit-scrollbar-track {
352
- background-color: #f0f0f0;
353
- }
354
-
355
- /* Анимация кнопки с неоновым огоньком */
356
- .neon-button::before {
357
- content: '';
358
- position: absolute;
359
- width: 0;
360
- height: 100%;
361
- top: 0;
362
- left: 0;
363
- background-color: white;
364
- opacity: 0.5;
365
- border-radius: 10px;
366
- animation: neon 1s linear infinite;
367
- }
368
-
369
- @keyframes neon {
370
- 0% {
371
- left: -50%;
372
- width: 50%;
373
- }
374
- 50% {
375
- left: 130%;
376
- width: 20%;
377
- }
378
- 100% {
379
- left: 130%;
380
- width: 20%;
381
- }
382
- }
383
- </style>
384
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inconsolata">
385
- </head>
386
- <body>
387
- <a href="https://main.changr.repl.co" class="back-button">Назад</a>
388
- <div class="container">
389
- <h1>CHANGR главный чат</h1>
390
- <div class="online-users">
391
- <div class="online-dot"></div>
392
- <span>${onlineUsers} онлайн</span>
393
- </div>
394
- <div class="record-online-users">
395
- <div class="record-dot"></div>
396
- <span>Рекорд онлайна: <span id="recordOnlineUsers">${recordOnlineUsers}</span></span>
397
- </div>
398
- <form method="POST" enctype="multipart/form-data" id="chatForm">
399
- <input type="text" name="message" id="messageInput" placeholder="Введите сообщение">
400
- <label for="photo" class="file-input-label">
401
- Выбрать файлы <span id="fileCount">0</span>
402
- </label>
403
- <input type="file" name="photo" id="photo" multiple class="file-input">
404
- <div class="btn-container">
405
- <input type="submit" value="Отправить" class="neon-button">
406
- </div>
407
- </form>
408
- <div class="message-container">
409
- <ul id="messageList">
410
- <!-- Сообщения будут отображаться здесь -->
411
- </ul>
412
- </div>
413
- </div>
414
- </body>
415
- <script>
416
- // JavaScript для автообновления списка сообщений и счетчика файлов
417
- function updateMessageList() {
418
- fetch('/messages')
419
- .then(response => response.json())
420
- .then(data => {
421
- const messageList = document.getElementById('messageList');
422
- messageList.innerHTML = '';
423
-
424
- data.messages.forEach(message => {
425
- const li = document.createElement('li');
426
- li.innerHTML = \`<strong>\${message.nickname}</strong>: \${message.message} <span class="message-date">\${message.date}</span>\`;
427
- messageList.appendChild(li);
428
-
429
- if (message.photo_path) {
430
- const photoPaths = message.photo_path.split(',');
431
- photoPaths.forEach(photoPath => {
432
- const img = document.createElement('img');
433
- img.src = \`/uploads/\${photoPath}\`;
434
- img.alt = 'Фото';
435
- img.style.maxWidth = '100%';
436
- img.style.height = 'auto';
437
- const photoLi = document.createElement('li');
438
- photoLi.appendChild(img);
439
- messageList.appendChild(photoLi);
440
- });
441
- }
442
-
443
- const divider = document.createElement('div');
444
- divider.className = 'message-divider';
445
- messageList.appendChild(divider);
446
- });
447
- });
448
- }
449
-
450
- setInterval(updateMessageList, 2000);
451
- updateMessageList();
452
-
453
- const fileCountSpan = document.getElementById('fileCount');
454
- const fileInput = document.getElementById('photo');
455
-
456
- fileInput.addEventListener('change', () => {
457
- fileCountSpan.textContent = fileInput.files.length;
458
- });
459
- </script>
460
- </html>
461
- `;
462
-
463
- res.send(html);
464
- });
465
- });
466
- });
467
-
468
- app.get('/messages', (req, res) => {
469
- getMessages((messages) => {
470
- res.json({ messages });
471
- });
472
- });
473
-
474
- app.post('/', upload.array('photo', 3), (req, res) => {
475
- const nickname = req.cookies.nickname;
476
- const message = req.body.message;
477
- const photos = req.files;
478
- const date = new Date().toISOString();
479
-
480
- db.run('INSERT INTO messages (nickname, message, date) VALUES (?, ?, ?)', [nickname, message, date], (err) => {
481
- if (err) {
482
- console.error(err.message);
483
- res.status(500).send('Ошибка сохранения сообщения');
484
- return;
485
- }
486
-
487
- if (photos && photos.length > 0) {
488
- const photoPaths = photos.map((photo) => photo.filename);
489
-
490
- db.run('UPDATE messages SET photo_path = ? WHERE nickname = ? AND date = ?', [photoPaths.join(','), nickname, date], (err) => {
491
- if (err) {
492
- console.error(err.message);
493
- }
494
- });
495
- }
496
-
497
- res.redirect('/');
498
- });
499
- });
500
-
501
- app.listen(port, () => {
502
- console.log(`Сервер запущен на порту ${port}`);
503
- });
504
-
505
- app.use((req, res, next) => {
506
- if (req.cookies.nickname) {
507
- const nickname = req.cookies.nickname;
508
-
509
- db.run('INSERT OR REPLACE INTO active_users (nickname, last_activity) VALUES (?, ?)', [nickname, Date.now()], (err) => {
510
- if (err) {
511
- console.error(err.message);
512
- }
513
- });
514
- }
515
-
516
- next();
517
- });
518
-