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

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

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

Vlad_Kutuzov · 2026-02-01T18:33:39+00:00

Состав Модерации VK Сервера Drake .main-title { text-align: center; margin: 40px 0 30px; color: #e0f7ff; display: flex; flex-direction: column; align-items: center; } .main-title .top-line { font-size: 3.2em; font-weight: 900; margin-bottom: 0; text-transform: uppercase; letter-spacing: 2px; background: linear-gradient(45deg, #4fc3f7, #29b6f6, #0288d1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 5px 15px rgba(41, 182, 246, 0.3); } .main-title .bottom-line { font-size: 1.8em; font-weight: bold; margin: 5px 0 0 0; text-transform: uppercase; letter-spacing: 1.5px; color: #4fc3f7; text-shadow: 0 2px 8px rgba(79, 195, 247, 0.5); position: relative; } .main-title .bottom-line::before { content: "❄️"; position: absolute; left: -45px; top: 50%; transform: translateY(-50%); font-size: 0.5em; } .main-title .bottom-line::after { content: "❄️"; position: absolute; right: -45px; top: 50%; transform: translateY(-50%); font-size: 0.5em; } .filters-container { max-width: 1200px; margin: 30px auto 40px; padding: 25px; background: linear-gradient(145deg, rgba(42, 67, 101, 0.9), rgba(28, 44, 67, 0.9)); backdrop-filter: blur(10px); border-radius: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); border: 1px solid rgba(100, 200, 255, 0.2); } .filters-title { font-size: 1.8em; margin-bottom: 25px; text-align: center; color: #fff; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); } .category-filters { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-bottom: 20px; } .filter-btn { padding: 12px 25px; border: none; border-radius: 12px; background: rgba(255, 255, 255, 0.1); color: #e0f7ff; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; gap: 8px; backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.1); position: relative; overflow: hidden; } .filter-btn::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent); transition: left 0.5s; } .filter-btn:hover::before { left: 100%; } .filter-btn:hover { transform: translateY(-3px); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3); } .filter-btn.active { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4); } .filter-btn.all.active { background: linear-gradient(45deg, #4fc3f7, #29b6f6); color: white; } .filter-btn.leadership.active { background: linear-gradient(45deg, #4fc3f7, #29b6f6); color: white; } .filter-btn.main-mod.active { background: linear-gradient(45deg, #81c784, #4caf50); color: white; } .filter-btn.curators.active { background: linear-gradient(45deg, #ba68c8, #9c27b0); color: white; } .filter-btn.senior.active { background: linear-gradient(45deg, #ffd54f, #ffb300); color: #333; } .filter-btn.moderators.active { background: linear-gradient(45deg, #64b5f6, #2196f3); color: white; } .filter-btn.junior.active { background: linear-gradient(45deg, #7986cb, #5c6bc0); color: white; } .stats-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px; margin-top: 20px; } .stat-item { display: flex; align-items: center; justify-content: space-between; padding: 15px; background: rgba(255, 255, 255, 0.05); border-radius: 12px; border-left: 4px solid; transition: all 0.3s ease; } .stat-item:hover { background: rgba(255, 255, 255, 0.1); transform: translateX(5px); } .stat-item.leadership { border-left-color: #4fc3f7; } .stat-item.main-mod { border-left-color: #81c784; } .stat-item.curators { border-left-color: #ba68c8; } .stat-item.senior { border-left-color: #ffd54f; } .stat-item.moderators { border-left-color: #64b5f6; } .stat-item.junior { border-left-color: #7986cb; } .stat-item.total { border-left-color: #fff; } .stat-info { display: flex; flex-direction: column; } .stat-name { font-size: 14px; color: #b0d4ff; margin-bottom: 5px; } .stat-count { font-size: 24px; font-weight: bold; } .stat-icon { font-size: 24px; opacity: 0.7; } .moderation-section { transition: all 0.5s ease; opacity: 1; transform: translateY(0); margin-bottom: 50px; } .moderation-section.hidden { opacity: 0; transform: translateY(20px); height: 0; margin: 0; padding: 0; overflow: hidden; } .moderation-section:not(.hidden) { animation: fadeIn 0.5s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .snowflake { position: fixed; background: white; border-radius: 50%; pointer-events: none; opacity: 0.8; animation: fall linear infinite; } @keyframes fall { to { transform: translateY(100vh) rotate(360deg); } } .section-title { font-size: 2.2em; text-align: center; margin: 50px 0 30px; padding: 15px 0; position: relative; text-shadow: 0 2px 10px rgba(255, 255, 255, 0.2); } .section-title::before { content: "⛄"; position: absolute; left: -40px; top: 50%; transform: translateY(-50%); font-size: 1.5em; } .section-title::after { content: "⛄"; position: absolute; right: -40px; top: 50%; transform: translateY(-50%); font-size: 1.5em; } .cards { display: flex; justify-content: center; gap: 35px; flex-wrap: wrap; padding-bottom: 60px; position: relative; } .cards::before { content: ""; position: absolute; top: -20px; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); } .card { border-radius: 20px; padding: 25px; width: 280px; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: visible; text-align: center; background: linear-gradient(145deg, rgba(42, 67, 101, 0.9), rgba(28, 44, 67, 0.9)); backdrop-filter: blur(10px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); z-index: 1; border: none; } .card::before { content: ""; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); font-size: 1.2em; opacity: 0; transition: opacity 0.3s; } .card::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 20px; z-index: -1; opacity: 0; transition: opacity 0.3s; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } .card:hover::after { opacity: 1; box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.3); } .card:hover::before { opacity: 1; } .card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4); } .avatar-wrapper { display: flex; justify-content: center; align-items: center; margin-bottom: 20px; position: relative; } .avatar-wrapper::before { content: "❄️"; position: absolute; top: -10px; left: 10px; font-size: 1.2em; animation: float 3s ease-in-out infinite; } .avatar-wrapper::after { content: "❄️"; position: absolute; bottom: -10px; right: 10px; font-size: 1.2em; animation: float 3s ease-in-out infinite 1.5s; } @keyframes float { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-10px) rotate(180deg); } } .avatar-border { position: relative; width: 120px; height: 120px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: linear-gradient(145deg, #1a365d, #2d4a7a); padding: 5px; box-shadow: 0 0 20px rgba(100, 200, 255, 0.2); } .avatar-border::before { content: ""; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; border-radius: 50%; background: conic-gradient(from 0deg, #4fc3f7, #81d4fa, #4fc3f7); mask: radial-gradient(farthest-side, transparent calc(100% - 8px), black 100%); -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 8px), black 100%); animation: spin 6s linear infinite; opacity: 0; transition: opacity 0.5s ease; z-index: 0; } .card:hover .avatar-border::before { opacity: 1; } .avatar { width: 110px; height: 110px; border-radius: 50%; object-fit: cover; position: relative; z-index: 1; transition: all 0.4s ease; border: 3px solid rgba(255, 255, 255, 0.1); } .card:hover .avatar { transform: scale(1.08); border-color: rgba(255, 255, 255, 0.3); } .name { font-weight: bold; font-size: 18px; margin-bottom: 8px; color: #ffffff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); position: relative; display: inline-block; } .name::after { content: "🎄"; position: absolute; right: -25px; top: 0; font-size: 0.8em; opacity: 0.7; } .role { font-size: 15px; margin-bottom: 15px; padding: 8px 15px; border-radius: 15px; display: inline-block; font-weight: 600; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); } .icons { display: flex; justify-content: center; gap: 20px; margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .icons a { position: relative; display: inline-block; } .icons a::before { content: "⛄"; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); opacity: 0; transition: opacity 0.3s; } .icons a:hover::before { opacity: 1; } .icons img { width: 32px; height: 32px; transition: all 0.3s ease; filter: drop-shadow(0 0 5px rgba(100, 200, 255, 0.5)); border-radius: 50%; padding: 5px; background: rgba(255, 255, 255, 0.1); } .forum-icon { width: 32px; height: 32px; transition: all 0.3s ease; filter: drop-shadow(0 0 5px rgba(100, 200, 255, 0.5)); border-radius: 50%; padding: 5px; background: rgba(255, 255, 255, 0.1); } .icons img:hover, .forum-icon:hover { transform: scale(1.4) rotate(10deg); filter: drop-shadow(0 0 10px rgba(100, 200, 255, 0.8)); } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .leadership .section-title { color: #4fc3f7; background: linear-gradient(45deg, #4fc3f7, #29b6f6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .leadership .card { background: linear-gradient(145deg, rgba(33, 97, 140, 0.9), rgba(21, 67, 96, 0.9)); } .leadership .role { background: linear-gradient(45deg, #4fc3f7, #29b6f6); color: white; } .leadership .avatar-border::before { background: conic-gradient(#4fc3f7, #29b6f6, #0288d1, #29b6f6, #4fc3f7); } .leadership .card:hover::after { box-shadow: 0 0 20px 5px rgba(79, 195, 247, 0.5); } .main-mod .section-title { color: #81c784; background: linear-gradient(45deg, #81c784, #4caf50); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .main-mod .card { background: linear-gradient(145deg, rgba(56, 118, 60, 0.9), rgba(40, 90, 44, 0.9)); } .main-mod .role { background: linear-gradient(45deg, #81c784, #4caf50); color: white; } .main-mod .avatar-border::before { background: conic-gradient(#81c784, #4caf50, #2e7d32, #4caf50, #81c784); } .main-mod .card:hover::after { box-shadow: 0 0 20px 5px rgba(129, 199, 132, 0.5); } .curators .section-title { color: #ba68c8; background: linear-gradient(45deg, #ba68c8, #9c27b0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .curators .card { background: linear-gradient(145deg, rgba(142, 68, 173, 0.9), rgba(103, 58, 183, 0.9)); } .curators .role { background: linear-gradient(45deg, #ba68c8, #9c27b0); color: white; } .curators .avatar-border::before { background: conic-gradient(#ba68c8, #9c27b0, #7b1fa2, #9c27b0, #ba68c8); } .curators .card:hover::after { box-shadow: 0 0 20px 5px rgba(186, 104, 200, 0.5); } .senior .section-title { color: #ffd54f; background: linear-gradient(45deg, #ffd54f, #ffb300); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .senior .card { background: linear-gradient(145deg, rgba(183, 149, 11, 0.9), rgba(151, 119, 0, 0.9)); } .senior .role { background: linear-gradient(45deg, #ffd54f, #ffb300); color: #333; } .senior .avatar-border::before { background: conic-gradient(#ffd54f, #ffb300, #ff8f00, #ffb300, #ffd54f); } .senior .card:hover::after { box-shadow: 0 0 20px 5px rgba(255, 213, 79, 0.5); } .moderators .section-title { color: #64b5f6; background: linear-gradient(45deg, #64b5f6, #2196f3); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .moderators .card { background: linear-gradient(145deg, rgba(41, 121, 255, 0.9), rgba(21, 101, 192, 0.9)); } .moderators .role { background: linear-gradient(45deg, #64b5f6, #2196f3); color: white; } .moderators .avatar-border::before { background: conic-gradient(#64b5f6, #2196f3, #1976d2, #2196f3, #64b5f6); } .moderators .card:hover::after { box-shadow: 0 0 20px 5px rgba(100, 181, 246, 0.5); } .junior .section-title { color: #7986cb; background: linear-gradient(45deg, #7986cb, #5c6bc0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .junior .card { background: linear-gradient(145deg, rgba(63, 81, 181, 0.9), rgba(48, 63, 159, 0.9)); } .junior .role { background: linear-gradient(45deg, #7986cb, #5c6bc0); color: white; } .junior .avatar-border::before { background: conic-gradient(#7986cb, #5c6bc0, #3f51b5, #5c6bc0, #7986cb); } .junior .card:hover::after { box-shadow: 0 0 20px 5px rgba(121, 134, 203, 0.5); } .winter-decoration { position: absolute; pointer-events: none; z-index: 0; opacity: 0.8; } .tree-decoration { position: absolute; font-size: 40px; bottom: 10px; right: 10px; opacity: 0.3; z-index: 0; } .snowman-decoration { position: absolute; font-size: 30px; top: 10px; left: 10px; opacity: 0.3; z-index: 0; } .vacant { position: relative; opacity: 0.9; } .vacant::before { content: "🕊️"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 50px; opacity: 0.5; z-index: 1; } .vacant .avatar { opacity: 0.7; } .vacant .name { color: #aaa; } .vacant .role { background: linear-gradient(45deg, #78909c, #546e7a); color: #ddd; } .vacant .card:hover::after { box-shadow: 0 0 20px 5px rgba(120, 144, 156, 0.5); } .forum-icon { display: inline-block; width: 32px; height: 32px; background-image: url('data:image/svg+xml;utf8, '); background-size: contain; background-repeat: no-repeat; background-position: center; vertical-align: middle; } КОМАНДА МОДЕРАЦИИ RODINA ROLEPLAY ФЕДЕРАЛЬНЫЙ ОКРУГ Фильтр по отделам 👥 Все отделы 👑 Руководство 🎁 Главная модерация 🍀 Кураторы ⭐ Старшие модераторы 🏹 Модераторы 🌱 Младшие модераторы Руководство 0 👑 Главная модерация 0 🎁 Кураторы 0 🍀 Старшие модераторы 0 ⭐ Модераторы 0 🏹 Младшие модераторы 0 🌱 Всего модерации 0 👥 const moderationData = [ { id: "leadership", title: "👑 Руководство Модерации 👑", color: "#4fc3f7", 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", vacant: false }, { name: "Вакантно", position: "Заместитель Руководителя Модерации VK", vk: "id0", forum: "0", avatar: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDEyMCAxMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEyMCIgaGVpZ2h0PSIxMjAiIHJ4PSI2MCIgZmlsbD0iIzJBNEM2MyIvPjxwYXRoIGQ9Ik00MCA1MEw1MCA2MEw4MCAzMEw3MCAyMEw1MCA0MEw0MCAzMEwzMCA0MEw0MCA1MFoiIGZpbGw9IiM3ODkwOUMiLz48L3N2Zz4=", vacant: true }, { name: "Vlad Kutuzov", position: "Помощник Руководителя Модерации VK", vk: "kratosikkk", forum: "194", avatar: "https://forum.keeper-nexus.com/data/avatars/l/0/194.jpg?1766531970", vacant: false } ] }, { id: "main-mod", title: "🎁 Главная Модерация 🎁", color: "#81c784", members: [ { name: "Ruslan Forbs", position: "Главный Модератор VK", vk: "komar", forum: "1033", avatar: "https://forum.keeper-nexus.com/data/avatars/l/1/1033.jpg?1749856993", vacant: false }, { name: "Dmitriy Selivanov", position: "Заместитель Главного Модератора VK", vk: "dselivanov1994", forum: "2917", avatar: "https://forum.keeper-nexus.com/data/avatars/l/2/2917.jpg?1756582951", vacant: false } ] }, { id: "curators", title: "🍀 Кураторы Модерации 🍀", color: "#ba68c8", members: [ { name: "Maksim Pavlenko", position: "Куратор Модерации VK", vk: "id1019251482", forum: "1535", avatar: "https://forum.keeper-nexus.com/data/avatars/l/1/1535.jpg?1761500335", vacant: false }, { name: "Вакантно", position: "Куратор Модерации VK", vk: "", forum: "", avatar: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDEyMCAxMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEyMCIgaGVpZ2h0PSIxMjAiIHJ4PSI2MCIgZmlsbD0iIzJBNEM2MyIvPjxwYXRoIGQ9Ik00MCA1MEw1MCA2MEw4MCAzMEw3MCAyMEw1MCA0MEw0MCAzMEwzMCA0MEw0MCA1MFoiIGZpbGw9IiM3ODkwOUMiLz48L3N2Zz4=", vacant: true }, { name: "Вакантно", position: "Куратор Модерации VK", vk: "", forum: "", avatar: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDEyMCAxMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEyMCIgaGVpZ2h0PSIxMjAiIHJ4PSI2MCIgZmlsbD0iIzJBNEM2MyIvPjxwYXRoIGQ9Ik00MCA1MEw1MCA2MEw4MCAzMEw3MCAyMEw1MCA0MEw0MCAzMEwzMCA0MEw0MCA1MFoiIGZpbGw9IiM3ODkwOUMiLz48L3N2Zz4=", vacant: true } ] }, { id: "senior", title: "⭐ Старшие Модераторы ⭐", color: "#ffd54f", members: [ { name: "Вакантно", position: "Старший Модератор VK", vk: "", forum: "", avatar: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDEyMCAxMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEyMCIgaGVpZ2h0PSIxMjAiIHJ4PSI2MCIgZmlsbD0iIzJBNEM2MyIvPjxwYXRoIGQ9Ik00MCA1MEw1MCA2MEw4MCAzMEw3MCAyMEw1MCA0MEw0MCAzMEwzMCA0MEw0MCA1MFoiIGZpbGw9IiM3ODkwOUMiLz48L3N2Zz4=", vacant: true } ] }, { id: "moderators", title: "🏹 Модераторы 🏹", color: "#64b5f6", members: [ { name: "Вакантно", position: "Модератор VK", vk: "0", forum: "0", avatar: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDEyMCAxMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEyMCIgaGVpZ2h0PSIxMjAiIHJ4PSI2MCIgZmlsbD0iIzJBNEM2MyIvPjxwYXRoIGQ9Ik00MCA1MEw1MCA2MEw4MCAzMEw3MCAyMEw1MCA0MEw0MCAzMEwzMCA0MEw0MCA1MFoiIGZpbGw9IiM3ODkwOUMiLz48L3N2Zz4=", vacant: true } ] }, { id: "junior", title: "🌱 Младшие Модераторы 🌱", color: "#7986cb", members: [ { name: "Rysik Roblox", position: "Младший Модератор VK", vk: "rysikroblox", forum: "3187", avatar: "https://forum.keeper-nexus.com/data/avatars/l/3/3187.jpg?1769629314", vacant: false }, { name: "Denis Byanov", position: "Младший Модератор VK", vk: "denis_byanov", forum: "3283", avatar: "data:image/jpeg;base64,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", vacant: false } ] } ]; document.addEventListener('DOMContentLoaded', function() { for (let i = 0; i { const section = createSection(data); container.appendChild(section); }); } function createSection(data) { const section = document.createElement('div'); section.className = `moderation-section ${data.id}`; section.id = data.id; const title = document.createElement('h2'); title.className = 'section-title'; title.textContent = data.title; section.appendChild(title); const cardsContainer = document.createElement('div'); cardsContainer.className = 'cards'; data.members.forEach(member => { const card = createCard(member, data.id); cardsContainer.appendChild(card); }); section.appendChild(cardsContainer); return section; } function createCard(member, departmentId) { const card = document.createElement('div'); card.className = 'card'; if (member.vacant) card.classList.add('vacant'); const treeDecoration = document.createElement('div'); treeDecoration.className = 'tree-decoration'; treeDecoration.textContent = '🎄'; card.appendChild(treeDecoration); const snowmanDecoration = document.createElement('div'); snowmanDecoration.className = 'snowman-decoration'; snowmanDecoration.textContent = '⛄'; card.appendChild(snowmanDecoration); const avatarWrapper = document.createElement('div'); avatarWrapper.className = 'avatar-wrapper'; const avatarBorder = document.createElement('div'); avatarBorder.className = 'avatar-border'; const avatar = document.createElement('img'); avatar.className = 'avatar'; avatar.src = member.avatar; avatar.alt = member.name; avatarBorder.appendChild(avatar); avatarWrapper.appendChild(avatarBorder); card.appendChild(avatarWrapper); const nameElement = document.createElement('div'); nameElement.className = 'name'; nameElement.textContent = member.name; card.appendChild(nameElement); const roleElement = document.createElement('div'); roleElement.className = 'role'; let emoji = ''; switch (departmentId) { case 'leadership': emoji = '👑'; break; case 'main-mod': emoji = '🎁'; break; case 'curators': emoji = '🍀'; break; case 'senior': emoji = '⭐'; break; case 'moderators': emoji = '🏹'; break; case 'junior': emoji = '🌱'; break; default: emoji = '👤'; } roleElement.textContent = `${emoji} ${member.position}`; card.appendChild(roleElement); const icons = document.createElement('div'); icons.className = 'icons'; if (!member.vacant) { const vkLink = document.createElement('a'); vkLink.href = `https://vk.com/${member.vk}`; vkLink.target = '_blank'; const vkIcon = document.createElement('img'); vkIcon.src = 'https://cdn-icons-png.flaticon.com/512/145/145813.png'; vkIcon.alt = 'VK'; vkLink.appendChild(vkIcon); icons.appendChild(vkLink); const forumLink = document.createElement('a'); forumLink.href = `https://forum.keeper-nexus.com/members/${member.forum}/`; forumLink.target = '_blank'; const forumIcon = document.createElement('div'); forumIcon.className = 'forum-icon'; forumLink.appendChild(forumIcon); icons.appendChild(forumLink); } else { const vkLink = document.createElement('a'); vkLink.href = '#'; vkLink.onclick = e => e.preventDefault(); const vkIcon = document.createElement('img'); vkIcon.src = 'https://cdn-icons-png.flaticon.com/512/145/145813.png'; vkIcon.alt = 'VK'; vkLink.appendChild(vkIcon); icons.appendChild(vkLink); const forumLink = document.createElement('a'); forumLink.href = '#'; forumLink.onclick = e => e.preventDefault(); const forumIcon = document.createElement('div'); forumIcon.className = 'forum-icon'; forumLink.appendChild(forumIcon); icons.appendChild(forumLink); } card.appendChild(icons); return card; } function createSnowflake() { const snowflake = document.createElement('div'); snowflake.classList.add('snowflake'); const size = Math.random() * 10 + 5; snowflake.style.width = `${size}px`; snowflake.style.height = `${size}px`; snowflake.style.left = `${Math.random() * 100}vw`; snowflake.style.opacity = Math.random() * 0.6 + 0.3; snowflake.style.animationDuration = `${Math.random() * 5 + 5}s`; snowflake.style.animationDelay = `${Math.random() * 5}s`; document.body.appendChild(snowflake); setTimeout(() => { snowflake.remove(); createSnowflake(); }, 15000); } function countModeration() { moderationData.forEach(data => { const activeCount = data.members.filter(m => !m.vacant).length; const totalCount = data.members.length; const countElement = document.getElementById(`${data.id}-count`); if (countElement) countElement.textContent = activeCount; }); const totalActive = moderationData.reduce((sum, data) => { return sum + data.members.filter(m => !m.vacant).length; }, 0); document.getElementById('total-count').textContent = totalActive; } function initFilters() { const filterButtons = document.querySelectorAll('.filter-btn'); const sections = document.querySelectorAll('.moderation-section'); filterButtons.forEach(button => { button.addEventListener('click', function() { const category = this.getAttribute('data-category'); filterButtons.forEach(btn => btn.classList.remove('active')); this.classList.add('active'); sections.forEach(section => { if (category === 'all') { section.classList.remove('hidden'); } else { if (section.id === category) { section.classList.remove('hidden'); } else { section.classList.add('hidden'); } } }); }); }); }

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

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

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

Федеральный округ Важно #Федеральный Округ | Актуальный список модераций сервера

Автор темы Vlad_Kutuzov
Дата начала Воскресенье в 21:33

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

Vlad_Kutuzov

ᴀssɪsᴛᴀɴᴛ ᴛᴏ ᴛʜᴇ ᴠᴋ ᴍᴏᴅᴇʀᴀᴛɪᴏɴ ʀɢ

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

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

Воскресенье в 21:33

Состав Модерации VK Сервера Drake

КОМАНДА МОДЕРАЦИИ

RODINA ROLEPLAY ФЕДЕРАЛЬНЫЙ ОКРУГ

Фильтр по отделам

Руководство

👑

Главная модерация

🎁

Кураторы

🍀

Старшие модераторы

⭐

Модераторы

🏹

Младшие модераторы

🌱

Всего модерации

👥

Последнее редактирование: Вчера в 20:48

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

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

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

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

Сверху Снизу