Ивент-Календарь
‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑ ‑
Осеннее развлечение
[html]<style>
.calendar {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 10px;
max-width: 1000px;
margin: 0 auto;
cursor: pointer;
font-family: 'Akrobat', sans-serif;
}
.cell {
position: relative;
background: #816f54;
color: #c3b88e;
border-radius: 6px;
height: 120px;
padding: 7px;
overflow: hidden;
display: flex;
text-align: center;
transition: transform 0.2s ease, box-shadow 0.2s ease;
font-size: 1rem;
cursor: pointer;
box-shadow: inset 0px 0px 8px -2px #7d766c54;
flex-direction: column;
justify-content: center;}
.cell a {
color: rgb(229 215 140) !important;
}
.cell:hover {
transform: scale(1.05);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.cell::before {
content: attr(data-day);
position: absolute;
top: 8px;
left: 8px;
font-size: 1.3rem;
color: #000000;
opacity: 0.4;
}
.locked {
background: #745f364a;
color: transparent;
pointer-events: none;
}
.locked::before {
opacity: 0.1;
}
.blurred {
filter: blur(3px);
pointer-events: none;
}
.actcell {box-shadow: inset 0px 21px 20px 0px #cbae63a1;
}
.actcell:hover {box-shadow: inset 0px 36px 1px 0px #cbae63a1;
}
</style>
<body>
<div class="calendar">
<!-- Примерная неделя -->
<div class="cell locked" data-day="27"></div>
<div class="cell" data-day="28"><a href="https://phantompact.rusff.me/viewtopic.php?id=54">ТОРЖЕСТВЕННОЕ ОТКРЫТИЕ БАЛА</a></div>
<div class="cell " data-day="29"><a href="https://phantompact.rusff.me/viewtopic.php?id=483#p83222">Мудборд #1 "Цвет настроения"</a></div>
<div class="cell actcell" data-day="30">♦</div>
<div class="cell blurred" data-day="31"><div class="content blurred">факты: <a href="ссылка">сплетни о персонаже</a></div></div>
<div class="cell blurred" data-day="1"><div class="content blurred"><a href="https://phantompact.rusff.me/viewtopic.php?id=54">музыкальная ассоциация</a> на свой регион или страну</div></div>
<div class="cell blurred" data-day="2"><div class="content blurred">Играем в <a href="ссылка">кости</a><p><hr><p>доска почёта</div></div>
<div class="cell blurred" data-day="3"><div class="content blurred">факты: <a href="ссылка">кем бы был персонаж, если бы он был выходцем из другой страны?</a></div></div>
<div class="cell blurred" data-day="4"><div class="content blurred">Отдых на 500 кусочков или на 100 хватит?</div></div>
<div class="cell blurred" data-day="5"><div class="content blurred">Выставить <a href="https://phantompact.rusff.me/viewtopic.php?id=57#p288">ассоциацию</a> на 1 персонажа</div></div>
<div class="cell blurred" data-day="6"><div class="content blurred">Мудборд Парный<p><hr><p>плашка за прохождение</div></div>
<div class="cell blurred" data-day="7"><div class="content blurred">Святой Лир, хоть бы не пазл</div></div>
<div class="cell blurred" data-day="8"><div class="content blurred"><a href="ссылка">гадания</a> на картах</div></div>
<div class="cell blurred" data-day="9"><div class="content blurred">Но для Равновесия... нужен пазл<p></div></div>
<div class="cell blurred" data-day="10"><div class="content blurred">нафлудить 100 сообщений</div></div>
<div class="cell blurred" data-day="11"><div class="content blurred">разгадываем <a href="ссылка">кроссворд</a></div></div>
<div class="cell blurred" data-day="12"><div class="content blurred">котики натанцевались и спят</div></div>
<div class="cell blurred" data-day="13"><div class="content blurred">собрать паззл #1</div></div>
<div class="cell blurred" data-day="14"><div class="content blurred">♦</div></div>
<div class="cell blurred" data-day="15"><div class="content blurred">факты: <a href="ссылка">страна глазами чужеземца</a></div></div>
<div class="cell blurred" data-day="16"><div class="content blurred">★</div></div>
</div>
[/html]
Прогрессы ивента выкладываем в этой же теме. Отправляете сообщение, а потом обновляйте свой прогресс в пределах 1 сообщения.
Ивентовые плашки в профиль
ДОБРО ПОЖАЛОВАТЬ
выдаётся в честь ивента
✵СИЯЙ✵
за выполнение всех неигровых активностей или за завершенный сюжетный квестПАРНАЯ
за парный мудборд
