Раздел навигации

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

Добро пожаловать!

Ram_Hilfiger · 2025-07-13T08:00:15+00:00

Правила чата | Цветущий сад class ChatRules extends HTMLElement { constructor() { super(); this.attachShadow({ mode: 'open' }); } connectedCallback() { this.render(); this.initScripts(); } render() { this.shadowRoot.innerHTML = ` * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } :host { display: block; } .container { color: #eef5e6; min-height: 100vh; padding: 30px 20px; position: relative; overflow-x: hidden; max-width: 1400px; margin: 0 auto; z-index: 1; } .container::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 10% 90%, rgba(80, 200, 120, 0.18) 0%, transparent 40%), radial-gradient(circle at 90% 10%, rgba(60, 180, 100, 0.18) 0%, transparent 40%), radial-gradient(circle at 50% 50%, rgba(100, 210, 140, 0.12) 0%, transparent 40%); z-index: -1; } header { text-align: center; margin-bottom: 60px; padding: 40px 30px; background: rgba(30, 55, 35, 0.65); 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(100, 200, 120, 0.35); border-top: 4px solid #6fcf97; } h1 { font-size: 3.2rem; margin-bottom: 15px; background: linear-gradient(90deg, #8bdc9c, #5fbb73, #b0f0c2); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 2px 12px rgba(80, 180, 100, 0.4); } .subtitle { font-size: 1.3rem; opacity: 0.9; max-width: 800px; margin: 0 auto 25px; line-height: 1.6; } .warning-box { background: rgba(80, 180, 100, 0.12); border-radius: 15px; padding: 25px; margin-top: 25px; border-left: 4px solid #6fcf97; box-shadow: 0 8px 20px rgba(80, 180, 100, 0.2); backdrop-filter: blur(10px); } .warning-box p { margin-bottom: 10px; font-size: 1.1rem; line-height: 1.7; } .warning-icon { color: #8bdc9c; margin-right: 10px; } .rules-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 30px; margin-bottom: 60px; } .rule-card { background: rgba(35, 65, 45, 0.65); border-radius: 20px; overflow: hidden; transition: all 0.5s ease; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08); backdrop-filter: blur(20px); border: 1px solid rgba(100, 200, 120, 0.3); padding-bottom: 20px; height: 100%; display: flex; flex-direction: column; } .rule-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.15); background: rgba(45, 85, 55, 0.75); border-color: rgba(120, 220, 140, 0.5); } .rule-header { padding: 25px 25px 15px; position: relative; border-bottom: 1px solid rgba(100, 200, 120, 0.25); } .rule-number { position: absolute; top: 15px; left: 15px; width: 35px; height: 35px; background: linear-gradient(135deg, #6fcf97, #4cae6c); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.1rem; box-shadow: 0 5px 15px rgba(80, 180, 100, 0.4); color: #fff; } .rule-icon { width: 90px; height: 90px; margin: 0 auto 15px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.2rem; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3); position: relative; z-index: 1; background: rgba(90, 190, 120, 0.25); color: #d4ffe0; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); border: 3px solid rgba(110, 210, 130, 0.5); } .rule-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; background: linear-gradient(45deg, #6fcf97, #4cae6c, #8fdfa5); border-radius: 50%; z-index: -1; opacity: 0; transition: opacity 0.4s ease; } .rule-card:hover .rule-icon::before { opacity: 1; } .rule-card:hover .rule-icon { transform: scale(1.15) rotate(6deg); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 30px rgba(100, 210, 130, 0.4); } .rule-title { font-size: 1.3rem; font-weight: 600; text-align: center; line-height: 1.4; margin-bottom: 10px; padding: 0 10px; color: #e2ffd6; } .rule-body { padding: 20px 25px; flex-grow: 1; } .rule-description { font-size: 1rem; line-height: 1.6; margin-bottom: 15px; opacity: 0.9; } .punishment { padding: 14px 18px; background: rgba(30, 55, 35, 0.6); border-radius: 12px; margin-top: 15px; border-left: 4px solid; transition: all 0.3s ease; } .punishment:hover { background: rgba(70, 130, 90, 0.4); transform: translateX(5px); } .punishment-label { font-weight: 600; font-size: 0.95rem; margin-bottom: 5px; display: flex; align-items: center; } .punishment-label i { margin-right: 10px; font-size: 1.1rem; } .punishment-details { font-size: 0.95rem; line-height: 1.5; opacity: 0.9; } .rule-footer { padding: 0 25px 20px; margin-top: auto; } .rule-note { font-size: 0.9rem; opacity: 0.8; font-style: italic; padding: 10px 14px; background: rgba(60, 110, 70, 0.4); border-radius: 8px; border-left: 3px solid #6fcf97; } .category-filter { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-bottom: 40px; padding: 20px; background: rgba(30, 55, 35, 0.6); border-radius: 20px; backdrop-filter: blur(10px); border: 1px solid rgba(100, 200, 120, 0.3); } .filter-btn { padding: 12px 24px; background: rgba(50, 95, 65, 0.7); border: none; color: #e2ffd6; border-radius: 50px; cursor: pointer; font-weight: 600; transition: all 0.3s ease; display: flex; align-items: center; gap: 10px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); font-size: 1rem; } .filter-btn:hover { background: rgba(80, 150, 100, 0.8); transform: translateY(-3px); } .filter-btn.active { background: linear-gradient(90deg, #6fcf97, #4cae6c); box-shadow: 0 8px 20px rgba(80, 180, 100, 0.5); color: #1e2f1c; } .punishment-mute { border-left-color: #6fcf97; } .punishment-mute .punishment-label { color: #a3e4b0; } .punishment-ban { border-left-color: #ffb347; } .punishment-ban .punishment-label { color: #ffc97a; } .punishment-permanent { border-left-color: #ff7e5e; } .punishment-permanent .punishment-label { color: #ff9f82; } .severity-indicator { display: inline-block; padding: 5px 12px; border-radius: 15px; font-size: 0.8rem; font-weight: 700; margin-left: 10px; text-transform: uppercase; } .severity-low { background: rgba(111, 207, 151, 0.25); color: #b3f5c4; } .severity-medium { background: rgba(255, 180, 71, 0.2); color: #ffcf7a; } .severity-high { background: rgba(255, 126, 94, 0.25); color: #ffa98b; } .severity-critical { background: rgba(255, 70, 70, 0.3); color: #ff9494; } .footer { text-align: center; padding: 30px; margin-top: 40px; background: rgba(30, 55, 35, 0.65); border-radius: 20px; backdrop-filter: blur(10px); border: 1px solid rgba(100, 200, 120, 0.3); border-top: 4px solid #6fcf97; } .footer p { margin-bottom: 10px; font-size: 1.05rem; opacity: 0.9; line-height: 1.6; } @media (max-width: 768px) { h1 { font-size: 2.5rem; } .rules-container { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto 60px; } .category-filter { flex-direction: column; align-items: center; } .filter-btn { width: 100%; max-width: 250px; justify-content: center; } .rule-icon { width: 80px; height: 80px; font-size: 2rem; } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } } .rule-card:hover .rule-icon { animation: float 2s ease-in-out infinite; } 🌸 Правила беседы 🌸 Соблюдение этих правил обязательно для всех участников. Нарушения влекут за собой наказания. 🌸 Правила беседы запрещают следующие действия. Если рядом с пунктом есть «|*», наказание усиливается при повторных нарушениях. Все правила Мут Бан Перманентный ${this.getRulesHTML()} 🌸 Внимание: Незнание правил не освобождает от ответственности! Администрация оставляет за собой право изменять правила без предварительного уведомления. Модерация сервера обеспечивает соблюдение данных правил `; } getRulesHTML() { const rules = [ { num: 1, title: "Капс (от 3х слов)", desc: "Сообщения, состоящие от 3х слов КАПСОМ", punishment: "Мут 40–90 минут |* бан до 3 дней", type: "mute", severity: "medium", icon: "fa-font", note: "Три и более слов заглавными буквами" }, { num: 2, title: "Флуд", desc: "Флуд в любых его проявлениях (в том числе команды бота)", punishment: "Мут 50–100 минут |* бан до 3 дней", type: "mute", severity: "medium", icon: "fa-bolt", note: "Любой вид флуда, включая команды бота" }, { num: 3, title: "Неприемлемый контент", desc: "Кидать видео/изображения, содержащие эротику/насилие/порнографию", punishment: "Перманентный бан", type: "permanent", severity: "critical", icon: "fa-ban", note: "Нулевая толерантность" }, { num: 4, title: "Продажа/покупка", desc: "Продажа/покупка игровой валюты, аккаунтов, софтов", punishment: "Перманентный бан", type: "permanent", severity: "critical", icon: "fa-shopping-cart", note: "Запрещены любые финансовые операции" }, { num: 5, title: "Неадекватное поведение", desc: "Неадекватное поведение в чате", punishment: "Мут 60–300 минут |* бан до 15 дней", type: "mute", severity: "high", icon: "fa-user-times", note: "Любое неадекватное поведение" }, { num: 6, title: "Оскорбления", desc: "Оскорбления участников, упоминание/оскорбление родственников", punishment: "Оскорбление: мут 120–600 мин |* бан 7д – перм Оскорбление родственников: перманентный бан", type: "ban", severity: "high", icon: "fa-comment-slash", note: "Строго наказывается" }, { num: 7, title: "Реклама посторонних ресурсов", desc: "Реклама ресурсов не относящихся к Arizona RP", punishment: "Перманентный бан", type: "permanent", severity: "critical", icon: "fa-bullhorn", note: "Только Arizona RP" }, { num: 8, title: "Громкие/непристойные звуки", desc: "Отправка видео/аудио с громкими или непристойными звуками", punishment: "Мут 180–600 минут |* бан до 3 дней", type: "mute", severity: "medium", icon: "fa-volume-up", note: "Неприемлемое звуковое содержание" }, { num: 9, title: "Сторонние программы", desc: "Распространение сторонних программ", punishment: "Перманентный бан", type: "permanent", severity: "critical", icon: "fa-code", note: "Запрещено распространение ПО" }, { num: 10, title: "КД на рекламу", desc: "КД на рекламу в беседе — 30 минут", punishment: "Мут 60–120 минут |* мут 150–300 минут", type: "mute", severity: "medium", icon: "fa-ad", note: "Включая одинаковую рекламу разными людьми" }, { num: 11, title: "Провокация конфликтов", desc: "Разведение конфликтов или провокации", punishment: "Мут 90–300 минут |* бан до 7 дней", type: "mute", severity: "high", icon: "fa-fire", note: "Намеренное провоцирование" }, { num: 12, title: "Попрошайничество", desc: "Попрошайничество реальных денег", punishment: "Перманентный бан", type: "permanent", severity: "critical", icon: "fa-money-bill-wave", note: "Запрещено просить реальные деньги" }, { num: 13, title: "Политические обсуждения", desc: "Обсуждение политических действий", punishment: "Мут 450–900 минут |* бан до 60 дней", type: "mute", severity: "high", icon: "fa-landmark", note: "Политические темы запрещены" }, { num: 14, title: "Вторая страница", desc: "Использование второй страницы для обхода наказания", punishment: "Удвоение наказания + бан 14 дней на второй", type: "ban", severity: "high", icon: "fa-clone", note: "Обход через альтернативные аккаунты" }, { num: 15, title: "Политическая символика", desc: "Аватарки и сообщения с политической/экстремистской символикой", punishment: "Аватарки: просьба сменить | без реакции — перм бан Сообщения: мут 120-300 мин |* бан до 30 дней", type: "ban", severity: "critical", icon: "fa-user-circle", note: "Запрещена любая политическая символика" }, { num: 16, title: "Злоупотребление матом", desc: "Злоупотребление матом", punishment: "Мут 80–120 минут |* мут 160–200 минут", type: "mute", severity: "medium", icon: "fa-comment-dots", note: "Избыточное использование нецензурной лексики" }, { num: 17, title: "Zalgo-символы", desc: "Использовать Zalgo-символы в сообщении", punishment: "Автоматический мут на 7 дней", type: "mute", severity: "medium", icon: "fa-text-height", note: "Символы, искажающие текст" }, { num: 18, title: "Упоминание модерации", desc: "Упоминание модерации/администрации без причины", punishment: "Мут 90–300 минут |* бан до 3 дней", type: "mute", severity: "medium", icon: "fa-user-shield", note: "Беспричинное упоминание" }, { num: 19, title: "Введение в заблуждение", desc: "Введение в заблуждение по поводу изменений проекта", punishment: "Мут 40–90 минут", type: "mute", severity: "medium", icon: "fa-exclamation-triangle", note: "Ложная информация об изменениях" }, { num: 20, title: "Реклама других проектов", desc: "Любая реклама, не относящаяся к Arizona Games", punishment: "Бан 30 дней", type: "ban", severity: "high", icon: "fa-gamepad", note: "Допустимы: Родина РП, Аризона РП, Arizona 5, ЖВД, Arizona Trilogy" } ]; return rules.map(rule => ` ${rule.num} ${rule.title} ${rule.severity} ${rule.desc} 🌸 Наказание: ${rule.punishment} ${rule.note} `).join(''); } initScripts() { const ruleCards = this.shadowRoot.querySelectorAll('.rule-card'); ruleCards.forEach((card, index) => { card.style.animationDelay = `${index * 0.05}s`; card.style.animation = 'fadeInUp 0.7s ease forwards'; card.style.opacity = '0'; }); const filterButtons = this.shadowRoot.querySelectorAll('.filter-btn'); filterButtons.forEach(button => { button.addEventListener('click', () => { filterButtons.forEach(btn => btn.classList.remove('active')); button.classList.add('active'); const filter = button.dataset.filter; const cards = this.shadowRoot.querySelectorAll('.rule-card'); cards.forEach(card => { if (filter === 'all' || card.dataset.type === filter) { card.style.display = 'flex'; card.style.animation = 'fadeInUp 0.5s ease forwards'; } else { card.style.display = 'none'; } }); }); }); setTimeout(() => { const container = this.shadowRoot.querySelector('.container'); if (container) container.style.opacity = '1'; }, 100); } } customElements.define('chat-rules', ChatRules);

Зарегистрировавшись у нас, вы сможете обсуждать, делиться личными сообщениями с другими участниками нашего сообщества.

Регистрируйтесь прямо сейчас!

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

Bumble Bee Важно #Bumble Bee | Правила чата

Автор темы Ram_Hilfiger
Дата начала 13 Июл 2025

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

Ram_Hilfiger

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

13 Июл 2025

Правила чата | Цветущий сад

Последнее редактирование модератором: 1 Апр 2026

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

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

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

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

Сверху Снизу