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

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

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

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 Заместитель Главного Модератора Куратор отдела "Ведущие мероприятий" Кураторы Модерации John Kutuzov Куратор Модерации Главный следящий "Ведущих мероприятий" Vladik Landyshev Куратор Модерации Куратор отдела "Редакция новостей Следящие за Модерацией Yoruichi_Mouser Следящий за Модерацией Старшие Модераторы Vlad Kutuzov Старший Модератор ГС Редакции Куртис Коньякян Старший Модератор ЗГС Редакции Karatel_Kapa Старший Модератор Angelusha_Landyshev Старший Модератор Higuruma_Kutuzov Старший Модератор Beluga_Konyakyan Старший Модератор Модераторы Jacob Merl Модератор Младшие Модераторы Pelemenuco_Konyakyan Младший Модератор Nikolai_Romanov Младший Модератор Stas_Kuzmin Младший Модератор Kaori_Uchiha Младший Модератор Egor_Kizaru Младший Модератор Sasha Fleym Младший Модератор `; // Добавляем стили и контент в Shadow DOM shadow.appendChild(style); shadow.appendChild(content);

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

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

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

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

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

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

hrushchev root

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

17 Янв 2024

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

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

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

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

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

Сверху Снизу

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

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

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

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

hrushchev root