а еще выдают лимонные дольки здесь наливают сливочное пиво
Атмосферный Хогвартс микроскопические посты
Drink Butterbeer!
Happiness can be found, even in the darkest of
times, if one only remembers to turn on the light

Drink Butterbeer!

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Drink Butterbeer! » The Three Broomsticks » Event: Осенний дринкофестиваль


Event: Осенний дринкофестиваль

Сообщений 1 страница 20 из 70

1

Event: Осенний дринкофестиваль

https://upforme.ru/uploads/001a/2e/af/779/430553.gif

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

Каждое задание связано с предметами, которые будут попадаться вам в «карточке-коллекции». За выполнение активностей вы зарабатываете иконки — листочки, свечи, письма сов, яблоки, кружки сливочного пива и учебники. Заполняйте свою коллекцию и соревнуйтесь с другими студентами! И, конечно, прочувствуйте волшебную атмосферу осени https://forumstatic.ru/files/001a/2e/af/47648.gif
Ивент продлится с 1.09 до 21.09 включительно  https://forumstatic.ru/files/001a/2e/af/14530.gif

🍂 Лабиринт из листьев 🍂
🕯️ Свечи Большого зала 🕯️
🦉 Почта Хогвартса 🦉
🍻 Пузырьки удачи 🍻

https://upforme.ru/uploads/001a/2e/af/779/738399.gif
В «Трёх метлах» студенты соревнуются в весёлой игре. Карточки с пузырьками сливочного пива перемешаны, и только внимательный сможет собрать все пары, пока не иссякнет удача.
Прикрепляйте скриншоты с готовым заданием отдельным постом, или добавляйте все задания в один пост. Самый быстрый получит плюшку.

Найди пару

[html]<div id="gameBeer"></div>
<script>
  function mount(id, url){
    fetch(url + '?v=1').then(r=>r.text()).then(html=>{
      const host=document.getElementById(id);
      host.innerHTML=html;
      host.querySelectorAll('script').forEach(s=>{
        const n=document.createElement('script');
        if(s.src){ n.src=s.src; } else { n.textContent=s.textContent; }
        document.body.appendChild(n);
      });
    }).catch(e=>console.error('Load error:', e));
  }
  mount('gameBeer','https://janparksn-lgtm.github.io/hogwarts-autumn-event/beer.html');
</script>[/html]

📖 Заколдованный учебник 📖

https://upforme.ru/uploads/001a/2e/af/779/351920.gif
Шуршание страниц и запах чернил — время проверить свои знания! Заполняйте бинго-таблицу, отмечая факты, связанные с учебой, дисциплиной и, конечно же, с осенью.
Конечно же результаты заполненного бинго прикладываем скрином, вместе с ссылочками (и цитатами) на пруфы.

Бинго

[html]<div id="gameBingo"></div>
<script>
  function mount(id, url){
    fetch(url + '?v=1').then(r=>r.text()).then(html=>{
      const host=document.getElementById(id);
      host.innerHTML=html;
      host.querySelectorAll('script').forEach(s=>{
        const n=document.createElement('script');
        if(s.src){ n.src=s.src; } else { n.textContent=s.textContent; }
        document.body.appendChild(n);
      });
    }).catch(e=>console.error('Load error:', e));
  }
  mount('gameBingo','https://janparksn-lgtm.github.io/hogwarts-autumn-event/bingo.html');
</script>[/html]

🍎 Осенний урожай 🍎

За выполнение всех заданий вы получите награду в профиль и галлеоны. Отдельно задания также дают свои плюшки.
Тот, кто выполнит больше всего заданий также получит дополнительно аватар в подарок и чуть больше галлеончиков.
Всем удачи  https://forumstatic.ru/files/001a/2e/af/47648.gif

Отредактировано Brewer (Вчера 08:07)

+4

2

✉️
Письмо №1


1. Отметиться в 5 разных неигровых темах.
2. Вставить в пост слово «осень».
3. Подобрать к персонажу(ам) 3 осенние ассоциации (цвет, вкус, запах) с объяснениями.
4. Написать рецензию на осеннюю книгу в Запретной секции (или просто на любимую)
!!! Необходимо выполнить два любых задания для того, чтобы отметиться. Но лучше, конечно, все  https://forumstatic.ru/files/001a/2e/af/30573.gif

Erica Tolipan

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Эричка</title>
<style>
  body {
    background: #1a1625;
    font-family: Georgia, serif;
    color: #f7f2e8;
    padding: 30px;
  }
  .card {
    max-width: 680px;
    margin: auto;
    background: #261e36;
    border: 2px solid #3a2f4d;
    border-radius: 18px;
    padding: 20px;
  }
  h1 {
    text-align: center;
    margin: 0 0 15px;
    font-size: 20px;
    color: #f0a202;
  }

  .row { display: grid; gap: 10px; margin: 12px 0; }
  .row.candles { grid-template-columns: repeat(6, 1fr); }
  .row.hub     { grid-template-columns: repeat(6, 1fr); }
  .row.owls    { grid-template-columns: repeat(5, 1fr); }

  .slot {
    width: 100%; min-height: 64px;
    border: 2px dashed #3a2f4d;
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 28px; color: #7a6f91;
    background: #2a2140;
    transition: all .25s ease;
    position: relative;
  }
  .slot.filled {
    border: 2px solid #f0a202;
    background: radial-gradient(circle at 50% 45%, rgba(240,162,2,.22), rgba(0,0,0,0));
    color: #fff;
    text-shadow: 0 0 6px #f0a202, 0 0 12px #f0a202;
    transform: scale(1.03);
  }

  /* свечи */
  .slot.candle.filled::after{
    content:"";
    position:absolute; top:6px; width:12px; height:18px; border-radius:50% 50% 40% 40%;
    background: radial-gradient(circle at 50% 35%, #fff 0 40%, #ffd27a 41% 70%, rgba(255,120,0,.7) 71% 100%);
    animation: flicker .8s infinite ease-in-out alternate;
    filter: drop-shadow(0 0 8px rgba(240,162,2,.8));
  }
  @keyframes flicker {
    from { transform: translateY(0) rotate(-2deg) scale(1); }
    to   { transform: translateY(-1px) rotate(2deg) scale(1.05); }
  }

  /* совы */
  .slot.owl .env {
    position:absolute; right:6px; bottom:6px; font-size:16px;
    opacity: 0; transition: .2s opacity;
  }
  .slot.owl.filled .env { opacity: .95; }

  /* центральные задачи */
  .slot.task.filled {
    box-shadow: 0 0 0 2px rgba(80,200,120,.45), inset 0 0 0 9999px rgba(80,200,120,.08);
  }
</style>
</head>
<body>
  <div class="card">
    <h1>Эричка https://forumstatic.ru/files/001a/2e/af/55768.png </h1>

    <!-- Ряд свечей -->
    <div class="row candles">
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
    </div>

    <!-- Центральный ряд -->
    <div class="row hub">
      <div class="slot task filled">🍂</div>
      <div class="slot task">🍂</div>
      <div class="slot task">🍂</div>
      <div class="slot task">📖</div>
      <div class="slot task">🍎</div>
      <div class="slot task filled">🍺</div>
    </div>

    <!-- Первый ряд сов -->
    <div class="row owls">
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
    </div>

    <!-- Второй ряд сов -->
    <div class="row owls">
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
    </div>
  </div>
</body>
</html>
[/html]

Lavender Brown

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Эричка</title>
<style>
  body {
    background: #1a1625;
    font-family: Georgia, serif;
    color: #f7f2e8;
    padding: 30px;
  }
  .card {
    max-width: 680px;
    margin: auto;
    background: #261e36;
    border: 2px solid #3a2f4d;
    border-radius: 18px;
    padding: 20px;
  }
  h1 {
    text-align: center;
    margin: 0 0 15px;
    font-size: 20px;
    color: #f0a202;
  }

  .row { display: grid; gap: 10px; margin: 12px 0; }
  .row.candles { grid-template-columns: repeat(6, 1fr); }
  .row.hub     { grid-template-columns: repeat(6, 1fr); }
  .row.owls    { grid-template-columns: repeat(5, 1fr); }

  .slot {
    width: 100%; min-height: 64px;
    border: 2px dashed #3a2f4d;
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 28px; color: #7a6f91;
    background: #2a2140;
    transition: all .25s ease;
    position: relative;
  }
  .slot.filled {
    border: 2px solid #f0a202;
    background: radial-gradient(circle at 50% 45%, rgba(240,162,2,.22), rgba(0,0,0,0));
    color: #fff;
    text-shadow: 0 0 6px #f0a202, 0 0 12px #f0a202;
    transform: scale(1.03);
  }

  /* свечи */
  .slot.candle.filled::after{
    content:"";
    position:absolute; top:6px; width:12px; height:18px; border-radius:50% 50% 40% 40%;
    background: radial-gradient(circle at 50% 35%, #fff 0 40%, #ffd27a 41% 70%, rgba(255,120,0,.7) 71% 100%);
    animation: flicker .8s infinite ease-in-out alternate;
    filter: drop-shadow(0 0 8px rgba(240,162,2,.8));
  }
  @keyframes flicker {
    from { transform: translateY(0) rotate(-2deg) scale(1); }
    to   { transform: translateY(-1px) rotate(2deg) scale(1.05); }
  }

  /* совы */
  .slot.owl .env {
    position:absolute; right:6px; bottom:6px; font-size:16px;
    opacity: 0; transition: .2s opacity;
  }
  .slot.owl.filled .env { opacity: .95; }

  /* центральные задачи */
  .slot.task.filled {
    box-shadow: 0 0 0 2px rgba(80,200,120,.45), inset 0 0 0 9999px rgba(80,200,120,.08);
  }
</style>
</head>
<body>
  <div class="card">
    <h1>Лавашик https://forumstatic.ru/files/001a/2e/af/55768.png </h1>

    <!-- Ряд свечей -->
    <div class="row candles">
      <div class="slot candle filled">🕯️</div>
      <div class="slot candle filled">🕯️</div>
      <div class="slot candle filled">🕯️</div>
      <div class="slot candle filled">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
    </div>

    <!-- Центральный ряд -->
    <div class="row hub">
      <div class="slot task filled">🍂</div>
      <div class="slot task filled">🍂</div>
      <div class="slot task filled">🍂</div>
      <div class="slot task">📖</div>
      <div class="slot task">🍎</div>
      <div class="slot task filled">🍺</div>
    </div>

    <!-- Первый ряд сов -->
    <div class="row owls">
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
    </div>

    <!-- Второй ряд сов -->
    <div class="row owls">
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
    </div>
  </div>
</body>
</html>
[/html]

Gabriel Tate

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Гэбс</title>
<style>
  body {
    background: #1a1625;
    font-family: Georgia, serif;
    color: #f7f2e8;
    padding: 30px;
  }
  .card {
    max-width: 680px;
    margin: auto;
    background: #261e36;
    border: 2px solid #3a2f4d;
    border-radius: 18px;
    padding: 20px;
  }
  h1 {
    text-align: center;
    margin: 0 0 15px;
    font-size: 20px;
    color: #f0a202;
  }

  .row { display: grid; gap: 10px; margin: 12px 0; }
  .row.candles { grid-template-columns: repeat(6, 1fr); }
  .row.hub     { grid-template-columns: repeat(6, 1fr); }
  .row.owls    { grid-template-columns: repeat(5, 1fr); }

  .slot {
    width: 100%; min-height: 64px;
    border: 2px dashed #3a2f4d;
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 28px; color: #7a6f91;
    background: #2a2140;
    transition: all .25s ease;
    position: relative;
  }
  .slot.filled {
    border: 2px solid #f0a202;
    background: radial-gradient(circle at 50% 45%, rgba(240,162,2,.22), rgba(0,0,0,0));
    color: #fff;
    text-shadow: 0 0 6px #f0a202, 0 0 12px #f0a202;
    transform: scale(1.03);
  }

  /* свечи */
  .slot.candle.filled::after{
    content:"";
    position:absolute; top:6px; width:12px; height:18px; border-radius:50% 50% 40% 40%;
    background: radial-gradient(circle at 50% 35%, #fff 0 40%, #ffd27a 41% 70%, rgba(255,120,0,.7) 71% 100%);
    animation: flicker .8s infinite ease-in-out alternate;
    filter: drop-shadow(0 0 8px rgba(240,162,2,.8));
  }
  @keyframes flicker {
    from { transform: translateY(0) rotate(-2deg) scale(1); }
    to   { transform: translateY(-1px) rotate(2deg) scale(1.05); }
  }

  /* совы */
  .slot.owl .env {
    position:absolute; right:6px; bottom:6px; font-size:16px;
    opacity: 0; transition: .2s opacity;
  }
  .slot.owl.filled .env { opacity: .95; }

  /* центральные задачи */
  .slot.task.filled {
    box-shadow: 0 0 0 2px rgba(80,200,120,.45), inset 0 0 0 9999px rgba(80,200,120,.08);
  }
</style>
</head>
<body>
  <div class="card">
    <h1>Габс https://forumstatic.ru/files/001a/2e/af/55768.png </h1>

    <!-- Ряд свечей -->
    <div class="row candles">
      <div class="slot candle filled">🕯️</div>
      <div class="slot candle filled">🕯️</div>
      <div class="slot candle filled">🕯️</div>
      <div class="slot candle filled">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
    </div>

    <!-- Центральный ряд -->
    <div class="row hub">
      <div class="slot task filled">🍂</div>
      <div class="slot task filled">🍂</div>
      <div class="slot task filled">🍂</div>
      <div class="slot task filled">📖</div>
      <div class="slot task filled">🍎</div>
      <div class="slot task filled">🍺</div>
    </div>

    <!-- Первый ряд сов -->
    <div class="row owls">
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
    </div>

    <!-- Второй ряд сов -->
    <div class="row owls">
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
    </div>
  </div>
</body>
</html>
[/html]

Christopher Garland

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Крис</title>
<style>
  body {
    background: #1a1625;
    font-family: Georgia, serif;
    color: #f7f2e8;
    padding: 30px;
  }
  .card {
    max-width: 680px;
    margin: auto;
    background: #261e36;
    border: 2px solid #3a2f4d;
    border-radius: 18px;
    padding: 20px;
  }
  h1 {
    text-align: center;
    margin: 0 0 15px;
    font-size: 20px;
    color: #f0a202;
  }

  .row { display: grid; gap: 10px; margin: 12px 0; }
  .row.candles { grid-template-columns: repeat(6, 1fr); }
  .row.hub     { grid-template-columns: repeat(6, 1fr); }
  .row.owls    { grid-template-columns: repeat(5, 1fr); }

  .slot {
    width: 100%; min-height: 64px;
    border: 2px dashed #3a2f4d;
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 28px; color: #7a6f91;
    background: #2a2140;
    transition: all .25s ease;
    position: relative;
  }
  .slot.filled {
    border: 2px solid #f0a202;
    background: radial-gradient(circle at 50% 45%, rgba(240,162,2,.22), rgba(0,0,0,0));
    color: #fff;
    text-shadow: 0 0 6px #f0a202, 0 0 12px #f0a202;
    transform: scale(1.03);
  }

  /* свечи */
  .slot.candle.filled::after{
    content:"";
    position:absolute; top:6px; width:12px; height:18px; border-radius:50% 50% 40% 40%;
    background: radial-gradient(circle at 50% 35%, #fff 0 40%, #ffd27a 41% 70%, rgba(255,120,0,.7) 71% 100%);
    animation: flicker .8s infinite ease-in-out alternate;
    filter: drop-shadow(0 0 8px rgba(240,162,2,.8));
  }
  @keyframes flicker {
    from { transform: translateY(0) rotate(-2deg) scale(1); }
    to   { transform: translateY(-1px) rotate(2deg) scale(1.05); }
  }

  /* совы */
  .slot.owl .env {
    position:absolute; right:6px; bottom:6px; font-size:16px;
    opacity: 0; transition: .2s opacity;
  }
  .slot.owl.filled .env { opacity: .95; }

  /* центральные задачи */
  .slot.task.filled {
    box-shadow: 0 0 0 2px rgba(80,200,120,.45), inset 0 0 0 9999px rgba(80,200,120,.08);
  }
</style>
</head>
<body>
  <div class="card">
    <h1>Крис-каприз  https://forumstatic.ru/files/001a/2e/af/55768.png </h1>

    <!-- Ряд свечей -->
    <div class="row candles">
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
    </div>

    <!-- Центральный ряд -->
    <div class="row hub">
      <div class="slot task">🍂</div>
      <div class="slot task">🍂</div>
      <div class="slot task">🍂</div>
      <div class="slot task">📖</div>
      <div class="slot task">🍎</div>
      <div class="slot task">🍺</div>
    </div>

    <!-- Первый ряд сов -->
    <div class="row owls">
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
    </div>

    <!-- Второй ряд сов -->
    <div class="row owls">
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
    </div>
  </div>
</body>
</html>
[/html]

Jamie Walker

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Джейми</title>
<style>
  body {
    background: #1a1625;
    font-family: Georgia, serif;
    color: #f7f2e8;
    padding: 30px;
  }
  .card {
    max-width: 680px;
    margin: auto;
    background: #261e36;
    border: 2px solid #3a2f4d;
    border-radius: 18px;
    padding: 20px;
  }
  h1 {
    text-align: center;
    margin: 0 0 15px;
    font-size: 20px;
    color: #f0a202;
  }

  .row { display: grid; gap: 10px; margin: 12px 0; }
  .row.candles { grid-template-columns: repeat(6, 1fr); }
  .row.hub     { grid-template-columns: repeat(6, 1fr); }
  .row.owls    { grid-template-columns: repeat(5, 1fr); }

  .slot {
    width: 100%; min-height: 64px;
    border: 2px dashed #3a2f4d;
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 28px; color: #7a6f91;
    background: #2a2140;
    transition: all .25s ease;
    position: relative;
  }
  .slot.filled {
    border: 2px solid #f0a202;
    background: radial-gradient(circle at 50% 45%, rgba(240,162,2,.22), rgba(0,0,0,0));
    color: #fff;
    text-shadow: 0 0 6px #f0a202, 0 0 12px #f0a202;
    transform: scale(1.03);
  }

  /* свечи */
  .slot.candle.filled::after{
    content:"";
    position:absolute; top:6px; width:12px; height:18px; border-radius:50% 50% 40% 40%;
    background: radial-gradient(circle at 50% 35%, #fff 0 40%, #ffd27a 41% 70%, rgba(255,120,0,.7) 71% 100%);
    animation: flicker .8s infinite ease-in-out alternate;
    filter: drop-shadow(0 0 8px rgba(240,162,2,.8));
  }
  @keyframes flicker {
    from { transform: translateY(0) rotate(-2deg) scale(1); }
    to   { transform: translateY(-1px) rotate(2deg) scale(1.05); }
  }

  /* совы */
  .slot.owl .env {
    position:absolute; right:6px; bottom:6px; font-size:16px;
    opacity: 0; transition: .2s opacity;
  }
  .slot.owl.filled .env { opacity: .95; }

  /* центральные задачи */
  .slot.task.filled {
    box-shadow: 0 0 0 2px rgba(80,200,120,.45), inset 0 0 0 9999px rgba(80,200,120,.08);
  }
</style>
</head>
<body>
  <div class="card">
    <h1>Джейми  https://forumstatic.ru/files/001a/2e/af/55768.png </h1>

    <!-- Ряд свечей -->
    <div class="row candles">
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
    </div>

    <!-- Центральный ряд -->
    <div class="row hub">
      <div class="slot task filled">🍂</div>
      <div class="slot task filled">🍂</div>
      <div class="slot task filled">🍂</div>
      <div class="slot task">📖</div>
      <div class="slot task filled">🍎</div>
      <div class="slot task filled">🍺</div>
    </div>

    <!-- Первый ряд сов -->
    <div class="row owls">
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
    </div>

    <!-- Второй ряд сов -->
    <div class="row owls">
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
    </div>
  </div>
</body>
</html>
[/html]

Kinjal Bhatia

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Кинж</title>
<style>
  body {
    background: #1a1625;
    font-family: Georgia, serif;
    color: #f7f2e8;
    padding: 30px;
  }
  .card {
    max-width: 680px;
    margin: auto;
    background: #261e36;
    border: 2px solid #3a2f4d;
    border-radius: 18px;
    padding: 20px;
  }
  h1 {
    text-align: center;
    margin: 0 0 15px;
    font-size: 20px;
    color: #f0a202;
  }

  .row { display: grid; gap: 10px; margin: 12px 0; }
  .row.candles { grid-template-columns: repeat(6, 1fr); }
  .row.hub     { grid-template-columns: repeat(6, 1fr); }
  .row.owls    { grid-template-columns: repeat(5, 1fr); }

  .slot {
    width: 100%; min-height: 64px;
    border: 2px dashed #3a2f4d;
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 28px; color: #7a6f91;
    background: #2a2140;
    transition: all .25s ease;
    position: relative;
  }
  .slot.filled {
    border: 2px solid #f0a202;
    background: radial-gradient(circle at 50% 45%, rgba(240,162,2,.22), rgba(0,0,0,0));
    color: #fff;
    text-shadow: 0 0 6px #f0a202, 0 0 12px #f0a202;
    transform: scale(1.03);
  }

  /* свечи */
  .slot.candle.filled::after{
    content:"";
    position:absolute; top:6px; width:12px; height:18px; border-radius:50% 50% 40% 40%;
    background: radial-gradient(circle at 50% 35%, #fff 0 40%, #ffd27a 41% 70%, rgba(255,120,0,.7) 71% 100%);
    animation: flicker .8s infinite ease-in-out alternate;
    filter: drop-shadow(0 0 8px rgba(240,162,2,.8));
  }
  @keyframes flicker {
    from { transform: translateY(0) rotate(-2deg) scale(1); }
    to   { transform: translateY(-1px) rotate(2deg) scale(1.05); }
  }

  /* совы */
  .slot.owl .env {
    position:absolute; right:6px; bottom:6px; font-size:16px;
    opacity: 0; transition: .2s opacity;
  }
  .slot.owl.filled .env { opacity: .95; }

  /* центральные задачи */
  .slot.task.filled {
    box-shadow: 0 0 0 2px rgba(80,200,120,.45), inset 0 0 0 9999px rgba(80,200,120,.08);
  }
</style>
</head>
<body>
  <div class="card">
    <h1>Кинжальчик https://forumstatic.ru/files/001a/2e/af/55768.png </h1>

    <!-- Ряд свечей -->
    <div class="row candles">
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
    </div>

    <!-- Центральный ряд -->
    <div class="row hub">
      <div class="slot task">🍂</div>
      <div class="slot task">🍂</div>
      <div class="slot task">🍂</div>
      <div class="slot task">📖</div>
      <div class="slot task">🍎</div>
      <div class="slot task">🍺</div>
    </div>

    <!-- Первый ряд сов -->
    <div class="row owls">
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
    </div>

    <!-- Второй ряд сов -->
    <div class="row owls">
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
    </div>
  </div>
</body>
</html>
[/html]

Gregory Goyle

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Гойл</title>
<style>
  body {
    background: #1a1625;
    font-family: Georgia, serif;
    color: #f7f2e8;
    padding: 30px;
  }
  .card {
    max-width: 680px;
    margin: auto;
    background: #261e36;
    border: 2px solid #3a2f4d;
    border-radius: 18px;
    padding: 20px;
  }
  h1 {
    text-align: center;
    margin: 0 0 15px;
    font-size: 20px;
    color: #f0a202;
  }

  .row { display: grid; gap: 10px; margin: 12px 0; }
  .row.candles { grid-template-columns: repeat(6, 1fr); }
  .row.hub     { grid-template-columns: repeat(6, 1fr); }
  .row.owls    { grid-template-columns: repeat(5, 1fr); }

  .slot {
    width: 100%; min-height: 64px;
    border: 2px dashed #3a2f4d;
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 28px; color: #7a6f91;
    background: #2a2140;
    transition: all .25s ease;
    position: relative;
  }
  .slot.filled {
    border: 2px solid #f0a202;
    background: radial-gradient(circle at 50% 45%, rgba(240,162,2,.22), rgba(0,0,0,0));
    color: #fff;
    text-shadow: 0 0 6px #f0a202, 0 0 12px #f0a202;
    transform: scale(1.03);
  }

  /* свечи */
  .slot.candle.filled::after{
    content:"";
    position:absolute; top:6px; width:12px; height:18px; border-radius:50% 50% 40% 40%;
    background: radial-gradient(circle at 50% 35%, #fff 0 40%, #ffd27a 41% 70%, rgba(255,120,0,.7) 71% 100%);
    animation: flicker .8s infinite ease-in-out alternate;
    filter: drop-shadow(0 0 8px rgba(240,162,2,.8));
  }
  @keyframes flicker {
    from { transform: translateY(0) rotate(-2deg) scale(1); }
    to   { transform: translateY(-1px) rotate(2deg) scale(1.05); }
  }

  /* совы */
  .slot.owl .env {
    position:absolute; right:6px; bottom:6px; font-size:16px;
    opacity: 0; transition: .2s opacity;
  }
  .slot.owl.filled .env { opacity: .95; }

  /* центральные задачи */
  .slot.task.filled {
    box-shadow: 0 0 0 2px rgba(80,200,120,.45), inset 0 0 0 9999px rgba(80,200,120,.08);
  }
</style>
</head>
<body>
  <div class="card">
    <h1>Гойлито https://forumstatic.ru/files/001a/2e/af/55768.png </h1>

    <!-- Ряд свечей -->
    <div class="row candles">
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
    </div>

    <!-- Центральный ряд -->
    <div class="row hub">
      <div class="slot task filled">🍂</div>
      <div class="slot task filled">🍂</div>
      <div class="slot task filled">🍂</div>
      <div class="slot task">📖</div>
      <div class="slot task">🍎</div>
      <div class="slot task filled">🍺</div>
    </div>

    <!-- Первый ряд сов -->
    <div class="row owls">
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
    </div>

    <!-- Второй ряд сов -->
    <div class="row owls">
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
    </div>
  </div>
</body>
</html>
[/html]

Luca Caruso

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Лука</title>
<style>
  body {
    background: #1a1625;
    font-family: Georgia, serif;
    color: #f7f2e8;
    padding: 30px;
  }
  .card {
    max-width: 680px;
    margin: auto;
    background: #261e36;
    border: 2px solid #3a2f4d;
    border-radius: 18px;
    padding: 20px;
  }
  h1 {
    text-align: center;
    margin: 0 0 15px;
    font-size: 20px;
    color: #f0a202;
  }

  .row { display: grid; gap: 10px; margin: 12px 0; }
  .row.candles { grid-template-columns: repeat(6, 1fr); }
  .row.hub     { grid-template-columns: repeat(6, 1fr); }
  .row.owls    { grid-template-columns: repeat(5, 1fr); }

  .slot {
    width: 100%; min-height: 64px;
    border: 2px dashed #3a2f4d;
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 28px; color: #7a6f91;
    background: #2a2140;
    transition: all .25s ease;
    position: relative;
  }
  .slot.filled {
    border: 2px solid #f0a202;
    background: radial-gradient(circle at 50% 45%, rgba(240,162,2,.22), rgba(0,0,0,0));
    color: #fff;
    text-shadow: 0 0 6px #f0a202, 0 0 12px #f0a202;
    transform: scale(1.03);
  }

  /* свечи */
  .slot.candle.filled::after{
    content:"";
    position:absolute; top:6px; width:12px; height:18px; border-radius:50% 50% 40% 40%;
    background: radial-gradient(circle at 50% 35%, #fff 0 40%, #ffd27a 41% 70%, rgba(255,120,0,.7) 71% 100%);
    animation: flicker .8s infinite ease-in-out alternate;
    filter: drop-shadow(0 0 8px rgba(240,162,2,.8));
  }
  @keyframes flicker {
    from { transform: translateY(0) rotate(-2deg) scale(1); }
    to   { transform: translateY(-1px) rotate(2deg) scale(1.05); }
  }

  /* совы */
  .slot.owl .env {
    position:absolute; right:6px; bottom:6px; font-size:16px;
    opacity: 0; transition: .2s opacity;
  }
  .slot.owl.filled .env { opacity: .95; }

  /* центральные задачи */
  .slot.task.filled {
    box-shadow: 0 0 0 2px rgba(80,200,120,.45), inset 0 0 0 9999px rgba(80,200,120,.08);
  }
</style>
</head>
<body>
  <div class="card">
    <h1>Лука https://forumstatic.ru/files/001a/2e/af/55768.png </h1>

    <!-- Ряд свечей -->
    <div class="row candles">
      <div class="slot candle filled">🕯️</div>
      <div class="slot candle filled">🕯️</div>
      <div class="slot candle filled">🕯️</div>
      <div class="slot candle filled">🕯️</div>
      <div class="slot candle filled">🕯️</div>
      <div class="slot candle filled">🕯️</div>
      <div class="slot candle filled">🕯️</div>
      <div class="slot candle filled">🕯️</div>
      <div class="slot candle filled">🕯️</div>
      <div class="slot candle filled">🕯️</div>
    </div>

    <!-- Центральный ряд -->
    <div class="row hub">
      <div class="slot task">🍂</div>
      <div class="slot task">🍂</div>
      <div class="slot task">🍂</div>
      <div class="slot task">📖</div>
      <div class="slot task">🍎</div>
      <div class="slot task">🍺</div>
    </div>

    <!-- Первый ряд сов -->
    <div class="row owls">
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
    </div>

    <!-- Второй ряд сов -->
    <div class="row owls">
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
    </div>
  </div>
</body>
</html>
[/html]

Dennis Moon

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Дэн</title>
<style>
  body {
    background: #1a1625;
    font-family: Georgia, serif;
    color: #f7f2e8;
    padding: 30px;
  }
  .card {
    max-width: 680px;
    margin: auto;
    background: #261e36;
    border: 2px solid #3a2f4d;
    border-radius: 18px;
    padding: 20px;
  }
  h1 {
    text-align: center;
    margin: 0 0 15px;
    font-size: 20px;
    color: #f0a202;
  }

  .row { display: grid; gap: 10px; margin: 12px 0; }
  .row.candles { grid-template-columns: repeat(6, 1fr); }
  .row.hub     { grid-template-columns: repeat(6, 1fr); }
  .row.owls    { grid-template-columns: repeat(5, 1fr); }

  .slot {
    width: 100%; min-height: 64px;
    border: 2px dashed #3a2f4d;
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 28px; color: #7a6f91;
    background: #2a2140;
    transition: all .25s ease;
    position: relative;
  }
  .slot.filled {
    border: 2px solid #f0a202;
    background: radial-gradient(circle at 50% 45%, rgba(240,162,2,.22), rgba(0,0,0,0));
    color: #fff;
    text-shadow: 0 0 6px #f0a202, 0 0 12px #f0a202;
    transform: scale(1.03);
  }

  /* свечи */
  .slot.candle.filled::after{
    content:"";
    position:absolute; top:6px; width:12px; height:18px; border-radius:50% 50% 40% 40%;
    background: radial-gradient(circle at 50% 35%, #fff 0 40%, #ffd27a 41% 70%, rgba(255,120,0,.7) 71% 100%);
    animation: flicker .8s infinite ease-in-out alternate;
    filter: drop-shadow(0 0 8px rgba(240,162,2,.8));
  }
  @keyframes flicker {
    from { transform: translateY(0) rotate(-2deg) scale(1); }
    to   { transform: translateY(-1px) rotate(2deg) scale(1.05); }
  }

  /* совы */
  .slot.owl .env {
    position:absolute; right:6px; bottom:6px; font-size:16px;
    opacity: 0; transition: .2s opacity;
  }
  .slot.owl.filled .env { opacity: .95; }

  /* центральные задачи */
  .slot.task.filled {
    box-shadow: 0 0 0 2px rgba(80,200,120,.45), inset 0 0 0 9999px rgba(80,200,120,.08);
  }
</style>
</head>
<body>
  <div class="card">
    <h1>Дэн https://forumstatic.ru/files/001a/2e/af/55768.png </h1>

    <!-- Ряд свечей -->
    <div class="row candles">
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
    </div>

    <!-- Центральный ряд -->
    <div class="row hub">
      <div class="slot task filled">🍂</div>
      <div class="slot task filled">🍂</div>
      <div class="slot task">🍂</div>
      <div class="slot task">📖</div>
      <div class="slot task filled">🍎</div>
      <div class="slot task">🍺</div>
    </div>

    <!-- Первый ряд сов -->
    <div class="row owls">
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot ow filledl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
    </div>

    <!-- Второй ряд сов -->
    <div class="row owls">
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
    </div>
  </div>
</body>
</html>
[/html]

Selina Moore

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Мурик</title>
<style>
  body {
    background: #1a1625;
    font-family: Georgia, serif;
    color: #f7f2e8;
    padding: 30px;
  }
  .card {
    max-width: 680px;
    margin: auto;
    background: #261e36;
    border: 2px solid #3a2f4d;
    border-radius: 18px;
    padding: 20px;
  }
  h1 {
    text-align: center;
    margin: 0 0 15px;
    font-size: 20px;
    color: #f0a202;
  }

  .row { display: grid; gap: 10px; margin: 12px 0; }
  .row.candles { grid-template-columns: repeat(6, 1fr); }
  .row.hub     { grid-template-columns: repeat(6, 1fr); }
  .row.owls    { grid-template-columns: repeat(5, 1fr); }

  .slot {
    width: 100%; min-height: 64px;
    border: 2px dashed #3a2f4d;
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 28px; color: #7a6f91;
    background: #2a2140;
    transition: all .25s ease;
    position: relative;
  }
  .slot.filled {
    border: 2px solid #f0a202;
    background: radial-gradient(circle at 50% 45%, rgba(240,162,2,.22), rgba(0,0,0,0));
    color: #fff;
    text-shadow: 0 0 6px #f0a202, 0 0 12px #f0a202;
    transform: scale(1.03);
  }

  /* свечи */
  .slot.candle.filled::after{
    content:"";
    position:absolute; top:6px; width:12px; height:18px; border-radius:50% 50% 40% 40%;
    background: radial-gradient(circle at 50% 35%, #fff 0 40%, #ffd27a 41% 70%, rgba(255,120,0,.7) 71% 100%);
    animation: flicker .8s infinite ease-in-out alternate;
    filter: drop-shadow(0 0 8px rgba(240,162,2,.8));
  }
  @keyframes flicker {
    from { transform: translateY(0) rotate(-2deg) scale(1); }
    to   { transform: translateY(-1px) rotate(2deg) scale(1.05); }
  }

  /* совы */
  .slot.owl .env {
    position:absolute; right:6px; bottom:6px; font-size:16px;
    opacity: 0; transition: .2s opacity;
  }
  .slot.owl.filled .env { opacity: .95; }

  /* центральные задачи */
  .slot.task.filled {
    box-shadow: 0 0 0 2px rgba(80,200,120,.45), inset 0 0 0 9999px rgba(80,200,120,.08);
  }
</style>
</head>
<body>
  <div class="card">
    <h1>Селиночка https://forumstatic.ru/files/001a/2e/af/55768.png </h1>

    <!-- Ряд свечей -->
    <div class="row candles">
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
    </div>

    <!-- Центральный ряд -->
    <div class="row hub">
      <div class="slot task filled">🍂</div>
      <div class="slot task filled">🍂</div>
      <div class="slot task filled">🍂</div>
      <div class="slot task">📖</div>
      <div class="slot task filled">🍎</div>
      <div class="slot task filled">🍺</div>
    </div>

    <!-- Первый ряд сов -->
    <div class="row owls">
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
    </div>

    <!-- Второй ряд сов -->
    <div class="row owls">
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
    </div>
  </div>
</body>
</html>
[/html]

Eurig Cadwallader

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Эрик</title>
<style>
  body {
    background: #1a1625;
    font-family: Georgia, serif;
    color: #f7f2e8;
    padding: 30px;
  }
  .card {
    max-width: 680px;
    margin: auto;
    background: #261e36;
    border: 2px solid #3a2f4d;
    border-radius: 18px;
    padding: 20px;
  }
  h1 {
    text-align: center;
    margin: 0 0 15px;
    font-size: 20px;
    color: #f0a202;
  }

  .row { display: grid; gap: 10px; margin: 12px 0; }
  .row.candles { grid-template-columns: repeat(6, 1fr); }
  .row.hub     { grid-template-columns: repeat(6, 1fr); }
  .row.owls    { grid-template-columns: repeat(5, 1fr); }

  .slot {
    width: 100%; min-height: 64px;
    border: 2px dashed #3a2f4d;
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 28px; color: #7a6f91;
    background: #2a2140;
    transition: all .25s ease;
    position: relative;
  }
  .slot.filled {
    border: 2px solid #f0a202;
    background: radial-gradient(circle at 50% 45%, rgba(240,162,2,.22), rgba(0,0,0,0));
    color: #fff;
    text-shadow: 0 0 6px #f0a202, 0 0 12px #f0a202;
    transform: scale(1.03);
  }

  /* свечи */
  .slot.candle.filled::after{
    content:"";
    position:absolute; top:6px; width:12px; height:18px; border-radius:50% 50% 40% 40%;
    background: radial-gradient(circle at 50% 35%, #fff 0 40%, #ffd27a 41% 70%, rgba(255,120,0,.7) 71% 100%);
    animation: flicker .8s infinite ease-in-out alternate;
    filter: drop-shadow(0 0 8px rgba(240,162,2,.8));
  }
  @keyframes flicker {
    from { transform: translateY(0) rotate(-2deg) scale(1); }
    to   { transform: translateY(-1px) rotate(2deg) scale(1.05); }
  }

  /* совы */
  .slot.owl .env {
    position:absolute; right:6px; bottom:6px; font-size:16px;
    opacity: 0; transition: .2s opacity;
  }
  .slot.owl.filled .env { opacity: .95; }

  /* центральные задачи */
  .slot.task.filled {
    box-shadow: 0 0 0 2px rgba(80,200,120,.45), inset 0 0 0 9999px rgba(80,200,120,.08);
  }
</style>
</head>
<body>
  <div class="card">
    <h1>Эрик https://forumstatic.ru/files/001a/2e/af/55768.png </h1>

    <!-- Ряд свечей -->
    <div class="row candles">
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
    </div>

    <!-- Центральный ряд -->
    <div class="row hub">
      <div class="slot task filled">🍂</div>
      <div class="slot task filled">🍂</div>
      <div class="slot task filled">🍂</div>
      <div class="slot task">📖</div>
      <div class="slot task filled">🍎</div>
      <div class="slot task filled">🍺</div>
    </div>

    <!-- Первый ряд сов -->
    <div class="row owls">
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
    </div>

    <!-- Второй ряд сов -->
    <div class="row owls">
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
    </div>
  </div>
</body>
</html>
[/html]

Seamus Finnigan

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Шейм</title>
<style>
  body {
    background: #1a1625;
    font-family: Georgia, serif;
    color: #f7f2e8;
    padding: 30px;
  }
  .card {
    max-width: 680px;
    margin: auto;
    background: #261e36;
    border: 2px solid #3a2f4d;
    border-radius: 18px;
    padding: 20px;
  }
  h1 {
    text-align: center;
    margin: 0 0 15px;
    font-size: 20px;
    color: #f0a202;
  }

  .row { display: grid; gap: 10px; margin: 12px 0; }
  .row.candles { grid-template-columns: repeat(6, 1fr); }
  .row.hub     { grid-template-columns: repeat(6, 1fr); }
  .row.owls    { grid-template-columns: repeat(5, 1fr); }

  .slot {
    width: 100%; min-height: 64px;
    border: 2px dashed #3a2f4d;
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 28px; color: #7a6f91;
    background: #2a2140;
    transition: all .25s ease;
    position: relative;
  }
  .slot.filled {
    border: 2px solid #f0a202;
    background: radial-gradient(circle at 50% 45%, rgba(240,162,2,.22), rgba(0,0,0,0));
    color: #fff;
    text-shadow: 0 0 6px #f0a202, 0 0 12px #f0a202;
    transform: scale(1.03);
  }

  /* свечи */
  .slot.candle.filled::after{
    content:"";
    position:absolute; top:6px; width:12px; height:18px; border-radius:50% 50% 40% 40%;
    background: radial-gradient(circle at 50% 35%, #fff 0 40%, #ffd27a 41% 70%, rgba(255,120,0,.7) 71% 100%);
    animation: flicker .8s infinite ease-in-out alternate;
    filter: drop-shadow(0 0 8px rgba(240,162,2,.8));
  }
  @keyframes flicker {
    from { transform: translateY(0) rotate(-2deg) scale(1); }
    to   { transform: translateY(-1px) rotate(2deg) scale(1.05); }
  }

  /* совы */
  .slot.owl .env {
    position:absolute; right:6px; bottom:6px; font-size:16px;
    opacity: 0; transition: .2s opacity;
  }
  .slot.owl.filled .env { opacity: .95; }

  /* центральные задачи */
  .slot.task.filled {
    box-shadow: 0 0 0 2px rgba(80,200,120,.45), inset 0 0 0 9999px rgba(80,200,120,.08);
  }
</style>
</head>
<body>
  <div class="card">
    <h1>Шеймусhttps://forumstatic.ru/files/001a/2e/af/55768.png </h1>

    <!-- Ряд свечей -->
    <div class="row candles">
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
      <div class="slot candle">🕯️</div>
    </div>

    <!-- Центральный ряд -->
    <div class="row hub">
      <div class="slot task filled">🍂</div>
      <div class="slot task filled">🍂</div>
      <div class="slot task filled">🍂</div>
      <div class="slot task">📖</div>
      <div class="slot task">🍎</div>
      <div class="slot task filled">🍺</div>
    </div>

    <!-- Первый ряд сов -->
    <div class="row owls">
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
    </div>

    <!-- Второй ряд сов -->
    <div class="row owls">
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl filled">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
      <div class="slot owl">🦉<span class="env">📨</span></div>
    </div>
  </div>
</body>
</html>
[/html]

Отредактировано Brewer (Вчера 07:48)

+3

3

а что тут такое интересное  https://forumstatic.ru/files/001a/2e/af/23070.gif

Brewer написал(а):

Пузырьки удачи

я капушечная

https://i.ibb.co/Ng54rb25/image.jpg

Brewer написал(а):

Лабиринт из листьев

1
2

Отредактировано Erica Tolipan (10.09.25 19:15)

+3

4

Brewer написал(а):

�� Лабиринт из листьев ��

Отредактировано Lavender Brown (01.09.25 19:27)

+3

5

Brewer написал(а):

🕯️ Свечи Большого зала 🕯️

Свечечку хотелось *____*

пруфы

+3

6

Brewer написал(а):

🍂 Лабиринт из листьев 🍂

+2

7

Brewer написал(а):

🍻 Пузырьки удачи 🍻

получается, я еще капушечнее ахах

https://upforme.ru/uploads/001a/2e/af/947/159400.jpg

+3

8

Письмо №1 ладно, сегодня только два могу

Brewer написал(а):

Вставить в пост слово «осень».

Royden Barlow написал(а):

Осталось подождать, когда придет осень и тогда он ей покажет еще кое-что удивительное.

02.05.97. Та, которой нет

Brewer написал(а):

Подобрать к персонажу(ам) 3 осенние ассоциации (цвет, вкус, запах) с объяснениями.

Крис
Цвет - теплый каштановый, такой же спокойный, приглушенный, не кричащий, как и его собственная сдержанная и зрелая натура.
Вкус - горячий кекс с корицей и изюмом. Домашний, с оттенком тепла, отражает его стремление заботиться и быть основой.
Запах - влажные листья после дождя напоминающие свежесть и умиротворение, в этом есть мягкая меланхолия, близкая Гарланду.

Ричи
Цвет — ярко-желтый, почти неоновый. Его невозможно не заметить, потому что Ричи как солнечный зайчик, который должен пролезть везде и все попробовать. 
Вкус — карамельное яблоко, ну прям такое сладкое, липкое, местами забавное, местами надоедает.
Запах — дым костра, так как в мальце  есть и сумбур, и авантюра, и какая-то бесшабашная радость. Кут живет так, будто каждая ночь последняя теплая в году.

Чонсик
Цвет - золотистый, солнечный как и его фамилия!
Вкус - грушевый сидр. Что-то такое необычное, но начинаешь пить и не можешь остановиться.
Запах — шафран, специи и та самая дурман-трава. А что такое? Люди и осенью жаждут расслабиться, а Чонси готов расслабляться каждый вечер, рассказывая эти свои истории с теми самыми духами, которых вы не слышите, а он - да ;)

Гоблинштейн
Цвет - небесно-синий, слегка потускневший, как вечернее осеннее небо, на который смотришь и думаешь о всяком вечном, да становишься таким созерцательным и ироничным как и сам Тони.
Вкус - мед с яблоками, эдакая классическая ассоциация еврейской осени и еврейского нового года в который едят эту сладость, которой он как бы обещает себе и миру, что скоро все «будет лучше»
Запах - старое дерево и книги, так как перекликается с его внутренней зрелостью и уважением к традициям.

Ройчик
Цвет - темно-зеленый,  говорят, что это один из модных цветов осени, а Рой знает толк в стиле! Или думает, что знает.
Вкус - тыквенный крем-суп с семечками — такой же полезный и такой же горячий, если вы понимаете о чем я!
Запах — глинтвейн. Сладкий и пряный, терпкий и неожиданно согревающий.

+6

9

Brewer написал(а):

✉️
Письмо №1

1.
Конфеты «Берти Боттс» со вкусом праздничной школьной линейки, №332
Дневник Тома Реддла, №58
Волшебное радиовещание, №10
Перенос игровых тем, №2
Выяснение отношений, №10

2.

Susan Bones написал(а):

Увы, ей определенно не прожить в этой "фальшивой оболочке" хотя бы до осени, но отчаянно хотелось верить, что она сможет за этот короткий срок привлечь внимание Криса, чтобы заставить прекратить смотреть на себя исключительно как на подругу или младшую сестру!

10.04.97. мда уж

3.
Габриэль
цвет: как истинному фанату своего факультета ему бы подошла какая-нибудь теплая охра, что ассоциируется помимо гуаши и уроков изо в школе с золотой осенью, медом, теплотой и уютом 🍁
вкус: конечно же яблочный пирог с корицей, - согревающий, уютный и слегка пряный вкус, - душевный и общительный, готовый помочь и тот, что нравится почти всем; и пусть лишь корица немного добавляет ярких ноток, показывая, что и у него есть внутренние переживания, они прекрасно дополняют финальное блюдо 🥧
запах: пожалуй, именно горячий шоколад это про ассоциации с Гейбом, уютной гостиной Хаффлпаффа, задушевными беседами у камина и тихому счастью с особенным человеком ☕

Отредактировано Gabriel Tate (02.09.25 00:03)

+3

10

Brewer написал(а):

🍻 Пузырьки удачи 🍻

я торжественно побеждаю в капушечном соревновании

+3

11

Brewer написал(а):

🕯️ Свечи Большого зала 🕯️

Brewer написал(а):

Внимание! Также есть возможность "обменять" часы актива на посты. 8 часов = 4 поста в день (сюжетки не считаем).

ждать я не умею, а вот посты писать да
обменяйте мне пожалуйста :з
10.04.97. мда уж
15.04.97. важные вопросы
16.10.96 все нормально
02.03.96. here we go again

+3

12

чтобы  уж наверняка

https://upforme.ru/uploads/001a/2e/af/251/t737502.jpg

Отредактировано Lavender Brown (02.09.25 03:22)

+3

13

Brewer написал(а):

🍎 Осенний урожай 🍎

Brewer написал(а):

🍂 Лабиринт из листьев 🍂

+2

14

Brewer написал(а):

🍎 Осенний урожай 🍎

я это сделал!  https://i.ibb.co/4PC2M7C/2Ahak.png

+3

15

Brewer написал(а):

Письмо №1

Brewer написал(а):

Написать рецензию на осеннюю книгу в Запретной секции (или просто на любимую)

Здесь написала хд

Brewer написал(а):

Вставить в пост слово «осень».

19.05.97. Урок Заклинаний, шестой курс [c]

+3

16

Brewer написал(а):

Письмо №1
1. Отметиться в 5 разных неигровых темах.
3. Подобрать к персонажу(ам) 3 осенние ассоциации (цвет, вкус, запах) с объяснениями.

Дневник Тома Реддла, №58
Волшебное радиовещание, №10
Гринготтс
Конфеты «Берти Боттс» со вкусом праздничной школьной линейки, №332
Зонко, №3

цвет

Влюблённая жаба - изысканный зелёный с серым отливом.

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

вкус

Херес.

Ядреный коктейль, в котором редкие ценители могут почувствовать миндальные и древесные нотки, разбавленные фруктовой и ягодной сладостью. Не ценители поморщатся, закусят огурчиком, а остатки выльют и пообещают больше никогда не пробовать.

запах

Выпечка.

Любая. Может, совершенно шикарная и с мясом. Может, не такая хорошая, с ягодами или тыквой.

Отредактировано Gregory Goyle (03.09.25 00:18)

+3

17

Brewer написал(а):

✉️
Письмо №1
1. Отметиться в 5 разных неигровых темах.
3. Подобрать к персонажу(ам) 3 осенние ассоциации (цвет, вкус, запах) с объяснениями.

Дневник Тома Реддла, №58
Конфеты «Берти Боттс» со вкусом праздничной школьной линейки, №332
Гринготтс
Волшебное радиовещание, №10
Перенос игровых тем, №2

Цвет — глубокий малиново-бордовый.
Насыщенный, с отливом спелых ягод  и осенних листьев. Близкий к цветам шарфов любимого факультета, цвет губной помады,  и одновременно оттенок лёгкой драмы, которой Лав всегда готова приправить даже самые  обыденные события.
Вкус - карамельные ириски - сладость с характером. На первый вкус они мягкие, тянущиеся, как сама осень, но стоит только раскусить ...
Запах - горячий шоколад с маршмеллоу - уютный, сладкий, окутывающий.
В густом шоколадном аромате слышится тепло, обещание безопасности и чего-то домашнего, пусть даже ты  от него в сотнях километров. А ванильная лёгкость расплавившегося маршмеллоу добавляет к этому дыхание волшебства, будто жизнь на секунду действительно становится похожа на старую сказку.

+3

18

Brewer написал(а):

🕯️ Свечи Большого зала 🕯️

зажгите мне еще одну свечку пожалуйста  https://upforme.ru/uploads/001a/2e/af/7/264183.gif
au. rebirth
22.11.95. paint it black
07.04.97. desesperent
21.05.97. turn the red flags white

+1

19

успееел?
Письмо №1

Brewer написал(а):

1. Отметиться в 5 разных неигровых темах.

Дневник Тома Реддла, №58
Конфеты «Берти Боттс» со вкусом праздничной школьной линейки, №332
Тактика, стратегия, очерёдность, №2
Выяснение отношений, №10
Волшебное радиовещание, №10

Brewer написал(а):

3. Подобрать к персонажу(ам) 3 осенние ассоциации (цвет, вкус, запах) с объяснениями.

Цвет: терракотовый  кирпично-оранжевый
https://i.ibb.co/Jj5k6hzr/color.png

Во-первых, гриффиндор и все вариации краснооранжевого - это лука :D
Цвет осенней листвы на солнце и цвет домов в родной ему Италии, цвет тепла, уюта, приятного общения осенними вечерами у камина - то, что Лука любит и с чем себя ассоциирует.

Вкус: Кростата - итальянский песочный пирог - с яблоками и корицей.
https://i.ibb.co/qYPtN59V/cake.png

Простой, но вкусный - сладкий, домашний, на вкус как дом и забота :З - это тоже лука, спросите гейба

Запах: мокрые листья + свежесваренный горячий кофе
https://i.ibb.co/Css8qfMz/taste.png

Ну, тут без вариантов. Лука любит кофе (и он сам тот еще энерджайзер))  и любит гулять. Осенью смешивается запах кофе и запах листьев под ногами в лесу после дождя.


Brewer написал(а):

Свечи Большого зала

вчера 8 часов

+3

20

✉️
Письмо №2


1. Упомянуть в посте любое погодное явление, присущее осени (листья, дождь, ветер).
2. Составить плейлист для дождливого дня.
3. Поделиться осенним фото в соответсвующей теме.
4. Назвать фильм(ы)/сериал(ы), которые ассоциируется с осенью. Можно отписаться в Магическом экране или прямо здесь :з

!!!
Необходимо выполнить два любых задания для того, чтобы отметиться. Но лучше, конечно, все  https://forumstatic.ru/files/001a/2e/af/30573.gif

0


Вы здесь » Drink Butterbeer! » The Three Broomsticks » Event: Осенний дринкофестиваль