e

Paused

App Files Files Community

Eluza133 commited on Feb 26, 2025

Commit

d9f6023

verified ·

1 Parent(s): 813cb9b

Update app.py

Browse files

Files changed (1) hide show

app.py +195 -121

app.py CHANGED Viewed

@@ -27,16 +27,16 @@ def load_data():
             data = json.load(file)
             if not isinstance(data, dict):
                 logging.warning("Данные не в формате dict, инициализация пустой базы")
-                return {'videos': [], 'users': {}}
-            if 'videos' not in data:
-                data['videos'] = []
             if 'users' not in data:
                 data['users'] = {}
             logging.info("Данные успешно загружены")
             return data
     except Exception as e:
         logging.error(f"Ошибка загрузки данных: {e}")
-        return {'videos': [], 'users': {}}
 def save_data(data):
     try:
@@ -76,7 +76,9 @@ def download_db_from_hf():
         logging.info("База данных скачана с Hugging Face")
     except Exception as e:
         logging.error(f"Ошибка скачивания базы: {e}")
-        raise
 def periodic_backup():
     while True:
@@ -116,7 +118,7 @@ def register():
             button { padding: 10px 20px; background: #3b82f6; color: white; border: none; border-radius: 8px; cursor: pointer; width: 100%; }
             .flash { color: red; margin-bottom: 10px; }
             @media (max-width: 600px) {
-                .container { padding: 15px; }
                 input, button { font-size: 14px; padding: 8px; }
             }
         </style>
@@ -155,7 +157,7 @@ def login():
             session['username'] = username
             session.permanent = True
             logging.info(f"Успешный вход: {username}")
-            return redirect(url_for('video_feed'))
         flash('Неверный логин или пароль!')
         return redirect(url_for('login'))
@@ -174,7 +176,7 @@ def login():
             button { padding: 10px 20px; background: #3b82f6; color: white; border: none; border-radius: 8px; cursor: pointer; width: 100%; }
             .flash { color: red; margin-bottom: 10px; }
             @media (max-width: 600px) {
-                .container { padding: 15px; }
                 input, button { font-size: 14px; padding: 8px; }
             }
         </style>
@@ -206,13 +208,13 @@ def login():
 def logout():
     session.pop('username', None)
     logging.info("Пользователь вышел из системы")
-    return redirect(url_for('video_feed'))
-# Главная страница - лента видео
 @app.route('/')
-def video_feed():
     data = load_data()
-    videos = data['videos']
     is_authenticated = 'username' in session
     username = session.get('username', None)
     html = '''
@@ -221,28 +223,30 @@ def video_feed():
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Видеохостинг</title>
         <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
         <style>
             body { font-family: 'Poppins', sans-serif; background: #f0f2f5; padding: 20px; margin: 0; }
             .container { max-width: 1200px; margin: 0 auto; padding-left: 220px; transition: padding-left 0.3s; }
             .sidebar { position: fixed; left: -220px; top: 0; width: 200px; height: 100%; background: #fff; padding: 20px; box-shadow: 2px 0 5px rgba(0,0,0,0.1); transition: left 0.3s; z-index: 1000; }
             .sidebar.active { left: 0; }
-            .video-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
-            .video-item { background: #fff; padding: 15px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); text-decoration: none; color: #2d3748; position: relative; }
-            .video-preview { width: 100%; border-radius: 8px; height: 200px; object-fit: cover; }
             .auth-links, .upload-btn, .logout-btn, .profile-link { display: block; margin: 10px 0; padding: 10px; background: #3b82f6; color: white; text-align: center; text-decoration: none; border-radius: 8px; }
             .logout-btn { background: #ef4444; }
             .profile-link { background: #10b981; }
             .menu-btn { display: none; font-size: 24px; background: none; border: none; cursor: pointer; position: fixed; top: 20px; left: 20px; z-index: 1001; }
             @media (max-width: 768px) {
-                .container { padding-left: 20px; }
-                .sidebar { left: -220px; }
                 .sidebar.active { left: 0; }
                 .menu-btn { display: block; }
-                .video-grid { grid-template-columns: 1fr; }
-                .video-item { padding: 10px; }
-                .video-preview { height: 150px; }
             }
         </style>
     </head>
@@ -260,16 +264,21 @@ def video_feed():
             {% endif %}
         </div>
         <div class="container">
-            <h1>Лента видео</h1>
-            <div class="video-grid">
-                {% for video in videos %}
-                <a href="{{ url_for('video_page', video_id=video['id']) }}" class="video-item">
-                    <video class="video-preview" preload="metadata" muted>
-                        <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/videos/{{ video['filename'] }}" type="video/mp4">
-                    </video>
-                    <h2>{{ video['title'] }}</h2>
-                    <p>{{ video['description'] }}</p>
-                    <p>Загрузил: {{ video['uploader'] }} | {{ video['upload_date'] }}</p>
                 </a>
                 {% endfor %}
             </div>
@@ -279,56 +288,80 @@ def video_feed():
                 document.getElementById('sidebar').classList.toggle('active');
             }
             document.addEventListener('DOMContentLoaded', function() {
-                const videos = document.querySelectorAll('.video-preview');
                 videos.forEach(video => {
-                    video.addEventListener('loadedmetadata', function() {
-                        const duration = video.duration;
-                        const randomTime = Math.random() * duration;
-                        video.currentTime = randomTime;
-                    });
                 });
             });
         </script>
     </body>
     </html>
     '''
-    return render_template_string(html, videos=videos, is_authenticated=is_authenticated, username=username, repo_id=REPO_ID)
-# Страница отдельного видео
-@app.route('/video/<video_id>')
-def video_page(video_id):
     data = load_data()
-    video = next((v for v in data['videos'] if v['id'] == video_id), None)
-    if not video:
-        return "Видео не найдено", 404
     is_authenticated = 'username' in session
     username = session.get('username', None)
     html = '''
     <!DOCTYPE html>
     <html lang="ru">
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>{{ video['title'] }}</title>
         <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
         <style>
             body { font-family: 'Poppins', sans-serif; background: #f0f2f5; padding: 20px; margin: 0; }
             .sidebar { position: fixed; left: -220px; top: 0; width: 200px; height: 100%; background: #fff; padding: 20px; box-shadow: 2px 0 5px rgba(0,0,0,0.1); transition: left 0.3s; z-index: 1000; }
             .sidebar.active { left: 0; }
             .container { max-width: 800px; margin: 0 auto; padding-left: 220px; background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); transition: padding-left 0.3s; }
-            video { width: 100%; border-radius: 8px; }
-            .back-btn, .profile-link, .logout-btn { display: inline-block; margin-top: 10px; padding: 10px; background: #3b82f6; color: white; text-decoration: none; border-radius: 8px; }
             .profile-link { background: #10b981; }
             .logout-btn { background: #ef4444; }
             .menu-btn { display: none; font-size: 24px; background: none; border: none; cursor: pointer; position: fixed; top: 20px; left: 20px; z-index: 1001; }
             @media (max-width: 768px) {
-                .container { padding-left: 20px; padding: 15px; }
-                .sidebar { left: -220px; }
                 .sidebar.active { left: 0; }
                 .menu-btn { display: block; }
-                video { height: auto; }
-                .back-btn { width: 100%; text-align: center; }
             }
         </style>
     </head>
@@ -346,15 +379,37 @@ def video_page(video_id):
             {% endif %}
         </div>
         <div class="container">
-            <h1>{{ video['title'] }}</h1>
-            <video controls>
-                <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/videos/{{ video['filename'] }}" type="video/mp4">
-            </video>
-            <p>{{ video['description'] }}</p>
-            <p>Загрузил: {{ video['uploader'] }} | {{ video['upload_date'] }}</p>
-            <a href="{{ url_for('video_feed') }}" class="back-btn">Назад к ленте</a>
             {% if not is_authenticated %}
-                <p><a href="{{ url_for('login') }}">Войдите</a>, чтобы загрузить свои видео.</p>
             {% endif %}
         </div>
         <script>
@@ -365,7 +420,7 @@ def video_page(video_id):
     </body>
     </html>
     '''
-    return render_template_string(html, video=video, repo_id=REPO_ID, is_authenticated=is_authenticated, username=username)
 # Страница профиля
 @app.route('/profile', methods=['GET', 'POST'])
@@ -376,14 +431,14 @@ def profile():
     data = load_data()
     username = session['username']
-    user_videos = [v for v in data['videos'] if v['uploader'] == username]
     if request.method == 'POST':
-        video_id = request.form.get('video_id')
-        if video_id:
-            data['videos'] = [v for v in data['videos'] if v['id'] != video_id or v['uploader'] != username]
             save_data(data)
-            logging.info(f"Видео {video_id} удалено пользователем {username}")
             return redirect(url_for('profile'))
     html = '''
@@ -399,23 +454,25 @@ def profile():
             .sidebar { position: fixed; left: -220px; top: 0; width: 200px; height: 100%; background: #fff; padding: 20px; box-shadow: 2px 0 5px rgba(0,0,0,0.1); transition: left 0.3s; z-index: 1000; }
             .sidebar.active { left: 0; }
             .container { max-width: 800px; margin: 0 auto; padding-left: 220px; transition: padding-left 0.3s; }
-            .video-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
-            .video-item { background: #fff; padding: 15px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
-            .video-preview { width: 100%; border-radius: 8px; height: 200px; object-fit: cover; }
             .upload-btn, .delete-btn, .profile-link, .logout-btn { display: block; margin: 10px 0; padding: 10px; background: #3b82f6; color: white; text-decoration: none; border-radius: 8px; }
             .delete-btn { background: #ef4444; border: none; cursor: pointer; }
             .profile-link { background: #10b981; }
             .logout-btn { background: #ef4444; }
             .menu-btn { display: none; font-size: 24px; background: none; border: none; cursor: pointer; position: fixed; top: 20px; left: 20px; z-index: 1001; }
             @media (max-width: 768px) {
-                .container { padding-left: 20px; }
-                .sidebar { left: -220px; }
                 .sidebar.active { left: 0; }
                 .menu-btn { display: block; }
-                .video-grid { grid-template-columns: 1fr; }
-                .video-item { padding: 10px; }
-                .video-preview { height: 150px; }
-                .upload-btn, .delete-btn { font-size: 14px; padding: 8px; }
             }
         </style>
     </head>
@@ -429,28 +486,33 @@ def profile():
         </div>
         <div class="container">
             <h1>Профиль: {{ username }}</h1>
-            <a href="{{ url_for('upload_video') }}" class="upload-btn">Добавить видео</a>
-            <h2>Ваши видео</h2>
-            <div class="video-grid">
-                {% if user_videos %}
-                    {% for video in user_videos %}
-                    <div class="video-item">
-                        <a href="{{ url_for('video_page', video_id=video['id']) }}">
-                            <video class="video-preview" preload="metadata" muted>
-                                <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/videos/{{ video['filename'] }}" type="video/mp4">
-                            </video>
-                            <h3>{{ video['title'] }}</h3>
                         </a>
-                        <p>{{ video['description'] }}</p>
-                        <p>{{ video['upload_date'] }}</p>
                         <form method="POST">
-                            <input type="hidden" name="video_id" value="{{ video['id'] }}">
                             <button type="submit" class="delete-btn">Удалить</button>
                         </form>
                     </div>
                     {% endfor %}
                 {% else %}
-                    <p>Вы пока не загрузили ни одного видео.</p>
                 {% endif %}
             </div>
         </div>
@@ -459,68 +521,77 @@ def profile():
                 document.getElementById('sidebar').classList.toggle('active');
             }
             document.addEventListener('DOMContentLoaded', function() {
-                const videos = document.querySelectorAll('.video-preview');
                 videos.forEach(video => {
-                    video.addEventListener('loadedmetadata', function() {
-                        const duration = video.duration;
-                        const randomTime = Math.random() * duration;
-                        video.currentTime = randomTime;
-                    });
                 });
             });
         </script>
     </body>
     </html>
     '''
-    return render_template_string(html, username=username, user_videos=user_videos, repo_id=REPO_ID)
-# Страница загрузки видео
 @app.route('/upload', methods=['GET', 'POST'])
-def upload_video():
     if 'username' not in session:
-        flash('Войдите, чтобы загрузить видео!')
         return redirect(url_for('login'))
     if request.method == 'POST':
         title = request.form.get('title')
         description = request.form.get('description')
-        video_file = request.files.get('video')
         uploader = session['username']
-        if not title or not video_file:
-            return "Укажите название и выберите видео", 400
-        filename = secure_filename(video_file.filename)
         temp_path = os.path.join('uploads', filename)
         os.makedirs('uploads', exist_ok=True)
-        video_file.save(temp_path)
         # Загрузка на Hugging Face
         api = HfApi()
         api.upload_file(
             path_or_fileobj=temp_path,
-            path_in_repo=f"videos/{filename}",
             repo_id=REPO_ID,
             repo_type="dataset",
             token=HF_TOKEN_WRITE,
-            commit_message=f"Добавлено видео: {title} пользователем {uploader}"
         )
-        # Обновление базы данных с уникальным ID
         data = load_data()
-        video_id = f"video_{len(data['videos']) + 1}"
-        while any(v['id'] == video_id for v in data['videos']):
-            video_id = f"video_{len(data['videos']) + 1}_{int(time.time())}"
-        data['videos'].append({
-            'id': video_id,
             'title': title,
             'description': description,
             'filename': filename,
             'uploader': uploader,
-            'upload_date': datetime.now().strftime('%Y-%m-%d %H:%M:%S')
         })
         save_data(data)
-        logging.info(f"Видео {title} загружено пользователем {uploader} с ID {video_id}")
         if os.path.exists(temp_path):
             os.remove(temp_path)
@@ -534,7 +605,7 @@ def upload_video():
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Загрузка видео</title>
         <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
         <style>
             body { font-family: 'Poppins', sans-serif; background: #f0f2f5; padding: 20px; margin: 0; }
@@ -550,11 +621,14 @@ def upload_video():
             .logout-btn { background: #ef4444; }
             .menu-btn { display: none; font-size: 24px; background: none; border: none; cursor: pointer; position: fixed; top: 20px; left: 20px; z-index: 1001; }
             @media (max-width: 768px) {
-                .container { padding-left: 20px; padding: 15px; }
-                .sidebar { left: -220px; }
                 .sidebar.active { left: 0; }
                 .menu-btn { display: block; }
-                input, textarea, button { font-size: 14px; padding: 8px; }
             }
         </style>
     </head>
@@ -567,11 +641,11 @@ def upload_video():
             <a href="{{ url_for('logout') }}" class="logout-btn">Выйти</a>
         </div>
         <div class="container">
-            <h1>Загрузить видео</h1>
             <form id="upload-form" enctype="multipart/form-data">
-                <input type="text" name="title" placeholder="Название видео" required>
                 <textarea name="description" placeholder="Описание" rows="4"></textarea>
-                <input type="file" name="video" accept="video/*" required>
                 <button type="submit">Загрузить</button>
             </form>
             <div id="progress-container">

             data = json.load(file)
             if not isinstance(data, dict):
                 logging.warning("Данные не в формате dict, инициализация пустой базы")
+                return {'posts': [], 'users': {}}
+            if 'posts' not in data:
+                data['posts'] = []
             if 'users' not in data:
                 data['users'] = {}
             logging.info("Данные успешно загружены")
             return data
     except Exception as e:
         logging.error(f"Ошибка загрузки данных: {e}")
+        return {'posts': [], 'users': {}}
 def save_data(data):
     try:
         logging.info("База данных скачана с Hugging Face")
     except Exception as e:
         logging.error(f"Ошибка скачивания базы: {e}")
+        if not os.path.exists(DATA_FILE):
+            with open(DATA_FILE, 'w', encoding='utf-8') as f:
+                json.dump({'posts': [], 'users': {}}, f)
 def periodic_backup():
     while True:
             button { padding: 10px 20px; background: #3b82f6; color: white; border: none; border-radius: 8px; cursor: pointer; width: 100%; }
             .flash { color: red; margin-bottom: 10px; }
             @media (max-width: 600px) {
+                .container { padding: 15px; max-width: 100%; }
                 input, button { font-size: 14px; padding: 8px; }
             }
         </style>
             session['username'] = username
             session.permanent = True
             logging.info(f"Успешный вход: {username}")
+            return redirect(url_for('feed'))
         flash('Неверный логин или пароль!')
         return redirect(url_for('login'))
             button { padding: 10px 20px; background: #3b82f6; color: white; border: none; border-radius: 8px; cursor: pointer; width: 100%; }
             .flash { color: red; margin-bottom: 10px; }
             @media (max-width: 600px) {
+                .container { padding: 15px; max-width: 100%; }
                 input, button { font-size: 14px; padding: 8px; }
             }
         </style>
 def logout():
     session.pop('username', None)
     logging.info("Пользователь вышел из системы")
+    return redirect(url_for('feed'))
+# Главная страница - лента публикаций
 @app.route('/')
+def feed():
     data = load_data()
+    posts = data.get('posts', [])
     is_authenticated = 'username' in session
     username = session.get('username', None)
     html = '''
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Хостинг контента</title>
         <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
         <style>
             body { font-family: 'Poppins', sans-serif; background: #f0f2f5; padding: 20px; margin: 0; }
             .container { max-width: 1200px; margin: 0 auto; padding-left: 220px; transition: padding-left 0.3s; }
             .sidebar { position: fixed; left: -220px; top: 0; width: 200px; height: 100%; background: #fff; padding: 20px; box-shadow: 2px 0 5px rgba(0,0,0,0.1); transition: left 0.3s; z-index: 1000; }
             .sidebar.active { left: 0; }
+            .post-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
+            .post-item { background: #fff; padding: 15px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); text-decoration: none; color: #2d3748; }
+            .post-preview { width: 100%; border-radius: 8px; height: 200px; object-fit: cover; }
             .auth-links, .upload-btn, .logout-btn, .profile-link { display: block; margin: 10px 0; padding: 10px; background: #3b82f6; color: white; text-align: center; text-decoration: none; border-radius: 8px; }
             .logout-btn { background: #ef4444; }
             .profile-link { background: #10b981; }
             .menu-btn { display: none; font-size: 24px; background: none; border: none; cursor: pointer; position: fixed; top: 20px; left: 20px; z-index: 1001; }
+            .stats { font-size: 0.9em; color: #666; }
             @media (max-width: 768px) {
+                .container { padding-left: 20px; padding: 10px; }
+                .sidebar { left: -220px; width: 150px; padding: 15px; }
                 .sidebar.active { left: 0; }
                 .menu-btn { display: block; }
+                .post-grid { grid-template-columns: 1fr; gap: 15px; }
+                .post-item { padding: 10px; }
+                .post-preview { height: 150px; }
+                .auth-links, .upload-btn, .logout-btn, .profile-link { font-size: 14px; padding: 8px; }
             }
         </style>
     </head>
             {% endif %}
         </div>
         <div class="container">
+            <h1>Лента публикаций</h1>
+            <div class="post-grid">
+                {% for post in posts %}
+                <a href="{{ url_for('post_page', post_id=post['id']) }}" class="post-item">
+                    {% if post['type'] == 'video' %}
+                        <video class="post-preview" preload="metadata" muted>
+                            <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'] }}">
+                    {% endif %}
+                    <h2>{{ post['title'] }}</h2>
+                    <p>{{ post['description'] }}</p>
+                    <p>Загрузил: {{ post['uploader'] }} | {{ post['upload_date'] }}</p>
+                    <p class="stats">Просмотров: {{ post['views'] }} | Лайков: {{ post['likes']|length }}</p>
                 </a>
                 {% endfor %}
             </div>
                 document.getElementById('sidebar').classList.toggle('active');
             }
             document.addEventListener('DOMContentLoaded', function() {
+                const videos = document.querySelectorAll('.post-preview');
                 videos.forEach(video => {
+                    if (video.tagName === 'VIDEO') {
+                        video.addEventListener('loadedmetadata', function() {
+                            const duration = video.duration;
+                            const randomTime = Math.random() * duration;
+                            video.currentTime = randomTime;
+                        });
+                    }
                 });
             });
         </script>
     </body>
     </html>
     '''
+    return render_template_string(html, posts=posts, is_authenticated=is_authenticated, username=username, repo_id=REPO_ID)
+# Страница отдельной публикации
+@app.route('/post/<post_id>', methods=['GET', 'POST'])
+def post_page(post_id):
     data = load_data()
+    post = next((p for p in data['posts'] if p['id'] == post_id), None)
+    if not post:
+        return "Публикация не найдена", 404
     is_authenticated = 'username' in session
     username = session.get('username', None)
+    # Увеличение количества просмотров
+    post['views'] = post.get('views', 0) + 1
+    save_data(data)
+    if request.method == 'POST' and is_authenticated:
+        if 'like' in request.form:
+            if username not in post.get('likes', []):
+                post['likes'] = post.get('likes', []) + [username]
+            else:
+                post['likes'] = [user for user in post.get('likes', []) if user != username]
+            save_data(data)
+        elif 'comment' in request.form:
+            comment_text = request.form.get('comment')
+            if comment_text:
+                post['comments'] = post.get('comments', []) + [{'user': username, 'text': comment_text, 'date': datetime.now().strftime('%Y-%m-%d %H:%M:%S')}]
+                save_data(data)
     html = '''
     <!DOCTYPE html>
     <html lang="ru">
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>{{ post['title'] }}</title>
         <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
         <style>
             body { font-family: 'Poppins', sans-serif; background: #f0f2f5; padding: 20px; margin: 0; }
             .sidebar { position: fixed; left: -220px; top: 0; width: 200px; height: 100%; background: #fff; padding: 20px; box-shadow: 2px 0 5px rgba(0,0,0,0.1); transition: left 0.3s; z-index: 1000; }
             .sidebar.active { left: 0; }
             .container { max-width: 800px; margin: 0 auto; padding-left: 220px; background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); transition: padding-left 0.3s; }
+            video, img { width: 100%; border-radius: 8px; max-height: 400px; object-fit: cover; }
+            .back-btn, .profile-link, .logout-btn, .like-btn { display: inline-block; margin: 10px 0; padding: 10px; background: #3b82f6; color: white; text-decoration: none; border-radius: 8px; border: none; cursor: pointer; }
             .profile-link { background: #10b981; }
             .logout-btn { background: #ef4444; }
+            .like-btn.liked { background: #ef4444; }
             .menu-btn { display: none; font-size: 24px; background: none; border: none; cursor: pointer; position: fixed; top: 20px; left: 20px; z-index: 1001; }
+            textarea { width: 100%; padding: 10px; margin: 10px 0; border: 1px solid #e2e8f0; border-radius: 8px; }
+            .comment { border-top: 1px solid #e2e8f0; padding: 10px 0; }
             @media (max-width: 768px) {
+                .container { padding-left: 20px; padding: 15px; max-width: 100%; }
+                .sidebar { left: -220px; width: 150px; padding: 15px; }
                 .sidebar.active { left: 0; }
                 .menu-btn { display: block; }
+                video, img { max-height: 250px; }
+                .back-btn, .like-btn, textarea, button { width: 100%; font-size: 14px; padding: 8px; margin: 5px 0; }
+                h1 { font-size: 1.2em; }
             }
         </style>
     </head>
             {% endif %}
         </div>
         <div class="container">
+            <h1>{{ post['title'] }}</h1>
+            {% if post['type'] == 'video' %}
+                <video controls>
+                    <source src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" type="video/mp4">
+                </video>
+            {% else %}
+                <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/{{ post['type'] }}s/{{ post['filename'] }}" alt="{{ post['title'] }}">
+            {% endif %}
+            <p>{{ post['description'] }}</p>
+            <p>Загрузил: {{ post['uploader'] }} | {{ post['upload_date'] }}</p>
+            <p>Просмотров: {{ post['views'] }} | Лайков: {{ post['likes']|length }}</p>
+            {% if is_authenticated %}
+                <form method="POST">
+                    <button type="submit" name="like" class="like-btn {% if username in post['likes'] %}liked{% endif %}">
+                        {% if username in post['likes'] %}Убрать лайк{% else %}Лайк{% endif %}
+                    </button>
+                </form>
+                <form method="POST">
+                    <textarea name="comment" placeholder="Оставьте комментарий" rows="3"></textarea>
+                    <button type="submit">Отправить</button>
+                </form>
+            {% endif %}
+            <h3>Комментарии</h3>
+            {% for comment in post.get('comments', []) %}
+                <div class="comment">
+                    <p><strong>{{ comment['user'] }}</strong> ({{ comment['date'] }}): {{ comment['text'] }}</p>
+                </div>
+            {% endfor %}
+            <a href="{{ url_for('feed') }}" class="back-btn">Назад к ленте</a>
             {% if not is_authenticated %}
+                <p><a href="{{ url_for('login') }}">Войдите</a>, чтобы ставить лайки и комментировать.</p>
             {% endif %}
         </div>
         <script>
     </body>
     </html>
     '''
+    return render_template_string(html, post=post, repo_id=REPO_ID, is_authenticated=is_authenticated, username=username)
 # Страница профиля
 @app.route('/profile', methods=['GET', 'POST'])
     data = load_data()
     username = session['username']
+    user_posts = [p for p in data['posts'] if p['uploader'] == username]
     if request.method == 'POST':
+        post_id = request.form.get('post_id')
+        if post_id:
+            data['posts'] = [p for p in data['posts'] if p['id'] != post_id or p['uploader'] != username]
             save_data(data)
+            logging.info(f"Публикация {post_id} удалена пользователем {username}")
             return redirect(url_for('profile'))
     html = '''
             .sidebar { position: fixed; left: -220px; top: 0; width: 200px; height: 100%; background: #fff; padding: 20px; box-shadow: 2px 0 5px rgba(0,0,0,0.1); transition: left 0.3s; z-index: 1000; }
             .sidebar.active { left: 0; }
             .container { max-width: 800px; margin: 0 auto; padding-left: 220px; transition: padding-left 0.3s; }
+            .post-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
+            .post-item { background: #fff; padding: 15px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
+            .post-preview { width: 100%; border-radius: 8px; height: 200px; object-fit: cover; }
             .upload-btn, .delete-btn, .profile-link, .logout-btn { display: block; margin: 10px 0; padding: 10px; background: #3b82f6; color: white; text-decoration: none; border-radius: 8px; }
             .delete-btn { background: #ef4444; border: none; cursor: pointer; }
             .profile-link { background: #10b981; }
             .logout-btn { background: #ef4444; }
             .menu-btn { display: none; font-size: 24px; background: none; border: none; cursor: pointer; position: fixed; top: 20px; left: 20px; z-index: 1001; }
+            .stats { font-size: 0.9em; color: #666; }
             @media (max-width: 768px) {
+                .container { padding-left: 20px; padding: 15px; max-width: 100%; }
+                .sidebar { left: -220px; width: 150px; padding: 15px; }
                 .sidebar.active { left: 0; }
                 .menu-btn { display: block; }
+                .post-grid { grid-template-columns: 1fr; gap: 15px; }
+                .post-item { padding: 10px; }
+                .post-preview { height: 150px; }
+                .upload-btn, .delete-btn, .profile-link, .logout-btn { font-size: 14px; padding: 8px; }
+                h1, h2 { font-size: 1.2em; }
             }
         </style>
     </head>
         </div>
         <div class="container">
             <h1>Профиль: {{ username }}</h1>
+            <a href="{{ url_for('upload') }}" class="upload-btn">Добавить публикацию</a>
+            <h2>Ваши публикации</h2>
+            <div class="post-grid">
+                {% if user_posts %}
+                    {% 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>
+                                    <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'] }}">
+                            {% endif %}
+                            <h3>{{ post['title'] }}</h3>
                         </a>
+                        <p>{{ post['description'] }}</p>
+                        <p>{{ post['upload_date'] }}</p>
+                        <p class="stats">Просмотров: {{ post['views'] }} | Лайков: {{ post['likes']|length }}</p>
                         <form method="POST">
+                            <input type="hidden" name="post_id" value="{{ post['id'] }}">
                             <button type="submit" class="delete-btn">Удалить</button>
                         </form>
                     </div>
                     {% endfor %}
                 {% else %}
+                    <p>Вы пока не загрузили ни одной публикации.</p>
                 {% endif %}
             </div>
         </div>
                 document.getElementById('sidebar').classList.toggle('active');
             }
             document.addEventListener('DOMContentLoaded', function() {
+                const videos = document.querySelectorAll('.post-preview');
                 videos.forEach(video => {
+                    if (video.tagName === 'VIDEO') {
+                        video.addEventListener('loadedmetadata', function() {
+                            const duration = video.duration;
+                            const randomTime = Math.random() * duration;
+                            video.currentTime = randomTime;
+                        });
+                    }
                 });
             });
         </script>
     </body>
     </html>
     '''
+    return render_template_string(html, username=username, user_posts=user_posts, repo_id=REPO_ID)
+# Страница загрузки контента
 @app.route('/upload', methods=['GET', 'POST'])
+def upload():
     if 'username' not in session:
+        flash('Войдите, чтобы загрузить контент!')
         return redirect(url_for('login'))
     if request.method == 'POST':
         title = request.form.get('title')
         description = request.form.get('description')
+        file = request.files.get('file')
         uploader = session['username']
+        if not title or not file:
+            return "Укажите название и выберите файл", 400
+        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'
         # Загрузка на Hugging Face
         api = HfApi()
         api.upload_file(
             path_or_fileobj=temp_path,
+            path_in_repo=f"{file_type}s/{filename}",
             repo_id=REPO_ID,
             repo_type="dataset",
             token=HF_TOKEN_WRITE,
+            commit_message=f"Добавлена публикация: {title} пользователем {uploader}"
         )
+        # Обновление базы данных
         data = load_data()
+        post_id = f"post_{len(data['posts']) + 1}"
+        while any(p['id'] == post_id for p in data['posts']):
+            post_id = f"post_{len(data['posts']) + 1}_{int(time.time())}"
+        data['posts'].append({
+            'id': post_id,
             'title': title,
             'description': description,
             'filename': filename,
+            'type': file_type,
             'uploader': uploader,
+            'upload_date': datetime.now().strftime('%Y-%m-%d %H:%M:%S'),
+            'views': 0,
+            'likes': [],
+            'comments': []
         })
         save_data(data)
+        logging.info(f"Публикация {title} ({file_type}) загружена пользователем {uploader} с ID {post_id}")
         if os.path.exists(temp_path):
             os.remove(temp_path)
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Загрузка контента</title>
         <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
         <style>
             body { font-family: 'Poppins', sans-serif; background: #f0f2f5; padding: 20px; margin: 0; }
             .logout-btn { background: #ef4444; }
             .menu-btn { display: none; font-size: 24px; background: none; border: none; cursor: pointer; position: fixed; top: 20px; left: 20px; z-index: 1001; }
             @media (max-width: 768px) {
+                .container { padding-left: 20px; padding: 15px; max-width: 100%; }
+                .sidebar { left: -220px; width: 150px; padding: 15px; }
                 .sidebar.active { left: 0; }
                 .menu-btn { display: block; }
+                input, textarea, button { font-size: 14px; padding: 8px; margin: 5px 0; }
+                h1 { font-size: 1.2em; }
+                #progress-container { height: 15px; }
+                #progress-bar { height: 15px; }
             }
         </style>
     </head>
             <a href="{{ url_for('logout') }}" class="logout-btn">Выйти</a>
         </div>
         <div class="container">
+            <h1>Загрузить контент</h1>
             <form id="upload-form" enctype="multipart/form-data">
+                <input type="text" name="title" placeholder="Название" required>
                 <textarea name="description" placeholder="Описание" rows="4"></textarea>
+                <input type="file" name="file" accept="video/*,image/*" required>
                 <button type="submit">Загрузить</button>
             </form>
             <div id="progress-container">