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

Регистрация

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

Vadim Miftakhov · 2026-06-27T06:58:20+00:00

/* ==================== ОРАНЖЕВЫЙ СТИЛЬ ==================== */ * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } .team-root { background: #121212; width: 100%; position: relative; z-index: 1; } .team-root::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; background-image: radial-gradient(2px 2px at 15% 25%, rgba(230,126,34,0.4), transparent), radial-gradient(2px 2px at 75% 60%, rgba(243,156,18,0.3), transparent), radial-gradient(1px 1px at 40% 80%, rgba(230,126,34,0.5), transparent), radial-gradient(2px 2px at 85% 15%, rgba(243,156,18,0.3), transparent); background-size: 200% 200%; animation: floatParticles 15s ease-in-out infinite alternate; } @keyframes floatParticles { 0% { background-position: 0% 0%; } 100% { background-position: 30% 20%; } } .content-wrapper { max-width: 1400px; margin: 0 auto; padding: 48px 28px 80px; position: relative; z-index: 1; } .hero-section { text-align: center; margin-bottom: 48px; } .main-title { font-size: 3.5rem; font-weight: 800; color: #e8e8e8; letter-spacing: -0.02em; margin-bottom: 16px; text-shadow: 0 0 40px rgba(230, 126, 34, 0.3), 0 0 80px rgba(230, 126, 34, 0.1); animation: titleGlow 3s ease-in-out infinite alternate; } @keyframes titleGlow { 0% { text-shadow: 0 0 30px rgba(230, 126, 34, 0.2), 0 0 60px rgba(230, 126, 34, 0.05); } 100% { text-shadow: 0 0 50px rgba(230, 126, 34, 0.4), 0 0 100px rgba(230, 126, 34, 0.15); } } .main-badge { display: inline-block; background: rgba(230, 126, 34, 0.12); border: 1px solid #e67e22; padding: 6px 20px; border-radius: 40px; color: #b8b8b8; font-weight: 500; font-size: 0.9rem; letter-spacing: 0.3px; } /* ===== НАВИГАЦИЯ — ВЫПАДАЮЩИЙ СПИСОК ===== */ .nav-filter { display: flex; justify-content: center; margin: 30px 0 56px; position: relative; z-index: 10; } .nav-select-wrapper { position: relative; width: 280px; } .nav-select-button { width: 100%; background: #1a1a1a; border: 1px solid #2e2e2e; border-radius: 12px; padding: 14px 20px; font-weight: 600; font-size: 0.95rem; color: #e8e8e8; cursor: pointer; font-family: inherit; display: flex; align-items: center; justify-content: space-between; transition: all 0.25s ease; } .nav-select-button:hover { border-color: #e67e22; } .nav-select-button .arrow { font-size: 0.7rem; transition: transform 0.3s ease; color: #e67e22; } .nav-select-wrapper.open .nav-select-button { border-color: #e67e22; border-radius: 12px 12px 0 0; box-shadow: 0 0 20px rgba(230,126,34,0.1); } .nav-select-wrapper.open .arrow { transform: rotate(180deg); } .nav-select-dropdown { position: absolute; top: 100%; left: 0; width: 100%; background: #1a1a1a; border: 1px solid #e67e22; border-top: none; border-radius: 0 0 12px 12px; overflow: hidden; max-height: 0; opacity: 0; transition: max-height 0.4s ease, opacity 0.3s ease; z-index: 20; } .nav-select-wrapper.open .nav-select-dropdown { max-height: 400px; opacity: 1; } .filter-btn { width: 100%; background: transparent; border: none; padding: 13px 20px; font-weight: 500; font-size: 0.9rem; color: #b8b8b8; cursor: pointer; text-align: left; font-family: inherit; transition: all 0.2s ease; } .filter-btn:hover { background: rgba(230,126,34,0.08); color: #e8e8e8; } .filter-btn.active { background: rgba(230,126,34,0.12); color: #e67e22; font-weight: 600; border-left: 3px solid #e67e22; } .department-section { background: #1a1a1a; border-radius: 12px; padding: 32px 28px 42px; margin-bottom: 48px; border: 1px solid #2e2e2e; position: relative; opacity: 0; transform: translateY(30px); animation: fadeInUp 0.6s ease forwards; } .department-section:nth-child(1) { animation-delay: 0.1s; } .department-section:nth-child(2) { animation-delay: 0.2s; } .department-section:nth-child(3) { animation-delay: 0.3s; } .department-section:nth-child(4) { animation-delay: 0.4s; } .department-section:nth-child(5) { animation-delay: 0.5s; } .department-section:nth-child(6) { animation-delay: 0.6s; } @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } } .department-section::before { content: '✦'; display: block; text-align: center; color: rgba(230,126,34,0.3); font-size: 1.2rem; margin-bottom: 16px; } .section-title { font-size: 1.9rem; font-weight: 700; color: #e8e8e8; letter-spacing: -0.3px; padding-left: 0; margin-bottom: 28px; display: flex; align-items: center; flex-wrap: wrap; gap: 12px; justify-content: center; } .cards-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; } .member-card { width: 290px; background: #1e1e1e; border-radius: 12px; padding: 24px 18px 22px; transition: all 0.3s ease; border: 1px solid #2e2e2e; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; } .member-card:hover { transform: translateY(-6px); border-color: #e67e22; background: #242424; box-shadow: 0 12px 40px rgba(230,126,34,0.15), 0 0 60px rgba(230,126,34,0.05); } /* ===== ЛЕГЕНДА — ЗОЛОТАЯ КАРТОЧКА ===== */ .member-card.legend { border-color: #b8860b; background: linear-gradient(180deg, #1e1e1e 0%, #1a1a0a 100%); box-shadow: 0 0 20px rgba(184,134,11,0.15); } .member-card.legend:hover { border-color: #ffd700; box-shadow: 0 12px 40px rgba(255,215,0,0.2), 0 0 60px rgba(255,215,0,0.08); } .member-card.legend .avatar-wrapper { border-color: #ffd700; } .member-card.legend .member-name { color: #ffd700; } .member-card.legend .member-position { background: rgba(255,215,0,0.12); border-color: rgba(255,215,0,0.35); color: #ffd700; } /* Корона над аватаркой */ .member-card.legend .avatar-wrapper::after { content: '👑'; position: absolute; top: -22px; left: 50%; transform: translateX(-50%); font-size: 1.5rem; z-index: 10; background: none; border: none; width: auto; height: auto; animation: crownFloat 2s ease-in-out infinite; filter: drop-shadow(0 0 4px rgba(255,215,0,0.6)); } @keyframes crownFloat { 0%, 100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-4px); } } .avatar-wrapper { width: 130px; height: 130px; border-radius: 50%; overflow: hidden; margin-bottom: 18px; background: #242424; border: 3px solid #e67e22; position: relative; } /* Искры вокруг аватарки */ .avatar-spark { overflow: visible !important; } .avatar-spark::before { content: ''; position: absolute; top: 50%; left: 50%; width: 140px; height: 140px; margin: -70px 0 0 -70px; border-radius: 50%; background: transparent; border: 2px solid transparent; border-top-color: #e67e22; border-right-color: #f39c12; animation: sparkRotate 3s linear infinite; filter: drop-shadow(0 0 6px rgba(230,126,34,0.8)); } .avatar-spark::after { content: ''; position: absolute; top: 50%; left: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; background: transparent; border: 2px solid transparent; border-bottom-color: #f39c12; border-left-color: #e67e22; animation: sparkRotate 2s linear infinite reverse; filter: drop-shadow(0 0 6px rgba(243,156,18,0.6)); } @keyframes sparkRotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .member-card:hover .avatar-wrapper { border-color: #f39c12; } .member-card.legend:hover .avatar-wrapper { border-color: #ffd700; } .avatar-img { width: 100%; height: 100%; object-fit: cover; display: block; position: relative; z-index: 1; border-radius: 50%; } .avatar-fallback { width: 100%; height: 100%; background: #2e2e2e; display: flex; align-items: center; justify-content: center; font-size: 3rem; font-weight: 500; color: #b8b8b8; position: relative; z-index: 1; border-radius: 50%; } .member-name { font-size: 1.55rem; font-weight: 700; color: #e8e8e8; margin: 8px 0 6px; letter-spacing: -0.3px; } .member-position { font-size: 0.8rem; font-weight: 600; background: rgba(230, 126, 34, 0.12); color: #b8b8b8; padding: 5px 14px; border-radius: 40px; display: inline-block; margin: 8px 0 16px; border: 1px solid rgba(230, 126, 34, 0.35); } .social-links { display: flex; justify-content: center; gap: 18px; margin-top: 6px; } .social-link { width: 48px; height: 48px; border-radius: 50%; background: #242424; border: 1px solid #3a3a3a; display: flex; align-items: center; justify-content: center; transition: all 0.2s; text-decoration: none; } .social-link:hover { background: #e67e22; border-color: #f39c12; transform: translateY(-4px); } .member-card.legend .social-link:hover { background: #ffd700; border-color: #ffd700; } .social-link img { width: 26px; height: 26px; object-fit: contain; } .fallback-text { font-weight: 700; font-size: 1.1rem; color: #b8b8b8; } .footer-modern { margin-top: 40px; background: #1a1a1a; border-radius: 12px; padding: 40px 32px; text-align: center; border: 1px solid #2e2e2e; } .footer-title { font-size: 2.2rem; font-weight: 800; color: #e8e8e8; } .footer-text { color: #8a8a8a; margin: 16px 0 20px; font-size: 1rem; } .footer-signature { font-size: 1.2rem; color: #b8b8b8; font-weight: 500; letter-spacing: -0.2px; } .hidden { display: none !important; } @media (max-width: 680px) { .content-wrapper { padding: 24px 16px; } .main-title { font-size: 2.3rem; } .member-card { width: 270px; } .avatar-wrapper { width: 110px; height: 110px; } .section-title { font-size: 1.6rem; } .avatar-spark::before { width: 118px; height: 118px; margin: -59px 0 0 -59px; } .avatar-spark::after { width: 126px; height: 126px; margin: -63px 0 0 -63px; } .nav-select-wrapper { width: 240px; } .member-card.legend .avatar-wrapper::after { top: -18px; font-size: 1.2rem; } } @media (max-width: 480px) { .member-card { width: 100%; max-width: 280px; } .nav-select-wrapper { width: 100%; max-width: 280px; } } ✦ ЮЖНЫЙ ОКРУГ · МОДЕРАЦИЯ ✦ актуальный состав | июнь 2026 ⚡ Обновлённая команда Полный состав модерации Южный Округ | Вместе к порядку на сервере Южный Округ · Rodina moderation team (function() { // АКТУАЛЬНЫЙ СОСТАВ МОДЕРАЦИИ ЮЖНЫЙ ОКРУГ (оранжевая тема) // СПИСОК ЛЮДЕЙ С ИСКРАМИ ВОКРУГ АВАТАРКИ const sparkAvatarNames = ["Maks_Petroff", "Mihail_Nic", "Monte_Carl", "Peaceful_Hooligan"]; // СПИСОК ЛЕГЕНД — ЗОЛОТАЯ КАРТОЧКА С КОРОНОЙ const legendNames = ["Maks_Petroff", "Mihail_Nic", "Monte_Carl", "Peaceful_Hooligan"]; // Руководство const managementReal = [ { name: "Maks_Petroff", position: "Руководитель Ветки VK", vk: "https://vk.com/vkdevelover", forum: "https://forum.space-corp.net/members/2826/", avatar: "https://avatars.mds.yandex.net/i?id=00ddb407aa183431314ed70aa8f5d44d_l-4233836-images-thumbs&n=13" }, { name: "Mihail_Nic", position: "Заместитель Руководителя Ветки", vk: "https://vk.com/krasnodarkraizdraviy", forum: "https://forum.space-corp.net/members/3145/", avatar: "https://forum.space-corp.net/data/avatars/l/3/3145.jpg?1769667013" }, { name: "Monte_Carl", position: "ВРИО Руководитель модерации VK / Главный модератор VK", vk: "https://vk.com/id614131931", forum: "https://forum.space-corp.net/members/3699/", avatar: "https://forum.space-corp.net/data/avatars/o/3/3699.jpg?1776875889" }, { name: "Peaceful_Hooligan", position: "ВРИО Руководитель модерации VK", vk: "https://vk.com/id517953193", forum: "https://forum.space-corp.net/members/3889/", avatar: "" } ]; // Главная модерация (ГМ + ЗГМ) const mainModeration = [ { name: "Vadim_Ingannamorte", position: "Главный модератор", vk: "https://vk.com/id447387145", forum: "https://forum.space-corp.net/members/3862/", avatar: "https://forum.space-corp.net/data/avatars/o/3/3862.jpg?1778049781" } ]; // Кураторы Модерации const curatorModeration =[ { name: "Вакантно", position: "Куратор Модерации", vk: "", forum: "", avatar: "", vacant: true } ]; // Старшая модерация const seniorModeration = [ { name: "Harrison_Morris", position: "Старший Модератор", vk: "https://vk.com/id866980949", forum: "https://forum.space-corp.net/members/4085/", avatar: "https://forum.space-corp.net/data/avatars/o/4/4085.jpg?1781356965" }, { name: "Вакантно", position: "Старший Модератор", vk: "", forum: "", avatar: "" } ]; // Модерация VK const moderatorsVK = [ { name: "Dmitry_Solntsev", position: "Модератор VK", vk: "https://vk.com/id1100496667", forum: "https://forum.space-corp.net/members/3803/", avatar: "" } ]; // Младшая модерация const juniorModeration = [ { name: "Caitlin_Blood", position: "Младший Модератор VK", vk: "https://vk.com/id626738223", forum: "https://forum.space-corp.net/members/3913/", avatar: "https://forum.space-corp.net/data/avatars/o/3/3913.jpg?1778638563" }, { name: "Вакантно", position: "Младший Модератор", vk: "", forum: "", avatar: "" } ]; function createMemberCard(member) { const card = document.createElement('div'); card.className = 'member-card'; if (legendNames.includes(member.name)) { card.classList.add('legend'); } const avaDiv = document.createElement('div'); avaDiv.className = 'avatar-wrapper'; if (sparkAvatarNames.includes(member.name)) { avaDiv.classList.add('avatar-spark'); } if (member.avatar && member.avatar.trim() !== "") { const img = document.createElement('img'); img.className = 'avatar-img'; img.src = member.avatar; img.alt = member.name; img.onerror = function() { this.style.display = 'none'; const fbDiv = document.createElement('div'); fbDiv.className = 'avatar-fallback'; fbDiv.textContent = member.name ? member.name.charAt(0) : '👤'; avaDiv.appendChild(fbDiv); }; avaDiv.appendChild(img); } else { const fbDiv = document.createElement('div'); fbDiv.className = 'avatar-fallback'; fbDiv.textContent = member.name ? member.name.charAt(0) : '👤'; avaDiv.appendChild(fbDiv); } card.appendChild(avaDiv); const nameEl = document.createElement('div'); nameEl.className = 'member-name'; nameEl.textContent = member.name || 'Вакантно'; if (!member.name) nameEl.style.color = '#6b9e9e'; card.appendChild(nameEl); const posEl = document.createElement('div'); posEl.className = 'member-position'; if (!member.name) posEl.style.opacity = '0.7'; posEl.textContent = member.position; card.appendChild(posEl); const linksDiv = document.createElement('div'); linksDiv.className = 'social-links'; if (member.name) { if (member.vk) { const vkLink = document.createElement('a'); vkLink.href = member.vk; vkLink.target = '_blank'; vkLink.rel = 'noopener noreferrer'; vkLink.className = 'social-link'; const vkImg = document.createElement('img'); vkImg.src = 'https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/VK_Compact_Logo_%282021-present%29.svg/1200px-VK_Compact_Logo_%282021-present%29.svg.png'; vkImg.alt = 'VK'; vkImg.onerror = () => { vkImg.style.display = 'none'; const span = document.createElement('span'); span.className = 'fallback-text'; span.textContent = 'VK'; vkLink.appendChild(span); }; vkLink.appendChild(vkImg); linksDiv.appendChild(vkLink); } if (member.forum) { const forumLink = document.createElement('a'); forumLink.href = member.forum; forumLink.target = '_blank'; forumLink.rel = 'noopener noreferrer'; forumLink.className = 'social-link'; const forumImg = document.createElement('img'); forumImg.src = 'https://forum.space-corp.net/data/assets/logo_default/.png'; forumImg.alt = 'Forum'; forumImg.onerror = () => { forumImg.style.display = 'none'; const span = document.createElement('span'); span.className = 'fallback-text'; span.textContent = '📋'; forumLink.appendChild(span); }; forumLink.appendChild(forumImg); linksDiv.appendChild(forumLink); } } else { const infoSpan = document.createElement('span'); infoSpan.style.fontSize = '12px'; infoSpan.style.color = '#5f9e9e'; infoSpan.textContent = 'ожидает назначения'; linksDiv.appendChild(infoSpan); } if (linksDiv.children.length > 0) card.appendChild(linksDiv); return card; } const sections = [ { id: "management", title: "🏛 Руководство", data: managementReal, type: "list" }, { id: "main_moderation", title: "🛡 Главная модерация", data: mainModeration, type: "list" }, { id: "curator_moderation", title: "🎓 Кураторы Модерации", data: curatorModeration, type: "vacant_list" }, { id: "senior_moderation", title: "⚜ Старшая модерация", data: seniorModeration, type: "list" }, { id: "moderators_vk", title: "💬 Модерация VK", data: moderatorsVK, type: "list" }, { id: "junior_moderation", title: "🌱 Младшая модерация", data: juniorModeration, type: "list" } ]; const container = document.getElementById('dynamicSections'); if (!container) return; function buildSections() { container.innerHTML = ''; for (const sec of sections) { const sectionDiv = document.createElement('section'); sectionDiv.className = 'department-section'; sectionDiv.id = sec.id; const titleDiv = document.createElement('div'); titleDiv.className = 'section-title'; titleDiv.innerHTML = sec.title; // Счётчик людей const filledCount = sec.data.filter(m => m.name && !m.vacant).length; const totalCount = sec.data.length; const counter = document.createElement('span'); counter.style.cssText = 'font-size:0.9rem;color:#e67e22;margin-left:4px;font-weight:400;'; counter.textContent = `${filledCount}/${totalCount}`; titleDiv.appendChild(counter); sectionDiv.appendChild(titleDiv); const grid = document.createElement('div'); grid.className = 'cards-grid'; sec.data.forEach(item => { grid.appendChild(createMemberCard(item)); }); sectionDiv.appendChild(grid); container.appendChild(sectionDiv); } } buildSections(); function initFilters() { const nav = document.getElementById('filterNav'); if (!nav) return; nav.innerHTML = ''; const wrapper = document.createElement('div'); wrapper.className = 'nav-select-wrapper'; nav.appendChild(wrapper); const selectButton = document.createElement('button'); selectButton.className = 'nav-select-button'; selectButton.innerHTML = 'Все отделы ▼ '; wrapper.appendChild(selectButton); const dropdown = document.createElement('div'); dropdown.className = 'nav-select-dropdown'; wrapper.appendChild(dropdown); const filterItems = [ { id: 'all', label: 'Все отделы' }, { id: 'management', label: '🏛 Руководство' }, { id: 'main_moderation', label: '🛡 Главная модерация' }, { id: 'curator_moderation', label: '🎓 Кураторы' }, { id: 'senior_moderation', label: '⚜ Ст. модерация' }, { id: 'moderators_vk', label: '💬 Модерация VK' }, { id: 'junior_moderation', label: '🌱 Мл. модерация' } ]; filterItems.forEach(item => { const btn = document.createElement('button'); btn.className = 'filter-btn'; if (item.id === 'all') btn.classList.add('active'); btn.setAttribute('data-filter', item.id); btn.textContent = item.label; dropdown.appendChild(btn); }); const sectionsList = document.querySelectorAll('#dynamicSections .department-section'); const allBtns = dropdown.querySelectorAll('.filter-btn'); function applyFilter(filterId) { sectionsList.forEach(sec => { if (filterId === 'all' || sec.id === filterId) { sec.classList.remove('hidden'); } else { sec.classList.add('hidden'); } }); const activeBtn = dropdown.querySelector(`[data-filter="${filterId}"]`); if (activeBtn) { selectButton.innerHTML = `${activeBtn.textContent} ▼ `; } allBtns.forEach(b => b.classList.remove('active')); if (activeBtn) activeBtn.classList.add('active'); wrapper.classList.remove('open'); } selectButton.addEventListener('click', function(e) { e.stopPropagation(); wrapper.classList.toggle('open'); }); allBtns.forEach(btn => { btn.addEventListener('click', function(e) { e.stopPropagation(); applyFilter(this.getAttribute('data-filter')); }); }); document.addEventListener('click', function() { wrapper.classList.remove('open'); }); applyFilter('all'); } initFilters(); })();

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

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

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

Тест1

Автор темы Vadim Miftakhov
Дата начала Суббота в 09:58

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

Vadim Miftakhov

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

Суббота в 09:58

Последнее редактирование: Суббота в 11:33

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

Ссылка

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

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

Сверху Снизу