Регистрация

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

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

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

Snegovichok Konyakyan · 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 Заместитель Руководителя по управлению серверами Администратор Форума Главная Модерация Snegovichok Konyakyan Главный Модератор Администратор Форума Nikita Hrushchev Заместитель Главного Модератора Руководитель Форума Кураторы Модерации Logan Kutuzov Куратор Модерации Куратор отдела "Ведущие мероприятий" White Konyakyan Куратор Модерации Следящие за Модерацией Vladik Landyshev Следящий за Модерацией Куратор отдела "Редакция новостей" Старший Модераторы Jacob Landyshev Старший Модератор Куратор отдела "Менеджеры магазина" Babaika Babaikovich Старший Модератор John Kutuzov Старший Модератор ГС Ведущих ЗГС Редакции Vlad Willson Старший Модератор ГС Редакции Penguinonok Konyakyan Старший Модератор ЗГС Менеджеров Curtis_Weston Старший Модератор Yoruichi_Mouser Старший Модератор Karatel_Kapa Старший Модератор Модераторы Вакансия Пока нету Младшие Модераторы Angelusha_Landyshev Младший Модератор Kiril_Ferrari Младший Модератор `; // Добавляем стили и контент в Shadow DOM shadow.appendChild(style); shadow.appendChild(content);

От Snegovichok Konyakyan 17 Янв 2024 Информационный раздел

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

Snegovichok Konyakyan

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

Администратор Форума

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

Менеджер

17 Янв 2024

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

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

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

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

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

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

Сверху

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

Snegovichok Konyakyan

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

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