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

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

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

ded cot · 2026-02-20T12:01:29+00:00

Руководство модерации VK · Масленица /* ========== СТИЛИ ТОЛЬКО ВНУТРИ .promotion-system ========== */ .promotion-system { all: initial; display: block; max-width: 1440px; margin: 0 auto; padding: 40px 20px; background: transparent; font-family: 'Inter', 'Segoe UI', Roboto, system-ui, sans-serif; color: #006666; /* тёмно-бирюзовый текст */ position: relative; z-index: 1; line-height: 1.5; text-align: center; } .promotion-system *, .promotion-system *::before, .promotion-system *::after { box-sizing: border-box; margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } /* ========== ФОНОВЫЕ ЭЛЕМЕНТЫ ========== */ .promotion-system .maslenitsa-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; overflow: hidden; } .promotion-system .maslenitsa-bg .sun { position: absolute; top: 5%; right: 5%; font-size: 8rem; opacity: 0.15; animation: rotate-sun 20s infinite linear; } @keyframes rotate-sun { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .promotion-system .maslenitsa-bg .pancake { position: absolute; font-size: 4rem; opacity: 0.1; animation: float-pancake 12s infinite alternate; } @keyframes float-pancake { from { transform: translateY(0) rotate(0deg); } to { transform: translateY(-30px) rotate(15deg); } } .promotion-system .maslenitsa-bg .flower { position: absolute; font-size: 3rem; opacity: 0.1; animation: sway 8s infinite alternate; } @keyframes sway { from { transform: rotate(-10deg); } to { transform: rotate(10deg); } } .promotion-system .maslenitsa-bg .blin-1 { left: 2%; top: 10%; } .promotion-system .maslenitsa-bg .blin-2 { left: 20%; bottom: 15%; animation-duration: 18s; } .promotion-system .maslenitsa-bg .blin-3 { right: 15%; top: 30%; animation-duration: 14s; } .promotion-system .maslenitsa-bg .flower-1 { left: 10%; bottom: 5%; } .promotion-system .maslenitsa-bg .flower-2 { right: 25%; top: 60%; } /* ========== ОСНОВНОЙ КОНТЕНТ ========== */ .promotion-system .maslenitsa-content { position: relative; z-index: 10; max-width: 1400px; margin: 0 auto; } /* ----- ЗАГОЛОВОК ----- */ .promotion-system .main-title { font-size: 3.6rem; font-weight: 800; text-align: center; margin-bottom: 30px; color: #00cccc; /* ярко-бирюзовый */ text-shadow: 0 0 20px #00cccc, 0 0 40px #00b3b3; animation: title-pulse 2s infinite alternate; letter-spacing: 3px; } @keyframes title-pulse { 0% { text-shadow: 0 0 20px #00cccc, 0 0 40px #00b3b3; } 100% { text-shadow: 0 0 30px #00ffff, 0 0 60px #009999; } } .promotion-system .main-title span { display: inline-block; animation: bounce-light 2s infinite; } @keyframes bounce-light { 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-8px); } } /* ----- СЕКЦИИ ----- */ .promotion-system .department-section { margin: 80px 0; } .promotion-system .section-title { font-size: 2.8rem; font-weight: 700; margin-bottom: 45px; padding-bottom: 20px; display: inline-block; color: #00b3b3; border-bottom: 4px solid #00cccc; text-shadow: 0 0 15px #00cccc; letter-spacing: 2px; } .promotion-system .cards-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; align-items: stretch; } /* ----- КАРТОЧКА ----- */ .promotion-system .member-card { width: 300px; background: rgba(0, 200, 200, 0.1); backdrop-filter: blur(10px); border: 2px solid #00cccc; border-radius: 60px 60px 60px 60px; padding: 28px 20px 25px; transition: all 0.4s ease; display: flex; flex-direction: column; align-items: center; text-align: center; box-shadow: 0 10px 20px rgba(0, 200, 200, 0.3); position: relative; overflow: hidden; min-height: 480px; color: #006666; } .promotion-system .member-card::before { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient(45deg, #00cccc, #00ffff, #009999, #00cccc); background-size: 400% 400%; border-radius: 60px; opacity: 0; transition: opacity 0.5s; z-index: -1; filter: blur(10px); } .promotion-system .member-card:hover::before { opacity: 1; animation: border-rotate 4s infinite; } @keyframes border-rotate { 0% { background-position: 0% 0%; } 50% { background-position: 100% 100%; } 100% { background-position: 0% 0%; } } .promotion-system .member-card:hover { transform: translateY(-15px) scale(1.02); border-color: transparent; box-shadow: 0 30px 40px -10px #006666, 0 0 60px #00cccc; background: rgba(0, 200, 200, 0.2); } .promotion-system .avatar-wrapper { width: 140px; height: 140px; border-radius: 50%; overflow: hidden; margin-bottom: 20px; border: 4px solid #00cccc; transition: 0.3s; box-shadow: 0 0 20px #00cccc; background: rgba(0, 200, 200, 0.2); display: flex; align-items: center; justify-content: center; } .promotion-system .avatar-fallback { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 4rem; color: #00cccc; background: rgba(0, 200, 200, 0.1); } .promotion-system .avatar-img { width: 100%; height: 100%; object-fit: cover; } .promotion-system .member-card:hover .avatar-wrapper { border-color: #00ffff; transform: scale(1.05) rotate(5deg); box-shadow: 0 0 50px #00ffff; } .promotion-system .member-name { font-size: 1.8rem; font-weight: 700; margin: 10px 0 4px; color: #006666; text-shadow: 0 0 10px #00cccc; } .promotion-system .member-nick { font-size: 1.2rem; background: rgba(0, 200, 200, 0.15); padding: 6px 20px; border-radius: 50px; color: #006666; border: 2px solid #00cccc; margin-bottom: 12px; font-weight: 500; letter-spacing: 1px; } .promotion-system .member-position { font-size: 1rem; background: rgba(0, 200, 200, 0.15); padding: 10px 20px; border-radius: 60px; color: #006666; border: 2px solid #00cccc; margin: 10px 0 15px; font-weight: 600; backdrop-filter: blur(4px); width: 100%; } .promotion-system .social-links { display: flex; justify-content: center; gap: 22px; margin: 15px 0 10px; } .promotion-system .social-link { background: rgba(0, 200, 200, 0.15); border-radius: 60px; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; color: #006666; font-size: 2rem; font-weight: bold; border: 2px solid #00cccc; transition: all 0.3s ease; text-decoration: none; backdrop-filter: blur(5px); box-shadow: 0 0 15px #00cccc; } .promotion-system .social-link:hover { background: #00cccc; border-color: #ffffff; transform: translateY(-8px) scale(1.15); box-shadow: 0 0 40px #00ffff; color: #ffffff; } .promotion-system .social-link.disabled { pointer-events: none; opacity: 0.3; box-shadow: none; } .promotion-system .member-card.vacant { border: 3px dashed #00cccc; background: rgba(0, 200, 200, 0.05); } .promotion-system .vacant-placeholder { font-size: 4rem; color: #00cccc; opacity: 0.8; text-shadow: 0 0 30px #00ffff; } .promotion-system .vacant-badge { font-size: 1.4rem; background: #00b3b3; color: #ffffff; padding: 8px 30px; border-radius: 60px; font-weight: 800; letter-spacing: 2px; margin: 10px 0; box-shadow: 0 4px 0 #006666; } .promotion-system .maslenitsa-footer { margin-top: 100px; padding: 60px 30px; background: rgba(0, 200, 200, 0.1); backdrop-filter: blur(10px); border-radius: 100px 100px 40px 40px; border: 3px solid #00cccc; text-align: center; box-shadow: 0 -20px 40px rgba(0, 200, 200, 0.3); position: relative; overflow: hidden; color: #006666; } .promotion-system .maslenitsa-footer::before { content: '🥞☀️🥞☀️🥞'; position: absolute; top: 10px; left: 20px; font-size: 3rem; opacity: 0.2; animation: float 6s infinite alternate; } .promotion-system .maslenitsa-footer::after { content: '☀️🥞☀️🥞☀️'; position: absolute; bottom: 10px; right: 20px; font-size: 3rem; opacity: 0.2; animation: float 8s infinite alternate-reverse; } @keyframes float { from { transform: translateY(0); } to { transform: translateY(-25px); } } .promotion-system .footer-title { font-size: 3rem; font-weight: 800; color: #00b3b3; text-shadow: 0 0 40px #00cccc, 0 0 80px #00ffff; margin-bottom: 30px; } .promotion-system .footer-text { color: #006666; font-size: 1.6rem; max-width: 900px; margin: 0 auto 25px; line-height: 1.7; } .promotion-system .footer-signature { font-size: 2rem; color: #006666; font-weight: 600; text-shadow: 0 0 20px #00cccc; } @media (max-width: 800px) { .promotion-system .main-title { font-size: 2.8rem; } .promotion-system .section-title { font-size: 2.2rem; } .promotion-system .member-card { width: 280px; min-height: 460px; } } @media (max-width: 500px) { .promotion-system .main-title { font-size: 2rem; } .promotion-system .social-link { width: 54px; height: 54px; font-size: 1.8rem; } } /* ===== ПОЛНОСТЬЮ КРАСНАЯ ТЕМА ДЛЯ ЭКО-СИСТЕМЫ (id="eco") ===== */ .promotion-system #eco .section-title { color: #ff4d4d; border-bottom-color: #ff4d4d; text-shadow: 0 0 15px #ff4d4d; } .promotion-system #eco .member-card { background: rgba(255, 77, 77, 0.1); /* красный фон */ border-color: #ff9999; box-shadow: 0 10px 20px rgba(255, 77, 77, 0.3); } .promotion-system #eco .member-card:hover { border-color: transparent; box-shadow: 0 30px 40px -10px #b30000, 0 0 60px #ff4d4d; background: rgba(255, 77, 77, 0.2); } .promotion-system #eco .member-card::before { background: linear-gradient(45deg, #ffb3b3, #ff4d4d, #cc0000, #ffb3b3); background-size: 400% 400%; } .promotion-system #eco .avatar-wrapper { border-color: #ff9999; box-shadow: 0 0 20px #ff9999; background: rgba(255, 77, 77, 0.2); } .promotion-system #eco .member-card:hover .avatar-wrapper { border-color: #ff4d4d; transform: scale(1.05) rotate(5deg); box-shadow: 0 0 50px #ff4d4d; } .promotion-system #eco .avatar-fallback { color: #ff4d4d; background: rgba(255, 77, 77, 0.1); } .promotion-system #eco .member-name { color: #b30000; text-shadow: 0 0 10px #ff4d4d; } .promotion-system #eco .member-nick, .promotion-system #eco .member-position { border-color: #ff9999; background: rgba(255, 77, 77, 0.15); color: #b30000; } .promotion-system #eco .member-nick { color: #b30000; } .promotion-system #eco .member-position { color: #b30000; } .promotion-system #eco .social-link { border-color: #ff9999; box-shadow: 0 0 15px #ff9999; color: #b30000; background: rgba(255, 77, 77, 0.15); } .promotion-system #eco .social-link:hover { background: #ff4d4d; border-color: #ffffff; box-shadow: 0 0 40px #ff9999; color: #ffffff; } .promotion-system #eco .vacant-badge { background: #cc0000; box-shadow: 0 4px 0 #990000; color: #fff; } .promotion-system #eco .vacant-placeholder { color: #ff4d4d; text-shadow: 0 0 30px #ff9999; } .promotion-system #eco .member-card.vacant { border-color: #ff9999; background: rgba(255, 77, 77, 0.05); } ☀️ 🥞 🥞 🥞 🌼 🌻 (function() { // ==================== ДАННЫЕ (редактируйте здесь) ==================== const departments = [ { id: "eco", title: "🌾 Руководство эко-системы", members: [ { name: "Pavel Cherenko", position: "Генеральный директор Хранителя", vk: "id376404149", forum: "1", avatar: "https://forum.keeper-nexus.com/data/avatars/o/0/1.jpg?1701694154" }, { name: "Dmitriy Cherenkov", position: "Заместитель Генерального директора", vk: "id382680408", forum: "4", avatar: "https://forum.keeper-nexus.com/data/avatars/o/0/4.jpg?1753991093" }, { name: "Patrick Morzhov", position: "Заместитель Генерального директора", vk: "1banini1", forum: "9", avatar: "https://forum.keeper-nexus.com/data/avatars/o/0/9.jpg?1715778845" }, { name: "Angelochek Rentences", position: "Руководитель по управлению серверами", vk: "a.rentences", forum: "72", avatar: "https://forum.keeper-nexus.com/data/avatars/o/0/72.jpg?1767681224" }, { name: "Maks Petroff", position: "Руководитель по управлению серверами", vk: "introductionmyself", forum: "2826", avatar: "https://avatars.mds.yandex.net/i?id=00ddb407aa183431314ed70aa8f5d44d_l-4233836-images-thumbs&n=13" }, { name: "Medvezonok Konyak", position: "Заместитель Руководителя по управлению серверами", vk: "muster_cot", forum: "13", avatar: "https://forum.keeper-nexus.com/data/avatars/o/0/13.jpg?1768928877" } ] }, { id: "head", title: "⚡ Руководитель ветки Модерация VK", members: [ { name: "Maks Petroff", position: "Руководитель ветки Модерация VK", vk: "introductionmyself", forum: "2826", avatar: "https://avatars.mds.yandex.net/i?id=00ddb407aa183431314ed70aa8f5d44d_l-4233836-images-thumbs&n=13" } ] }, { id: "deputy", title: "🧩 Заместитель Руководителя ветки Модерация VK", members: [ { name: "вакантно", position: "Заместитель Руководителя ветки Модерация VK", vacant: true } ] }, { id: "assistants", title: "🌟 Помощники Руководителя ветки Модерация VK", members: [ { name: "вакантно", position: "Помощник Руководителя модерации по всем серверам", vacant: true }, { name: "ded cot", position: "Помощник Руководителя Модерации AG", vk: "k_5504", forum: "534", avatar: "https://forum.keeper-nexus.com/data/avatars/l/0/534.jpg?1764086918" }, { name: "Mihail Nic", position: "Помощник Руководителя Модерации AG", vk: "id479393249", forum: "3145", avatar: "https://forum.keeper-nexus.com/data/avatars/o/3/3145.jpg?1769667013" }, { name: "Vlad Kutuzov", position: "Помощник Руководителя Модерации RG", vk: "kratosikkk", forum: "194", avatar: "https://forum.keeper-nexus.com/data/avatars/l/0/194.jpg?1766531970" } ] } ]; // ==================== ВСПОМОГАТЕЛЬНЫЕ ФУНКЦИИ ==================== function buildVkUrl(vk) { return vk ? `https://vk.com/${vk}` : '#'; } function buildForumUrl(forum) { return forum ? `https://forum.keeper-nexus.com/members/${forum}` : '#'; } function getAvatarHtml(member) { if (member.vacant) { return ' 🥞 '; } if (member.avatar) { return ` `; } const firstChar = member.name.charAt(0).toUpperCase(); return ` ${firstChar} `; } // ==================== ГЕНЕРАЦИЯ ==================== const app = document.getElementById('app'); if (!app) return; app.innerHTML = ''; // очистка // Заголовок const title = document.createElement('h1'); title.className = 'main-title'; title.innerHTML = ' 🥞 Руководство ветки модерации VK 🥞 '; app.appendChild(title); // Секции departments.forEach(dept => { const section = document.createElement('section'); section.className = 'department-section'; section.id = dept.id; const sectionTitle = document.createElement('h2'); sectionTitle.className = 'section-title'; sectionTitle.textContent = dept.title; section.appendChild(sectionTitle); const grid = document.createElement('div'); grid.className = 'cards-grid'; dept.members.forEach(member => { const card = document.createElement('div'); card.className = member.vacant ? 'member-card vacant' : 'member-card'; // Аватар const avatarWrapper = document.createElement('div'); avatarWrapper.className = 'avatar-wrapper'; avatarWrapper.innerHTML = getAvatarHtml(member); card.appendChild(avatarWrapper); // Имя const nameEl = document.createElement('div'); nameEl.className = 'member-name'; nameEl.textContent = member.name; card.appendChild(nameEl); // Ник if (!member.vacant && member.vk) { const nickEl = document.createElement('div'); nickEl.className = 'member-nick'; nickEl.textContent = `@${member.vk}`; card.appendChild(nickEl); } // Должность const posEl = document.createElement('div'); posEl.className = 'member-position'; posEl.textContent = member.position; card.appendChild(posEl); // Соцссылки const linksDiv = document.createElement('div'); linksDiv.className = 'social-links'; const forumLink = document.createElement('a'); forumLink.className = 'social-link' + (member.vacant || !member.forum ? ' disabled' : ''); forumLink.href = member.vacant ? '#' : buildForumUrl(member.forum); forumLink.textContent = '📱'; forumLink.target = '_blank'; linksDiv.appendChild(forumLink); const vkLink = document.createElement('a'); vkLink.className = 'social-link' + (member.vacant || !member.vk ? ' disabled' : ''); vkLink.href = member.vacant ? '#' : buildVkUrl(member.vk); vkLink.textContent = '💬'; vkLink.target = '_blank'; linksDiv.appendChild(vkLink); card.appendChild(linksDiv); // Бейдж вакансии if (member.vacant) { const badge = document.createElement('div'); badge.className = 'vacant-badge'; badge.textContent = 'Ждём блинов!'; card.appendChild(badge); } grid.appendChild(card); }); section.appendChild(grid); app.appendChild(section); }); // Подвал const footer = document.createElement('footer'); footer.className = 'maslenitsa-footer'; footer.innerHTML = ` 🥞 Удачи! 🥞 Пусть модерация будет лёгкой, как блины, и тёплой, как солнце! Модерация VK · Утверждено руководством модерации VK `; app.appendChild(footer); })();

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

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

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

Информация Важно Руководство ветки модерации VK

Автор темы ded cot
Дата начала Вчера в 15:01

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

ded cot

Assistant to the VK Moderation Manager AG

Помощник Руководителя модерации VK

Специальный Модератор

Руководитель Ведущих

Вчера в 15:01

Руководство модерации VK · Масленица

☀️

🥞

🌼

🌻

Последнее редактирование: 19 мин. назад

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

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

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

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

Сверху Снизу