Hugging Face's logo

Spaces:
TakizawaAccount
/
https-t-me
Running

App Files Community
TakizawaAccount commited on
Commit
825c35a
·
verified ·
1 Parent(s): 7323d13

Создай мессенджер бля общения и кинь файл сюда чтоб его можно было скачать - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +189 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Https T Me
3
- emoji: 📚
4
- colorFrom: purple
5
- colorTo: indigo
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: https-t-me
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: purple
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,189 @@
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>ChatWave - Modern Messenger</title>
7
+ <link rel="icon" type="image/x-icon" href="favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
11
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
12
+ <style>
13
+ :root {
14
+ --primary: #6366f1;
15
+ --primary-dark: #4f46e5;
16
+ }
17
+ body {
18
+ font-family: 'Inter', sans-serif;
19
+ background-color: #f9fafb;
20
+ }
21
+ .chat-height {
22
+ height: calc(100vh - 160px);
23
+ }
24
+ .message-sent {
25
+ background-color: var(--primary);
26
+ color: white;
27
+ border-radius: 18px 18px 0 18px;
28
+ }
29
+ .message-received {
30
+ background-color: #e5e7eb;
31
+ color: #111827;
32
+ border-radius: 18px 18px 18px 0;
33
+ }
34
+ .scrollbar-hide::-webkit-scrollbar {
35
+ display: none;
36
+ }
37
+ .scrollbar-hide {
38
+ -ms-overflow-style: none;
39
+ scrollbar-width: none;
40
+ }
41
+ </style>
42
+ </head>
43
+ <body class="bg-gray-50">
44
+ <div class="flex h-screen overflow-hidden">
45
+ <!-- Sidebar -->
46
+ <div class="hidden md:flex md:flex-shrink-0">
47
+ <div class="flex flex-col w-64 border-r border-gray-200 bg-white">
48
+ <div class="flex items-center justify-center h-16 px-4 border-b border-gray-200">
49
+ <div class="flex items-center">
50
+ <i data-feather="message-square" class="text-indigo-500 mr-2"></i>
51
+ <span class="text-xl font-bold text-gray-800">ChatWave</span>
52
+ </div>
53
+ </div>
54
+ <div class="flex flex-col flex-grow overflow-y-auto">
55
+ <!-- Search -->
56
+ <div class="px-4 py-3">
57
+ <div class="relative">
58
+ <input type="text" placeholder="Search contacts" class="w-full pl-10 pr-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent">
59
+ <i data-feather="search" class="absolute left-3 top-3 text-gray-400"></i>
60
+ </div>
61
+ </div>
62
+
63
+ <!-- Contacts list -->
64
+ <div class="flex-1 overflow-y-auto">
65
+ <div class="space-y-1 px-2">
66
+ <!-- Contact item -->
67
+ <div class="flex items-center p-3 rounded-lg hover:bg-gray-100 cursor-pointer bg-indigo-50">
68
+ <div class="relative">
69
+ <img src="http://static.photos/people/200x200/1" class="w-10 h-10 rounded-full object-cover" alt="User">
70
+ <span class="absolute bottom-0 right-0 w-3 h-3 bg-green-500 rounded-full border-2 border-white"></span>
71
+ </div>
72
+ <div class="ml-3">
73
+ <h3 class="text-sm font-medium text-gray-900">Alex Johnson</h3>
74
+ <p class="text-xs text-gray-500">Hey, how are you?</p>
75
+ </div>
76
+ <div class="ml-auto text-xs text-gray-500">2 min</div>
77
+ </div>
78
+
79
+ <!-- More contacts -->
80
+ <div class="flex items-center p-3 rounded-lg hover:bg-gray-100 cursor-pointer">
81
+ <div class="relative">
82
+ <img src="http://static.photos/people/200x200/2" class="w-10 h-10 rounded-full object-cover" alt="User">
83
+ <span class="absolute bottom-0 right-0 w-3 h-3 bg-gray-400 rounded-full border-2 border-white"></span>
84
+ </div>
85
+ <div class="ml-3">
86
+ <h3 class="text-sm font-medium text-gray-900">Sarah Miller</h3>
87
+ <p class="text-xs text-gray-500">Meeting at 3pm</p>
88
+ </div>
89
+ <div class="ml-auto text-xs text-gray-500">1h</div>
90
+ </div>
91
+
92
+ <div class="flex items-center p-3 rounded-lg hover:bg-gray-100 cursor-pointer">
93
+ <div class="relative">
94
+ <img src="http://static.photos/people/200x200/3" class="w-10 h-10 rounded-full object-cover" alt="User">
95
+ <span class="absolute bottom-0 right-0 w-3 h-3 bg-green-500 rounded-full border-2 border-white"></span>
96
+ </div>
97
+ <div class="ml-3">
98
+ <h3 class="text-sm font-medium text-gray-900">David Wilson</h3>
99
+ <p class="text-xs text-gray-500">Sent the files</p>
100
+ </div>
101
+ <div class="ml-auto text-xs text-gray-500">5h</div>
102
+ </div>
103
+
104
+ <div class="flex items-center p-3 rounded-lg hover:bg-gray-100 cursor-pointer">
105
+ <div class="relative">
106
+ <img src="http://static.photos/people/200x200/4" class="w-10 h-10 rounded-full object-cover" alt="User">
107
+ <span class="absolute bottom-0 right-0 w-3 h-3 bg-green-500 rounded-full border-2 border-white"></span>
108
+ </div>
109
+ <div class="ml-3">
110
+ <h3 class="text-sm font-medium text-gray-900">Emma Davis</h3>
111
+ <p class="text-xs text-gray-500">Thanks for your help!</p>
112
+ </div>
113
+ <div class="ml-auto text-xs text-gray-500">1d</div>
114
+ </div>
115
+
116
+ <div class="flex items-center p-3 rounded-lg hover:bg-gray-100 cursor-pointer">
117
+ <div class="relative">
118
+ <img src="http://static.photos/people/200x200/5" class="w-10 h-10 rounded-full object-cover" alt="User">
119
+ <span class="absolute bottom-0 right-0 w-3 h-3 bg-gray-400 rounded-full border-2 border-white"></span>
120
+ </div>
121
+ <div class="ml-3">
122
+ <h3 class="text-sm font-medium text-gray-900">Michael Brown</h3>
123
+ <p class="text-xs text-gray-500">Check this out</p>
124
+ </div>
125
+ <div class="ml-auto text-xs text-gray-500">2d</div>
126
+ </div>
127
+ </div>
128
+ </div>
129
+ </div>
130
+ </div>
131
+ </div>
132
+
133
+ <!-- Main chat area -->
134
+ <div class="flex flex-col flex-1 overflow-hidden">
135
+ <!-- Chat header -->
136
+ <div class="flex items-center justify-between h-16 px-4 border-b border-gray-200 bg-white">
137
+ <div class="flex items-center">
138
+ <button class="md:hidden mr-2 text-gray-500">
139
+ <i data-feather="menu"></i>
140
+ </button>
141
+ <div class="flex items-center">
142
+ <img src="http://static.photos/people/200x200/1" class="w-8 h-8 rounded-full object-cover" alt="User">
143
+ <div class="ml-3">
144
+ <h3 class="text-sm font-medium text-gray-900">Alex Johnson</h3>
145
+ <p class="text-xs text-gray-500">Online</p>
146
+ </div>
147
+ </div>
148
+ </div>
149
+ <div class="flex items-center space-x-4">
150
+ <button class="text-gray-500 hover:text-gray-700">
151
+ <i data-feather="phone"></i>
152
+ </button>
153
+ <button class="text-gray-500 hover:text-gray-700">
154
+ <i data-feather="video"></i>
155
+ </button>
156
+ <button class="text-gray-500 hover:text-gray-700">
157
+ <i data-feather="more-vertical"></i>
158
+ </button>
159
+ </div>
160
+ </div>
161
+
162
+ <!-- Messages -->
163
+ <div class="flex-1 overflow-y-auto chat-height scrollbar-hide bg-gray-50 p-4">
164
+ <div class="space-y-3">
165
+ <!-- Received message -->
166
+ <div class="flex items-start">
167
+ <img src="http://static.photos/people/200x200/1" class="w-8 h-8 rounded-full object-cover mr-2" alt="User">
168
+ <div class="message-received px-4 py-2 max-w-xs">
169
+ <p>Hey there! How's it going?</p>
170
+ <p class="text-xs text-gray-600 mt-1">10:30 AM</p>
171
+ </div>
172
+ </div>
173
+
174
+ <!-- Sent message -->
175
+ <div class="flex justify-end">
176
+ <div class="message-sent px-4 py-2 max-w-xs">
177
+ <p>I'm doing great! Just finished that project we talked about.</p>
178
+ <p class="text-xs text-indigo-100 mt-1">10:32 AM</p>
179
+ </div>
180
+ </div>
181
+
182
+ <!-- Received message -->
183
+ <div class="flex items-start">
184
+ <img src="http://static.photos/people/200x200/1" class="w-8 h-8 rounded-full object-cover mr-2" alt="User">
185
+ <div class="message-received px-4 py-2 max-w-xs">
186
+ <p>That's awesome! Can you send me the files?</p>
187
+ <p class="text-xs text-gray
188
+ </body>
189
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Создай мессенджер бля общения и кинь файл сюда чтоб его можно было скачать