Update app.py

app.py

@@ -76,7 +76,9 @@ def download_db_from_hf():
         logging.info("База данных скачана с Hugging Face")
     except Exception as e:
         logging.error(f"Ошибка скачивания базы: {e}")
-        raise
+        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:
@@ -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; }
+                .container { padding: 15px; max-width: 100%; }
                 input, button { font-size: 14px; padding: 8px; }
             }
         </style>
@@ -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; }
+                .container { padding: 15px; max-width: 100%; }
                 input, button { font-size: 14px; padding: 8px; }
             }
         </style>
@@ -212,7 +214,7 @@ def logout():
 @app.route('/')
 def feed():
     data = load_data()
-    posts = data['posts']
+    posts = data.get('posts', [])
     is_authenticated = 'username' in session
     username = session.get('username', None)
     html = '''
@@ -237,13 +239,14 @@ def feed():
             .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; }
-                .sidebar { left: -220px; }
+                .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; }
+                .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>
@@ -321,7 +324,9 @@ def post_page(post_id):
         if 'like' in request.form:
             if username not in post.get('likes', []):
                 post['likes'] = post.get('likes', []) + [username]
-                save_data(data)
+            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:
@@ -341,7 +346,7 @@ def post_page(post_id):
             .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; }
+            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; }
@@ -350,12 +355,13 @@ def post_page(post_id):
             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; }
-                .sidebar { left: -220px; }
+                .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 { height: auto; }
-                .back-btn, .like-btn { width: 100%; text-align: center; }
+                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>
@@ -458,14 +464,15 @@ def profile():
             .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; }
-                .sidebar { left: -220px; }
+                .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; }
+                .post-grid { grid-template-columns: 1fr; gap: 15px; }
                 .post-item { padding: 10px; }
                 .post-preview { height: 150px; }
-                .upload-btn, .delete-btn { font-size: 14px; padding: 8px; }
+                .upload-btn, .delete-btn, .profile-link, .logout-btn { font-size: 14px; padding: 8px; }
+                h1, h2 { font-size: 1.2em; }
             }
         </style>
     </head>
@@ -614,11 +621,14 @@ def upload():
             .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; }
+                .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; }
+                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>