Форумtitle> <link rel="stylesheet" href="style.css"> <link rel="icon" type="image/png" href="prismsoftwarelogo.png"> </head> <body> <script src="https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.min.js"></script> <script src="skinview3d.bundle.js"></script> <header> <div class="header-content"> <div class="logo-container"> <img src="prismsoftwarelogo1.png" alt="PRISM Software Logo" class="logo"> <h1>Форум</h1> </div> <button class="menu-toggle" aria-label="Toggle menu"> <span class="hamburger"></span> </button> </div> <nav class="main-nav"> <ul class="nav-list"> <li><a href="/index.php" ><svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 11l9-8 9 8"/><path d="M5 10v10a1 1 0 0 0 1 1h4v-6h4v6h4a1 1 0 0 0 1-1V10"/></svg><span class="nav-label">Главная</span></a></li> <li><a href="/about.php" ><svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg><span class="nav-label">О нас</span></a></li> <li><a href="/profile.php" ><svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg><span class="nav-label">Мой профиль</span></a></li> <li><a href="/projects.php" ><svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/></svg><span class="nav-label">Проекты</span></a></li> <li><a href="/forum.php" class="active"><svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="4" y="3" width="16" height="18" rx="2"/><line x1="8" y1="8" x2="16" y2="8"/><line x1="8" y1="12" x2="16" y2="12"/><line x1="8" y1="16" x2="13" y2="16"/></svg><span class="nav-label">Форум</span></a></li> <li><a href="/ai/" ><svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"/><circle cx="8" cy="9" r="1"/><circle cx="12" cy="8" r="1"/><circle cx="16" cy="9" r="1"/><circle cx="9" cy="12" r="1"/><circle cx="15" cy="12" r="1"/><circle cx="8" cy="15" r="1"/><circle cx="12" cy="16" r="1"/><circle cx="16" cy="15" r="1"/></svg><span class="nav-label">Вафля</span></a></li> <li><a href="/events/" ><svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg><span class="nav-label">Ивенты</span></a></li> <li><a href="/news.php" ><svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h12a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4z"/><path d="M18 8h2a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-2"/><line x1="8" y1="9" x2="14" y2="9"/><line x1="8" y1="13" x2="14" y2="13"/><line x1="8" y1="17" x2="11" y2="17"/></svg><span class="nav-label">Новости</span></a></li> <li><a href="/articles.php" ><svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4a2 2 0 0 1 2-2h12v18H6a2 2 0 0 0-2 2z"/><path d="M4 4v18"/></svg><span class="nav-label">Вики</span></a></li> <li><a href="/gold_leaderboard.php" ><svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M8 21h8"/><path d="M12 17v4"/><path d="M7 4h10v5a5 5 0 0 1-10 0z"/><path d="M17 5h2a2 2 0 0 1 2 2v1a3 3 0 0 1-3 3"/><path d="M7 5H5a2 2 0 0 0-2 2v1a3 3 0 0 0 3 3"/></svg><span class="nav-label">Лидерборд</span></a></li> <li><a href="/messenger.php" ><svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H8l-4 4V5a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2z"/><circle cx="9" cy="11" r="0.8" fill="currentColor"/><circle cx="12" cy="11" r="0.8" fill="currentColor"/><circle cx="15" cy="11" r="0.8" fill="currentColor"/></svg><span class="nav-label">Мессенджер</span></a></li> <li><a href="/friends.php" ><svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg><span class="nav-label">Друзья</span></a></li> <li><a href="/0000.php" ><svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/><circle cx="12" cy="16" r="1"/></svg><span class="nav-label">???</span></a></li> <li class="theme-nav-item"> <button class="theme-nav-btn" id="navThemeToggle" aria-label="Переключить тему"> <span class="theme-nav-icon">🌙</span> </button> </li> <li><a href="/login.php" class="btn btn-sm"><svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/><polyline points="10,17 15,12 10,7"/><line x1="15" y1="12" x2="3" y2="12"/></svg><span class="nav-label">Войти</span></a></li> <li><a href="/register.php" class="btn btn-sm btn-secondary"><svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="8.5" cy="7" r="4"/><line x1="20" y1="8" x2="20" y2="14"/><line x1="23" y1="11" x2="17" y2="11"/></svg><span class="nav-label">Зарегистрироваться</span></a></li> </ul> </nav> <script> (function() { var stored = localStorage.getItem('theme'); var prefersDark = window.matchMedia('(prefers-color-scheme: dark)'); var theme = stored || (prefersDark.matches ? 'dark' : 'light'); function applyTheme(t) { document.documentElement.setAttribute('data-theme', t); var icon = document.querySelector('.theme-nav-icon'); if (icon) icon.textContent = t === 'dark' ? '☀️' : '🌙'; } applyTheme(theme); if (!stored) { prefersDark.addEventListener('change', function(e) { if (!localStorage.getItem('theme')) { applyTheme(e.matches ? 'dark' : 'light'); } }); } var navBtn = document.getElementById('navThemeToggle'); if (navBtn) { navBtn.addEventListener('click', function() { var current = document.documentElement.getAttribute('data-theme') || 'dark'; var next = current === 'dark' ? 'light' : 'dark'; applyTheme(next); localStorage.setItem('theme', next); document.cookie = 'theme=' + next + '; path=/; max-age=' + (365 * 24 * 60 * 60); }); } })(); </script> </header> <script> document.querySelector('.menu-toggle').addEventListener('click', function() { this.classList.toggle('active'); document.querySelector('.main-nav').classList.toggle('active'); }); </script> <main>  <div class="mode-switcher"> <a href="forum.php?mode=new&page=1" class="mode-btn active">Новое</a> <a href="forum.php?mode=popular&page=1" class="mode-btn ">Популярное</a> <a href="forum.php?mode=images&page=1" class="mode-btn ">Изображения</a> <a href="forum.php?mode=videos&page=1" class="mode-btn ">Видео</a> <a href="forum.php?mode=threads&page=1" class="mode-btn ">Треды</a> </div>  <div class="search-container"> <form method="GET" action="forum.php" class="search-form"> <input type="text" name="search" class="search-input" placeholder="Поиск по постам или #ID..." value=""> <span class="search-hint" id="searchHint"></span> <button type="submit" class="btn" style="width:auto;margin-bottom:0;">Поиск</button> </form> </div>  <section> <h2>Загрузить изображение, видео, мир или создать тред</h2> <div class="alert warning"> <p>Для загрузки необходимо <a href="login.php">войти</a>.</p> </div> </section>  <section> <h2>Лента (Новое)</h2> <div class="posts-container"> <div class="post" id="post-956"> <img src="uploads/69ff995a66f1c.jpeg" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69ff995a66f1c.jpeg')"> <div class="image-message formatted-text"> Рисунок моей сестры </div> <div class="post-id" onclick="copyPostId(956)" style="cursor:pointer;">ID: 956 | <a href="forum.php?post=956" style="color:var(--text-secondary);" onclick="event.stopPropagation();">[Перейти к посту]</a></div> <div class="user-with-avatar"> <img src="uploads/avatars/avatar_pechenie_69c1a1d333600.jpeg" alt="Аватар" class="avatar-small" loading="lazy"> <div> <strong>Автор:</strong> <a href="profile.php?user=pechenie" class="profile-link"> pechenie </a> <span class="verified-badge">✓</span> <span class="user-rank-display"> <span class="rank-badge" style="background:#61187c20;color:#61187c;border:1px solid #61187c;"> Пурпурный </span> </span> <p class="post-date">09.05.2026 23:30</p> </div> </div>  <div class="reputation"> <form method="post" class="vote-form" data-post-id="956"> <input type="hidden" name="vote_post_id" value="956"> <input type="hidden" name="vote_type" value="plus"> <button type="button" class="rep-btn plus vote-btn" disabled>+rep</button> </form> <div class="rep-score" id="score-956"> 1 </div> <form method="post" class="vote-form" data-post-id="956"> <input type="hidden" name="vote_post_id" value="956"> <input type="hidden" name="vote_type" value="minus"> <button type="button" class="rep-btn minus vote-btn" disabled>-rep</button> </form> <div class="rep-details" id="details-956"> +1 / -0 </div> </div> <div class="vote-message" id="message-956"></div>    </div> <div class="post" id="post-955"> <img src="uploads/69ff11c19deec.jpeg" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69ff11c19deec.jpeg')"> <div class="image-message formatted-text"> А заяц то шарит за 582 </div> <div class="post-id" onclick="copyPostId(955)" style="cursor:pointer;">ID: 955 | <a href="forum.php?post=955" style="color:var(--text-secondary);" onclick="event.stopPropagation();">[Перейти к посту]</a></div> <div class="user-with-avatar"> <img src="uploads/avatars/avatar_pechenie_69c1a1d333600.jpeg" alt="Аватар" class="avatar-small" loading="lazy"> <div> <strong>Автор:</strong> <a href="profile.php?user=pechenie" class="profile-link"> pechenie </a> <span class="verified-badge">✓</span> <span class="user-rank-display"> <span class="rank-badge" style="background:#61187c20;color:#61187c;border:1px solid #61187c;"> Пурпурный </span> </span> <p class="post-date">09.05.2026 13:51</p> </div> </div>  <div class="reputation"> <form method="post" class="vote-form" data-post-id="955"> <input type="hidden" name="vote_post_id" value="955"> <input type="hidden" name="vote_type" value="plus"> <button type="button" class="rep-btn plus vote-btn" disabled>+rep</button> </form> <div class="rep-score" id="score-955"> 1 </div> <form method="post" class="vote-form" data-post-id="955"> <input type="hidden" name="vote_post_id" value="955"> <input type="hidden" name="vote_type" value="minus"> <button type="button" class="rep-btn minus vote-btn" disabled>-rep</button> </form> <div class="rep-details" id="details-955"> +1 / -0 </div> </div> <div class="vote-message" id="message-955"></div>    </div> <div class="post" id="post-954"> <img src="uploads/69ff10615199f.jpeg" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69ff10615199f.jpeg')"> <div class="image-message formatted-text"> Ема, так мало продление стоит ? На ссаном рег ру стоило несколько тысяч </div> <div class="post-id" onclick="copyPostId(954)" style="cursor:pointer;">ID: 954 | <a href="forum.php?post=954" style="color:var(--text-secondary);" onclick="event.stopPropagation();">[Перейти к посту]</a></div> <div class="user-with-avatar"> <img src="uploads/avatars/avatar_pechenie_69c1a1d333600.jpeg" alt="Аватар" class="avatar-small" loading="lazy"> <div> <strong>Автор:</strong> <a href="profile.php?user=pechenie" class="profile-link"> pechenie </a> <span class="verified-badge">✓</span> <span class="user-rank-display"> <span class="rank-badge" style="background:#61187c20;color:#61187c;border:1px solid #61187c;"> Пурпурный </span> </span> <p class="post-date">09.05.2026 13:45</p> </div> </div>  <div class="reputation"> <form method="post" class="vote-form" data-post-id="954"> <input type="hidden" name="vote_post_id" value="954"> <input type="hidden" name="vote_type" value="plus"> <button type="button" class="rep-btn plus vote-btn" disabled>+rep</button> </form> <div class="rep-score" id="score-954"> 1 </div> <form method="post" class="vote-form" data-post-id="954"> <input type="hidden" name="vote_post_id" value="954"> <input type="hidden" name="vote_type" value="minus"> <button type="button" class="rep-btn minus vote-btn" disabled>-rep</button> </form> <div class="rep-details" id="details-954"> +1 / -0 </div> </div> <div class="vote-message" id="message-954"></div>    <button type="button" class="toggle-comments" onclick="toggleComments('comments-954')"> Показать комментарии (1) </button> <div id="comments-954" class="comments-container"> <div class="comment" id="comment-258"> <div class="comment-text formatted-text"> Слава багету </div> <div class="user-with-avatar" style="margin-top:8px;"> <img src="uploads/avatars/avatar_pechenie_69c1a1d333600.jpeg" class="avatar-comment" loading="lazy"> <div> <strong> <a href="profile.php?user=pechenie" class="profile-link"> pechenie </a> </strong> <span class="verified-badge">✓</span> <span class="rank-badge" style="background:#61187c20;color:#61187c;border:1px solid #61187c;"> Пурпурный </span> <span class="comment-date">09.05.2026 13:46</span> </div> </div> </div> </div> </div> <div class="post" id="post-953"> <div class="image-counter">Изображений: 6</div> <div class="images-grid"> <img src="uploads/69ff0842a5675.jpeg" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69ff0842a5675.jpeg')"> <img src="uploads/69ff0842a5912.jpeg" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69ff0842a5912.jpeg')"> <img src="uploads/69ff0842a5c4c.jpeg" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69ff0842a5c4c.jpeg')"> <img src="uploads/69ff0842a5ee2.jpeg" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69ff0842a5ee2.jpeg')"> <img src="uploads/69ff0842a6069.jpeg" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69ff0842a6069.jpeg')"> <img src="uploads/69ff0842a6209.jpeg" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69ff0842a6209.jpeg')"> </div> <div class="image-message formatted-text"> JoJo референс </div> <div class="post-id" onclick="copyPostId(953)" style="cursor:pointer;">ID: 953 | <a href="forum.php?post=953" style="color:var(--text-secondary);" onclick="event.stopPropagation();">[Перейти к посту]</a></div> <div class="user-with-avatar"> <img src="uploads/avatars/avatar_pechenie_69c1a1d333600.jpeg" alt="Аватар" class="avatar-small" loading="lazy"> <div> <strong>Автор:</strong> <a href="profile.php?user=pechenie" class="profile-link"> pechenie </a> <span class="verified-badge">✓</span> <span class="user-rank-display"> <span class="rank-badge" style="background:#61187c20;color:#61187c;border:1px solid #61187c;"> Пурпурный </span> </span> <p class="post-date">09.05.2026 13:11</p> </div> </div>  <div class="reputation"> <form method="post" class="vote-form" data-post-id="953"> <input type="hidden" name="vote_post_id" value="953"> <input type="hidden" name="vote_type" value="plus"> <button type="button" class="rep-btn plus vote-btn" disabled>+rep</button> </form> <div class="rep-score" id="score-953"> 1 </div> <form method="post" class="vote-form" data-post-id="953"> <input type="hidden" name="vote_post_id" value="953"> <input type="hidden" name="vote_type" value="minus"> <button type="button" class="rep-btn minus vote-btn" disabled>-rep</button> </form> <div class="rep-details" id="details-953"> +1 / -0 </div> </div> <div class="vote-message" id="message-953"></div>    <button type="button" class="toggle-comments" onclick="toggleComments('comments-953')"> Показать комментарии (1) </button> <div id="comments-953" class="comments-container"> <div class="comment" id="comment-259"> <div class="comment-text formatted-text"> 582, отсылка </div> <div class="user-with-avatar" style="margin-top:8px;"> <img src="uploads/avatars/avatar_pechenie_69c1a1d333600.jpeg" class="avatar-comment" loading="lazy"> <div> <strong> <a href="profile.php?user=pechenie" class="profile-link"> pechenie </a> </strong> <span class="verified-badge">✓</span> <span class="rank-badge" style="background:#61187c20;color:#61187c;border:1px solid #61187c;"> Пурпурный </span> <span class="comment-date">09.05.2026 13:46</span> </div> </div> </div> </div> </div> <div class="post" id="post-952"> <img src="uploads/69fed0c367c68.jpg" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69fed0c367c68.jpg')"> <div class="image-message formatted-text"> Яндекс </div> <div class="post-id" onclick="copyPostId(952)" style="cursor:pointer;">ID: 952 | <a href="forum.php?post=952" style="color:var(--text-secondary);" onclick="event.stopPropagation();">[Перейти к посту]</a></div> <div class="user-with-avatar"> <img src="uploads/avatars/avatar_oxi_69e9aded3a175.jpg" alt="Аватар" class="avatar-small" loading="lazy"> <div> <strong>Автор:</strong> <a href="profile.php?user=oxi" class="profile-link"> oxi </a> <span class="verified-badge">✓</span> <span class="user-rank-display"> <span class="rank-badge" style="background:#c01c2820;color:#c01c28;border:1px solid #c01c28;"> Мастер </span> </span> <p class="post-date">09.05.2026 09:14</p> </div> </div>  <div class="reputation"> <form method="post" class="vote-form" data-post-id="952"> <input type="hidden" name="vote_post_id" value="952"> <input type="hidden" name="vote_type" value="plus"> <button type="button" class="rep-btn plus vote-btn" disabled>+rep</button> </form> <div class="rep-score" id="score-952"> 1 </div> <form method="post" class="vote-form" data-post-id="952"> <input type="hidden" name="vote_post_id" value="952"> <input type="hidden" name="vote_type" value="minus"> <button type="button" class="rep-btn minus vote-btn" disabled>-rep</button> </form> <div class="rep-details" id="details-952"> +1 / -0 </div> </div> <div class="vote-message" id="message-952"></div>    </div> <div class="post" id="post-951"> <img src="uploads/69fe1643a7219.webp" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69fe1643a7219.webp')"> <div class="image-message formatted-text"> В Ur18 примерно 3000 строк, в PG17U примерно 8000, неплохо </div> <div class="post-id" onclick="copyPostId(951)" style="cursor:pointer;">ID: 951 | <a href="forum.php?post=951" style="color:var(--text-secondary);" onclick="event.stopPropagation();">[Перейти к посту]</a></div> <div class="user-with-avatar"> <img src="uploads/avatars/avatar_pechenie_69c1a1d333600.jpeg" alt="Аватар" class="avatar-small" loading="lazy"> <div> <strong>Автор:</strong> <a href="profile.php?user=pechenie" class="profile-link"> pechenie </a> <span class="verified-badge">✓</span> <span class="user-rank-display"> <span class="rank-badge" style="background:#61187c20;color:#61187c;border:1px solid #61187c;"> Пурпурный </span> </span> <p class="post-date">08.05.2026 19:58</p> </div> </div>  <div class="reputation"> <form method="post" class="vote-form" data-post-id="951"> <input type="hidden" name="vote_post_id" value="951"> <input type="hidden" name="vote_type" value="plus"> <button type="button" class="rep-btn plus vote-btn" disabled>+rep</button> </form> <div class="rep-score" id="score-951"> 1 </div> <form method="post" class="vote-form" data-post-id="951"> <input type="hidden" name="vote_post_id" value="951"> <input type="hidden" name="vote_type" value="minus"> <button type="button" class="rep-btn minus vote-btn" disabled>-rep</button> </form> <div class="rep-details" id="details-951"> +1 / -0 </div> </div> <div class="vote-message" id="message-951"></div>    </div> <div class="post" id="post-950"> <img src="uploads/69fd89291e005.png" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69fd89291e005.png')"> <div class="image-message formatted-text"> <a href=" https://www.bfxr.net/" target="_blank" rel="noopener noreferrer"> https://www.bfxr.net/</a> мне надо </div> <div class="post-id" onclick="copyPostId(950)" style="cursor:pointer;">ID: 950 | <a href="forum.php?post=950" style="color:var(--text-secondary);" onclick="event.stopPropagation();">[Перейти к посту]</a></div> <div class="user-with-avatar"> <img src="uploads/avatars/avatar_pechenie_69c1a1d333600.jpeg" alt="Аватар" class="avatar-small" loading="lazy"> <div> <strong>Автор:</strong> <a href="profile.php?user=pechenie" class="profile-link"> pechenie </a> <span class="verified-badge">✓</span> <span class="user-rank-display"> <span class="rank-badge" style="background:#61187c20;color:#61187c;border:1px solid #61187c;"> Пурпурный </span> </span> <p class="post-date">08.05.2026 09:56</p> </div> </div>  <div class="reputation"> <form method="post" class="vote-form" data-post-id="950"> <input type="hidden" name="vote_post_id" value="950"> <input type="hidden" name="vote_type" value="plus"> <button type="button" class="rep-btn plus vote-btn" disabled>+rep</button> </form> <div class="rep-score" id="score-950"> 0 </div> <form method="post" class="vote-form" data-post-id="950"> <input type="hidden" name="vote_post_id" value="950"> <input type="hidden" name="vote_type" value="minus"> <button type="button" class="rep-btn minus vote-btn" disabled>-rep</button> </form> <div class="rep-details" id="details-950"> +0 / -0 </div> </div> <div class="vote-message" id="message-950"></div>    </div> <div class="post" id="post-949"> <img src="uploads/69fc5b475743d.jpeg" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69fc5b475743d.jpeg')"> <div class="image-message formatted-text"> Жестокое убийство итальянца </div> <div class="post-id" onclick="copyPostId(949)" style="cursor:pointer;">ID: 949 | <a href="forum.php?post=949" style="color:var(--text-secondary);" onclick="event.stopPropagation();">[Перейти к посту]</a></div> <div class="user-with-avatar"> <img src="uploads/avatars/avatar_pechenie_69c1a1d333600.jpeg" alt="Аватар" class="avatar-small" loading="lazy"> <div> <strong>Автор:</strong> <a href="profile.php?user=pechenie" class="profile-link"> pechenie </a> <span class="verified-badge">✓</span> <span class="user-rank-display"> <span class="rank-badge" style="background:#61187c20;color:#61187c;border:1px solid #61187c;"> Пурпурный </span> </span> <p class="post-date">07.05.2026 12:28</p> </div> </div>  <div class="reputation"> <form method="post" class="vote-form" data-post-id="949"> <input type="hidden" name="vote_post_id" value="949"> <input type="hidden" name="vote_type" value="plus"> <button type="button" class="rep-btn plus vote-btn" disabled>+rep</button> </form> <div class="rep-score" id="score-949"> 1 </div> <form method="post" class="vote-form" data-post-id="949"> <input type="hidden" name="vote_post_id" value="949"> <input type="hidden" name="vote_type" value="minus"> <button type="button" class="rep-btn minus vote-btn" disabled>-rep</button> </form> <div class="rep-details" id="details-949"> +1 / -0 </div> </div> <div class="vote-message" id="message-949"></div>    </div> <div class="post" id="post-948"> <img src="uploads/69fc3f933290b.png" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69fc3f933290b.png')"> <div class="image-message formatted-text"> Мои обои на ноутбуке </div> <div class="post-id" onclick="copyPostId(948)" style="cursor:pointer;">ID: 948 | <a href="forum.php?post=948" style="color:var(--text-secondary);" onclick="event.stopPropagation();">[Перейти к посту]</a></div> <div class="user-with-avatar"> <img src="uploads/avatars/avatar_pechenie_69c1a1d333600.jpeg" alt="Аватар" class="avatar-small" loading="lazy"> <div> <strong>Автор:</strong> <a href="profile.php?user=pechenie" class="profile-link"> pechenie </a> <span class="verified-badge">✓</span> <span class="user-rank-display"> <span class="rank-badge" style="background:#61187c20;color:#61187c;border:1px solid #61187c;"> Пурпурный </span> </span> <p class="post-date">07.05.2026 10:30</p> </div> </div>  <div class="reputation"> <form method="post" class="vote-form" data-post-id="948"> <input type="hidden" name="vote_post_id" value="948"> <input type="hidden" name="vote_type" value="plus"> <button type="button" class="rep-btn plus vote-btn" disabled>+rep</button> </form> <div class="rep-score" id="score-948"> 1 </div> <form method="post" class="vote-form" data-post-id="948"> <input type="hidden" name="vote_post_id" value="948"> <input type="hidden" name="vote_type" value="minus"> <button type="button" class="rep-btn minus vote-btn" disabled>-rep</button> </form> <div class="rep-details" id="details-948"> +1 / -0 </div> </div> <div class="vote-message" id="message-948"></div>    </div> <div class="post" id="post-947"> <div class="image-counter">Изображений: 2</div> <div class="images-grid"> <img src="uploads/69fb4a94cb3b4.jpeg" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69fb4a94cb3b4.jpeg')"> <img src="uploads/69fb4a94cb4c5.jpeg" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69fb4a94cb4c5.jpeg')"> </div> <div class="image-message formatted-text"> Мемесы </div> <div class="post-id" onclick="copyPostId(947)" style="cursor:pointer;">ID: 947 | <a href="forum.php?post=947" style="color:var(--text-secondary);" onclick="event.stopPropagation();">[Перейти к посту]</a></div> <div class="user-with-avatar"> <img src="uploads/avatars/avatar_pechenie_69c1a1d333600.jpeg" alt="Аватар" class="avatar-small" loading="lazy"> <div> <strong>Автор:</strong> <a href="profile.php?user=pechenie" class="profile-link"> pechenie </a> <span class="verified-badge">✓</span> <span class="user-rank-display"> <span class="rank-badge" style="background:#61187c20;color:#61187c;border:1px solid #61187c;"> Пурпурный </span> </span> <p class="post-date">06.05.2026 17:05</p> </div> </div>  <div class="reputation"> <form method="post" class="vote-form" data-post-id="947"> <input type="hidden" name="vote_post_id" value="947"> <input type="hidden" name="vote_type" value="plus"> <button type="button" class="rep-btn plus vote-btn" disabled>+rep</button> </form> <div class="rep-score" id="score-947"> 1 </div> <form method="post" class="vote-form" data-post-id="947"> <input type="hidden" name="vote_post_id" value="947"> <input type="hidden" name="vote_type" value="minus"> <button type="button" class="rep-btn minus vote-btn" disabled>-rep</button> </form> <div class="rep-details" id="details-947"> +1 / -0 </div> </div> <div class="vote-message" id="message-947"></div>    </div> <div class="post" id="post-946"> <img src="uploads/69fb20ec46f48.png" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69fb20ec46f48.png')"> <div class="image-message formatted-text"> Кирилл... </div> <div class="post-id" onclick="copyPostId(946)" style="cursor:pointer;">ID: 946 | <a href="forum.php?post=946" style="color:var(--text-secondary);" onclick="event.stopPropagation();">[Перейти к посту]</a></div> <div class="user-with-avatar"> <img src="uploads/avatars/avatar_oxi_69e9aded3a175.jpg" alt="Аватар" class="avatar-small" loading="lazy"> <div> <strong>Автор:</strong> <a href="profile.php?user=oxi" class="profile-link"> oxi </a> <span class="verified-badge">✓</span> <span class="user-rank-display"> <span class="rank-badge" style="background:#c01c2820;color:#c01c28;border:1px solid #c01c28;"> Мастер </span> </span> <p class="post-date">06.05.2026 14:07</p> </div> </div>  <div class="reputation"> <form method="post" class="vote-form" data-post-id="946"> <input type="hidden" name="vote_post_id" value="946"> <input type="hidden" name="vote_type" value="plus"> <button type="button" class="rep-btn plus vote-btn" disabled>+rep</button> </form> <div class="rep-score" id="score-946"> 0 </div> <form method="post" class="vote-form" data-post-id="946"> <input type="hidden" name="vote_post_id" value="946"> <input type="hidden" name="vote_type" value="minus"> <button type="button" class="rep-btn minus vote-btn" disabled>-rep</button> </form> <div class="rep-details" id="details-946"> +0 / -0 </div> </div> <div class="vote-message" id="message-946"></div>    <button type="button" class="toggle-comments" onclick="toggleComments('comments-946')"> Показать комментарии (2) </button> <div id="comments-946" class="comments-container"> <div class="comment" id="comment-257"> <div class="comment-text formatted-text"> Ну реально </div> <img src="uploads/69fdd2d33aa28.webp_comment" alt="Изображение в комментарии" class="comment-image" onclick="toggleImageSize(this)" loading="lazy"> <button class="image-expand-btn" onclick="toggleImageSize(this.previousElementSibling)">[+]</button> <div class="user-with-avatar" style="margin-top:8px;"> <img src="uploads/avatars/avatar_oxi_69e9aded3a175.jpg" class="avatar-comment" loading="lazy"> <div> <strong> <a href="profile.php?user=oxi" class="profile-link"> oxi </a> </strong> <span class="verified-badge">✓</span> <span class="rank-badge" style="background:#c01c2820;color:#c01c28;border:1px solid #c01c28;"> Мастер </span> <span class="comment-date">08.05.2026 15:10</span> </div> </div> </div> <div class="comment" id="comment-256"> <div class="comment-text formatted-text"> Да подумаешь, ты просто встал неровно </div> <div class="user-with-avatar" style="margin-top:8px;"> <img src="uploads/avatars/avatar_pechenie_69c1a1d333600.jpeg" class="avatar-comment" loading="lazy"> <div> <strong> <a href="profile.php?user=pechenie" class="profile-link"> pechenie </a> </strong> <span class="verified-badge">✓</span> <span class="rank-badge" style="background:#61187c20;color:#61187c;border:1px solid #61187c;"> Пурпурный </span> <span class="comment-date">06.05.2026 17:05</span> </div> </div> </div> </div> </div> <div class="post" id="post-945"> <img src="uploads/69fb1d6b70482.png" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69fb1d6b70482.png')"> <div class="image-message formatted-text"> зашёл с школьного компа </div> <div class="post-id" onclick="copyPostId(945)" style="cursor:pointer;">ID: 945 | <a href="forum.php?post=945" style="color:var(--text-secondary);" onclick="event.stopPropagation();">[Перейти к посту]</a></div> <div class="user-with-avatar"> <img src="uploads/avatars/avatar_oxi_69e9aded3a175.jpg" alt="Аватар" class="avatar-small" loading="lazy"> <div> <strong>Автор:</strong> <a href="profile.php?user=oxi" class="profile-link"> oxi </a> <span class="verified-badge">✓</span> <span class="user-rank-display"> <span class="rank-badge" style="background:#c01c2820;color:#c01c28;border:1px solid #c01c28;"> Мастер </span> </span> <p class="post-date">06.05.2026 13:52</p> </div> </div>  <div class="reputation"> <form method="post" class="vote-form" data-post-id="945"> <input type="hidden" name="vote_post_id" value="945"> <input type="hidden" name="vote_type" value="plus"> <button type="button" class="rep-btn plus vote-btn" disabled>+rep</button> </form> <div class="rep-score" id="score-945"> 0 </div> <form method="post" class="vote-form" data-post-id="945"> <input type="hidden" name="vote_post_id" value="945"> <input type="hidden" name="vote_type" value="minus"> <button type="button" class="rep-btn minus vote-btn" disabled>-rep</button> </form> <div class="rep-details" id="details-945"> +0 / -0 </div> </div> <div class="vote-message" id="message-945"></div>    <button type="button" class="toggle-comments" onclick="toggleComments('comments-945')"> Показать комментарии (1) </button> <div id="comments-945" class="comments-container"> <div class="comment" id="comment-255"> <div class="comment-text formatted-text"> крутой </div> <div class="user-with-avatar" style="margin-top:8px;"> <img src="uploads/avatars/avatar_pechenie_69c1a1d333600.jpeg" class="avatar-comment" loading="lazy"> <div> <strong> <a href="profile.php?user=pechenie" class="profile-link"> pechenie </a> </strong> <span class="verified-badge">✓</span> <span class="rank-badge" style="background:#61187c20;color:#61187c;border:1px solid #61187c;"> Пурпурный </span> <span class="comment-date">06.05.2026 13:58</span> </div> </div> </div> </div> </div> <div class="post" id="post-944"> <img src="uploads/69faf7d6025d3.png" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69faf7d6025d3.png')"> <div class="image-message formatted-text"> Делал сначала PG17++, потом PG17# и случайно сделал PG17U. Версия получилась очень крутой<br /> <details><summary style="cursor:pointer;color:var(--text-secondary);">Спойлер</summary><div class="mt-1">PG18 тоже скоро будет</div></details> </div> <div class="post-id" onclick="copyPostId(944)" style="cursor:pointer;">ID: 944 | <a href="forum.php?post=944" style="color:var(--text-secondary);" onclick="event.stopPropagation();">[Перейти к посту]</a></div> <div class="user-with-avatar"> <img src="uploads/avatars/avatar_pechenie_69c1a1d333600.jpeg" alt="Аватар" class="avatar-small" loading="lazy"> <div> <strong>Автор:</strong> <a href="profile.php?user=pechenie" class="profile-link"> pechenie </a> <span class="verified-badge">✓</span> <span class="user-rank-display"> <span class="rank-badge" style="background:#61187c20;color:#61187c;border:1px solid #61187c;"> Пурпурный </span> </span> <p class="post-date">06.05.2026 11:12</p> </div> </div>  <div class="reputation"> <form method="post" class="vote-form" data-post-id="944"> <input type="hidden" name="vote_post_id" value="944"> <input type="hidden" name="vote_type" value="plus"> <button type="button" class="rep-btn plus vote-btn" disabled>+rep</button> </form> <div class="rep-score" id="score-944"> 1 </div> <form method="post" class="vote-form" data-post-id="944"> <input type="hidden" name="vote_post_id" value="944"> <input type="hidden" name="vote_type" value="minus"> <button type="button" class="rep-btn minus vote-btn" disabled>-rep</button> </form> <div class="rep-details" id="details-944"> +1 / -0 </div> </div> <div class="vote-message" id="message-944"></div>    <button type="button" class="toggle-comments" onclick="toggleComments('comments-944')"> Показать комментарии (1) </button> <div id="comments-944" class="comments-container"> <div class="comment" id="comment-253"> <div class="comment-text formatted-text"> Спойлер прям обязателен был Но вообще функция прикольная </div> <div class="user-with-avatar" style="margin-top:8px;"> <img src="uploads/avatars/avatar_oxi_69e9aded3a175.jpg" class="avatar-comment" loading="lazy"> <div> <strong> <a href="profile.php?user=oxi" class="profile-link"> oxi </a> </strong> <span class="verified-badge">✓</span> <span class="rank-badge" style="background:#c01c2820;color:#c01c28;border:1px solid #c01c28;"> Мастер </span> <span class="comment-date">06.05.2026 13:51</span> </div> </div> </div> </div> </div> <div class="post" id="post-943"> <img src="uploads/69fa4ebb5fb52.jpg" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69fa4ebb5fb52.jpg')"> <div class="image-message formatted-text"> База для 2026 </div> <div class="post-id" onclick="copyPostId(943)" style="cursor:pointer;">ID: 943 | <a href="forum.php?post=943" style="color:var(--text-secondary);" onclick="event.stopPropagation();">[Перейти к посту]</a></div> <div class="user-with-avatar"> <img src="uploads/avatars/avatar_oxi_69e9aded3a175.jpg" alt="Аватар" class="avatar-small" loading="lazy"> <div> <strong>Автор:</strong> <a href="profile.php?user=oxi" class="profile-link"> oxi </a> <span class="verified-badge">✓</span> <span class="user-rank-display"> <span class="rank-badge" style="background:#c01c2820;color:#c01c28;border:1px solid #c01c28;"> Мастер </span> </span> <p class="post-date">05.05.2026 23:10</p> </div> </div>  <div class="reputation"> <form method="post" class="vote-form" data-post-id="943"> <input type="hidden" name="vote_post_id" value="943"> <input type="hidden" name="vote_type" value="plus"> <button type="button" class="rep-btn plus vote-btn" disabled>+rep</button> </form> <div class="rep-score" id="score-943"> 2 </div> <form method="post" class="vote-form" data-post-id="943"> <input type="hidden" name="vote_post_id" value="943"> <input type="hidden" name="vote_type" value="minus"> <button type="button" class="rep-btn minus vote-btn" disabled>-rep</button> </form> <div class="rep-details" id="details-943"> +2 / -0 </div> </div> <div class="vote-message" id="message-943"></div>    <button type="button" class="toggle-comments" onclick="toggleComments('comments-943')"> Показать комментарии (1) </button> <div id="comments-943" class="comments-container"> <div class="comment" id="comment-252"> <div class="comment-text formatted-text"> Ну не, в 2026 трамп уже есть </div> <div class="user-with-avatar" style="margin-top:8px;"> <img src="uploads/avatars/avatar_pechenie_69c1a1d333600.jpeg" class="avatar-comment" loading="lazy"> <div> <strong> <a href="profile.php?user=pechenie" class="profile-link"> pechenie </a> </strong> <span class="verified-badge">✓</span> <span class="rank-badge" style="background:#61187c20;color:#61187c;border:1px solid #61187c;"> Пурпурный </span> <span class="comment-date">06.05.2026 12:30</span> </div> </div> </div> </div> </div> <div class="post" id="post-942"> <img src="uploads/69fa3bc3b84b9.jpeg" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69fa3bc3b84b9.jpeg')"> <div class="image-message formatted-text"> Тварь </div> <div class="post-id" onclick="copyPostId(942)" style="cursor:pointer;">ID: 942 | <a href="forum.php?post=942" style="color:var(--text-secondary);" onclick="event.stopPropagation();">[Перейти к посту]</a></div> <div class="user-with-avatar"> <img src="uploads/avatars/avatar_pechenie_69c1a1d333600.jpeg" alt="Аватар" class="avatar-small" loading="lazy"> <div> <strong>Автор:</strong> <a href="profile.php?user=pechenie" class="profile-link"> pechenie </a> <span class="verified-badge">✓</span> <span class="user-rank-display"> <span class="rank-badge" style="background:#61187c20;color:#61187c;border:1px solid #61187c;"> Пурпурный </span> </span> <p class="post-date">05.05.2026 21:49</p> </div> </div>  <div class="reputation"> <form method="post" class="vote-form" data-post-id="942"> <input type="hidden" name="vote_post_id" value="942"> <input type="hidden" name="vote_type" value="plus"> <button type="button" class="rep-btn plus vote-btn" disabled>+rep</button> </form> <div class="rep-score" id="score-942"> 0 </div> <form method="post" class="vote-form" data-post-id="942"> <input type="hidden" name="vote_post_id" value="942"> <input type="hidden" name="vote_type" value="minus"> <button type="button" class="rep-btn minus vote-btn" disabled>-rep</button> </form> <div class="rep-details" id="details-942"> +0 / -0 </div> </div> <div class="vote-message" id="message-942"></div>    </div> <div class="post" id="post-941"> <div class="image-counter">Изображений: 2</div> <div class="images-grid"> <img src="uploads/69fa31c72458d.webp" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69fa31c72458d.webp')"> <img src="uploads/69fa31c7246fc.png" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69fa31c7246fc.png')"> </div> <div class="image-message formatted-text"> <strong>ОДИН В ОДИН</strong> </div> <div class="post-id" onclick="copyPostId(941)" style="cursor:pointer;">ID: 941 | <a href="forum.php?post=941" style="color:var(--text-secondary);" onclick="event.stopPropagation();">[Перейти к посту]</a></div> <div class="user-with-avatar"> <img src="uploads/avatars/avatar_pechenie_69c1a1d333600.jpeg" alt="Аватар" class="avatar-small" loading="lazy"> <div> <strong>Автор:</strong> <a href="profile.php?user=pechenie" class="profile-link"> pechenie </a> <span class="verified-badge">✓</span> <span class="user-rank-display"> <span class="rank-badge" style="background:#61187c20;color:#61187c;border:1px solid #61187c;"> Пурпурный </span> </span> <p class="post-date">05.05.2026 21:07</p> </div> </div>  <div class="reputation"> <form method="post" class="vote-form" data-post-id="941"> <input type="hidden" name="vote_post_id" value="941"> <input type="hidden" name="vote_type" value="plus"> <button type="button" class="rep-btn plus vote-btn" disabled>+rep</button> </form> <div class="rep-score" id="score-941"> 1 </div> <form method="post" class="vote-form" data-post-id="941"> <input type="hidden" name="vote_post_id" value="941"> <input type="hidden" name="vote_type" value="minus"> <button type="button" class="rep-btn minus vote-btn" disabled>-rep</button> </form> <div class="rep-details" id="details-941"> +1 / -0 </div> </div> <div class="vote-message" id="message-941"></div>    </div> <div class="post" id="post-940"> <div class="image-counter">Изображений: 2</div> <div class="images-grid"> <img src="uploads/69fa317748a6a.webp" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69fa317748a6a.webp')"> <img src="uploads/69fa317748bd2.webp" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69fa317748bd2.webp')"> </div> <div class="image-message formatted-text"> Кто по вашему мнению выглядит блоее красиво ? Тацумаки или Фубуки (фубуки - та, у которой волосы темнее) ? </div> <div class="post-id" onclick="copyPostId(940)" style="cursor:pointer;">ID: 940 | <a href="forum.php?post=940" style="color:var(--text-secondary);" onclick="event.stopPropagation();">[Перейти к посту]</a></div> <div class="user-with-avatar"> <img src="uploads/avatars/avatar_pechenie_69c1a1d333600.jpeg" alt="Аватар" class="avatar-small" loading="lazy"> <div> <strong>Автор:</strong> <a href="profile.php?user=pechenie" class="profile-link"> pechenie </a> <span class="verified-badge">✓</span> <span class="user-rank-display"> <span class="rank-badge" style="background:#61187c20;color:#61187c;border:1px solid #61187c;"> Пурпурный </span> </span> <p class="post-date">05.05.2026 21:05</p> </div> </div>  <div class="reputation"> <form method="post" class="vote-form" data-post-id="940"> <input type="hidden" name="vote_post_id" value="940"> <input type="hidden" name="vote_type" value="plus"> <button type="button" class="rep-btn plus vote-btn" disabled>+rep</button> </form> <div class="rep-score" id="score-940"> 0 </div> <form method="post" class="vote-form" data-post-id="940"> <input type="hidden" name="vote_post_id" value="940"> <input type="hidden" name="vote_type" value="minus"> <button type="button" class="rep-btn minus vote-btn" disabled>-rep</button> </form> <div class="rep-details" id="details-940"> +1 / -1 </div> </div> <div class="vote-message" id="message-940"></div>    <button type="button" class="toggle-comments" onclick="toggleComments('comments-940')"> Показать комментарии (1) </button> <div id="comments-940" class="comments-container"> <div class="comment" id="comment-251"> <div class="comment-text formatted-text"> та что на 404 странице форчана </div> <div class="user-with-avatar" style="margin-top:8px;"> <img src="uploads/avatars/avatar_oxi_69e9aded3a175.jpg" class="avatar-comment" loading="lazy"> <div> <strong> <a href="profile.php?user=oxi" class="profile-link"> oxi </a> </strong> <span class="verified-badge">✓</span> <span class="rank-badge" style="background:#c01c2820;color:#c01c28;border:1px solid #c01c28;"> Мастер </span> <span class="comment-date">06.05.2026 10:18</span> </div> </div> </div> </div> </div> <div class="post" id="post-939"> <img src="uploads/69fa30cf7867c.png" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69fa30cf7867c.png')"> <div class="image-message formatted-text"> Крч, я делал PG17++ и случайно сделал супер крутую PG17#, думаю я выложу её, ну или сделаю PG17U и выложу её </div> <div class="post-id" onclick="copyPostId(939)" style="cursor:pointer;">ID: 939 | <a href="forum.php?post=939" style="color:var(--text-secondary);" onclick="event.stopPropagation();">[Перейти к посту]</a></div> <div class="user-with-avatar"> <img src="uploads/avatars/avatar_pechenie_69c1a1d333600.jpeg" alt="Аватар" class="avatar-small" loading="lazy"> <div> <strong>Автор:</strong> <a href="profile.php?user=pechenie" class="profile-link"> pechenie </a> <span class="verified-badge">✓</span> <span class="user-rank-display"> <span class="rank-badge" style="background:#61187c20;color:#61187c;border:1px solid #61187c;"> Пурпурный </span> </span> <p class="post-date">05.05.2026 21:02</p> </div> </div>  <div class="reputation"> <form method="post" class="vote-form" data-post-id="939"> <input type="hidden" name="vote_post_id" value="939"> <input type="hidden" name="vote_type" value="plus"> <button type="button" class="rep-btn plus vote-btn" disabled>+rep</button> </form> <div class="rep-score" id="score-939"> 1 </div> <form method="post" class="vote-form" data-post-id="939"> <input type="hidden" name="vote_post_id" value="939"> <input type="hidden" name="vote_type" value="minus"> <button type="button" class="rep-btn minus vote-btn" disabled>-rep</button> </form> <div class="rep-details" id="details-939"> +1 / -0 </div> </div> <div class="vote-message" id="message-939"></div>    <button type="button" class="toggle-comments" onclick="toggleComments('comments-939')"> Показать комментарии (1) </button> <div id="comments-939" class="comments-container"> <div class="comment" id="comment-254"> <div class="comment-text formatted-text"> СЛУЧАЙНО сделал </div> <div class="user-with-avatar" style="margin-top:8px;"> <img src="uploads/avatars/avatar_oxi_69e9aded3a175.jpg" class="avatar-comment" loading="lazy"> <div> <strong> <a href="profile.php?user=oxi" class="profile-link"> oxi </a> </strong> <span class="verified-badge">✓</span> <span class="rank-badge" style="background:#c01c2820;color:#c01c28;border:1px solid #c01c28;"> Мастер </span> <span class="comment-date">06.05.2026 13:53</span> </div> </div> </div> </div> </div> <div class="post" id="post-938"> <img src="uploads/69fa2c51d558e.jpg" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69fa2c51d558e.jpg')"> <div class="image-message formatted-text"> Самый крутой комик лол<br /> <details><summary style="cursor:pointer;color:var(--text-secondary);">Спойлер</summary><div class="mt-1">Реально самый крутой</div></details> </div> <div class="post-id" onclick="copyPostId(938)" style="cursor:pointer;">ID: 938 | <a href="forum.php?post=938" style="color:var(--text-secondary);" onclick="event.stopPropagation();">[Перейти к посту]</a></div> <div class="user-with-avatar"> <img src="uploads/avatars/avatar_pechenie_69c1a1d333600.jpeg" alt="Аватар" class="avatar-small" loading="lazy"> <div> <strong>Автор:</strong> <a href="profile.php?user=pechenie" class="profile-link"> pechenie </a> <span class="verified-badge">✓</span> <span class="user-rank-display"> <span class="rank-badge" style="background:#61187c20;color:#61187c;border:1px solid #61187c;"> Пурпурный </span> </span> <p class="post-date">05.05.2026 20:43</p> </div> </div>  <div class="reputation"> <form method="post" class="vote-form" data-post-id="938"> <input type="hidden" name="vote_post_id" value="938"> <input type="hidden" name="vote_type" value="plus"> <button type="button" class="rep-btn plus vote-btn" disabled>+rep</button> </form> <div class="rep-score" id="score-938"> 1 </div> <form method="post" class="vote-form" data-post-id="938"> <input type="hidden" name="vote_post_id" value="938"> <input type="hidden" name="vote_type" value="minus"> <button type="button" class="rep-btn minus vote-btn" disabled>-rep</button> </form> <div class="rep-details" id="details-938"> +1 / -0 </div> </div> <div class="vote-message" id="message-938"></div>    </div> <div class="post" id="post-937"> <img src="uploads/69fa13f9143de.webp" alt="Изображение" loading="lazy" onclick="openImageModal('uploads/69fa13f9143de.webp')"> <div class="image-message formatted-text"> tesy </div> <div class="post-id" onclick="copyPostId(937)" style="cursor:pointer;">ID: 937 | <a href="forum.php?post=937" style="color:var(--text-secondary);" onclick="event.stopPropagation();">[Перейти к посту]</a></div> <div class="user-with-avatar"> <img src="uploads/avatars/avatar_pechenie_69c1a1d333600.jpeg" alt="Аватар" class="avatar-small" loading="lazy"> <div> <strong>Автор:</strong> <a href="profile.php?user=pechenie" class="profile-link"> pechenie </a> <span class="verified-badge">✓</span> <span class="user-rank-display"> <span class="rank-badge" style="background:#61187c20;color:#61187c;border:1px solid #61187c;"> Пурпурный </span> </span> <p class="post-date">05.05.2026 18:59</p> </div> </div>  <div class="reputation"> <form method="post" class="vote-form" data-post-id="937"> <input type="hidden" name="vote_post_id" value="937"> <input type="hidden" name="vote_type" value="plus"> <button type="button" class="rep-btn plus vote-btn" disabled>+rep</button> </form> <div class="rep-score" id="score-937"> 0 </div> <form method="post" class="vote-form" data-post-id="937"> <input type="hidden" name="vote_post_id" value="937"> <input type="hidden" name="vote_type" value="minus"> <button type="button" class="rep-btn minus vote-btn" disabled>-rep</button> </form> <div class="rep-details" id="details-937"> +0 / -0 </div> </div> <div class="vote-message" id="message-937"></div>    <button type="button" class="toggle-comments" onclick="toggleComments('comments-937')"> Показать комментарии (1) </button> <div id="comments-937" class="comments-container"> <div class="comment" id="comment-250"> <div class="comment-text formatted-text"> Можно </div> <div class="user-with-avatar" style="margin-top:8px;"> <img src="uploads/avatars/avatar_oxi_69e9aded3a175.jpg" class="avatar-comment" loading="lazy"> <div> <strong> <a href="profile.php?user=oxi" class="profile-link"> oxi </a> </strong> <span class="verified-badge">✓</span> <span class="rank-badge" style="background:#c01c2820;color:#c01c28;border:1px solid #c01c28;"> Мастер </span> <span class="comment-date">05.05.2026 23:13</span> </div> </div> </div> </div> </div> </div>  <div class="pagination"> <a href="?mode=new&page=13" class="pagination-btn">← Предыдущая</a> <span class="pagination-info">Страница 14 из 60</span> <a href="?mode=new&page=15" class="pagination-btn">Следующая →</a> </div> <div class="load-more-container"> <button id="loadMoreBtn" class="load-more-btn" data-page="14" data-mode="new" data-search=""> Показать ещё <span class="load-more-arrow">↓</span> </button> </div> </section> </main> <footer> <p>© 2026 PRISM. Все права защищены.</p> </footer>  <div class="image-modal" id="imageModal"> <button class="image-modal-close">×</button> <img id="modalImage" src="" alt="Изображение"> </div> <div class="copy-toast" id="copyToast">ID скопирован!</div> <script> // ===== УТИЛИТЫ ===== function insertText(prefix, suffix) { const ta = document.getElementById('message'); if (!ta) return; const s = ta.selectionStart, e = ta.selectionEnd, v = ta.value; ta.value = v.substring(0, s) + prefix + v.substring(s, e) + suffix + v.substring(e); ta.selectionStart = s + prefix.length; ta.selectionEnd = e + prefix.length; ta.focus(); } function toggleComments(id) { const c = document.getElementById(id); const b = c.previousElementSibling; if (c.classList.contains('active')) { c.classList.remove('active'); b.textContent = 'Показать комментарии (' + c.querySelectorAll('.comment').length + ')'; } else { c.classList.add('active'); b.textContent = 'Скрыть комментарии'; } } function toggleImageSize(img) { img.classList.toggle('expanded'); } function toggleThread(header) { const posts = header.nextElementSibling; posts.style.display = posts.style.display === 'block' ? 'none' : 'block'; } function filterThreads() { const q = document.getElementById('thread-search').value.toLowerCase().trim(); document.querySelectorAll('.thread-card').forEach(card => { card.style.display = card.dataset.name.toLowerCase().includes(q) ? '' : 'none'; }); } function openImageModal(src) { document.getElementById('modalImage').src = src; document.getElementById('imageModal').classList.add('active'); } function copyPostId(postId) { navigator.clipboard.writeText(postId).then(function() { var toast = document.getElementById('copyToast'); toast.textContent = 'ID ' + postId + ' скопирован!'; toast.classList.add('show'); setTimeout(function() { toast.classList.remove('show'); }, 2000); }).catch(function() { var toast = document.getElementById('copyToast'); toast.textContent = 'Ошибка копирования'; toast.classList.add('show'); setTimeout(function() { toast.classList.remove('show'); }, 2000); }); } // ===== ФАЙЛОВЫЙ ЗАГРУЗЧИК ===== let selectedFiles = []; function renderPreviews() { const c = document.getElementById('filePreviewContainer'); if (!c) return; c.innerHTML = ''; c.classList.toggle('active', selectedFiles.length > 0); selectedFiles.forEach((file, index) => { const item = document.createElement('div'); item.className = 'file-preview-item'; if (file.type.startsWith('image/')) { const reader = new FileReader(); reader.onload = e => { item.innerHTML = `<img src="${e.target.result}" alt=""><button class="file-preview-remove" data-index="${index}" title="Убрать">×</button><button class="file-preview-crop-btn" data-index="${index}" title="Обрезать">✂</button>`; }; reader.readAsDataURL(file); } else { item.classList.add('video-preview'); item.innerHTML = `<span>🎬</span><button class="file-preview-remove" data-index="${index}" title="Убрать">×</button>`; } c.appendChild(item); }); } function updateFileInput() { const fi = document.getElementById('media'); if (!fi) return; const dt = new DataTransfer(); selectedFiles.forEach(f => dt.items.add(f)); fi.files = dt.files; } function addFiles(files) { const allowedExts = ['jpg','jpeg','png','gif','webp','mp4','mov','avi','mkv','webm']; const videoExts = ['mp4','mov','avi','mkv','webm']; let added = 0; for (let i = 0; i < files.length; i++) { const ext = (files[i].name.split('.').pop() || '').toLowerCase(); if (!allowedExts.includes(ext)) continue; if (videoExts.includes(ext) && selectedFiles.some(f => videoExts.includes((f.name.split('.').pop() || '').toLowerCase()))) continue; selectedFiles.push(files[i]); added++; } if (added > 0) { updateFileInput(); renderPreviews(); } return added; } function tryPasteFromEvent(e, fileInput, dropArea) { const items = e.clipboardData?.items; if (!items) return; const imageItems = []; for (let i = 0; i < items.length; i++) { if (items[i].type.indexOf('image') !== -1) imageItems.push(items[i]); } if (imageItems.length > 0) { e.preventDefault(); const files = imageItems.map(it => it.getAsFile()).filter(Boolean); if (files.length > 0) { addFiles(files); dropArea?.scrollIntoView({ behavior:'smooth', block:'center' }); return; } } if (navigator.clipboard?.read) { e.preventDefault(); navigator.clipboard.read().then(cis => { const ps = []; for (const ci of cis) { for (const type of ci.types) { if (type.indexOf('image') !== -1) { ps.push(ci.getType(type).then(blob => new File([blob], 'pasted.' + (type.split('/').pop() || 'png'), { type }))); } } } Promise.all(ps).then(fs => { if (fs.length) { addFiles(fs); dropArea?.scrollIntoView({ behavior:'smooth', block:'center' }); } }); }).catch(() => {}); } } // ===== ИНИЦИАЛИЗАЦИЯ ===== document.addEventListener('DOMContentLoaded', function() { const dropArea = document.getElementById('dropArea'); const fileInput = document.getElementById('media'); const previewC = document.getElementById('filePreviewContainer'); const pasteBtn = document.getElementById('pasteBtn'); const pasteStatus= document.getElementById('pasteStatus'); const modal = document.getElementById('imageModal'); const modalClose = document.querySelector('.image-modal-close'); // Модальное окно modalClose?.addEventListener('click', () => modal.classList.remove('active')); modal?.addEventListener('click', e => { if (e.target === modal) modal.classList.remove('active'); }); // Удаление файлов из превью и обрезка previewC?.addEventListener('click', function(e) { const removeBtn = e.target.closest('.file-preview-remove'); if (removeBtn) { e.preventDefault(); e.stopPropagation(); selectedFiles.splice(parseInt(removeBtn.dataset.index), 1); updateFileInput(); renderPreviews(); return; } const cropBtn = e.target.closest('.file-preview-crop-btn'); if (cropBtn) { e.preventDefault(); e.stopPropagation(); openCropModal(parseInt(cropBtn.dataset.index)); return; } }); // Drag & drop if (dropArea && fileInput) { dropArea.addEventListener('click', e => { if (!e.target.closest('.file-preview-remove')) fileInput.click(); }); ['dragenter','dragover','dragleave','drop'].forEach(ev => dropArea.addEventListener(ev, e => { e.preventDefault(); e.stopPropagation(); })); ['dragenter','dragover'].forEach(ev => dropArea.addEventListener(ev, () => dropArea.classList.add('dragover'))); ['dragleave','drop'].forEach(ev => dropArea.addEventListener(ev, () => dropArea.classList.remove('dragover'))); dropArea.addEventListener('drop', e => { addFiles(Array.from(e.dataTransfer.files)); }); dropArea.addEventListener('paste', e => tryPasteFromEvent(e, fileInput, dropArea)); } fileInput?.addEventListener('change', function() { addFiles(Array.from(this.files)); }); // Вставка из буфера в textarea document.getElementById('message')?.addEventListener('paste', function(e) { const items = e.clipboardData?.items; if (!items) return; for (let i = 0; i < items.length; i++) { if (items[i].type.indexOf('image') !== -1) { tryPasteFromEvent(e, fileInput, dropArea); return; } } }); // Глобальная вставка document.addEventListener('paste', function(e) { const tag = e.target.tagName?.toLowerCase(); if (tag === 'textarea' || tag === 'input') return; tryPasteFromEvent(e, fileInput, dropArea); }); // Кнопка вставки из буфера pasteBtn?.addEventListener('click', function() { if (navigator.clipboard?.read) { pasteBtn.disabled = true; pasteBtn.textContent = '⏳ Чтение...'; navigator.clipboard.read().then(cis => { const ps = []; for (const ci of cis) { for (const type of ci.types) { if (type.indexOf('image') !== -1) { ps.push(ci.getType(type).then(blob => new File([blob], 'pasted.' + (type.split('/').pop() || 'png'), { type }))); } } } if (ps.length === 0) { if (pasteStatus) pasteStatus.textContent = 'Нет изображений в буфере'; return; } return Promise.all(ps); }).then(files => { if (files?.length) { addFiles(files); if (pasteStatus) pasteStatus.textContent = '✅ ' + files.length + ' картинок добавлено'; } }).catch(() => { if (pasteStatus) pasteStatus.textContent = 'Ошибка доступа к буферу'; }).finally(() => { pasteBtn.disabled = false; pasteBtn.textContent = '📋 Вставить из буфера'; setTimeout(() => { if (pasteStatus) pasteStatus.textContent = ''; }, 3000); }); } else { if (pasteStatus) pasteStatus.textContent = 'Ваш браузер не поддерживает эту функцию'; setTimeout(() => { if (pasteStatus) pasteStatus.textContent = ''; }, 3000); } }); // AJAX голосование document.querySelectorAll('.vote-btn').forEach(button => { button.addEventListener('click', function(e) { e.preventDefault(); if (this.disabled) return; const form = this.closest('.vote-form'); const postId = form.dataset.postId; const voteType = form.querySelector('input[name="vote_type"]').value; const btn = this; btn.classList.add('loading'); fetch('forum.php', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: new URLSearchParams({ 'vote_post_id': postId, 'vote_type': voteType, 'ajax': 'true' }) }) .then(r => r.json()) .then(data => { if (data.success) { document.getElementById('score-' + postId).textContent = data.score; document.getElementById('details-' + postId).textContent = '+' + data.plus + ' / -' + data.minus; document.querySelectorAll('.vote-form[data-post-id="' + postId + '"] .vote-btn').forEach(b => { b.disabled = true; b.style.opacity = '0.5'; }); const msgDiv = document.getElementById('message-' + postId); msgDiv.textContent = 'Голос учтен!'; msgDiv.className = 'vote-message success'; setTimeout(() => { msgDiv.style.display = 'none'; }, 3000); } else { const msgDiv = document.getElementById('message-' + postId); msgDiv.textContent = data.message || 'Ошибка голосования'; msgDiv.className = 'vote-message error'; msgDiv.style.display = 'block'; } }) .catch(() => { const msgDiv = document.getElementById('message-' + postId); msgDiv.textContent = 'Ошибка соединения'; msgDiv.className = 'vote-message error'; msgDiv.style.display = 'block'; }) .finally(() => { btn.classList.remove('loading'); }); }); }); // Клики по цитатам ((123)) теперь открывают страницу поста document.addEventListener('click', function(e) { if (!e.target.classList.contains('quote-link-post')) return; e.preventDefault(); const text = e.target.textContent; let id = null; if (text.includes('((') && text.includes('))')) { const m = text.match(/\(\(([0-9]+)\)\)/); if (m) id = m[1]; } else if (text.startsWith('>>')) { id = text.replace(/>>/g, ''); } if (id) { window.location.href = 'forum.php?post=' + id; } }); // Кнопка "Показать ещё" const loadMoreBtn = document.getElementById('loadMoreBtn'); if (loadMoreBtn) { loadMoreBtn.addEventListener('click', function() { const btn = this; const nextPage = parseInt(btn.dataset.page) + 1; const mode = btn.dataset.mode; const search = btn.dataset.search; btn.disabled = true; btn.classList.add('loading'); btn.innerHTML = 'Загрузка... <span class="load-more-arrow">↓</span>'; let url = `?mode=${mode}&page=${nextPage}&ajax=true`; if (search) url += `&search=${encodeURIComponent(search)}`; fetch(url) .then(r => r.text()) .then(html => { const parser = new DOMParser(); const doc = parser.parseFromString(html, 'text/html'); const hasMoreM = html.match(//); const hasMore = hasMoreM && hasMoreM[1] === 'true'; const newPosts = doc.querySelector('.posts-container'); const curPosts = document.querySelector('.posts-container'); if (newPosts && curPosts && newPosts.innerHTML.trim()) { curPosts.insertAdjacentHTML('beforeend', newPosts.innerHTML); initSkinViewers(); btn.dataset.page = nextPage; if (hasMore) { btn.disabled = false; btn.classList.remove('loading'); btn.innerHTML = 'Показать ещё <span class="load-more-arrow">↓</span>'; } else { btn.parentElement.style.display = 'none'; } } else { btn.parentElement.style.display = 'none'; } }) .catch(() => { btn.disabled = false; btn.classList.remove('loading'); btn.innerHTML = 'Ошибка. Попробовать снова <span class="load-more-arrow">↓</span>'; }); }); } // Подсказка поиска по ID document.querySelector('.search-form')?.addEventListener('input', function(e) { const val = e.target.value.trim(); const hint = document.getElementById('searchHint'); if (!hint) return; if (/^\d+$/.test(val)) { hint.textContent = 'Поиск по ID #' + val; hint.classList.add('active'); } else if (/^#\d+$/.test(val)) { hint.textContent = 'Поиск по ID ' + val; hint.classList.add('active'); } else { hint.classList.remove('active'); } }); // Открытие тредов при поиске if (new URLSearchParams(window.location.search).has('search')) { document.querySelectorAll('.thread-posts').forEach(p => { p.style.display = 'block'; }); } }); // ===== IMAGE CROP ===== let cropState = { img: null, fileIndex: -1, canvas: null, ctx: null, rotation: 0, flipH: 1, flipV: 1, aspectRatio: 0, selection: null, dragging: false, dragType: null, dragStart: { x: 0, y: 0 }, imageLoaded: false, scale: 1, offsetX: 0, offsetY: 0 }; function openCropModal(index) { if (index < 0 || index >= selectedFiles.length) return; const file = selectedFiles[index]; if (!file.type.startsWith('image/')) return; cropState.fileIndex = index; cropState.rotation = 0; cropState.flipH = 1; cropState.flipV = 1; cropState.aspectRatio = 0; cropState.selection = null; cropState.dragging = false; cropState.dragType = null; cropState.imageLoaded = false; cropState.scale = 1; cropState.offsetX = 0; cropState.offsetY = 0; const modal = document.getElementById('cropModal'); modal.classList.add('active'); const img = new Image(); img.onload = function() { cropState.img = img; cropState.canvas = document.getElementById('cropCanvas'); cropState.ctx = cropState.canvas.getContext('2d'); initCropCanvas(); }; img.src = URL.createObjectURL(file); document.querySelectorAll('.crop-aspect-btn').forEach(b => b.classList.remove('active')); document.querySelector('.crop-aspect-btn[data-aspect="free"]')?.classList.add('active'); } function closeCropModal() { document.getElementById('cropModal').classList.remove('active'); if (cropState.img) { URL.revokeObjectURL(cropState.img.src); cropState.img = null; } cropState.fileIndex = -1; } function initCropCanvas() { const img = cropState.img; const canvas = cropState.canvas; const modalBody = document.querySelector('#cropModal .modal-body'); const maxWidth = modalBody ? modalBody.clientWidth - 40 : 800; const maxHeight = Math.min(500, window.innerHeight * 0.55); let w = img.naturalWidth; let h = img.naturalHeight; const scale = Math.min(maxWidth / w, maxHeight / h, 1); canvas.width = Math.round(w * scale); canvas.height = Math.round(h * scale); cropState.scale = scale; cropState.offsetX = 0; cropState.offsetY = 0; drawCropImage(); const selSize = Math.min(canvas.width, canvas.height) * 0.6; cropState.selection = { x: (canvas.width - selSize) / 2, y: (canvas.height - selSize) / 2, w: selSize, h: selSize }; cropState.imageLoaded = true; drawSelection(); } function drawCropImage() { const ctx = cropState.ctx; const canvas = cropState.canvas; const img = cropState.img; ctx.clearRect(0, 0, canvas.width, canvas.height); ctx.save(); ctx.translate(canvas.width / 2, canvas.height / 2); ctx.rotate(cropState.rotation * Math.PI / 180); ctx.scale(cropState.flipH, cropState.flipV); ctx.translate(-canvas.width / 2, -canvas.height / 2); ctx.drawImage(img, 0, 0, canvas.width, canvas.height); ctx.restore(); } function drawSelection() { if (!cropState.imageLoaded) return; drawCropImage(); const ctx = cropState.ctx; const s = cropState.selection; const canvas = cropState.canvas; ctx.fillStyle = 'rgba(0,0,0,0.5)'; ctx.fillRect(0, 0, canvas.width, canvas.height); ctx.save(); ctx.globalCompositeOperation = 'destination-out'; ctx.fillStyle = 'white'; ctx.fillRect(s.x, s.y, s.w, s.h); ctx.restore(); drawCropImage(); ctx.fillStyle = 'rgba(0,0,0,0.5)'; ctx.fillRect(0, 0, canvas.width, s.y); ctx.fillRect(0, s.y, canvas.width, canvas.height - s.y); ctx.fillRect(0, s.y + s.h, canvas.width, canvas.height - s.y - s.h); ctx.fillRect(s.x + s.w, s.y, canvas.width - s.x - s.w, s.h); ctx.strokeStyle = '#fff'; ctx.lineWidth = 2; ctx.strokeRect(s.x, s.y, s.w, s.h); ctx.strokeStyle = '#fff'; ctx.lineWidth = 1; ctx.setLineDash([4, 4]); ctx.beginPath(); ctx.moveTo(s.x + s.w / 3, s.y); ctx.lineTo(s.x + s.w / 3, s.y + s.h); ctx.moveTo(s.x + s.w * 2 / 3, s.y); ctx.lineTo(s.x + s.w * 2 / 3, s.y + s.h); ctx.moveTo(s.x, s.y + s.h / 3); ctx.lineTo(s.x + s.w, s.y + s.h / 3); ctx.moveTo(s.x, s.y + s.h * 2 / 3); ctx.lineTo(s.x + s.w, s.y + s.h * 2 / 3); ctx.stroke(); ctx.setLineDash([]); const handleSize = 10; const handles = [ { x: s.x, y: s.y, type: 'tl' }, { x: s.x + s.w / 2, y: s.y, type: 't' }, { x: s.x + s.w, y: s.y, type: 'tr' }, { x: s.x + s.w, y: s.y + s.h / 2, type: 'r' }, { x: s.x + s.w, y: s.y + s.h, type: 'br' }, { x: s.x + s.w / 2, y: s.y + s.h, type: 'b' }, { x: s.x, y: s.y + s.h, type: 'bl' }, { x: s.x, y: s.y + s.h / 2, type: 'l' } ]; handles.forEach(h => { ctx.fillStyle = '#fff'; ctx.fillRect(h.x - handleSize / 2, h.y - handleSize / 2, handleSize, handleSize); ctx.strokeStyle = '#8e24aa'; ctx.lineWidth = 1; ctx.strokeRect(h.x - handleSize / 2, h.y - handleSize / 2, handleSize, handleSize); }); } function getHandleAt(x, y) { const s = cropState.selection; const handleSize = 14; const handles = [ { x: s.x, y: s.y, type: 'tl' }, { x: s.x + s.w / 2, y: s.y, type: 't' }, { x: s.x + s.w, y: s.y, type: 'tr' }, { x: s.x + s.w, y: s.y + s.h / 2, type: 'r' }, { x: s.x + s.w, y: s.y + s.h, type: 'br' }, { x: s.x + s.w / 2, y: s.y + s.h, type: 'b' }, { x: s.x, y: s.y + s.h, type: 'bl' }, { x: s.x, y: s.y + s.h / 2, type: 'l' } ]; for (const h of handles) { if (Math.abs(x - h.x) <= handleSize && Math.abs(y - h.y) <= handleSize) { return h.type; } } return null; } function isInsideSelection(x, y) { const s = cropState.selection; return x >= s.x && x <= s.x + s.w && y >= s.y && y <= s.y + s.h; } function canvasMousePos(e) { const rect = cropState.canvas.getBoundingClientRect(); const scaleX = cropState.canvas.width / rect.width; const scaleY = cropState.canvas.height / rect.height; return { x: (e.clientX - rect.left) * scaleX, y: (e.clientY - rect.top) * scaleY }; } function constrainSelection() { const s = cropState.selection; const canvas = cropState.canvas; const minSize = 20; if (s.w < minSize) s.w = minSize; if (s.h < minSize) s.h = minSize; if (s.x < 0) s.x = 0; if (s.y < 0) s.y = 0; if (s.x + s.w > canvas.width) s.w = canvas.width - s.x; if (s.y + s.h > canvas.height) s.h = canvas.height - s.y; } function applyAspectRatio() { if (cropState.aspectRatio <= 0) return; const s = cropState.selection; const newH = s.w / cropState.aspectRatio; s.h = newH; constrainSelection(); } function cropRotate(deg) { cropState.rotation = (cropState.rotation + deg) % 360; drawSelection(); } function cropFlipH() { cropState.flipH *= -1; drawSelection(); } function cropFlipV() { cropState.flipV *= -1; drawSelection(); } function cropSetAspect(ratio) { cropState.aspectRatio = ratio; document.querySelectorAll('.crop-aspect-btn').forEach(b => b.classList.remove('active')); const btn = document.querySelector(`.crop-aspect-btn[data-aspect="${ratio}"]`); if (btn) btn.classList.add('active'); if (ratio > 0 && cropState.selection) { applyAspectRatio(); drawSelection(); } } function cropReset() { cropState.rotation = 0; cropState.flipH = 1; cropState.flipV = 1; cropState.aspectRatio = 0; document.querySelectorAll('.crop-aspect-btn').forEach(b => b.classList.remove('active')); document.querySelector('.crop-aspect-btn[data-aspect="free"]')?.classList.add('active'); initCropCanvas(); } function applyCrop() { if (!cropState.img || cropState.fileIndex < 0) return; const img = cropState.img; const s = cropState.selection; const scale = cropState.scale; const srcX = Math.round(s.x / scale); const srcY = Math.round(s.y / scale); const srcW = Math.round(s.w / scale); const srcH = Math.round(s.h / scale); const tempCanvas = document.createElement('canvas'); tempCanvas.width = srcW; tempCanvas.height = srcH; const tempCtx = tempCanvas.getContext('2d'); tempCtx.save(); tempCtx.translate(srcW / 2, srcH / 2); tempCtx.rotate(cropState.rotation * Math.PI / 180); tempCtx.scale(cropState.flipH, cropState.flipV); const drawW = img.naturalWidth; const drawH = img.naturalHeight; tempCtx.drawImage(img, -drawW / 2, -drawH / 2, drawW, drawH); tempCtx.restore(); tempCanvas.toBlob(function(blob) { if (blob) { const origFile = selectedFiles[cropState.fileIndex]; const newName = origFile.name.replace(/(\.[^.]+)$/, '_cropped$1'); const newFile = new File([blob], newName, { type: origFile.type }); selectedFiles[cropState.fileIndex] = newFile; updateFileInput(); renderPreviews(); } closeCropModal(); }, selectedFiles[cropState.fileIndex].type || 'image/png'); } // Crop canvas mouse events document.addEventListener('DOMContentLoaded', function() { const cropCanvas = document.getElementById('cropCanvas'); if (!cropCanvas) return; cropCanvas.addEventListener('mousedown', function(e) { const pos = canvasMousePos(e); const handle = getHandleAt(pos.x, pos.y); if (handle) { cropState.dragging = true; cropState.dragType = handle; } else if (isInsideSelection(pos.x, pos.y)) { cropState.dragging = true; cropState.dragType = 'move'; } cropState.dragStart = { x: pos.x, y: pos.y }; e.preventDefault(); }); document.addEventListener('mousemove', function(e) { if (!cropState.dragging || !cropState.selection) return; const pos = canvasMousePos(e); const dx = pos.x - cropState.dragStart.x; const dy = pos.y - cropState.dragStart.y; const s = cropState.selection; switch (cropState.dragType) { case 'tl': s.x += dx; s.y += dy; s.w -= dx; s.h -= dy; break; case 't': s.y += dy; s.h -= dy; break; case 'tr': s.y += dy; s.w += dx; s.h -= dy; break; case 'r': s.w += dx; break; case 'br': s.w += dx; s.h += dy; break; case 'b': s.h += dy; break; case 'bl': s.x += dx; s.w -= dx; s.h += dy; break; case 'l': s.x += dx; s.w -= dx; break; case 'move': s.x += dx; s.y += dy; break; } if (cropState.aspectRatio > 0 && cropState.dragType !== 'move') { const newH = s.w / cropState.aspectRatio; s.h = newH; } constrainSelection(); cropState.dragStart = { x: pos.x, y: pos.y }; drawSelection(); }); document.addEventListener('mouseup', function() { cropState.dragging = false; cropState.dragType = null; }); cropCanvas.addEventListener('mouseleave', function() { cropState.dragging = false; cropState.dragType = null; }); }); // ===== 3D SKIN VIEWERS ===== function createBgControls(viewer, skinUrl, postId, skinIndex) { const controls = document.createElement('div'); controls.className = 'skin-viewer-controls'; const bgBtn = document.createElement('button'); bgBtn.textContent = '🎨 Фон'; controls.appendChild(bgBtn); viewer.appendChild(controls); const bgPanel = document.createElement('div'); bgPanel.className = 'skin-viewer-bg-panel'; const colorPickerRow = document.createElement('div'); colorPickerRow.className = 'bg-color-picker-row'; const colorInput = document.createElement('input'); colorInput.type = 'color'; colorInput.value = '#1a1a1a'; colorInput.className = 'bg-color-input'; const colorLabel = document.createElement('span'); colorLabel.className = 'bg-color-label'; colorLabel.textContent = 'Цвет фона'; colorInput.addEventListener('input', () => { setViewerBackground(viewer, skinUrl, colorInput.value); }); colorPickerRow.appendChild(colorInput); colorPickerRow.appendChild(colorLabel); bgPanel.appendChild(colorPickerRow); const removeBtn = document.createElement('button'); removeBtn.className = 'bg-remove-btn'; removeBtn.textContent = '✕ Сброс'; removeBtn.addEventListener('click', () => { removeViewerBackground(viewer, skinUrl); colorInput.value = '#1a1a1a'; }); bgPanel.appendChild(removeBtn); viewer.appendChild(bgPanel); bgBtn.addEventListener('click', () => { bgPanel.classList.toggle('active'); }); viewer.addEventListener('mouseleave', () => { bgPanel.classList.remove('active'); }); } function setViewerBackground(viewer, skinUrl, color, imageUrl) { const oldInstance = viewer._skinViewer; if (oldInstance) { oldInstance.dispose(); viewer._skinViewer = null; } const isSinglePost = viewer.closest('.single-post-container') !== null; const canvas = document.createElement('canvas'); canvas.width = isSinglePost ? 300 : 200; canvas.height = isSinglePost ? 400 : 300; canvas.style.cssText = 'display:block;width:100%;height:100%;'; viewer.querySelectorAll('canvas').forEach(c => c.remove()); viewer.appendChild(canvas); const opts = { canvas, width: canvas.width, height: canvas.height, skin: skinUrl, animation: new skinview3d.WalkingAnimation() }; if (color) { opts.background = new THREE.Color(color); } else if (imageUrl) { const textureLoader = new THREE.TextureLoader(); const texture = textureLoader.load(imageUrl); texture.colorSpace = THREE.SRGBColorSpace; opts.background = texture; } try { viewer._skinViewer = new skinview3d.SkinViewer(opts); } catch(e) { console.error('Ошибка 3D-просмотрщика:', e); } } function removeViewerBackground(viewer, skinUrl) { const oldInstance = viewer._skinViewer; if (oldInstance) { oldInstance.dispose(); viewer._skinViewer = null; } const isSinglePost = viewer.closest('.single-post-container') !== null; const canvas = document.createElement('canvas'); canvas.width = isSinglePost ? 300 : 200; canvas.height = isSinglePost ? 400 : 300; canvas.style.cssText = 'display:block;width:100%;height:100%;'; viewer.querySelectorAll('canvas').forEach(c => c.remove()); viewer.appendChild(canvas); try { viewer._skinViewer = new skinview3d.SkinViewer({ canvas, width: canvas.width, height: canvas.height, skin: skinUrl, animation: new skinview3d.WalkingAnimation() }); } catch(e) { console.error('Ошибка 3D-просмотрщика:', e); } } function initSkinViewers() { if (typeof skinview3d === 'undefined') return; if (typeof THREE === 'undefined') return; document.querySelectorAll('.skin-viewer:not(.initialized)').forEach(viewer => { viewer.classList.add('initialized'); const skinUrl = viewer.dataset.skin; if (!skinUrl) return; const isSinglePost = viewer.closest('.single-post-container') !== null; const canvas = document.createElement('canvas'); canvas.width = isSinglePost ? 300 : 200; canvas.height = isSinglePost ? 400 : 300; canvas.style.cssText = 'display:block;width:100%;height:100%;'; viewer.appendChild(canvas); try { const sv = new skinview3d.SkinViewer({ canvas, width: canvas.width, height: canvas.height, skin: skinUrl, animation: new skinview3d.WalkingAnimation() }); viewer._skinViewer = sv; } catch(e) { console.error('Ошибка 3D-просмотрщика:', e); } createBgControls(viewer, skinUrl); }); } document.addEventListener('DOMContentLoaded', initSkinViewers); // ===== POLL MODAL ===== function openPollModal() { var modal = document.getElementById('pollModal'); if (modal) modal.classList.add('active'); } function closePollModal() { var modal = document.getElementById('pollModal'); if (modal) modal.classList.remove('active'); } function addPollOption() { var container = document.getElementById('pollOptionsContainer'); var count = container.querySelectorAll('.poll-option-input').length; if (count >= 10) { alert('Максимум 10 вариантов'); return; } var div = document.createElement('div'); div.className = 'poll-option-input'; div.innerHTML = '<input type="text" placeholder="Вариант ' + (count + 1) + '" class="poll-option-field"><button type="button" class="btn-danger btn-remove-option" onclick="this.parentElement.remove()">✕</button>'; container.appendChild(div); } function insertPoll() { var question = document.getElementById('pollQuestion').value.trim(); var typeEl = document.querySelector('input[name="pollType"]:checked'); var type = typeEl ? typeEl.value : 'single'; var optionFields = document.querySelectorAll('.poll-option-field'); var options = []; optionFields.forEach(function(field) { var val = field.value.trim(); if (val) options.push(val); }); if (!question) { alert('Введите вопрос'); return; } if (options.length < 2) { alert('Минимум 2 варианта'); return; } var bbcode = '[poll type=' + type + ']\n' + question + '\n'; options.forEach(function(opt) { bbcode += '[*] ' + opt + '\n'; }); bbcode += '[/poll]'; insertText(bbcode, ''); closePollModal(); } // ===== POLL FUNCTIONS ===== function voteInPoll(postId, optionIndex) { var pollContainer = document.getElementById('poll-' + postId); if (!pollContainer) return; fetch('forum.php', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: 'poll_post_id=' + postId + '&poll_option=' + optionIndex + '&ajax=true' }) .then(function(r) { return r.json(); }) .then(function(data) { var msgDiv = document.getElementById('poll-message-' + postId); if (data.success) { updatePollDisplay(postId, data.results, data.total, data.is_closed); msgDiv.textContent = 'Голос учтен!'; msgDiv.className = 'poll-message success'; } else { msgDiv.textContent = data.message || 'Ошибка'; msgDiv.className = 'poll-message error'; } setTimeout(function() { msgDiv.style.display = 'none'; }, 3000); }) .catch(function() { var msgDiv = document.getElementById('poll-message-' + postId); msgDiv.textContent = 'Ошибка соединения'; msgDiv.className = 'poll-message error'; }); } function closePoll(postId) { if (!confirm('Завершить опрос? Это действие нельзя отменить.')) return; fetch('forum.php', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: 'close_poll_post_id=' + postId + '&ajax=true' }) .then(function(r) { return r.json(); }) .then(function(data) { var msgDiv = document.getElementById('poll-message-' + postId); if (data.success) { updatePollDisplay(postId, data.results, null, true); msgDiv.textContent = 'Опрос завершён!'; msgDiv.className = 'poll-message success'; } else { msgDiv.textContent = data.message || 'Ошибка'; msgDiv.className = 'poll-message error'; } setTimeout(function() { msgDiv.style.display = 'none'; }, 3000); }) .catch(function() { var msgDiv = document.getElementById('poll-message-' + postId); msgDiv.textContent = 'Ошибка соединения'; msgDiv.className = 'poll-message error'; }); } function updatePollDisplay(postId, results, total, isClosed) { var pollContainer = document.getElementById('poll-' + postId); if (!pollContainer) return; var optionsContainer = pollContainer.querySelector('.poll-options'); var totalVotesEl = pollContainer.querySelector('.poll-total-votes'); var headerEl = pollContainer.querySelector('.poll-header'); if (isClosed && headerEl) { var closedBadge = headerEl.querySelector('.poll-closed-badge'); if (!closedBadge) { closedBadge = document.createElement('span'); closedBadge.className = 'poll-closed-badge'; closedBadge.textContent = 'Завершён'; headerEl.appendChild(closedBadge); } } if (total !== null && totalVotesEl) { totalVotesEl.textContent = 'Всего голосов: ' + total; } var options = optionsContainer.querySelectorAll('.poll-option'); options.forEach(function(option, index) { var result = results[index]; if (!result) return; var bar = option.querySelector('.poll-option-bar'); var votesSpan = option.querySelector('.poll-option-votes'); var percentage = total > 0 ? Math.round((result.votes / total) * 100) : 0; if (bar) bar.style.width = percentage + '%'; if (votesSpan) votesSpan.textContent = result.votes + ' (' + percentage + '%)'; option.classList.add('poll-option-disabled'); option.removeAttribute('onclick'); }); var closeBtn = pollContainer.querySelector('.btn-close-poll'); if (closeBtn) closeBtn.remove(); } </script>  <div class="modal-overlay" id="cropModal"> <div class="modal" style="max-width:900px;width:90vw;"> <div class="modal-header"> <h3>✂️ Обрезать изображение</h3> <button type="button" class="modal-close" onclick="closeCropModal()">×</button> </div> <div class="modal-body text-center"> <canvas id="cropCanvas" style="max-width:100%;max-height:60vh;border:1px solid var(--border-color);border-radius:8px;"></canvas> <div style="margin-top: 12px; gap: 12px; justify-content: center; flex-wrap: wrap;" class="crop-controls d-flex"> <button type="button" class="btn-secondary" onclick="cropReset()">🔄 Сброс</button> <button type="button" class="btn-secondary" onclick="cropRotate(-90)">↺ Повернуть</button> <button type="button" class="btn-secondary" onclick="cropRotate(90)">↻ Повернуть</button> <button type="button" class="btn-secondary" onclick="cropFlipH()">↔ Отразить</button> <button type="button" class="btn-secondary" onclick="cropFlipV()">↕ Отразить</button> </div> <div style="gap: 8px; justify-content: center; flex-wrap: wrap;" class="crop-aspect-btns mt-2 d-flex"> <button type="button" class="btn-secondary crop-aspect-btn" data-aspect="free" onclick="cropSetAspect(0)">Свободная</button> <button type="button" class="btn-secondary crop-aspect-btn" data-aspect="1" onclick="cropSetAspect(1)">1:1</button> <button type="button" class="btn-secondary crop-aspect-btn" data-aspect="1.333" onclick="cropSetAspect(4/3)">4:3</button> <button type="button" class="btn-secondary crop-aspect-btn" data-aspect="1.778" onclick="cropSetAspect(16/9)">16:9</button> <button type="button" class="btn-secondary crop-aspect-btn" data-aspect="0.75" onclick="cropSetAspect(3/4)">3:4</button> </div> </div> <div class="modal-footer"> <button type="button" class="btn-secondary" onclick="closeCropModal()">Отмена</button> <button type="button" class="btn-primary" onclick="applyCrop()">✅ Применить</button> </div> </div> </div>  <div class="modal-overlay" id="pollModal"> <div class="modal"> <div class="modal-header"> <h3>📊 Создать опрос</h3> <button type="button" class="modal-close" onclick="closePollModal()">×</button> </div> <div class="modal-body"> <div class="form-group"> <label for="pollQuestion">Вопрос:</label> <input type="text" id="pollQuestion" placeholder="О чём опрос?"> </div> <div class="form-group"> <label>Тип опроса:</label> <div class="poll-type-selector"> <label><input type="radio" name="pollType" value="single" checked> Одиночный выбор</label> <label><input type="radio" name="pollType" value="multi"> Множественный выбор</label> </div> </div> <div class="form-group"> <label>Варианты ответов:</label> <div id="pollOptionsContainer"> <div class="poll-option-input"> <input type="text" placeholder="Вариант 1" class="poll-option-field"> </div> <div class="poll-option-input"> <input type="text" placeholder="Вариант 2" class="poll-option-field"> </div> </div> <button type="button" class="btn-secondary" onclick="addPollOption()">+ Добавить вариант</button> </div> </div> <div class="modal-footer"> <button type="button" class="btn-secondary" onclick="closePollModal()">Отмена</button> <button type="button" class="btn-primary" onclick="insertPoll()">Вставить опрос</button> </div> </div> </div> </body> </html>