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

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

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

Alex_Shmidt · 2026-01-22T21:11:20+00:00

Редакция новостей — Москва | Стиль * { margin: 0; padding: 0; box-sizing: border-box; } body { background: #0a0a0a; font-family: 'Inter', sans-serif; } #team-container-modern { width: 100%; min-height: 100vh; background: transparent; color: #e0e0e0; padding: 40px 20px; position: relative; overflow: hidden; } /* -------------------- ЧЁРНО-БЕЛЫЙ ФОН С ГЕОМЕТРИЧЕСКИМИ СИМВОЛАМИ -------------------- */ .flurry { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 5; } .symbol, .ladybug, .spark { position: absolute; top: -20px; user-select: none; animation: fall infinite; } .symbol { color: rgba(220, 220, 220, 0.25); font-size: 1.4em; text-shadow: 0 0 15px rgba(255,255,255,0.3); filter: drop-shadow(0 5px 5px rgba(0,0,0,0.5)); animation-name: fall, swayPetal; animation-duration: 14s, 5s; animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1), ease-in-out; animation-iteration-count: infinite, infinite; } .ladybug { width: 8px; height: 8px; background: #aaa; border-radius: 50%; box-shadow: 0 0 15px rgba(255,255,255,0.3), 0 0 30px rgba(200,200,200,0.3); opacity: 0.5; animation: fall 12s infinite alternate cubic-bezier(0.45, 0.05, 0.55, 0.95); } .spark { width: 4px; height: 4px; background: #fff; border-radius: 50%; box-shadow: 0 0 15px #fff, 0 0 30px #ccc; opacity: 0.5; animation: sparkFall 6s infinite ease-in-out; } @keyframes sparkFall { 0% { transform: translateY(-20px) translateX(0) scale(1); opacity: 0.5; } 50% { transform: translateY(50vh) translateX(40px) scale(1.8); opacity: 0.8; } 100% { transform: translateY(100vh) translateX(-40px) scale(0.5); opacity: 0; } } @keyframes fall { 0% { transform: translateY(-20px) translateX(0) rotate(0deg); opacity: 1; } 100% { transform: translateY(100vh) translateX(80px) rotate(1080deg); opacity: 0; } } @keyframes swayPetal { 0% { transform: translateX(0); } 50% { transform: translateX(30px); } 100% { transform: translateX(0); } } .spring-left, .spring-right { position: absolute; bottom: 20px; font-size: 10rem; opacity: 0.08; pointer-events: none; z-index: 1; animation: elegantSway 11s infinite alternate ease-in-out; filter: drop-shadow(0 15px 15px rgba(0,0,0,0.5)); color: #ddd; } .spring-left { left: -10px; } .spring-right { right: -10px; } @keyframes elegantSway { 0% { transform: rotate(-8deg) translateY(0); } 50% { transform: rotate(3deg) translateY(-15px); } 100% { transform: rotate(8deg) translateY(0); } } /* Контент */ .content { max-width: 1400px; margin: 0 auto; position: relative; z-index: 20; text-align: center; } .main-title { font-size: 3.2rem; font-weight: 800; text-align: center; margin-bottom: 30px; background: linear-gradient(45deg, #fff, #aaa, #fff, #ccc, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: titleGlow 9s infinite alternate; filter: drop-shadow(0 0 30px rgba(255,255,255,0.3)); letter-spacing: 2px; } @keyframes titleGlow { 0% { filter: drop-shadow(0 0 10px #aaa); } 33% { filter: drop-shadow(0 0 40px #fff); } 66% { filter: drop-shadow(0 0 40px #ccc); } 100% { filter: drop-shadow(0 0 10px #aaa); } } .main-title span { display: inline-block; margin: 0 15px; animation: bounce 3.2s infinite ease-in-out; } @keyframes bounce { 0%,100%{ transform: translateY(0) scale(1); } 50%{ transform: translateY(-18px) scale(1.08); } } /* Кнопки фильтра */ .nav-filter { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin: 30px 0 50px; } .filter-btn { background: rgba(30, 30, 30, 0.7); backdrop-filter: blur(16px); border: 2px solid #666; border-radius: 60px; padding: 14px 34px; font-weight: 700; font-size: 1.1rem; color: #ccc; cursor: pointer; transition: all 0.9s cubic-bezier(0.2, 0.9, 0.3, 1.2); box-shadow: 0 0 15px rgba(255,255,255,0.1), inset 0 0 10px transparent; letter-spacing: 1.5px; text-transform: uppercase; } .filter-btn.active, .filter-btn:hover { background: #888; border-color: #fff; color: #111; box-shadow: 0 0 50px #fff, 0 0 90px #aaa, inset 0 0 20px #fff; transform: translateY(-7px) scale(1.05); } /* Секции */ .department-section { margin: 70px 0; } .section-title { font-size: 2.6rem; font-weight: 700; margin-bottom: 40px; padding-bottom: 15px; display: inline-block; color: #ccc; border-bottom: 4px solid transparent; border-image: linear-gradient(90deg, #888, #fff, #888) 1; text-shadow: 0 0 30px #aaa; letter-spacing: 1px; } .cards-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; align-items: stretch; } /* -------------------- КАРТОЧКИ: ОБНОВЛЁННЫЕ ЭФФЕКТЫ -------------------- */ .member-card { width: 260px; background: rgba(20, 20, 20, 0.7); backdrop-filter: blur(22px); border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 50px; padding: 18px 15px 15px; transition: all 1s cubic-bezier(0.15, 0.9, 0.25, 1.1); display: flex; flex-direction: column; align-items: center; text-align: center; box-shadow: 0 20px 30px -15px #000, 0 0 25px rgba(255,255,255,0.1); position: relative; overflow: hidden; min-height: 380px; } .member-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #888, #fff, #aaa, #ccc, #888); background-size: 300% 100%; animation: borderGlow 6s infinite linear; } @keyframes borderGlow { 0% { background-position: 0% 0; } 100% { background-position: 300% 0; } } /* Вращающееся кольцо (оставлено, оно красивое) */ .member-card::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 60px; background: conic-gradient(from 0deg, transparent, #fff, #aaa, #fff, #ccc, #fff, transparent); mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff); mask-composite: exclude; padding: 5px; opacity: 0; transition: opacity 0.4s; pointer-events: none; z-index: -1; animation: rotateConic 3s linear infinite; } .member-card:hover::after { opacity: 0.7; } @keyframes rotateConic { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .member-card:hover { transform: translateY(-20px) scale(1.02); border-color: rgba(255, 255, 255, 0.6); box-shadow: 0 40px 55px -15px #000, 0 0 70px #aaa, 0 0 90px rgba(255, 255, 255, 0.4); background: rgba(30, 30, 30, 0.8); backdrop-filter: blur(28px); } /* ---------- НОВЫЙ ЭФФЕКТ АВАТАРКИ: пульсация свечения вместо вращения ---------- */ .avatar-wrapper { width: 130px; height: 130px; border-radius: 50%; overflow: hidden; margin-bottom: 15px; border: 4px solid #666; transition: transform 0.6s ease, border-color 0.4s, box-shadow 0.4s; box-shadow: 0 12px 25px -8px #000; background: #222; } .member-card:hover .avatar-wrapper { transform: scale(1.15); /* увеличивается, но не вращается */ border-color: #fff; box-shadow: 0 0 30px #fff, 0 0 60px #aaa; animation: avatarPulse 1.5s infinite alternate; } @keyframes avatarPulse { 0% { box-shadow: 0 0 20px #fff, 0 0 40px #aaa; } 100% { box-shadow: 0 0 45px #fff, 0 0 90px #ccc; } } .avatar-img { width: 100%; height: 100%; object-fit: cover; display: block; } .vacant-placeholder, .avatar-fallback { width: 100%; height: 100%; background: #222; display: flex; align-items: center; justify-content: center; font-size: 3.5rem; color: #aaa; text-shadow: 0 0 30px #fff; } .member-name { font-size: 1.5rem; font-weight: 700; margin: 5px 0 3px; color: #eee; text-shadow: 0 3px 12px #666; line-height: 1.3; word-break: break-word; } /* ---------- НОВЫЙ ЭФФЕКТ ДОЛЖНОСТИ: мерцание неоном вместо бегущей линии ---------- */ .member-position { position: relative; font-size: 0.85rem; background: rgba(80, 80, 80, 0.3); padding: 6px 12px; border-radius: 40px; color: #ccc; border: 2px solid #666; margin: 8px 0 12px; font-weight: 600; backdrop-filter: blur(5px); transition: background 0.3s, border-color 0.3s, box-shadow 0.3s; z-index: 1; max-width: 100%; white-space: normal; word-break: break-word; line-height: 1.3; text-align: center; hyphens: auto; } .member-card:hover .member-position { background: rgba(100, 100, 100, 0.4); border-color: #fff; box-shadow: 0 0 20px #fff; animation: positionGlow 1.2s infinite alternate; } @keyframes positionGlow { 0% { border-color: #fff; box-shadow: 0 0 10px #fff; } 100% { border-color: #aaa; box-shadow: 0 0 30px #fff; } } /* Бегущая линия полностью удалена */ .member-position::after { display: none; } /* Частицы (оставлены) */ .member-card:hover .particle-container { opacity: 1; } .particle-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 2; opacity: 0; transition: opacity 0.5s; } .particle { position: absolute; width: 4px; height: 4px; background: white; border-radius: 50%; box-shadow: 0 0 15px white; animation: particleFloat 1.5s infinite ease-out; } @keyframes particleFloat { 0% { transform: translate(0, 0) scale(1); opacity: 1; } 100% { transform: translate(var(--dx), var(--dy)) scale(0); opacity: 0; } } /* Соц. ссылки */ .social-links { display: flex; justify-content: center; gap: 16px; margin: 5px 0 0; } .social-link { width: 50px; height: 50px; border-radius: 50%; background: rgba(30, 30, 30, 0.7); backdrop-filter: blur(5px); border: 2px solid #666; display: flex; align-items: center; justify-content: center; transition: all 0.8s cubic-bezier(0.2, 0.9, 0.3, 1.3); text-decoration: none; overflow: hidden; box-shadow: 0 0 15px rgba(255,255,255,0.2); } .social-link:hover { border-color: #fff; background: #888; transform: translateY(-8px) scale(1.18); box-shadow: 0 0 55px #fff, 0 0 100px #aaa; } .social-link img { width: 28px; height: 28px; object-fit: contain; display: block; transition: 0.4s; filter: drop-shadow(0 2px 4px black); } .social-link:hover img { filter: brightness(1.2) drop-shadow(0 0 10px white); } .fallback-text { color: #ccc; font-weight: bold; font-size: 1.2rem; } /* Футер */ .footer-modern { margin-top: 90px; padding: 50px 30px; background: rgba(20, 20, 20, 0.7); backdrop-filter: blur(25px); border-radius: 100px 100px 40px 40px; border: 3px solid #666; text-align: center; box-shadow: 0 -25px 50px #000; position: relative; overflow: hidden; } .footer-modern::before { content: '✦✧✦✧✦'; position: absolute; top: 15px; left: 20px; font-size: 2.8rem; opacity: 0.15; animation: float 7s infinite alternate; color: #fff; } .footer-modern::after { content: '✧✦✧✦✧'; position: absolute; bottom: 15px; right: 20px; font-size: 2.8rem; opacity: 0.15; animation: float 8s infinite alternate-reverse; color: #fff; } @keyframes float { 0% { transform: translateY(0) rotate(-3deg); } 100% { transform: translateY(-30px) rotate(3deg); } } .footer-title { font-size: 2.8rem; font-weight: 800; color: #ccc; text-shadow: 0 0 50px #aaa, 0 0 90px #fff; margin-bottom: 25px; } .footer-text { color: #aaa; font-size: 1.4rem; max-width: 800px; margin: 0 auto 20px; line-height: 1.7; font-weight: 300; } .footer-signature { font-size: 1.9rem; color: #888; font-weight: 700; text-shadow: 0 0 20px #fff; } @media (max-width: 768px) { .main-title { font-size: 2.2rem; } .filter-btn { padding: 10px 22px; font-size: 1rem; } .section-title { font-size: 1.9rem; } .member-card { width: 240px; min-height: 360px; } .avatar-wrapper { width: 110px; height: 110px; } .member-name { font-size: 1.3rem; } .member-position { font-size: 0.8rem; padding: 5px 10px; } } @media (max-width: 480px) { .main-title { font-size: 1.8rem; } .avatar-wrapper { width: 100px; height: 100px; } .social-link { width: 44px; height: 44px; } .social-link img { width: 24px; height: 24px; } } .hidden { display: none; } (function() { const team = { sections: [ { id: "mod-management", title: "✦ Руководство Модерации", members: [ { name: "Alex_Shmidt", position: "Главный Модератор", vk: "f.caralev", forum: "28", avatar: "https://sun9-37.userapi.com/s/v1/ig2/hDhlBFhVdmFOASvifnn-DKwVEpQaVAvT7y2eE1TlX6DO6d29_YriALKROspzT7qwO9pEZzGqRL8Fz6JZYVbTr_XX.jpg?quality=95&as=32x32,48x48,72x72,108x108,160x160,240x240,360x360,480x480,540x540,640x640,720x720,1080x1080,1250x1250&from=bu&cs=1250x0" }, { name: "Nursultan_Jomart", position: "Заместитель Главного Модератора", vk: "n.jomart", forum: "3276", avatar: "https://sun1-86.userapi.com/s/v1/ig2/cqOZ02PTPs8tLQ8pc13_Ya5AdR60BAOai7_XRUl_MDBDizTrQ_sRodGhxRkmtNYPV88R2Vt2KIn4pIEniZG_AW8j.jpg?quality=95&as=32x35,48x52,72x78,108x117,160x173,240x259,360x388,480x518,540x583,640x690,720x777,735x793&from=bu&cs=735x0" }, { name: "Вакансия", position: "Куратор Модерации", vacant: true } ]}, { id: "lead-management", title: "✧ Руководство Редакции", members: [ { name: "Nursultan_Jomart", position: "Куратор Отдела", vk: "n.jomart", forum: "3276", avatar: "https://sun1-86.userapi.com/s/v1/ig2/cqOZ02PTPs8tLQ8pc13_Ya5AdR60BAOai7_XRUl_MDBDizTrQ_sRodGhxRkmtNYPV88R2Vt2KIn4pIEniZG_AW8j.jpg?quality=95&as=32x35,48x52,72x78,108x117,160x173,240x259,360x388,480x518,540x583,640x690,720x777,735x793&from=bu&cs=735x0" }, { name: "omar suvorov", position: "Заместитель Куратора Отдела", vk: "k_5504", forum: "534", avatar: "https://media1.tenor.com/m/Mvhue62-Z9IAAAAC/cat-laughing.gif" }, { name: "lucifer ledyanoy", position: "Главный Редактор", vk: "tricknight", forum: "1640", avatar: "https://forum.space-corp.net/data/avatars/o/1/1640.jpg?1772053373" }, { name: "Spenser_Majestic", position: "Заместитель Главного Редактора", vk: "spencermajestic", forum: "3305", avatar: "https://sun9-43.userapi.com/s/v1/ig2/FwA5v4u9JOp_rBfheTZHluVFRyCXIcUJ7EEegL3UzR47SuKouxw_qrVymzMPcoGP7JX1mlAAY0F_hwatSm9Cq2Hz.jpg?quality=95&as=32x43,48x64,72x96,108x144,160x213,240x320,360x480,480x640,540x720,640x853,720x960,1080x1440,1280x1707,1440x1920,1920x2560&from=bu&cs=1920x0" } ]}, { id: "senior-leads", title: "❄ Старшие Редакторы", members: [ { name: "Вакансия", position: "Старший Редактор", vacant: true } ]}, { id: "leads", title: "⚡ Редакторы", members: [ { name: ": newer elegy", position: "Редактор", vk: "tricknight", forum: "1640", avatar: "https://forum.space-corp.net/data/avatars/o/1/1640.jpg?1772053373" } ]}, { id: "trainees", title: "● Стажеры Редакции", members: [ { name: ": Spencer_Majestic", position: "Стажер Редакции", vk: "", forum: "", avatar: "" } ]} ] }; const container = document.getElementById('team-container-modern'); if (!container) return; container.innerHTML = ''; // Фон с геометрическими символами const flurry = document.createElement('div'); flurry.className = 'flurry'; const symbolArray = ['', '', , '', '', '', '']; for (let i = 0; i < 60; i++) { const sym = document.createElement('div'); sym.className = 'symbol'; sym.textContent = symbolArray[Math.floor(Math.random() * symbolArray.length)]; sym.style.left = Math.random() * 100 + '%'; sym.style.animationDuration = (Math.random() * 12 + 7) + 's'; sym.style.animationDelay = Math.random() * 9 + 's'; sym.style.fontSize = (Math.random() * 30 + 14) + 'px'; flurry.appendChild(sym); } for (let i = 0; i < 40; i++) { const bug = document.createElement('div'); bug.className = 'ladybug'; bug.style.left = Math.random() * 100 + '%'; bug.style.animationDuration = (Math.random() * 8 + 6) + 's'; bug.style.animationDelay = Math.random() * 8 + 's'; bug.style.width = (Math.random() * 18 + 4) + 'px'; bug.style.height = bug.style.width; bug.style.background = '#aaa'; flurry.appendChild(bug); } for (let i = 0; i < 30; i++) { const spark = document.createElement('div'); spark.className = 'spark'; spark.style.left = Math.random() * 100 + '%'; spark.style.animationDuration = (Math.random() * 6 + 4) + 's'; spark.style.animationDelay = Math.random() * 10 + 's'; flurry.appendChild(spark); } container.appendChild(flurry); const bushLeft = document.createElement('div'); bushLeft.className = 'spring-left'; bushLeft.textContent = '◈◈'; container.appendChild(bushLeft); const bushRight = document.createElement('div'); bushRight.className = 'spring-right'; bushRight.textContent = '◆◆'; container.appendChild(bushRight); const content = document.createElement('div'); content.className = 'content'; const title = document.createElement('h1'); title.className = 'main-title'; title.innerHTML = ' ✦ Редакция новостей Москвы ✧ '; content.appendChild(title); const nav = document.createElement('div'); nav.className = 'nav-filter'; const allBtn = document.createElement('button'); allBtn.className = 'filter-btn active'; allBtn.setAttribute('data-filter', 'all'); allBtn.textContent = 'Все отделы'; nav.appendChild(allBtn); team.sections.forEach(s => { const btn = document.createElement('button'); btn.className = 'filter-btn'; btn.setAttribute('data-filter', s.id); btn.textContent = s.title.split(' ')[1] || s.title; nav.appendChild(btn); }); content.appendChild(nav); function createCard(m) { const card = document.createElement('div'); card.className = 'member-card'; const particleContainer = document.createElement('div'); particleContainer.className = 'particle-container'; for (let i = 0; i < 8; i++) { const p = document.createElement('div'); p.className = 'particle'; const angle = Math.random() * 2 * Math.PI; const dist = 30 + Math.random() * 40; p.style.setProperty('--dx', Math.cos(angle) * dist + 'px'); p.style.setProperty('--dy', Math.sin(angle) * dist + 'px'); p.style.left = '50%'; p.style.top = '50%'; p.style.animationDelay = (i * 0.1) + 's'; particleContainer.appendChild(p); } card.appendChild(particleContainer); const ava = document.createElement('div'); ava.className = 'avatar-wrapper'; if (m.vacant) { ava.innerHTML = ' ✦ '; } else { const img = document.createElement('img'); img.className = 'avatar-img'; img.src = m.avatar; img.alt = m.name; img.onerror = function() { this.style.display = 'none'; const fb = document.createElement('div'); fb.className = 'avatar-fallback'; fb.textContent = '●'; ava.appendChild(fb); }; ava.appendChild(img); } card.appendChild(ava); const name = document.createElement('div'); name.className = 'member-name'; name.textContent = m.name; card.appendChild(name); const pos = document.createElement('div'); pos.className = 'member-position'; pos.textContent = m.position; card.appendChild(pos); if (!m.vacant) { const links = document.createElement('div'); links.className = 'social-links'; if (m.vk) { const vkLink = document.createElement('a'); vkLink.href = `https://vk.com/${m.vk}`; vkLink.target = '_blank'; 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 = function(e) { e.target.style.display = 'none'; const fallback = document.createElement('span'); fallback.className = 'fallback-text'; fallback.textContent = 'VK'; vkLink.appendChild(fallback); }; vkLink.appendChild(vkImg); links.appendChild(vkLink); } if (m.forum) { const fLink = document.createElement('a'); fLink.href = `https://forum.space-corp.net/members/${m.forum}/`; fLink.target = '_blank'; fLink.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 = function(e) { e.target.style.display = 'none'; const fallback = document.createElement('span'); fallback.className = 'fallback-text'; fallback.textContent = '📋'; fLink.appendChild(fallback); }; fLink.appendChild(forumImg); links.appendChild(fLink); } card.appendChild(links); } return card; } team.sections.forEach(s => { const sec = document.createElement('section'); sec.id = s.id; sec.className = 'department-section'; const secTitle = document.createElement('h2'); secTitle.className = 'section-title'; secTitle.textContent = s.title; sec.appendChild(secTitle); const grid = document.createElement('div'); grid.className = 'cards-grid'; s.members.forEach(m => grid.appendChild(createCard(m))); sec.appendChild(grid); content.appendChild(sec); }); const footer = document.createElement('footer'); footer.className = 'footer-modern'; footer.innerHTML = ` ✦ С весной 2026! ✦ Пусть каждый день расцветает новыми идеями и тёплыми моментами! С любовью, Редакция Сервера Москва ✦✧ `; content.appendChild(footer); container.appendChild(content); const btns = document.querySelectorAll('#team-container-modern .filter-btn'); const sections = document.querySelectorAll('#team-container-modern .department-section'); function filter(val) { sections.forEach(s => { s.classList.toggle('hidden', val !== 'all' && s.id !== val); }); } btns.forEach(b => { b.addEventListener('click', function() { btns.forEach(btn => btn.classList.remove('active')); this.classList.add('active'); filter(this.dataset.filter); }); }); filter('all'); })();

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

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

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

Информация #Москва | Список редакторов Discord

Автор темы Alex_Shmidt
Дата начала 23 Янв 2026

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

Alex_Shmidt

босс москвы

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

23 Янв 2026

Редакция новостей — Москва | Стиль

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

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

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

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

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

Сверху Снизу