Update app.py

app.py

@@ -977,7 +977,7 @@ def feed():
                 </video>
                 <button class="play-btn" onclick="playVideo('{{ post['id'] }}')">▶</button>
             {% else %}
-                <img class="post-media" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}">
+                <img class="post-media" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}" loading="lazy">
             {% endif %}
             <div class="post-overlay">
                 <h2>{{ post['title'] }}</h2>
@@ -1120,8 +1120,7 @@ def feed():
                                 user_count=user_count,
                                 private_unread_count=private_unread_count,
                                 is_online=is_online,
-                                is_user_online=lambda u: is_user_online(data, u),
-                                data=data)
+                                is_user_online=lambda u: is_user_online(data, u))
 
 @app.route('/post/<post_id>', methods=['GET', 'POST'])
 def post_page(post_id):
@@ -1255,6 +1254,7 @@ def post_page(post_id):
             <button class="btn like-btn {% if username in post['likes'] %}liked{% endif %}" onclick="toggleLike('{{ post['id'] }}')">
                 {% if username in post['likes'] %}Unlike{% else %}Like{% endif %}
             </button>
+            <button class="btn" onclick="copyLink('{{ url_for('post_page', post_id=post['id'], _external=True) }}')">Share</button>
             <form method="POST" class="comment-section">
                 <textarea name="comment" placeholder="Leave a comment" rows="3"></textarea>
                 <button type="submit" class="btn">Submit</button>
@@ -1307,6 +1307,11 @@ def post_page(post_id):
             })
             .catch(error => console.error('Error:', error));
         }
+        function copyLink(url) {
+            navigator.clipboard.writeText(url).then(() => {
+                alert('Link copied to clipboard!');
+            });
+        }
         window.onload = () => {
             if (localStorage.getItem('theme') === 'dark') document.body.classList.add('dark');
         };
@@ -1467,6 +1472,13 @@ def profile():
         .post-item a {
             text-decoration: none;
         }
+        .delete-btn {
+            background: var(--secondary);
+            margin-top: 10px;
+        }
+        .delete-btn:hover {
+            background: #00b8c5;
+        }
         @media (max-width: 900px) {
             .profile-header {
                 flex-direction: column;
@@ -1513,6 +1525,13 @@ def profile():
                 {% endif %}
                 <p>Total Views: {{ total_views }} | Total Likes: {{ total_likes }}</p>
                 <p>Last Seen: {{ last_seen }}</p>
+                <form method="POST" enctype="multipart/form-data">
+                    <input type="hidden" name="update_profile" value="1">
+                    <textarea name="bio" placeholder="Bio">{{ bio }}</textarea>
+                    <input type="text" name="link" placeholder="Link" value="{{ link }}">
+                    <input type="file" name="avatar" accept="image/*">
+                    <button type="submit" class="btn">Update Profile</button>
+                </form>
             </div>
         </div>
         <h2 style="font-size: 1.9em; margin-bottom: 25px;">Posts</h2>
@@ -1531,6 +1550,11 @@ def profile():
                 </a>
                 <p>{{ post['description']|truncate(100) }}</p>
                 <p>{{ post['upload_date'] }} | Views: {{ post['views'] }} | Likes: {{ post['likes']|length }}</p>
+                <form method="POST">
+                    <input type="hidden" name="delete_post" value="1">
+                    <input type="hidden" name="post_id" value="{{ post['id'] }}">
+                    <button type="submit" class="btn delete-btn">Delete</button>
+                </form>
             </div>
             {% endfor %}
             {% if not user_posts %}
@@ -1591,70 +1615,31 @@ def profile():
                                 private_unread_count=private_unread_count,
                                 is_online=is_online)
 
-@app.route('/upload', methods=['GET', 'POST'])
-def upload():
-    if 'username' not in session:
-        flash('Войдите, чтобы загрузить контент!')
-        return redirect(url_for('login'))
-    
+@app.route('/user/<username>')
+def user_profile(username):
     data = load_data()
-    username = session['username']
-    update_last_seen(data, username)
+    current_user = session.get('username', None)
+    if current_user:
+        update_last_seen(data, current_user)
+    if username not in data['users']:
+        return "Пользователь не найден", 404
+    
+    user_posts = sorted([p for p in data['posts'] if p['uploader'] == username], key=lambda x: datetime.strptime(x['upload_date'], '%Y-%m-%d %H:%M:%S'), reverse=True)
     is_authenticated = 'username' in session
-    unread_count = get_unread_count(data, username)
-    private_unread_count = get_private_unread_count(data, username)
+    unread_count = get_unread_count(data, current_user) if is_authenticated else 0
+    private_unread_count = get_private_unread_count(data, current_user) if is_authenticated else 0
     user_count = len(data['users'])
-    is_online = is_user_online(data, username)
-    
-    if request.method == 'POST':
-        title = request.form.get('title')
-        description = request.form.get('description')
-        file = request.files.get('file')
-        
-        if not file or not title:
-            flash('Название и файл обязательны!')
-            return redirect(url_for('upload'))
-        
-        filename = secure_filename(file.filename)
-        temp_path = os.path.join('uploads', filename)
-        os.makedirs('uploads', exist_ok=True)
-        file.save(temp_path)
-        
-        file_type = 'video' if filename.lower().endswith(('.mp4', '.mov', '.avi')) else 'photo'
-        api = HfApi()
-        file_path = f"{file_type}s/{username}/{filename}"
-        api.upload_file(
-            path_or_fileobj=temp_path,
-            path_in_repo=file_path,
-            repo_id=REPO_ID,
-            repo_type="dataset",
-            token=HF_TOKEN_WRITE,
-            commit_message=f"Загружен {file_type} от {username}"
-        )
-        
-        post_id = str(random.randint(100000, 999999))
-        while any(p['id'] == post_id for p in data['posts']):
-            post_id = str(random.randint(100000, 999999))
-        
-        data['posts'].append({
-            'id': post_id,
-            'title': title,
-            'description': description,
-            'filename': f"{username}/{filename}",
-            'type': file_type,
-            'uploader': username,
-            'upload_date': datetime.now().strftime('%Y-%m-%d %H:%M:%S'),
-            'views': 0,
-            'likes': [],
-            'comments': []
-        })
-        save_data(data)
-        
-        if os.path.exists(temp_path):
-            os.remove(temp_path)
-        
-        return redirect(url_for('profile'))
+    is_online = is_user_online(data, current_user) if is_authenticated else False
     
+    total_views = sum(post.get('views', 0) for post in user_posts)
+    total_likes = sum(len(post.get('likes', [])) for post in user_posts)
+    user_data = data['users'].get(username, {})
+    bio = user_data.get('bio', '')
+    link = user_data.get('link', '')
+    avatar = user_data.get('avatar', None)
+    last_seen = user_data.get('last_seen', 'Never')
+    is_user_online_status = is_user_online(data, username)
+
     html = '''
 <!DOCTYPE html>
 <html lang="en">
@@ -1662,50 +1647,116 @@ def upload():
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="keywords" content="interracial porn, bbc porn, qos, queen of spades, big black cock">
-    <title>Upload Content - Content Hub</title>
+    <title>{{ username }}'s Profile - Content Hub</title>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
     <style>
 ''' + BASE_STYLE + '''
         .container {
-            max-width: 700px;
+            max-width: 1000px;
+        }
+        .profile-header {
+            display: flex;
+            gap: 30px;
             background: var(--card-bg);
-            padding: 40px;
+            padding: 35px;
             border-radius: 20px;
             box-shadow: var(--shadow);
-            animation: slideUp 0.4s ease;
+            margin-bottom: 30px;
+            transition: var(--transition);
         }
-        body.dark .container {
+        body.dark .profile-header {
             background: var(--card-bg-dark);
         }
-        h1 {
-            font-size: 2.2em;
+        .profile-header:hover {
+            transform: translateY(-5px);
+        }
+        .avatar {
+            width: 130px;
+            height: 130px;
+            border-radius: 50%;
+            object-fit: cover;
+            box-shadow: var(--shadow);
+            transition: var(--transition);
+            loading: lazy;
+        }
+        .avatar:hover {
+            transform: scale(1.05);
+        }
+        .profile-info h1 {
+            font-size: 2.4em;
             font-weight: 800;
-            margin-bottom: 30px;
             background: linear-gradient(135deg, var(--primary), var(--accent));
             -webkit-background-clip: text;
             color: transparent;
         }
-        #progress-container {
+        .profile-info p {
+            font-size: 1.1em;
+            margin: 8px 0;
+        }
+        .post-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+            gap: 25px;
+        }
+        .post-item {
+            background: var(--card-bg);
+            padding: 20px;
+            border-radius: 16px;
+            box-shadow: var(--shadow);
+            transition: var(--transition);
+        }
+        body.dark .post-item {
+            background: var(--card-bg-dark);
+        }
+        .post-item:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 15px 45px rgba(0, 0, 0, 0.2);
+        }
+        .post-preview {
             width: 100%;
-            height: 6px;
-            background: var(--glass-bg);
-            border-radius: 6px;
-            margin-top: 20px;
-            overflow: hidden;
+            height: 200px;
+            object-fit: cover;
+            border-radius: 12px;
+            margin-bottom: 15px;
+            transition: var(--transition);
+            loading: lazy;
         }
-        #progress-bar {
-            width: 0%;
-            height: 100%;
-            background: var(--primary);
-            transition: width 0.3s ease;
+        .post-preview:hover {
+            transform: scale(1.03);
         }
-        @media (max-width: 480px) {
-            .container {
-                padding: 25px;
+        .post-item h3 {
+            font-size: 1.3em;
+            font-weight: 700;
+            margin-bottom: 10px;
+            color: var(--primary);
+        }
+        .post-item a {
+            text-decoration: none;
+        }
+        @media (max-width: 900px) {
+            .profile-header {
+                flex-direction: column;
+                align-items: center;
+                text-align: center;
             }
-            h1 {
+            .avatar {
+                width: 100px;
+                height: 100px;
+            }
+            .post-grid {
+                grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+            }
+        }
+        @media (max-width: 480px) {
+            .profile-info h1 {
                 font-size: 1.9em;
             }
+            .post-grid {
+                grid-template-columns: 1fr;
+            }
+            .post-preview {
+                height: 180px;
+            }
         }
     </style>
 </head>
@@ -1714,24 +1765,51 @@ def upload():
     ''' + NAV_HTML + '''
     <button class="theme-toggle" onclick="toggleTheme()">🌙</button>
     <div class="container">
-        <h1>Upload Content</h1>
-        {% with messages = get_flashed_messages() %}
-            {% if messages %}
-                {% for message in messages %}
-                    <div class="flash" style="color: var(--secondary); text-align: center; margin-bottom: 15px;">{{ message }}</div>
-                {% endfor %}
+        <div class="profile-header">
+            {% if avatar %}
+                <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ avatar }}" alt="Avatar" class="avatar" loading="lazy" onclick="openModal(this.src)">
+            {% else %}
+                <div class="avatar" style="background: var(--primary);"></div>
+            {% endif %}
+            <div class="profile-info">
+                <h1>{{ username }} <span class="status-dot {{ 'online' if is_user_online_status else 'offline' }}"></span></h1>
+                <p>{{ bio }}</p>
+                {% if link %}
+                    <p><a href="{{ link }}" target="_blank" class="username-link">{{ link }}</a></p>
+                {% endif %}
+                <p>Total Views: {{ total_views }} | Total Likes: {{ total_likes }}</p>
+                <p>Last Seen: {{ last_seen }}</p>
+                {% if is_authenticated and username != current_user %}
+                    <a href="{{ url_for('messages') }}#chat_{{ username }}" class="btn">Message</a>
+                {% endif %}
+            </div>
+        </div>
+        <h2 style="font-size: 1.9em; margin-bottom: 25px;">Posts</h2>
+        <div class="post-grid">
+            {% for post in user_posts %}
+            <div class="post-item">
+                <a href="{{ url_for('post_page', post_id=post['id']) }}">
+                    {% if post['type'] == 'video' %}
+                        <video class="post-preview" preload="metadata" muted loading="lazy">
+                            <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" type="video/mp4">
+                        </video>
+                    {% else %}
+                        <img class="post-preview" src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}" loading="lazy">
+                    {% endif %}
+                    <h3>{{ post['title'] }}</h3>
+                </a>
+                <p>{{ post['description']|truncate(100) }}</p>
+                <p>{{ post['upload_date'] }} | Views: {{ post['views'] }} | Likes: {{ post['likes']|length }}</p>
+            </div>
+            {% endfor %}
+            {% if not user_posts %}
+                <p style="font-size: 1.1em;">This user hasn't uploaded any posts yet.</p>
             {% endif %}
-        {% endwith %}
-        <form id="upload-form" enctype="multipart/form-data">
-            <input type="text" name="title" placeholder="Title" required>
-            <textarea name="description" placeholder="Description" rows="4"></textarea>
-            <input type="file" name="file" accept="video/*,image/*" required>
-            <button type="submit" class="btn">Upload</button>
-        </form>
-        <div id="progress-container">
-            <div id="progress-bar"></div>
         </div>
     </div>
+    <div class="modal" id="imageModal" onclick="closeModal(event)">
+        <img id="modalImage" src="">
+    </div>
     <script>
         function toggleSidebar() {
             document.getElementById('sidebar').classList.toggle('active');
@@ -1740,29 +1818,27 @@ def upload():
             document.body.classList.toggle('dark');
             localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
         }
-        document.getElementById('upload-form').onsubmit = async function(e) {
-            e.preventDefault();
-            const formData = new FormData(this);
-            const progressBar = document.getElementById('progress-bar');
-            const xhr = new XMLHttpRequest();
-            xhr.open('POST', '/upload', true);
-            xhr.upload.onprogress = function(event) {
-                if (event.lengthComputable) {
-                    const percent = Math.round((event.loaded / event.total) * 100);
-                    progressBar.style.width = percent + '%';
-                }
-            };
-            xhr.onload = function() {
-                if (xhr.status === 200) {
-                    window.location = '/profile';
-                } else {
-                    alert('Upload error');
-                }
-            };
-            xhr.send(formData);
-        };
+        function openModal(src) {
+            const modal = document.getElementById('imageModal');
+            const modalImg = document.getElementById('modalImage');
+            modal.style.display = 'flex';
+            modalImg.src = src;
+        }
+        function closeModal(event) {
+            if (event.target.tagName !== 'IMG') {
+                document.getElementById('imageModal').style.display = 'none';
+            }
+        }
         window.onload = () => {
             if (localStorage.getItem('theme') === 'dark') document.body.classList.add('dark');
+            const videos = document.querySelectorAll('.post-preview');
+            videos.forEach(video => {
+                if (video.tagName === 'VIDEO') {
+                    video.addEventListener('loadedmetadata', () => {
+                        video.currentTime = Math.random() * video.duration;
+                    });
+                }
+            });
         };
     </script>
 </body>
@@ -1770,77 +1846,78 @@ def upload():
 '''
     return render_template_string(html, 
                                 username=username, 
+                                current_user=current_user,
+                                user_posts=user_posts, 
+                                bio=bio, 
+                                link=link, 
+                                avatar=avatar, 
+                                total_views=total_views, 
+                                total_likes=total_likes, 
+                                last_seen=last_seen,
                                 is_authenticated=is_authenticated, 
                                 repo_id=REPO_ID,
                                 unread_count=unread_count,
                                 user_count=user_count,
                                 private_unread_count=private_unread_count,
-                                is_online=is_online)
+                                is_online=is_online,
+                                is_user_online_status=is_user_online_status)
 
-@app.route('/chat', methods=['GET', 'POST'])
-def chat():
+@app.route('/upload', methods=['GET', 'POST'])
+def upload():
+    if 'username' not in session:
+        flash('Войдите, чтобы загрузить контент!')
+        return redirect(url_for('login'))
+    
     data = load_data()
-    username = session.get('username', None)
-    if username:
-        update_last_seen(data, username)
+    username = session['username']
+    update_last_seen(data, username)
     is_authenticated = 'username' in session
-    chat_messages = data['general_chat']
+    unread_count = get_unread_count(data, username)
+    private_unread_count = get_private_unread_count(data, username)
+    user_count = len(data['users'])
+    is_online = is_user_online(data, username)
 
-    if is_authenticated:
-        data['users'][username]['last_chat_visit'] = datetime.now().strftime('%Y-%m-%d %H:%M:%S')
-        save_data(data)
-
-    unread_count = get_unread_count(data, username) if is_authenticated else 0
-    private_unread_count = get_private_unread_count(data, username) if is_authenticated else 0
-    user_count = len(data['users'])
-    is_online = is_user_online(data, username) if is_authenticated else False
-
-    if request.method == 'POST' and is_authenticated:
-        message = request.form.get('message')
+    if request.method == 'POST':
+        title = request.form.get('title')
+        description = request.form.get('description')
         file = request.files.get('file')
-        post_id = request.form.get('post_id')
-
-        message_data = {
-            'sender': username,
-            'time': datetime.now().strftime('%Y-%m-%d %H:%M:%S')
-        }
-        
-        if message:
-            message_data['text'] = message
-        
-        if file and file.filename:
+        if file and title:
             filename = secure_filename(file.filename)
+            file_type = 'video' if filename.endswith(('.mp4', '.mov', '.avi')) else 'image'
             temp_path = os.path.join('uploads', filename)
             os.makedirs('uploads', exist_ok=True)
             file.save(temp_path)
             
-            file_type = 'video' if filename.lower().endswith(('.mp4', '.mov', '.avi')) else 'photo'
             api = HfApi()
-            file_path = f"chat_files/general/{filename}"
+            file_path_in_repo = f"{file_type}s/{username}_{datetime.now().strftime('%Y%m%d_%H%M%S')}_{filename}"
             api.upload_file(
                 path_or_fileobj=temp_path,
-                path_in_repo=file_path,
+                path_in_repo=file_path_in_repo,
                 repo_id=REPO_ID,
                 repo_type="dataset",
                 token=HF_TOKEN_WRITE,
-                commit_message=f"Uploaded chat file by {username}"
+                commit_message=f"Загружен {file_type} от {username}"
             )
-            message_data['file'] = file_path
-            message_data['file_type'] = file_type
+            
+            post_id = ''.join(random.choices('abcdefghijklmnopqrstuvwxyz0123456789', k=10))
+            data['posts'].append({
+                'id': post_id,
+                'title': title,
+                'description': description,
+                'uploader': username,
+                'filename': file_path_in_repo,
+                'type': file_type,
+                'upload_date': datetime.now().strftime('%Y-%m-%d %H:%M:%S'),
+                'views': 0,
+                'likes': [],
+                'comments': []
+            })
+            save_data(data)
             if os.path.exists(temp_path):
                 os.remove(temp_path)
-        
-        if post_id:
-            post = next((p for p in data['posts'] if p['id'] == post_id and p['uploader'] == username), None)
-            if post:
-                message_data['post_id'] = post_id
-        
-        if 'text' in message_data or 'file' in message_data or 'post_id' in message_data:
-            data['general_chat'].append(message_data)
-            save_data(data)
-        
-        return redirect(url_for('chat'))
-
+            flash('Контент успешно загружен!')
+            return redirect(url_for('profile'))
+    
     html = '''
 <!DOCTYPE html>
 <html lang="en">
@@ -1848,20 +1925,157 @@ def chat():
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="keywords" content="interracial porn, bbc porn, qos, queen of spades, big black cock">
-    <title>General Chat - Content Hub</title>
+    <title>Upload Content - Content Hub</title>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
     <style>
 ''' + BASE_STYLE + '''
         .container {
-            max-width: 900px;
+            max-width: 700px;
             background: var(--card-bg);
-            padding: 35px;
+            padding: 40px;
             border-radius: 20px;
             box-shadow: var(--shadow);
+            animation: slideUp 0.4s ease;
         }
         body.dark .container {
             background: var(--card-bg-dark);
         }
+        h1 {
+            font-size: 2.2em;
+            font-weight: 800;
+            text-align: center;
+            margin-bottom: 30px;
+            background: linear-gradient(135deg, var(--primary), var(--accent));
+            -webkit-background-clip: text;
+            color: transparent;
+        }
+        .flash {
+            color: var(--secondary);
+            text-align: center;
+            margin-bottom: 15px;
+            font-size: 1.1em;
+            font-weight: 600;
+        }
+        textarea {
+            height: 120px;
+            resize: vertical;
+        }
+        @keyframes slideUp {
+            from { opacity: 0; transform: translateY(30px); }
+            to { opacity: 1; transform: translateY(0); }
+        }
+    </style>
+</head>
+<body>
+    <button class="menu-btn" onclick="toggleSidebar()">☰</button>
+    ''' + NAV_HTML + '''
+    <button class="theme-toggle" onclick="toggleTheme()">🌙</button>
+    <div class="container">
+        <h1>Upload Content</h1>
+        {% with messages = get_flashed_messages() %}
+            {% if messages %}
+                {% for message in messages %}
+                    <div class="flash">{{ message }}</div>
+                {% endfor %}
+            {% endif %}
+        {% endwith %}
+        <form method="POST" enctype="multipart/form-data">
+            <input type="text" name="title" placeholder="Title" required>
+            <textarea name="description" placeholder="Description"></textarea>
+            <input type="file" name="file" accept="image/*,video/*" required>
+            <button type="submit" class="btn">Upload</button>
+        </form>
+    </div>
+    <script>
+        function toggleSidebar() {
+            document.getElementById('sidebar').classList.toggle('active');
+        }
+        function toggleTheme() {
+            document.body.classList.toggle('dark');
+            localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
+        }
+        window.onload = () => {
+            if (localStorage.getItem('theme') === 'dark') document.body.classList.add('dark');
+        };
+    </script>
+</body>
+</html>
+'''
+    return render_template_string(html, 
+                                is_authenticated=is_authenticated, 
+                                username=username, 
+                                unread_count=unread_count, 
+                                user_count=user_count, 
+                                private_unread_count=private_unread_count, 
+                                is_online=is_online)
+
+@app.route('/chat', methods=['GET', 'POST'])
+def chat():
+    data = load_data()
+    username = session.get('username', None)
+    if username:
+        update_last_seen(data, username)
+        data['users'][username]['last_chat_visit'] = datetime.now().strftime('%Y-%m-%d %H:%M:%S')
+        save_data(data)
+    
+    is_authenticated = 'username' in session
+    chat_messages = sorted(data['general_chat'], key=lambda x: datetime.strptime(x['time'], '%Y-%m-%d %H:%M:%S'))
+    unread_count = get_unread_count(data, username) if is_authenticated else 0
+    private_unread_count = get_private_unread_count(data, username) if is_authenticated else 0
+    user_count = len(data['users'])
+    is_online = is_user_online(data, username) if is_authenticated else False
+
+    if request.method == 'POST' and is_authenticated:
+        message = request.form.get('message')
+        file = request.files.get('file')
+        post_id = request.form.get('post_id')
+        if message or file or post_id:
+            msg = {
+                'sender': username,
+                'time': datetime.now().strftime('%Y-%m-%d %H:%M:%S')
+            }
+            if message:
+                msg['text'] = message
+            if post_id:
+                msg['post_id'] = post_id
+            if file and file.filename:
+                filename = secure_filename(file.filename)
+                temp_path = os.path.join('uploads', filename)
+                os.makedirs('uploads', exist_ok=True)
+                file.save(temp_path)
+                file_type = 'video' if filename.endswith(('.mp4', '.mov', '.avi')) else 'image'
+                api = HfApi()
+                file_path = f"chat_files/{username}_{datetime.now().strftime('%Y%m%d_%H%M%S')}_{filename}"
+                api.upload_file(
+                    path_or_fileobj=temp_path,
+                    path_in_repo=file_path,
+                    repo_id=REPO_ID,
+                    repo_type="dataset",
+                    token=HF_TOKEN_WRITE,
+                    commit_message=f"Загружен файл чата от {username}"
+                )
+                msg['file'] = file_path
+                msg['file_type'] = file_type
+                if os.path.exists(temp_path):
+                    os.remove(temp_path)
+            data['general_chat'].append(msg)
+            save_data(data)
+            return redirect(url_for('chat'))
+
+    html = '''
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="keywords" content="interracial porn, bbc porn, qos, queen of spades, big black cock">
+    <title>General Chat - Content Hub</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
+    <style>
+''' + BASE_STYLE + '''
+        .container {
+            max-width: 1000px;
+        }
         h1 {
             font-size: 2.4em;
             font-weight: 800;
@@ -1871,19 +2085,21 @@ def chat():
             color: transparent;
         }
         .messages {
-            max-height: 500px;
+            max-height: 600px;
             overflow-y: auto;
+            display: flex;
+            flex-direction: column;
+            gap: 15px;
+            margin-bottom: 25px;
             padding: 15px;
             background: var(--glass-bg);
-            border-radius: 14px;
-            margin-bottom: 20px;
+            border-radius: 20px;
+            box-shadow: var(--shadow);
             scroll-behavior: smooth;
         }
         .message {
-            margin-bottom: 15px;
             display: flex;
-            align-items: flex-start;
-        gap: 15px;
+            gap: 15px;
             transition: var(--transition);
         }
         .message:hover {
@@ -2010,13 +2226,10 @@ def chat():
         {% endif %}
     </div>
     <div class="modal" id="mediaModal" onclick="closeModal(event)">
-        {% if msg['file_type'] == 'video' %}
-            <video controls id="modalMedia">
-                <source src="" type="video/mp4">
-            </video>
-        {% else %}
-            <img id="modalMedia" src="">
-        {% endif %}
+        <img id="modalMedia" src="">
+        <video controls id="modalVideo" style="display: none;">
+            <source src="" type="video/mp4">
+        </video>
     </div>
     <script>
         function toggleSidebar() {
@@ -2028,21 +2241,26 @@ def chat():
         }
         function openModal(src) {
             const modal = document.getElementById('mediaModal');
-            const modalMedia = document.getElementById('modalMedia');
+            const modalImg = document.getElementById('modalMedia');
+            const modalVideo = document.getElementById('modalVideo');
             modal.style.display = 'flex';
-            if (modalMedia.tagName === 'VIDEO') {
-                modalMedia.querySelector('source').src = src;
-                modalMedia.load();
+            if (src.endsWith('.mp4') || src.endsWith('.mov') || src.endsWith('.avi')) {
+                modalImg.style.display = 'none';
+                modalVideo.style.display = 'block';
+                modalVideo.querySelector('source').src = src;
+                modalVideo.load();
             } else {
-                modalMedia.src = src;
+                modalVideo.style.display = 'none';
+                modalImg.style.display = 'block';
+                modalImg.src = src;
             }
         }
         function closeModal(event) {
             if (event.target.tagName !== 'IMG' && event.target.tagName !== 'VIDEO') {
                 const modal = document.getElementById('mediaModal');
                 modal.style.display = 'none';
-                const modalMedia = document.getElementById('modalMedia');
-                if (modalMedia.tagName === 'VIDEO') modalMedia.pause();
+                const modalVideo = document.getElementById('modalVideo');
+                modalVideo.pause();
             }
         }
         window.onload = () => {
@@ -2065,7 +2283,484 @@ def chat():
                                 is_online=is_online,
                                 is_user_online=lambda u: is_user_online(data, u))
 
-# Остальные маршруты продолжаются далее...
+@app.route('/users')
+def users():
+    data = load_data()
+    username = session.get('username', None)
+    if username:
+        update_last_seen(data, username)
+    
+    is_authenticated = 'username' in session
+    unread_count = get_unread_count(data, username) if is_authenticated else 0
+    private_unread_count = get_private_unread_count(data, username) if is_authenticated else 0
+    user_count = len(data['users'])
+    is_online = is_user_online(data, username) if is_authenticated else False
+    users_list = sorted(data['users'].keys())
+
+    html = '''
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="keywords" content="interracial porn, bbc porn, qos, queen of spades, big black cock">
+    <title>Users - Content Hub</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
+    <style>
+''' + BASE_STYLE + '''
+        .container {
+            max-width: 1000px;
+        }
+        h1 {
+            font-size: 2.4em;
+            font-weight: 800;
+            margin-bottom: 25px;
+            background: linear-gradient(135deg, var(--primary), var(--accent));
+            -webkit-background-clip: text;
+            color: transparent;
+        }
+        .user-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+            gap: 20px;
+        }
+        .user-card {
+            background: var(--card-bg);
+            padding: 20px;
+            border-radius: 16px;
+            box-shadow: var(--shadow);
+            transition: var(--transition);
+        }
+        body.dark .user-card {
+            background: var(--card-bg-dark);
+        }
+        .user-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 15px 45px rgba(0, 0, 0, 0.2);
+        }
+        .user-card a {
+            font-size: 1.3em;
+            font-weight: 700;
+            color: var(--primary);
+            text-decoration: none;
+        }
+        .user-card a:hover {
+            color: var(--accent);
+        }
+        .user-card p {
+            font-size: 1em;
+            margin-top: 10px;
+        }
+        @media (max-width: 480px) {
+            .user-grid {
+                grid-template-columns: 1fr;
+            }
+            h1 {
+                font-size: 1.9em;
+            }
+        }
+    </style>
+</head>
+<body>
+    <button class="menu-btn" onclick="toggleSidebar()">☰</button>
+    ''' + NAV_HTML + '''
+    <button class="theme-toggle" onclick="toggleTheme()">🌙</button>
+    <div class="container">
+        <h1>Users ({{ user_count }})</h1>
+        <div class="user-grid">
+            {% for user in users_list %}
+            <div class="user-card">
+                <a href="{{ url_for('user_profile', username=user) }}">{{ user }}</a>
+                <span class="status-dot {{ 'online' if is_user_online(user) else 'offline' }}"></span>
+                <p>Last seen: {{ data['users'][user]['last_seen'] }}</p>
+                {% if is_authenticated and user != username %}
+                    <a href="{{ url_for('messages') }}#chat_{{ user }}" class="btn" style="margin-top: 10px;">Message</a>
+                {% endif %}
+            </div>
+            {% endfor %}
+        </div>
+    </div>
+    <script>
+        function toggleSidebar() {
+            document.getElementById('sidebar').classList.toggle('active');
+        }
+        function toggleTheme() {
+            document.body.classList.toggle('dark');
+            localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
+        }
+        window.onload = () => {
+            if (localStorage.getItem('theme') === 'dark') document.body.classList.add('dark');
+        };
+    </script>
+</body>
+</html>
+'''
+    return render_template_string(html,
+                                users_list=users_list,
+                                data=data,
+                                is_authenticated=is_authenticated,
+                                username=username,
+                                unread_count=unread_count,
+                                user_count=user_count,
+                                private_unread_count=private_unread_count,
+                                is_online=is_online,
+                                is_user_online=lambda u: is_user_online(data, u))
+
+@app.route('/messages', methods=['GET', 'POST'])
+def messages():
+    if 'username' not in session:
+        flash('Войдите, чтобы просмотреть сообщения!')
+        return redirect(url_for('login'))
+    
+    data = load_data()
+    username = session['username']
+    update_last_seen(data, username)
+    data['users'][username]['last_private_visit'] = datetime.now().strftime('%Y-%m-%d %H:%M:%S')
+    save_data(data)
+    
+    is_authenticated = 'username' in session
+    unread_count = get_unread_count(data, username)
+    private_unread_count = get_private_unread_count(data, username)
+    user_count = len(data['users'])
+    is_online = is_user_online(data, username)
+    private_chats = {k: v for k, v in data['private_chats'].items() if username in k.split('_')}
+    
+    if request.method == 'POST':
+        recipient = request.form.get('recipient')
+        message = request.form.get('message')
+        file = request.files.get('file')
+        if recipient and (message or file):
+            if recipient not in data['users']:
+                flash('Получатель не найден!')
+                return redirect(url_for('messages'))
+            chat_key = '_'.join(sorted([username, recipient]))
+            if chat_key not in data['private_chats']:
+                data['private_chats'][chat_key] = []
+            msg = {
+                'sender': username,
+                'time': datetime.now().strftime('%Y-%m-%d %H:%M:%S')
+            }
+            if message:
+                msg['text'] = message
+            if file and file.filename:
+                filename = secure_filename(file.filename)
+                temp_path = os.path.join('uploads', filename)
+                os.makedirs('uploads', exist_ok=True)
+                file.save(temp_path)
+                file_type = 'video' if filename.endswith(('.mp4', '.mov', '.avi')) else 'image'
+                api = HfApi()
+                file_path = f"private_files/{chat_key}_{datetime.now().strftime('%Y%m%d_%H%M%S')}_{filename}"
+                api.upload_file(
+                    path_or_fileobj=temp_path,
+                    path_in_repo=file_path,
+                    repo_id=REPO_ID,
+                    repo_type="dataset",
+                    token=HF_TOKEN_WRITE,
+                    commit_message=f"Загружен файл приватного чата между {username} и {recipient}"
+                )
+                msg['file'] = file_path
+                msg['file_type'] = file_type
+                if os.path.exists(temp_path):
+                    os.remove(temp_path)
+            data['private_chats'][chat_key].append(msg)
+            save_data(data)
+            return redirect(url_for('messages') + f'#chat_{recipient}')
+
+    html = '''
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="keywords" content="interracial porn, bbc porn, qos, queen of spades, big black cock">
+    <title>Private Messages - Content Hub</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
+    <style>
+''' + BASE_STYLE + '''
+        .container {
+            max-width: 1000px;
+        }
+        h1 {
+            font-size: 2.4em;
+            font-weight: 800;
+            margin-bottom: 25px;
+            background: linear-gradient(135deg, var(--primary), var(--accent));
+            -webkit-background-clip: text;
+            color: transparent;
+        }
+        .chat-list {
+            display: grid;
+            grid-template-columns: 1fr 2fr;
+            gap: 25px;
+        }
+        .contacts {
+            background: var(--card-bg);
+            padding: 20px;
+            border-radius: 16px;
+            box-shadow: var(--shadow);
+            max-height: 600px;
+            overflow-y: auto;
+        }
+        body.dark .contacts {
+            background: var(--card-bg-dark);
+        }
+        .contact {
+            padding: 15px;
+            border-radius: 12px;
+            margin-bottom: 10px;
+            transition: var(--transition);
+        }
+        .contact:hover {
+            background: var(--glass-bg);
+            transform: translateY(-2px);
+        }
+        .contact a {
+            font-size: 1.2em;
+            font-weight: 600;
+            color: var(--primary);
+            text-decoration: none;
+        }
+        .contact a:hover {
+            color: var(--accent);
+        }
+        .chat-box {
+            background: var(--card-bg);
+            padding: 20px;
+            border-radius: 16px;
+            box-shadow: var(--shadow);
+            display: flex;
+            flex-direction: column;
+            gap: 15px;
+        }
+        body.dark .chat-box {
+            background: var(--card-bg-dark);
+        }
+        .messages {
+            max-height: 500px;
+            overflow-y: auto;
+            display: flex;
+            flex-direction: column;
+            gap: 15px;
+            padding: 15px;
+            background: var(--glass-bg);
+            border-radius: 14px;
+        }
+        .message {
+            display: flex;
+            gap: 15px;
+            transition: var(--transition);
+        }
+        .message:hover {
+            transform: translateY(-2px);
+        }
+        .message img, .message video {
+            max-width: 200px;
+            max-height: 200px;
+            border-radius: 12px;
+            box-shadow: var(--shadow);
+            cursor: pointer;
+            transition: var(--transition);
+            loading: lazy;
+        }
+        .message img:hover, .message video:hover {
+            transform: scale(1.05);
+        }
+        .message-content {
+            background: var(--glass-bg);
+            padding: 15px;
+            border-radius-irracial porn, bbc porn, qos, queen of spades, big black cock 14px;
+            flex-grow: 1;
+            box-shadow: inset 0 2px 8px rgba(0,0,0,0.1);
+        }
+        .message-content p {
+            font-size: 1.1em;
+            word-wrap: break-word;
+        }
+        .message-content .sender {
+            font-weight: 700;
+            color: var(--primary);
+            text-decoration: none;
+        }
+        .message-content .sender:hover {
+            color: var(--accent);
+        }
+        .message-content .time {
+            font-size: 0.9em;
+            color: var(--text-light);
+            opacity: 0.8;
+        }
+        body.dark .message-content .time {
+            color: var(--text-dark);
+        }
+        .chat-form {
+            display: flex;
+            gap: 15px;
+            flex-wrap: wrap;
+        }
+        .chat-form textarea {
+            flex-grow: 1;
+            min-height: 60px;
+            resize: vertical;
+        }
+        .chat-form input[type="file"] {
+            padding: 10px;
+        }
+        @media (max-width: 900px) {
+            .chat-list {
+                grid-template-columns: 1fr;
+            }
+            .contacts, .chat-box {
+                max-height: 400px;
+            }
+        }
+        @media (max-width: 480px) {
+            .container {
+                padding: 20px;
+            }
+            .messages {
+                max-height: 300px;
+            }
+            .message img, .message video {
+                max-width: 150px;
+                max-height: 150px;
+            }
+            .chat-form {
+                flex-direction: column;
+            }
+            h1 {
+                font-size: 1.9em;
+            }
+        }
+    </style>
+</head>
+<body>
+    <button class="menu-btn" onclick="toggleSidebar()">☰</button>
+    ''' + NAV_HTML + '''
+    <button class="theme-toggle" onclick="toggleTheme()">🌙</button>
+    <div class="container">
+        <h1>Private Messages</h1>
+        <div class="chat-list">
+            <div class="contacts">
+                {% for chat_key, messages in private_chats.items() %}
+                    {% set recipient = chat_key.split('_')|reject('eq', username)|first %}
+                    <div class="contact" id="chat_{{ recipient }}">
+                        <a href="#chat_{{ recipient }}">{{ recipient }}</a>
+                        <span class="status-dot {{ 'online' if is_user_online(recipient) else 'offline' }}"></span>
+                    </div>
+                {% endfor %}
+                <form method="POST">
+                    <input type="text" name="recipient" placeholder="Start a new chat" list="users" required>
+                    <datalist id="users">
+                        {% for user in data['users'].keys() %}
+                            {% if user != username %}
+                                <option value="{{ user }}">
+                            {% endif %}
+                        {% endfor %}
+                    </datalist>
+                    <button type="submit" class="btn">Start Chat</button>
+                </form>
+            </div>
+            <div class="chat-box">
+                {% if private_chats %}
+                    {% set active_chat = request.args.get('chat') or (private_chats.keys()|list|first).split('_')|reject('eq', username)|first %}
+                    {% set chat_key = '_'.join(sorted([username, active_chat])) %}
+                    {% set messages = private_chats.get(chat_key, []) %}
+                    <h2 style="font-size: 1.6em;">Chat with <a href="{{ url_for('user_profile', username=active_chat) }}" class="sender">{{ active_chat }}</a></h2>
+                    <div class="messages" id="messages">
+                        {% for msg in messages %}
+                        <div class="message">
+                            {% if 'file' in msg %}
+                                {% if msg['file_type'] == 'video' %}
+                                    <video src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ msg['file'] }}" preload="metadata" muted onclick="openModal(this.querySelector('source').src)" loading="lazy">
+                                        <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ msg['file'] }}" type="video/mp4">
+                                    </video>
+                                {% else %}
+                                    <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ msg['file'] }}" alt="Chat file" onclick="openModal(this.src)" loading="lazy">
+                                {% endif %}
+                            {% endif %}
+                            <div class="message-content">
+                                <p><a href="{{ url_for('user_profile', username=msg['sender']) }}" class="sender">{{ msg['sender'] }}</a> <span class="status-dot {{ 'online' if is_user_online(msg['sender']) else 'offline' }}"></span> <span class="time">({{ msg['time'] }})</span></p>
+                                {% if 'text' in msg %}
+                                    <p>{{ msg['text'] }}</p>
+                                {% endif %}
+                            </div>
+                        </div>
+                        {% endfor %}
+                    </div>
+                    <form method="POST" class="chat-form" enctype="multipart/form-data">
+                        <input type="hidden" name="recipient" value="{{ active_chat }}">
+                        <textarea name="message" placeholder="Type a message"></textarea>
+                        <input type="file" name="file" accept="image/*,video/*">
+                        <button type="submit" class="btn">Send</button>
+                    </form>
+                {% else %}
+                    <p style="text-align: center; font-size: 1.1em;">No private chats yet. Start one!</p>
+                {% endif %}
+            </div>
+        </div>
+    </div>
+    <div class="modal" id="mediaModal" onclick="closeModal(event)">
+        <img id="modalMedia" src="">
+        <video controls id="modalVideo" style="display: none;">
+            <source src="" type="video/mp4">
+        </video>
+    </div>
+    <script>
+        function toggleSidebar() {
+            document.getElementById('sidebar').classList.toggle('active');
+        }
+        function toggleTheme() {
+            document.body.classList.toggle('dark');
+            localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
+        }
+        function openModal(src) {
+            const modal = document.getElementById('mediaModal');
+            const modalImg = document.getElementById('modalMedia');
+            const modalVideo = document.getElementById('modalVideo');
+            modal.style.display = 'flex';
+            if (src.endsWith('.mp4') || src.endsWith('.mov') || src.endsWith('.avi')) {
+                modalImg.style.display = 'none';
+                modalVideo.style.display = 'block';
+                modalVideo.querySelector('source').src = src;
+                modalVideo.load();
+            } else {
+                modalVideo.style.display = 'none';
+                modalImg.style.display = 'block';
+                modalImg.src = src;
+            }
+        }
+        function closeModal(event) {
+            if (event.target.tagName !== 'IMG' && event.target.tagName !== 'VIDEO') {
+                const modal = document.getElementById('mediaModal');
+                modal.style.display = 'none';
+                const modalVideo = document.getElementById('modalVideo');
+                modalVideo.pause();
+            }
+        }
+        window.onload = () => {
+            if (localStorage.getItem('theme') === 'dark') document.body.classList.add('dark');
+            const messagesDiv = document.getElementById('messages');
+            if (messagesDiv) messagesDiv.scrollTop = messagesDiv.scrollHeight;
+            const hash = window.location.hash;
+            if (hash) {
+                const contact = document.querySelector(hash);
+                if (contact) contact.scrollIntoView({ behavior: 'smooth' });
+            }
+        };
+    </script>
+</body>
+</html>
+'''
+    return render_template_string(html,
+                                private_chats=private_chats,
+                                data=data,
+                                is_authenticated=is_authenticated,
+                                username=username,
+                                unread_count=unread_count,
+                                user_count=user_count,
+                                private_unread_count=private_unread_count,
+                                is_online=is_online,
+                                is_user_online=lambda u: is_user_online(data, u))
 
 if __name__ == '__main__':
     threading.Thread(target=periodic_backup, daemon=True).start()