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

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

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

hrushchev · 2024-01-17T13:53:10+00:00

Sakura Bloom — Изолированная версия // Создание изолированного компонента const container = document.getElementById('sakura-container'); const shadow = container.attachShadow({mode: 'open'}); // Добавление стилей в Shadow DOM const style = document.createElement('style'); style.textContent = ` :host { display: block; width: 100%; } * { margin: 0; padding: 0; box-sizing: border-box; } .sakura-component { font-family: "Inter", sans-serif; color: #f1e8f4; overflow-x: hidden; min-height: 100vh; padding: 20px 0; width: 100%; } h1 { text-align: center; margin: 40px 0 0; font-size: 2.6rem; font-weight: 800; color: #ffd8eb; text-shadow: 0 0 12px rgba(255, 162, 203, 0.5); } h2 { text-align: center; margin: 50px 0 20px; font-size: 1.9rem; font-weight: 600; color: #ffb7d8; letter-spacing: 1px; text-shadow: 0 0 10px rgba(255, 125, 180, 0.4); } .grid { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; padding-bottom: 50px; margin-top: 20px; } .card { position: relative; background: rgba(255, 215, 235, 0.05); border: 1px solid rgba(255, 193, 225, 0.15); border-radius: 20px; padding: 25px; text-align: center; backdrop-filter: blur(14px); box-shadow: 0 0 20px rgba(255, 150, 197, 0.08); transition: .3s ease; overflow: hidden; width: 275px; flex-shrink: 0; } .card:hover { transform: translateY(-8px) scale(1.03); border-color: rgba(255, 165, 212, 0.35); box-shadow: 0 0 25px rgba(255, 150, 197, 0.25); } .card::before, .card::after { content: ""; position: absolute; width: 90px; height: 90px; background: url('https://i.imgur.com/zB7SXbk.png') center/contain no-repeat; opacity: 0.5; pointer-events: none; } .card::before { top: -10px; left: -10px; transform: rotate(-20deg); } .card::after { bottom: -10px; right: -10px; transform: rotate(30deg); } .avatar { width: 120px; height: 120px; object-fit: cover; border-radius: 50%; border: 3px solid rgba(255, 195, 225, 0.5); box-shadow: 0 0 15px rgba(255, 155, 200, 0.2); transition: .3s; } .card:hover .avatar { box-shadow: 0 0 20px rgba(255, 155, 200, 0.5); border-color: #ffb6db; } .name { font-size: 1.3rem; margin: 10px 0 4px; font-weight: 600; color: #ffe6f3; } .role { font-size: 0.95rem; color: #f9d6ea; margin-bottom: 40px; opacity: .85; } .dop { font-size: 0.95rem; color: #f9d6ea; margin-top: -30px; margin-bottom: 20px; opacity: .85; } .dop1 { font-size: 0.95rem; color: #f9d6ea; margin-top: -10px; margin-bottom: 20px; opacity: .85; } .social { display: flex; justify-content: center; gap: 14px; } .social a { width: 42px; height: 42px; background: rgba(255, 205, 230, 0.08); border-radius: 14px; border: 1px solid rgba(255, 180, 210, 0.22); display: flex; justify-content: center; align-items: center; transition: .25s ease; backdrop-filter: blur(6px); text-decoration: none; } .social a:hover { background: rgba(255, 170, 210, 0.2); box-shadow: 0 0 10px rgba(255, 150, 195, 0.45); transform: scale(1.15); } .social-icon { width: 20px; height: 20px; object-fit: contain; } `; // Добавление HTML структуры const content = document.createElement('div'); content.className = 'sakura-component'; content.innerHTML = ` Наша команда модерации Руководство Хранителя Pavel Cherenkov Генеральный директор Хранителя Dmitriy Cherenkov Заместитель Генерального директора Patrick Morzhov Заместитель Генерального директора Rolex_Rentences Руководитель по управлению серверами Администратор Форума Medvezonok Konyakyan Заместитель Руководителя по управлению серверами Администратор Форума Следящий за Discord Nicholas Konyakyan Следящий за Discord Администратор Форума Главная Модерация Nikita Hrushchev Главный Модератор Руководитель Форума Logan Kutuzov Заместитель Главного Модератора Куратор отдела "Ведущие мероприятий" Кураторы Модерации White Konyakyan Куратор Модерации John Kutuzov Куратор Модерации Главный следящий "Ведущих мероприятий" ЗГС Редакции Следящие за Модерацией Vladik Landyshev Следящий за Модерацией Куратор отдела "Редакция новостей" Старшие Модераторы Vlad Kutuzov Старший Модератор ГС Редакции Curtis_Weston Старший Модератор Никита Ландышев Старший Модератор Yoruichi_Mouser Старший Модератор Karatel_Kapa Старший Модератор ded moroz Старший Модератор Angelusha_Landyshev Старший Модератор Avgust_Moscowski Старший Модератор Модераторы Jacob Merl Модератор Roman_Nekrasov Модератор Младшие Модераторы Danil Khalifatov Младший Модератор Danil Kutuzov Младший Модератор Maksim Barboskin Младший Модератор Shamil Volcov Младший Модератор `; // Добавляем стили и контент в Shadow DOM shadow.appendChild(style); shadow.appendChild(content);

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

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

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

Информация Состав модерации Западного округа [DISCORD]

Автор темы hrushchev
Дата начала 17 Янв 2024

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

hrushchev

Разработчик Форума

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

17 Янв 2024

Sakura Bloom — Изолированная версия

Последнее редактирование модератором: 9 Мар 2026

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

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

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

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

Сверху Снизу

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

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

Информация Состав модерации Западного округа [DISCORD]

hrushchevhrushchev верифицированный пользователь.

hrushchev