Регистрация

Новые сообщения

JavaScript отключён. Чтобы полноценно использовать наш сайт, включите JavaScript в своём браузере.

#Bumble Bee | Система снятие выговора/предупреждения
Bumble Bee Информация

Curtis_Weston · 2025-12-19T20:55:47+00:00

Система снятия выговора/предупреждения class SanctionSystem extends HTMLElement { constructor() { super(); // Создаем Shadow DOM const shadow = this.attachShadow({ mode: 'open' }); // Создаем контейнер для стилей и контента const container = document.createElement('div'); container.className = 'container'; // Добавляем стили в Shadow DOM const style = document.createElement('style'); style.textContent = ` * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } :host { display: block; color: #f1f1f1; min-height: 100vh; padding: 30px 20px; position: relative; overflow-x: hidden; } :host::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.2) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(120, 219, 255, 0.2) 0%, transparent 50%); z-index: -1; } .container { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; } header { text-align: center; margin-bottom: 60px; padding: 40px 30px; background: rgba(255, 255, 255, 0.08); border-radius: 25px; backdrop-filter: blur(15px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); position: relative; overflow: hidden; } header::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #feca57, #ff9ff3); } h1 { font-size: 2.8rem; margin-bottom: 15px; background: linear-gradient(90deg, #ffd700, #ffec8b, #fffacd); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 2px 10px rgba(255, 215, 0, 0.3); letter-spacing: 0.5px; } .subtitle { font-size: 1.2rem; opacity: 0.9; max-width: 800px; margin: 0 auto 25px; line-height: 1.6; } .cards-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); gap: 40px; margin-bottom: 60px; } @media (max-width: 1100px) { .cards-container { grid-template-columns: 1fr; max-width: 700px; margin: 0 auto 60px; } } .card { background: rgba(255, 255, 255, 0.07); border-radius: 25px; overflow: hidden; transition: all 0.5s ease; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.1); position: relative; padding-bottom: 30px; } .card:hover { transform: translateY(-10px); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); } .card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 6px; border-radius: 25px 25px 0 0; } .warning-card::before { background: linear-gradient(90deg, #ff6b6b, #ff9f43); } .reprimand-card::before { background: linear-gradient(90deg, #54a0ff, #2e86de); } .card-header { padding: 35px 35px 25px; position: relative; text-align: center; } /* ОБНОВЛЕННЫЕ ИКОНКИ КАРТОЧЕК */ .card-icon { width: 90px; height: 90px; margin: 0 auto 25px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.3rem; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3), 0 0 0 5px rgba(255, 255, 255, 0.05), inset 0 2px 0 rgba(255, 255, 255, 0.3); position: relative; z-index: 1; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .warning-card .card-icon { background: linear-gradient(135deg, #ff6b6b, #ff9f43, #ff6b6b); color: white; } .reprimand-card .card-icon { background: linear-gradient(135deg, #54a0ff, #2e86de, #54a0ff); color: white; } .card:hover .card-icon { transform: scale(1.15) rotate(10deg); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4), 0 0 0 6px rgba(255, 255, 255, 0.1), inset 0 3px 0 rgba(255, 255, 255, 0.4); animation: sanctionIconGlow 2s infinite alternate; } @keyframes sanctionIconGlow { 0% { box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3), 0 0 0 5px rgba(255, 255, 255, 0.05); } 100% { box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4), 0 0 0 6px rgba(255, 255, 255, 0.1), 0 0 30px currentColor; } } /* Анимированная обводка для иконок */ .card-icon::before { content: ''; position: absolute; top: -6px; left: -6px; right: -6px; bottom: -6px; border-radius: 50%; z-index: -1; animation: rotate 4s linear infinite; opacity: 0.7; } .warning-card .card-icon::before { background: conic-gradient(from 0deg, #ff6b6b, #ff9f43, #ff6b6b, #ff9f43); } .reprimand-card .card-icon::before { background: conic-gradient(from 0deg, #54a0ff, #2e86de, #54a0ff, #2e86de); } .card-title { font-size: 1.8rem; margin-bottom: 10px; font-weight: 700; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .card-subtitle { font-size: 1.1rem; opacity: 0.8; margin-bottom: 5px; } .card-body { padding: 0 35px; } .criteria-list { list-style: none; margin: 20px 0; } .criteria-item { padding: 16px 20px; margin-bottom: 15px; background: rgba(255, 255, 255, 0.05); border-radius: 15px; transition: all 0.3s ease; display: flex; align-items: center; position: relative; overflow: hidden; } .criteria-item::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; } .warning-card .criteria-item::before { background: linear-gradient(to bottom, #ff6b6b, #ff9f43); } .reprimand-card .criteria-item::before { background: linear-gradient(to bottom, #54a0ff, #2e86de); } .criteria-item:hover { background: rgba(255, 255, 255, 0.1); transform: translateX(8px); } /* ОБНОВЛЕННЫЕ ИКОНКИ КРИТЕРИЕВ */ .criteria-icon { margin-right: 18px; font-size: 1.3rem; width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s ease; position: relative; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); } .warning-card .criteria-icon { background: linear-gradient(135deg, rgba(255, 107, 107, 0.9), rgba(255, 159, 67, 0.9)); color: white; border: 2px solid rgba(255, 255, 255, 0.2); } .reprimand-card .criteria-icon { background: linear-gradient(135deg, rgba(84, 160, 255, 0.9), rgba(46, 134, 222, 0.9)); color: white; border: 2px solid rgba(255, 255, 255, 0.2); } .criteria-item:hover .criteria-icon { transform: scale(1.15) rotate(5deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); animation: criteriaBounce 0.5s ease; } @keyframes criteriaBounce { 0%, 100% { transform: scale(1.15) rotate(5deg); } 50% { transform: scale(1.2) rotate(10deg); } } /* Эффект свечения для иконок критериев */ .criteria-icon::after { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; border-radius: 50%; z-index: -1; opacity: 0; transition: opacity 0.3s ease; } .criteria-item:hover .criteria-icon::after { opacity: 0.6; animation: criteriaGlow 1.5s infinite; } .warning-card .criteria-icon::after { background: radial-gradient(circle, rgba(255, 107, 107, 0.6) 0%, transparent 70%); } .reprimand-card .criteria-icon::after { background: radial-gradient(circle, rgba(84, 160, 255, 0.6) 0%, transparent 70%); } @keyframes criteriaGlow { 0%, 100% { transform: scale(1); opacity: 0.6; } 50% { transform: scale(1.1); opacity: 0.4; } } .criteria-text { flex-grow: 1; font-size: 1rem; line-height: 1.6; } .status-indicator { display: inline-block; padding: 5px 12px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; margin-top: 8px; letter-spacing: 0.5px; transition: all 0.3s ease; } .warning-card .status-indicator { background: rgba(255, 107, 107, 0.15); color: #ff9f43; border: 1px solid rgba(255, 107, 107, 0.3); } .reprimand-card .status-indicator { background: rgba(84, 160, 255, 0.15); color: #54a0ff; border: 1px solid rgba(84, 160, 255, 0.3); } .criteria-item:hover .status-indicator { transform: scale(1.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .card-footer { padding: 25px 35px 0; margin-top: 25px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .requirements-note { padding: 18px; background: rgba(255, 255, 255, 0.05); border-radius: 15px; font-size: 0.95rem; position: relative; border-left: 4px solid #feca57; transition: all 0.3s ease; } .requirements-note:hover { background: rgba(255, 255, 255, 0.08); transform: translateY(-3px); box-shadow: 0 8px 20px rgba(254, 202, 87, 0.2); } .requirements-note::before { content: '📋'; margin-right: 12px; font-size: 1.2rem; } .footer { text-align: center; padding: 30px; margin-top: 40px; background: rgba(255, 255, 255, 0.05); border-radius: 20px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); } .footer p { margin-bottom: 10px; font-size: 1rem; opacity: 0.8; line-height: 1.6; } .key-point { display: inline-flex; align-items: center; background: rgba(255, 255, 255, 0.08); padding: 8px 16px; border-radius: 20px; margin: 0 5px; font-size: 0.9rem; transition: all 0.3s ease; } .key-point:hover { background: rgba(255, 255, 255, 0.12); transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } .key-point i { margin-right: 8px; font-size: 1.1rem; } @media (max-width: 768px) { h1 { font-size: 2.2rem; } .cards-container { grid-template-columns: 1fr; gap: 30px; } .card-header, .card-body, .card-footer { padding-left: 25px; padding-right: 25px; } .card-icon { width: 80px; height: 80px; font-size: 2rem; } .criteria-icon { width: 42px; height: 42px; font-size: 1.1rem; } } @media (max-width: 480px) { h1 { font-size: 1.8rem; } .subtitle { font-size: 1rem; } .card-header, .card-body, .card-footer { padding-left: 20px; padding-right: 20px; } .card-title { font-size: 1.5rem; } .criteria-item { padding: 14px 16px; } .criteria-icon { width: 38px; height: 38px; margin-right: 15px; font-size: 1rem; } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } } .card { animation: fadeInUp 0.7s ease forwards; opacity: 0; } .warning-card { animation-delay: 0.1s; } .reprimand-card { animation-delay: 0.3s; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } .card:hover .card-icon { animation: float 2s ease-in-out infinite, sanctionIconGlow 2s infinite alternate; } .checkmark { color: #1dd1a1; font-size: 1.2rem; margin-right: 10px; } `; // HTML структура container.innerHTML = ` Система снятия взысканий Критерии для снятия выговоров и предупреждений с модераторов. Соблюдение этих условий позволит снять взыскание и восстановить полный статус. Качество модерации Работа с командой Активность Дисциплина Снятие предупреждения Условия для снятия предупреждения с модератора Активность в беседе 5 дней Непрерывная активность Быстрое реагирование на нарушения Оперативное устранение проблем Корректное общение с участниками Уважительный тон и вежливость Отсутствие повторных нарушений Соблюдение всех правил беседы Примечание: Предупреждение может быть снято после выполнения всех критериев и проверки руководством. Решение принимается в течение 24 часов после подачи запроса. Снятие выговора Условия для снятия выговора с модератора Стабильная активность 10 дней Ежедневное участие в работе Качественная модерация контента Тщательная проверка материалов Соблюдение всех правил беседы Строгое следование регламенту Отсутствие жалоб от пользователей Положительная обратная связь Помощь новым участникам Активная поддержка новичков Примечание: Выговор может быть снят после выполнения всех критериев и утверждения руководством. Решение принимается в течение 48 часов после полного соблюдения условий. Система снятия взысканий разработана для обеспечения справедливости и мотивации модераторов к улучшению качества работы. Соблюдение критериев позволяет восстановить статус и продолжить карьерный рост в команде модерации. Последнее обновление критериев: `; // Добавляем стили и контент в Shadow DOM shadow.appendChild(style); shadow.appendChild(container); // Инициализируем JavaScript функционал this.initScripts(shadow); } initScripts(shadow) { // Установка текущей даты const now = new Date(); const options = { day: 'numeric', month: 'long', year: 'numeric' }; const formattedDate = now.toLocaleDateString('ru-RU', options); const dateElement = shadow.getElementById('currentDate'); if (dateElement) { dateElement.textContent = formattedDate; } // Добавляем анимацию для критериев при наведении на карточку const cards = shadow.querySelectorAll('.card'); cards.forEach(card => { const criteriaItems = card.querySelectorAll('.criteria-item'); card.addEventListener('mouseenter', () => { criteriaItems.forEach((item, index) => { setTimeout(() => { item.style.transform = 'translateX(8px)'; }, index * 100); }); card.style.zIndex = '10'; }); card.addEventListener('mouseleave', () => { criteriaItems.forEach((item, index) => { setTimeout(() => { item.style.transform = 'translateX(0)'; }, index * 50); }); card.style.zIndex = '1'; }); }); // Анимация появления критериев при загрузке setTimeout(() => { const allCriteria = shadow.querySelectorAll('.criteria-item'); allCriteria.forEach((item, index) => { setTimeout(() => { item.style.opacity = '1'; item.style.transform = 'translateY(0)'; }, 300 + (index * 100)); }); }, 500); } } // Регистрируем кастомный элемент customElements.define('sanction-system', SanctionSystem);

От Curtis_Weston 19 Дек 2025 Модерация VK

Статус: В этой теме нельзя размещать новые ответы.

Curtis_Weston

♡ Бᴩᴀᴛʙᴀ ᴩʙᴇᴛᴄя ᴋ ʙᴧᴀᴄᴛи ♡

Главный модератор VK

Старший Модератор

Ведущий

19 Дек 2025

Система снятия выговора/предупреждения

Последнее редактирование модератором: 29 Дек 2025

Статус: В этой теме нельзя размещать новые ответы.

Facebook X (Twitter) Reddit Pinterest Tumblr WhatsApp Электронная почта Ссылка

На данном сайте используются файлы cookie, чтобы персонализировать контент и сохранить Ваш вход в систему, если Вы зарегистрируетесь.
Продолжая использовать этот сайт, Вы соглашаетесь на использование наших файлов cookie.

Принять Узнать больше...

Сверху

#Bumble Bee | Система снятие выговора/предупреждения Bumble Bee Информация

Curtis_Weston

♡ Бᴩᴀᴛʙᴀ ᴩʙᴇᴛᴄя ᴋ ʙᴧᴀᴄᴛи ♡

#Bumble Bee | Система снятие выговора/предупреждения
Bumble Bee Информация