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

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

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

Logan Kutuzov · 2025-09-17T19:58:28+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; } КОМАНДА МОДЕРАЦИИ ARIZONA ROLEPLAY DRAKE Фильтр по отделам 👥 Все отделы 👑 Руководство 🎁 Главная модерация 🍀 Кураторы ⭐ Старшие 🏹 Модераторы 🌱 Младшие Руководство 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: "Amadei Mozart", position: "Помощник Руководителя Модерации VK", vk: "gettapei", forum: "1508", avatar: "https://forum.keeper-nexus.com/data/avatars/l/1/1508.jpg?1756072192", vacant: false }, { name: "Ded Moroz", position: "Помощник Руководителя Модерации VK", vk: "k_5504", forum: "534", avatar: "https://forum.keeper-nexus.com/data/avatars/l/0/534.jpg?1764086918", vacant: false }, { name: "Mihail Nic", position: "Помощник Руководителя Модерации VK", vk: "id479393249", forum: "3145", avatar: "https://forum.keeper-nexus.com/data/avatars/o/3/3145.jpg?1769667013", vacant: false } ] }, { id: "main-mod", title: "🎁 Главная Модерация 🎁", color: "#81c784", members: [ { name: "Logan Kutuzov", position: "Главный Модератор VK", vk: "krystall4ikk", forum: "2043", avatar: "https://forum.arzguard.com/data/avatars/o/12/12466.jpg?1769968158", vacant: false }, { name: "Qushuonic Sanders", position: "Заместитель Главного Модератора VK", vk: "v.suir", forum: "2917", avatar: "https://forum.keeper-nexus.com/data/avatars/l/2/2917.jpg?1756582951", vacant: false } ] }, { id: "curators", title: "🍀 Кураторы Модерации 🍀", color: "#ba68c8", members: [ { name: "Medvezonok Konyakyan", position: "Куратор Модерации VK", vk: "muster_cot", forum: "13", avatar: "https://forum.keeper-nexus.com/data/avatars/l/0/13.jpg?1768723703", vacant: false }, { name: "Shamil_Volcov", position: "Куратор Модерации VK", vk: "shbabaev", forum: "1765", avatar: "https://forum.keeper-nexus.com/data/avatars/l/1/1306.jpg?1760062237", vacant: false }, { 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: "Independence_Hi", position: "Младший Модератор VK", vk: "id758163297", forum: "3426", avatar: "https://sun9-2.userapi.com/s/v1/ig2/qFtLzc0qLdIlVOmr0vTgwAGfIFTxzwn8eYdbm7hRjr6j7tpkh46sgWCiqgk07uA7Ui3iPnITuZMbSxPFxkDqhk5L.jpg?quality=95&as=32x32,48x48,72x72,108x108,160x160,240x240,360x360,480x480,540x540,640x640&from=bu&cs=640x0", vacant: false }, { name: "Nail_Kokosikov", position: "Младший Модератор VK", vk: "nailk0", forum: "3403", avatar: "https://sun1-27.vkuserphoto.ru/s/v1/ig2/tCOMEpoi0VdQ33ZxBathQSJH88cCXsjTPno_Jl6J9eXrzBzq_RNNVq-5FGvkSBYmWDkcMfvj3IeoRRkOwWrLwdQ3.jpg?quality=95&crop=220,393,749,749&as=32x32,48x48,72x72,108x108,160x160,240x240,360x360,480x480,540x540,640x640,720x720&ava=1&cs=200x200", vacant: false }, { name: "John_Anxiety", position: "Младший Модератор VK", vk: "mranxiety", forum: "3424", avatar: "https://sun9-28.userapi.com/s/v1/ig2/GMw55rS1yNnZGtkP95gJ2gZbJbHZmdW2ks5DHwAYX0xsVsPHiXa1gqf8JE_aev8WpVohMyrQeQyLLwQvwD7mZN8H.jpg?quality=95&as=32x43,48x64,72x96,108x144,160x213,240x320,360x480,480x640,540x720,640x853,720x960,1080x1440,1280x1707,1440x1920,1920x2560&from=bu&cs=1920x0", vacant: false }, { name: "Вакантно", position: "Младший Модератор VK", vk: "", forum: "", avatar: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDEyMCAxMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEyMCIgaGVpZ2h0PSIxMjAiIHJ4PSI2MCIgZmlsbD0iIzJBNEM2MyIvPjxwYXRoIGQ9Ik00MCA1MEw1MCA2MEw4MCAzMEw3MCAyMEw1MCA0MEw0MCAzMEwzMCA0MEw0MCA1MFoiIGZpbGw9IiM3ODkwOUMiLz48L3N2Zz4=", vacant: true } ] } ]; 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 в своём браузере.

Drake Информация #Drake | Актуальный список модераций сервера

Автор темы Logan Kutuzov
Дата начала 17 Сен 2025

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

Logan Kutuzov

#ᴡᴇsᴛᴇʀɴ ᴅɪsᴛʀɪᴄᴛ | ᴅᴇᴘᴜᴛʏ ʜᴇᴀᴅ ᴍᴏᴅᴇʀᴀᴛᴏʀ

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

Заместитель ГМ

17 Сен 2025

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

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

ARIZONA ROLEPLAY DRAKE

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

Руководство

👑

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

🎁

Кураторы

🍀

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

⭐

Модераторы

🏹

Младшие

🌱

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

👥

Последнее редактирование: Понедельник в 10:08

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

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

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

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

Сверху Снизу