[hideprofile][html]
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Serif+Display:ital@0;1&display=swap" rel="stylesheet">
<div class="endgame-materiel compact">
<div class="eg-bg" aria-hidden="true"></div>
<div class="eg-inner">
<!-- левая -->
<div class="eg-left">
<div class="eg-subtitle">
<div class="eg-subline">dark au // death eaters win scenario // 1980 // nc-21</div> </div>
<div class="eg-logo">hp: solace</div>
<div class="eg-subtitle">
<div class="eg-admins">
✶ <a href="https://solace.rusff.me/profile.php?id=6">роза на кладбище</a> ✶ <a href="https://solace.rusff.me/profile.php?id=4">ромашка</a> ✶ <a href="https://solace.rusff.me/profile.php?id=5">мята</a> ✶ <a href="https://solace.rusff.me/profile.php?id=10">енотт</a>
</div>
</div>
<div class="eg-intro"><p>Срок придержания для гостей — сутки. На каждый профиль можно придержать бесплатно <b>1 внешность и 1 роль</b>, которые держатся за вами до открытия при условии активности в 1 сообщение в день. Каждая следующая внешность может быть придержана разово на один день без возможности продления. Если вам нужно придержать больше внешностей до открытия, вы можете оставить <b>5 реклам за каждую из них</b> разово с тем же условием активности в 1 сообщение в день за каждую внешность. Максимальное количество — 4 внешности.
<br>
Второй профиль можно завести бесплатно, третий за <b>10 реклам</b>. В тестовом режиме максимальное количество профилей — 3 на игрока. Все, что выкуплено под заявки, имеет обозначение и ссылку на саму заявку. </p>
</div>
<div class="eg-nav" role="navigation" aria-label="site navigation">
<a class="copy-btn" href="https://solace.rusff.me/viewtopic.php?id=3">сюжет</a>
<a class="copy-btn" href="https://solace.rusff.me/viewtopic.php?id=6">хочу к вам</a>
<a class="copy-btn" href="#">нужные</a>
</div>
<div class="partner-buttons">
<button class="copy-btn" onclick="copyBanner()">скопировать код</button> </div>
</div>
<!-- правая -->
<div class="eg-right">
<div class="eg-cards-grid">
<div class="eg-card eg-card-booked" aria-labelledby="booked-title">
<div id="booked-title" class="eg-card-head">appearances</div>
<div class="eg-card-body eg-scroll">
<div class="eg-pill">09.11</div>
<ul>
<li><span class="dot">•</span> adria arjona — <em><a href="https://solace.rusff.me/profile.php?id=12">сейлор мур</a></em></li>
<li><span class="dot">•</span> ben barnes — <em><a href="ссылка на профиль">смешной банан</a></em></li>
<li><span class="dot">•</span> bruna marquezine — <em><a href="https://solace.rusff.me/profile.php?id=12">сейлор мур</a></em></li>
<li><span class="dot">•</span> deva cassel — <em><a href="ссылка на профиль">смешной банан</a></em></li>
<li><span class="dot">•</span>drew starkey — <em><a href="https://solace.rusff.me/profile.php?id=13">тургор</a></em></li>
<li><span class="dot">•</span> jenna ortega — <em>голод</em></li>
<li><span class="dot">•</span> kristine froseth — <em><a href="https://solace.rusff.me/profile.php?id=8">hypnotic</em></li>
<li><span class="dot">•</span> sam claflin — <em><a href="https://solace.rusff.me/profile.php?id=12">сейлор мур</a></em></li>
<li><span class="dot">•</span> suki waterhouse — <em><a href="https://solace.rusff.me/profile.php?id=12">сейлор мур</a></em></li>
</ul>
<div class="eg-pill">10.11</div>
<ul>
<li><span class="dot">•</span> jack lowden — <em><a href="https://solace.rusff.me/profile.php?id=26">острая фаза</a></em></li>
</ul>
<div class="eg-pill">до открытия</div>
<ul>
<li><span class="dot">•</span> abigail cowen — <em>за амс</em></li>
<li><span class="dot">•</span> ana de armas — <em>роза на кладбище</em></li>
<li><span class="dot">•</span> boyd holbrook — <em>за амс</em></li>
<li><span class="dot">•</span> charlie hunnam — <em><a href="https://solace.rusff.me/profile.php?id=11">бабайка</a></em></li>
<li><span class="dot">•</span> chris wood — <em><a href="https://solace.rusff.me/profile.php?id=18">Rikimaru</a></em></li>
<li><span class="dot">•</span> christopher briney — <em>за амс</em></li>
<li><span class="dot">•</span> colin farrell — <em><a href="https://solace.rusff.me/profile.php?id=15">dangerous</a></em></li>
<li><span class="dot">•</span> damian hardung — <em>за амс</em></li>
<li><span class="dot">•</span> douglas boot — <em><a href="https://solace.rusff.me/profile.php?id=13">тургор</a></em></li>
<li><span class="dot">•</span> ella purnell — <em>роза на кладбище</em></li>
<li><span class="dot">•</span> ester exposito — <em><a href="https://solace.rusff.me/profile.php?id=12">сейлор мур</a></em></li>
<li><span class="dot">•</span> freya allan — <em><a href="https://solace.rusff.me/profile.php?id=23">за otter</a></em></li>
<li><span class="dot">•</span> grace van dien — <em>за мяткой</em></li>
<li><span class="dot">•</span> hande ercel — <em>роза на кладбище</em></li>
<li><span class="dot">•</span> herman tommeraas— <em><a href="https://solace.rusff.me/profile.php?id=20">кроватка</a></em></li>
<li><span class="dot">•</span> joshua colley — <em><a href="https://solace.rusff.me/profile.php?id=22">за беды с батюшкой</a></em></li>
<li><span class="dot">•</span> josh heuston — <em><a href="https://solace.rusff.me/profile.php?id=9">павлин</a></em></li>
<li><span class="dot">•</span> matilda de angelis — <em><a href="https://solace.rusff.me/profile.php?id=26">острая фаза</a></em></li>
<li><span class="dot">•</span> olivia cooke — <em>роза на кладбище</em></li>
<li><span class="dot">•</span>phoebe tonkin — <em><a href="https://solace.rusff.me/profile.php?id=9">павлин</a></em></li>
<li><span class="dot">•</span> riley keough — <em><a href="https://solace.rusff.me/profile.php?id=16">matadora</a></em></li>
<li><span class="dot">•</span> sadie sink — <em>за ромашкой</em></li>
<li><span class="dot">•</span> samara weaving — <em><a href="https://solace.rusff.me/profile.php?id=8">hypnotic</a></em></li>
<li><span class="dot">•</span> sebastian stan — <em>за амс</em></li>
<li><span class="dot">•</span> tom blyth — <em><a href="https://solace.rusff.me/profile.php?id=8">hypnotic</a></em></li>
<li><span class="dot">•</span> louis partridge — <em><a href="https://solace.rusff.me/profile.php?id=7">за black</a></em></li>
<li><span class="dot">•</span> jessica alexander — <em><a href="https://solace.rusff.me/profile.php?id=11">бабайка</a></em></li>
</ul>
<div class="eg-pill">02.12</div>
<ul>
<li><span class="dot">•</span> maybe i — <em><a href="#">maybe you</a></em></li>
</ul>
</div>
</div>
<div class="eg-card eg-card-bought" aria-labelledby="bought-title">
<div id="bought-title" class="eg-card-head">roles / surnames</div>
<div class="eg-card-body eg-scroll">
<div class="eg-pill">09.11</div>
<ul>
<li><span class="dot">•</span>carrow family — <em><a href="ссылка на профиль">смешной банан</a></em></li>
<li><span class="dot">•</span>dorcas meadowes — <em><a href="https://solace.rusff.me/profile.php?id=9">павлин</a></em></li>
<li><span class="dot">•</span> james potter — <em><a href="https://solace.rusff.me/profile.php?id=18">Rikimaru</a></em></li>
</ul>
<div class="eg-pill">10.11</div>
<ul>
<li><span class="dot">•</span> saul croaker — <em><a href="https://solace.rusff.me/profile.php?id=26">острая фаза</a></em></li>
</ul>
<div class="eg-pill">до открытия</div>
<ul>
<li><span class="dot">•</span> alastor moody— <em>moody</em></li>
<li><span class="dot">•</span> avery family — <em><a href="https://solace.rusff.me/profile.php?id=9">павлин</a></em></li>
<li><span class="dot">•</span> bellatrix black/lestrange — <em><a href="https://solace.rusff.me/profile.php?id=18">Rikimaru</a></em></li>
<li><span class="dot">•</span> borgin family — <em>роза на кладбище</em></li>
<li><span class="dot">•</span> caradoc dearborn — <em><a href="https://solace.rusff.me/profile.php?id=11">бабайка</a></em></li>
<li><span class="dot">•</span> emmeline vance — <em>роза на кладбище</em></li>
<li><span class="dot">•</span> fawley family — <em><a href="https://solace.rusff.me/profile.php?id=12">сейлор мур</a></em></li>
<li><span class="dot">•</span> flint family — <em><a href="https://solace.rusff.me/profile.php?id=18">Rikimaru</a></em></li>
<li><span class="dot">•</span> greengrass family — <em>за ромашкой</em></li>
<li><span class="dot">•</span> gamp family — <em>за мяткой</em></li>
<li><span class="dot">•</span> hestia jones — <em><a href="https://solace.rusff.me/profile.php?id=16">matadora</a></em></li>
<li><span class="dot">•</span> lucius malfoy — <em><a href="https://solace.rusff.me/profile.php?id=8">hypnotic</a></em></li>
<li><span class="dot">•</span> macfusty family — <em>роза на кладбище</em></li>
<li><span class="dot">•</span> moreau family — <em>moody</em></li>
<li><span class="dot">•</span> narcissa malfoy — <em><a href="https://solace.rusff.me/profile.php?id=8">hypnotic</a></em></li>
<li><span class="dot">•</span> nott family — <em>moody</em></li>
<li><span class="dot">•</span> ollivander family — <em>роза на кладбище</em></li>
<li><span class="dot">•</span> regulus black — <em><a href="https://solace.rusff.me/profile.php?id=22">за беды с батюшкой</a></em></li>
<li><span class="dot">•</span> rosier family — <em>moody</em></li>
<li><span class="dot">•</span> rowle family — <em><a href="https://solace.rusff.me/profile.php?id=11">бабайка</a></em></li>
<li><span class="dot">•</span> scarlet sharp — <em><a href="https://solace.rusff.me/profile.php?id=26">острая фаза</a></em></li>
<li><span class="dot">•</span> severus snape — <em><a href="https://solace.rusff.me/profile.php?id=24">за полукоровкой</a></em></li>
<li><span class="dot">•</span> sirius black — <em><a href="https://solace.rusff.me/profile.php?id=7">за black</a></em></li>
</ul>
</div>
</div>
<img class="eg-cassette" src="https://res.cloudinary.com/dyg1jrdzu/image/upload/v1762017212/ChatGPT_Image_1_%D0%BD%D0%BE%D1%8F%D0%B1._2025_%D0%B3._19_11_49_rsc9zd.png" alt="sticker">
</div>
<script>
function copyBanner() {
const code = `<li><span class="dot">•</span> имя/фамилия/роль — <em><a href="ссылка на профиль">за ваше имя</a></em></li>`;
const textarea = document.createElement('textarea');
textarea.value = code;
document.body.appendChild(textarea);
textarea.select();
textarea.setSelectionRange(0, 99999);
document.execCommand('copy');
document.body.removeChild(textarea);
alert('Код скопирован!');
}
</script>
<script>
(function () {
const MAX_SHIFT = 26; // вертикальный максимум (чем больше — тем сильнее параллакс)
const MOUSE_MAX_X = 10; // горизонтальный сдвиг по мыши
const MOUSE_MAX_Y = 8; // вертикальный сдвиг по мыши
const SMOOTHNESS = 0.08; // плавность (0.05–0.12 — мягко, >0.2 — резче)
let cassette = null;
let container = null;
let mouseX = 0;
let mouseY = 0;
let targetX = 0;
let targetY = 0;
let currentX = 0;
let currentY = 0;
let rafId = null;
function init() {
cassette = document.querySelector('.eg-cassette');
container = document.querySelector('.endgame-materiel.compact');
if (!cassette || !container) return;
container.addEventListener('mousemove', onMouseMove);
container.addEventListener('mouseleave', () => { mouseX = 0; mouseY = 0; });
window.addEventListener('scroll', onScroll, { passive: true });
rafId = requestAnimationFrame(loop);
}
function onMouseMove(e) {
const rect = container.getBoundingClientRect();
mouseX = (e.clientX - rect.left) / rect.width - 0.5;
mouseY = (e.clientY - rect.top) / rect.height - 0.5;
}
function onScroll() {
if (!rafId) rafId = requestAnimationFrame(loop);
}
function loop() {
const rect = container.getBoundingClientRect();
const viewportCenter = window.innerHeight / 2;
const containerCenter = rect.top + rect.height / 2;
const diff = viewportCenter - containerCenter;
const norm = diff / (window.innerHeight || 1);
const shiftY = Math.max(-1, Math.min(1, norm)) * MAX_SHIFT;
targetX = mouseX * MOUSE_MAX_X;
targetY = shiftY + mouseY * MOUSE_MAX_Y;
// плавное приближение к целевому положению
currentX += (targetX - currentX) * SMOOTHNESS;
currentY += (targetY - currentY) * SMOOTHNESS;
cassette.style.transform = `rotate(-16deg) translate3d(${currentX.toFixed(2)}px, ${currentY.toFixed(2)}px, 0)`;
rafId = requestAnimationFrame(loop);
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();
</script>
<style>
:root{
--bg:#f2efe9;
--card:#ffffffd9;
--stroke:#d8cdbb;
--ink:#2b2722;
--muted:#6b6359;
--accent:#7c5c2c;
--shadow: 0 8px 24px rgba(0,0,0,.08);
}
/* контейнер: ограничиваем ширину и центрируем */
.endgame-materiel.compact{
font-family: "Manrope", sans-serif;
color:var(--ink);
position:relative;
border-radius:12px;
overflow:hidden;
background:var(--bg);
padding:20px;
max-width:980px;
margin:18px auto;
}
/* фон: картинка + пергамент */
.eg-bg{
position:absolute; inset:0;
background:
linear-gradient(180deg, rgba(242,239,233,.78), rgba(235,228,215,.56)),
url("https://i.imgur.com/ExUNVIJ.jpeg") center/cover no-repeat;
filter:grayscale(.12) contrast(.94) brightness(.95);
z-index:0;
pointer-events:none;
}
/* внутренняя сетка: правую колонку сузили */
.eg-inner{
position:relative;
z-index:2;
display:grid;
grid-template-columns: 1fr 320px;
gap:20px;
align-items:start;
}
.eg-left{ padding:18px 12px 12px 12px; }
.eg-logo{
display:flex;
align-items:center;
justify-content:center;
text-align:center;
gap:10px;
font-family: "PT Display", serif;
font-size:75px;
margin:0 0 6px 0;
color:var(--ink);
letter-spacing: -1.5px;
line-height:0.95;
text-transform:lowercase;
text-shadow: 0 6px 18px rgba(255,255,255,.6);
}
/* подзаголовок + админы */
.eg-subtitle{
display:flex;
align-items:center;
flex-direction: column;
justify-content:center;
text-align:center;
gap:10px;
}
.eg-subline{
font-size:10px;
font-weight:400;
letter-spacing:.06em;
font-family: "PT Display", serif;
}
.eg-admins{ font-size:13px; }
.eg-admins a{
color:var(--accent);
text-decoration:none;
font-weight:700;
margin-right:8px;
font-family: "DM Serif Display", serif;
}
/* навигация — компактные кнопки */
.eg-nav{
display:flex; gap:10px; margin:12px 0 14px 0;
flex-wrap:wrap;
align-items: center;
justify-content: center;
text-align: center;
}
.eg-nav-btn{
background:rgba(38,33,30,.9);
color:#fff;
padding:6px 10px;
border-radius:6px;
text-decoration:none;
font-weight:600;
font-size:12px;
}
/* вводный текст: уже и компактный */
.eg-intro p{
margin:0;
max-width:520px;
font-size:11px;
line-height:1.55;
padding:30px 12px 10px 12px;
white-space:pre-wrap;
}
/* правая колонка */
.eg-right{ padding:10px 6px 6px 6px; }
.eg-cards-grid{ display:grid; grid-template-columns: 1fr; gap:12px; align-items:start; }
/* карточки компактнее */
.eg-card{
background:var(--card);
border:1px solid var(--stroke);
border-radius:10px;
padding:12px;
}
.eg-card-head{
font-family: "PT Display", serif;
text-align:center;
font-size:14px;
margin-bottom:8px;
color:#4a4036;
letter-spacing:.08em;
}
.eg-card-body{ color:var(--muted); font-size:11px; line-height:1.5; }
.eg-card-body ul{ margin:6px 0 0 8px; padding-left:12px; font-family: "Manrope", sans-serif;}
.eg-card-body li{ margin:6px 0; list-style:none; font-family: "Manrope", sans-serif;}
.eg-pill{
display: inline-block;
background: #d9c5ad;
color: #3b2f25;
padding: 1px 7px;
border-radius: 8px;
font-size: 11px;
margin: 2px 0 2px 0;
font-family: "PT Display", serif;
}
.dot{ margin-right:8px; color:var(--accent); font-weight:700; }
/* прокрутка */
.eg-scroll{ max-height:140px; overflow-y:auto; padding-right:6px; }
.eg-scroll::-webkit-scrollbar{ width:7px }
.eg-scroll::-webkit-scrollbar-thumb{ background:rgba(124,92,44,.34); border-radius:6px }
/* широкая полоса */
.eg-card-single{
display:flex; align-items:center; justify-content:flex-start;
padding:8px 12px;
border-radius:999px;
background:#fffafa;
border:1px solid rgba(216,205,187,.55);
}
.eg-single-inner{ display:flex; gap:8px; align-items:center; font-size:13px; color:var(--muted) }
.eg-single-text a{ color:var(--accent); text-decoration:none; font-weight:600 }
/* кнопка копирования правил */
.eg-copy{ margin-top:8px; text-align:right }
.eg-copy-btn{
background:transparent;
border:1px dashed rgba(124,92,44,.18);
padding:7px 10px;
border-radius:8px;
cursor:pointer;
color:var(--muted);
font-weight:600;
font-size:13px;
}
/* кассета убрана на маленьких экранах */
.eg-cassette{
position:absolute; right:14px; bottom:12px; width:100px; transform:rotate(-16deg);
z-index:3; border-radius:6px; opacity:.98;
}
.partner-buttons {
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:10px;
}
.copy-btn {
background:var(--main-acc);
border:none;
border-radius:6px;
padding:7px 14px;
font-size:12px;
font-weight:600;
color:var(--add-acc);
cursor:pointer;
transition:.2s;
}
/* адаптив */
@media (max-width:900px){
.endgame-materiel.compact{ padding:16px; max-width:720px }
.eg-inner{ grid-template-columns: 1fr 300px; gap:16px; }
.eg-logo{ font-size:70px }
}
@media (max-width:280px){
.eg-inner{ grid-template-columns: 1fr; }
.eg-cassette{ display:none }
.eg-logo{ font-size:48px; margin-bottom:6px; }
.eg-right{ order:2 }
.eg-left{ order:1 }
}
/* ограничение высоты и прокрутка всего блока */
.eg-scroll {
max-height: 150px; /* видно примерно 5–6 строк */
overflow-y: auto;
padding-right: 6px;
}
.eg-scroll::-webkit-scrollbar {
width: 7px;
}
.eg-scroll::-webkit-scrollbar-thumb {
background: rgba(124, 92, 44, 0.34);
border-radius: 6px;
}
.eg-cassette {
position: absolute;
right: 14px;
bottom: 12px;
width: 100px;
transform: rotate(-16deg) translate3d(0,0,0);
z-index: 3;
border-radius: 6px;
opacity: .98;
will-change: transform;
/* чтобы картинка не перекрывала клики по элементам под ней (по желанию) */
pointer-events: none;
}
.copy-btn:hover {
background: rgb(75 56 51);
color: #fff; /* делает текст белым */
}
</style>
[/html]
но можно до открытия ещё за пять рекламок))
так что записал, ты теперь на карандаше!)