Have you seen these wizards? Sybill Trelawney, Lucius Malfoy, Corban Yaxley
The ones that love us never really leave us. And you can always find them in here.

Marauders: forever young

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

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

Вы здесь » Marauders: forever young » СЮЖЕТНЫЕ ЭПИЗОДЫ » 31.10.1979 Кукольный домик [л]

31.10.1979 Кукольный домик [л]

Страница: 1

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

1

  • Автор: Game Master
  • Мастер фломастер
  • Game Master
  • Для вас у меня очень много затей!
  • Банк: ∞
  • Уважение: +2898
  • Сообщений: 1002
  • Посты: 910 512,11/0 11.25,5/107

[html]

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Квест-таблица</title>
    <style>
        * {
            box-sizing: border-box !important;
            margin: 0 !important;
            padding: 0 !important;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        }
       
        body {
            background-color: #282828 !important;
            color: #B8B0A0 !important;
            line-height: 1.6 !important;
            padding: 20px !important;
            display: flex !important;
            justify-content: center !important;
            align-items: flex-start !important;
            min-height: 100vh !important;
        }
       
        .container {
            width: 1000px !important;
            height: 700px !important;
            background-color: #181818 !important;
            border-radius: 15px !important;
            box-shadow: 0 0 30px rgba(0, 0, 0, 0.5) !important;
            overflow: hidden !important;
            display: flex !important;
            flex-direction: column !important;
        }
       
        .tabs {
            display: flex !important;
            background-color: #484048 !important;
            border-top-left-radius: 15px !important;
            border-top-right-radius: 15px !important;
            overflow: hidden !important;
        }
       
        .tab {
            padding: 15px 25px !important;
            cursor: pointer !important;
            color: #B8B0A0 !important;
            font-weight: bold !important;
            transition: all 0.3s !important;
            border-right: 1px solid #504848 !important;
            flex: 1 !important;
            text-align: center !important;
        }
       
        .tab:hover {
            background-color: #504848 !important;
        }
       
        .tab.active {
            background-color: #887878 !important;
            color: #181818 !important;
        }
       
        .tab-content {
            display: none !important;
            padding: 30px !important;
            height: 640px !important;
            overflow: hidden !important;
            border-bottom-left-radius: 15px !important;
            border-bottom-right-radius: 15px !important;
        }
       
        .tab-content.active {
            display: block !important;
        }
       
        h1, h2 {
            margin-bottom: 20px !important;
            color: #B8B0A0 !important;
        }
       
        p {
            margin-bottom: 15px !important;
        }
       
        /* Вкладка 1 - Обложка */
        .cover-container {
            display: flex !important;
            gap: 30px !important;
            align-items: flex-start !important;
            height: 540px !important;
            margin-bottom: 20px !important;
        }
       
        .cover-image {
            flex: 1 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            border-radius: 10px !important;
            overflow: hidden !important;
            min-height: 100% !important;
        }
       
        .cover-image img {
            width: 100% !important;
            height: 100% !important;
            max-height: 500px !important;
            object-fit: cover !important;
            border-radius: 10px !important;
            border: 3px solid #504848 !important;
        }
       
        .cover-description {
            flex: 1 !important;
            padding: 25px !important;
            background-color: #282828 !important;
            border-radius: 10px !important;
            border: 2px solid #484048 !important;
            height: 100% !important;
            overflow-y: auto !important;
        }
       
        .cover-description::-webkit-scrollbar {
            width: 8px !important;
        }
       
        .cover-description::-webkit-scrollbar-track {
            background: #181818 !important;
            border-radius: 4px !important;
        }
       
        .cover-description::-webkit-scrollbar-thumb {
            background: #887878 !important;
            border-radius: 4px !important;
        }
       
        /* Вкладка 2 - Правила */
        .rules-content {
            height: 580px !important;
            overflow-y: auto !important;
            padding-right: 15px !important;
        }
       
        .rules-content::-webkit-scrollbar {
            width: 8px !important;
        }
       
        .rules-content::-webkit-scrollbar-track {
            background: #181818 !important;
            border-radius: 4px !important;
        }
       
        .rules-content::-webkit-scrollbar-thumb {
            background: #887878 !important;
            border-radius: 4px !important;
        }
       
        .rules-list {
            padding-left: 25px !important;
            margin-bottom: 25px !important;
        }
       
        .rules-list li {
            margin-bottom: 12px !important;
            padding-left: 10px !important;
        }
       
        /* Вкладка 3 - Карты */
        .preview-container {
            height: 500px !important;
            overflow-y: auto !important;
            padding: 10px 15px 20px 0 !important;
        }
       
        .preview-container::-webkit-scrollbar {
            width: 8px !important;
        }
       
        .preview-container::-webkit-scrollbar-track {
            background: #181818 !important;
            border-radius: 4px !important;
        }
       
        .preview-container::-webkit-scrollbar-thumb {
            background: #887878 !important;
            border-radius: 4px !important;
        }
       
        .preview-grid {
            display: grid !important;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
            gap: 25px !important;
            padding-bottom: 30px !important;
        }
       
        .preview-card {
            background-color: #282828 !important;
            border-radius: 8px !important;
            border: 2px solid #484048 !important;
            transition: all 0.3s !important;
            position: relative !important;
            overflow: hidden !important;
        }
       
        .preview-card:hover {
            transform: translateY(-5px) !important;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
            border-color: #887878 !important;
            z-index: 10 !important;
        }
       
        .preview-item {
            height: 150px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            cursor: pointer !important;
        }
       
        .preview-caption {
            padding: 12px !important;
            text-align: center !important;
            border-top: 1px solid #484048 !important;
            background-color: #282828 !important;
            font-size: 14px !important;
            font-weight: 500 !important;
            color: #B8B0A0 !important;
        }
       
        /* Вкладка 4 - Гномы */
        .gnomes-container {
            height: 500px !important;
            overflow-y: auto !important;
            padding: 10px 10px 10px 0 !important;
        }
       
        .gnomes-container::-webkit-scrollbar {
            width: 8px !important;
        }
       
        .gnomes-container::-webkit-scrollbar-track {
            background: #181818 !important;
            border-radius: 4px !important;
        }
       
        .gnomes-container::-webkit-scrollbar-thumb {
            background: #887878 !important;
            border-radius: 4px !important;
        }
       
        .gnomes-grid {
            display: grid !important;
            grid-template-columns: repeat(6, 1fr) !important;
            gap: 15px !important;
            padding-bottom: 20px !important;
        }
       
        .gnome-item {
            aspect-ratio: 1 !important;
            background-color: #282828 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            border-radius: 8px !important;
            border: 2px solid #484048 !important;
            transition: all 0.3s !important;
            position: relative !important;
        }
       
        .gnome-item:hover {
            transform: scale(1.05) !important;
            border-color: #887878 !important;
            z-index: 10 !important;
        }
       
        /* Вкладка 5 - Дополнительно */
        .rectangular-wrapper {
            height: 500px !important;
            display: flex !important;
            flex-direction: column !important;
            gap: 15px !important;
        }
       
        .rectangular-container {
            flex: 1 !important;
            overflow-x: auto !important;
            overflow-y: hidden !important;
            padding: 15px 10px 5px 10px !important;
            background-color: #282828 !important;
            border-radius: 8px !important;
            border: 2px solid #484048 !important;
            position: relative !important;
        }
       
        .rectangular-container::-webkit-scrollbar {
            height: 16px !important;
        }
       
        .rectangular-container::-webkit-scrollbar-track {
            background: #484048 !important;
            border-radius: 8px !important;
            margin: 0 10px !important;
            border: 2px solid #504848 !important;
        }
       
        .rectangular-container::-webkit-scrollbar-thumb {
            background: #887878 !important;
            border-radius: 8px !important;
            border: 2px solid #B8B0A0 !important;
            min-height: 40px !important;
        }
       
        .rectangular-container::-webkit-scrollbar-thumb:hover {
            background: #B8B0A0 !important;
            border-color: #887878 !important;
        }
       
        .rectangular-grid {
            display: inline-flex !important;
            gap: 25px !important;
            padding: 0 5px 10px 5px !important;
            height: 100% !important;
        }
       
        .rectangular-card {
            width: 180px !important;
            height: 250px !important;
            background-color: #282828 !important;
            border-radius: 8px !important;
            border: 2px solid #484048 !important;
            transition: all 0.3s !important;
            flex-shrink: 0 !important;
            position: relative !important;
            overflow: hidden !important;
            display: flex !important;
            flex-direction: column !important;
        }
       
        .rectangular-card:hover {
            transform: translateY(-5px) !important;
            border-color: #887878 !important;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
            z-index: 10 !important;
        }
       
        .rectangular-item {
            height: 200px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex: 1 !important;
        }
       
        .rectangular-caption {
            padding: 12px !important;
            text-align: center !important;
            border-top: 1px solid #484048 !important;
            background-color: #282828 !important;
            font-size: 14px !important;
            font-weight: 500 !important;
            color: #B8B0A0 !important;
            height: 50px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }
       
        .scroll-indicator {
            text-align: center !important;
            color: #887878 !important;
            font-size: 14px !important;
            font-weight: 500 !important;
            padding: 5px !important;
        }
       
        /* Адаптивность */
        @media (max-width: 1100px) {
            .container {
                width: 95% !important;
                height: 650px !important;
            }
           
            .tab-content {
                height: 590px !important;
            }
           
            .cover-container {
                height: 500px !important;
            }
           
            .rules-content,
            .preview-container,
            .gnomes-container,
            .rectangular-wrapper {
                height: 480px !important;
            }
        }
       
        @media (max-width: 768px) {
            .tabs {
                flex-wrap: wrap !important;
            }
           
            .tab {
                flex: 1 0 33% !important;
            }
           
            .gnomes-grid {
                grid-template-columns: repeat(3, 1fr) !important;
            }
           
            .preview-grid {
                grid-template-columns: repeat(2, 1fr) !important;
            }
           
            .cover-container {
                flex-direction: column !important;
                height: auto !important;
            }
           
            .cover-image img {
                width: 100% !important;
                max-height: 300px !important;
            }
        }
       
        @media (max-width: 480px) {
            .tab {
                flex: 1 0 50% !important;
                padding: 12px 15px !important;
            }
           
            .gnomes-grid {
                grid-template-columns: repeat(2, 1fr) !important;
            }
           
            .preview-grid {
                grid-template-columns: 1fr !important;
            }
           
            .tab-content {
                padding: 20px !important;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="tabs">
            <div class="tab active" data-tab="tab1">Вводная</div>
            <div class="tab" data-tab="tab2">Правила</div>
            <div class="tab" data-tab="tab3">Карта</div>
            <div class="tab" data-tab="tab4">Вредители</div>
            <div class="tab" data-tab="tab5">Игрушки</div>
        </div>
       
        <div class="tab-content active" id="tab1">
            <h1 style="text-align: center; font-size: 2.2rem; margin-bottom: 25px !important;">КУКОЛЬНЫЙ ДОМИК</h1>
            <div class="cover-container">
                <div class="cover-image">
                    <img src="https://upforme.ru/uploads/0008/e1/93/3/104255.png">
                </div>
                <div class="cover-description">
                    <p>Порой нужно очень внимательно выбирать подарки. Одна неосторожная покупка — и вот семью волшебников терроризирует капризный призрак маленькой девочки! Она много скандалит и ломает вещи, если не идти ей на уступки. Остановите это безобразие!</p>
                    <p>Говорят, нужно уметь достигать компромисса. Получится ли это у вас?</p>
                </div>
            </div>
        </div>
       
        <div class="tab-content" id="tab2">
            <div class="rules-content">
                <h2><b>Правила и порядок отписи:</b></h2>
                <ul class="rules-list">
                    <li>● Круг у игроков длится 2 дня, до 22:00 по Мск. На отпись ГМа даётся 1 день, до 22:00 по Мск.</li>
                    <li>● Кол-во символов в постах НЕ ограничено, но мы призываем вас не писать более 2500 символов.</li>
                    <li>● Кол-во постов за 1 круг у игроков не ограничено, но подразумевается, что динамика должна быть 1 круг = 1 пост. Если ситуация будет подразумевать, что НПС может ответить раньше, чем наступит отпись ГМа, то он постарается подключиться и ответить.</li>
                </ul>
               
                <h2><b>Взаимодействие с картой:</b></h2>
                <ul class="rules-list">
                     <li>● Один раз за круг вы можете сделать переход по карте. Переход можно сделать в любую локацию, а не только ближайшую. Информация о новой локации будет предоставлена в посте ГМа.</li>
                     <li>● Пожалуйста, когда карта вам станет доступна, прописывайте в конце поста, куда движется ваш герой или где находится. Пример: кухня => холл. </li>

                </ul>

                <h2><b>Механики эпизода:</b></h2>

                    <p>Вам будут доступны механики сбора двух коллекций ("Вредители" и "Игрушки"), а ещё загадки, небольшие головоломки и задания. Не переживайте, каждое задание будет иметь описание.</p>

                 <h2><b>Игроки:</b></h2>         
                 <p> Mason Tremblay, Eugene Ross, Archie Higgs</p>
       
                <h2><b>Гейм-мастера:</b></h2>
                <p> Палочки-твикс <a href="https://foreveryoung.rolbb.me/profile.php?id=274">Минерва</a> и <a href="https://foreveryoung.rolbb.me/profile.php?id=293">Сабрина</a>.</p>
            </div>
        </div>
       
        <div class="tab-content" id="tab3">
            <h2><b>Превью карт местности</b></h2>
            <p>Нажмите на любую карту для её просмотра в полном размере в новой вкладке.</p>
           
            <div class="preview-container">
                <div class="preview-grid">
                    <div class="preview-card" onclick="openImage('https://upforme.ru/uploads/001b/b8/74/293/957501.jpg')">
                        <div class="preview-item">
                            <img src="https://upforme.ru/uploads/001b/b8/74/293/957501.jpg" style="width: 180px; height: 130px; object-fit: cover;">
                        </div>
                        <div class="preview-caption">Карта №1 1 этажа (общая)</div>
                    </div>
                    <div class="preview-card" onclick="openImage('https://upforme.ru/uploads/001b/b8/74/293/363561.jpg')">
                        <div class="preview-item">
                            <img src="https://upforme.ru/uploads/001b/b8/74/293/363561.jpg" style="width: 180px; height: 130px; object-fit: cover;">
                        </div>
                        <div class="preview-caption">Карта №2 1 этажа </div>
                    </div>
                    <div class="preview-card" onclick="openImage('https://upforme.ru/uploads/001b/b8/74/293/873116.jpg')">
                        <div class="preview-item">
                            <img src="https://upforme.ru/uploads/001b/b8/74/293/873116.jpg" style="width: 180px; height: 130px; object-fit: cover;">
                        </div>
                        <div class="preview-caption">Карта №3  1 этажа</div>
                    </div>
                    <div class="preview-card" onclick="openImage('https://upforme.ru/uploads/001b/b8/74/293/581745.jpg')">
                        <div class="preview-item">
                            <img src="https://upforme.ru/uploads/001b/b8/74/293/581745.jpg" alt="Карта 4" style="width: 180px; height: 130px; object-fit: cover;">
                        </div>
                        <div class="preview-caption">Карта №4 1 этажа</div>
                    </div>
                    <div class="preview-card" onclick="openImage('https://upforme.ru/uploads/001b/b8/74/293/14258.jpg')">
                        <div class="preview-item">
                            <img src="https://upforme.ru/uploads/001b/b8/74/293/14258.jpg" style="width: 180px; height: 130px; object-fit: cover;">
                        </div>
                        <div class="preview-caption">Карта №5 1 этажа</div>
                    </div>
                    <div class="preview-card" onclick="openImage('https://upforme.ru/uploads/001b/b8/74/293/620542.jpg')">
                        <div class="preview-item">
                            <img src="https://upforme.ru/uploads/001b/b8/74/293/938058.jpg" alt="Карта 6" style="width: 180px; height: 130px; object-fit: cover;">
                        </div>
                        <div class="preview-caption">Карта №6  1 этажа</div>
                    </div>
                    <div class="preview-card" onclick="openImage('https://upforme.ru/uploads/001b/b8/74/293/735635.jpg')">
                        <div class="preview-item">
                            <img src="https://upforme.ru/uploads/001b/b8/74/293/735635.jpg" alt="Карта 7" style="width: 180px; height: 130px; object-fit: cover;">
                        </div>
                        <div class="preview-caption">Карта №7 2 этажа (общая)</div>
                    </div>
                    <div class="preview-card" onclick="openImage('https://upforme.ru/uploads/001b/b8/74/293/474852.jpg')">
                        <div class="preview-item">
                            <img src="https://upforme.ru/uploads/001b/b8/74/293/474852.jpg" alt="Карта 8" style="width: 180px; height: 130px; object-fit: cover;">
                        </div>
                        <div class="preview-caption">Карта №8 2 этажа</div>
                    </div>
                    <div class="preview-card" onclick="openImage('https://upforme.ru/uploads/001b/b8/74/293/812104.jpg')">
                        <div class="preview-item">
                            <img src="https://upforme.ru/uploads/001b/b8/74/293/812104.jpg" alt="Карта 9" style="width: 180px; height: 130px; object-fit: cover;">
                        </div>
                        <div class="preview-caption">Карта №9 2 этажа</div>
                    </div>
                    <div class="preview-card" onclick="openImage('https://upforme.ru/uploads/001b/b8/74/293/825785.jpg')">
                        <div class="preview-item">
                            <img src="https://upforme.ru/uploads/001b/b8/74/293/825785.jpg" alt="Карта 10" style="width: 180px; height: 130px; object-fit: cover;">
                        </div>
                        <div class="preview-caption">Карта №10 2 этажа</div>
                    </div>
                    <div class="preview-card" onclick="openImage('https://upforme.ru/uploads/001b/b8/74/293/64217.jpg')">
                        <div class="preview-item">
                            <img src="https://upforme.ru/uploads/001b/b8/74/293/64217.jpg" alt="Карта 11" style="width: 180px; height: 130px; object-fit: cover;">
                        </div>
                        <div class="preview-caption">Карта №11  2 этажа</div>
                    </div>
                    <div class="preview-card" onclick="openImage('https://upforme.ru/uploads/001b/b8/74/293/656092.jpg')">
                        <div class="preview-item">
                            <img src="https://upforme.ru/uploads/001b/b8/74/293/656092.jpg" alt="Карта 12" style="width: 180px; height: 130px; object-fit: cover;">
                        </div>
                        <div class="preview-caption">Карта №12 2 этажа</div>
                    </div>
                </div>
            </div>
        </div>
       
        <div class="tab-content" id="tab4">
            <p><b>Найдите всех вредителей, скрытых на локациях квеста</b></p>
           
            <div class="gnomes-container">
                <div class="gnomes-grid">
                    <div class="gnome-item">
                        <img src="https://upforme.ru/uploads/0008/e1/93/3/842711.png" alt="Вредитель 1" style="width: 100px; height: 100px; object-fit: cover; border-radius: 5px;">
                    </div>
                    <div class="gnome-item">
                        <img src="https://upforme.ru/uploads/0008/e1/93/3/385428.png" alt="Вредитель 2" style="width: 100px; height: 100px; object-fit: cover; border-radius: 5px;">
                    </div>
                    <div class="gnome-item">
                        <img src="https://upforme.ru/uploads/0008/e1/93/3/44752.png" alt="Вредитель 3" style="width: 100px; height: 100px; object-fit: cover; border-radius: 5px;">
                    </div>
                    <div class="gnome-item">
                        <img src="https://upforme.ru/uploads/0008/e1/93/3/142847.png" alt="Вредитель 4" style="width: 100px; height: 100px; object-fit: cover; border-radius: 5px;">
                    </div>
                    <div class="gnome-item">
                        <img src="https://upforme.ru/uploads/0008/e1/93/3/12009.png" alt="Вредитель 5" style="width: 100px; height: 100px; object-fit: cover; border-radius: 5px;">
                    </div>
                    <div class="gnome-item">
                        <img src="https://upforme.ru/uploads/0008/e1/93/3/235825.png" alt="Вредитель 6" style="width: 100px; height: 100px; object-fit: cover; border-radius: 5px;">
                    </div>
                    <div class="gnome-item">
                        <img src="https://upforme.ru/uploads/0008/e1/93/3/229675.png" alt="Вредитель 7" style="width: 100px; height: 100px; object-fit: cover; border-radius: 5px;">
                    </div>
                    <div class="gnome-item">
                        <img src="https://upforme.ru/uploads/0008/e1/93/3/311162.png" alt="Вредитель 8" style="width: 100px; height: 100px; object-fit: cover; border-radius: 5px;">
                    </div>
                    <div class="gnome-item">
                        <img src="https://upforme.ru/uploads/0008/e1/93/3/746215.png" alt="Вредитель 9" style="width: 100px; height: 100px; object-fit: cover; border-radius: 5px;">
                    </div>
                    <div class="gnome-item">
                        <img src="https://upforme.ru/uploads/0008/e1/93/3/572563.png" alt="Вредитель 10" style="width: 100px; height: 100px; object-fit: cover; border-radius: 5px;">
                    </div>
                    <div class="gnome-item">
                        <img src="https://upforme.ru/uploads/0008/e1/93/3/102160.png" alt="Вредитель 11" style="width: 100px; height: 100px; object-fit: cover; border-radius: 5px;">
                    </div>
                    <div class="gnome-item">
                        <img src="https://upforme.ru/uploads/0008/e1/93/3/900429.png" alt="Вредитель 12" style="width: 100px; height: 100px; object-fit: cover; border-radius: 5px;">
                    </div>
                    <div class="gnome-item">
                        <img src="https://upforme.ru/uploads/0008/e1/93/3/135536.png" alt="Вредитель 13" style="width: 100px; height: 100px; object-fit: cover; border-radius: 5px;">
                    </div>
                    <div class="gnome-item">
                        <img src="https://upforme.ru/uploads/0008/e1/93/3/962397.png" alt="Вредитель 14" style="width: 100px; height: 100px; object-fit: cover; border-radius: 5px;">
                    </div>
                    <div class="gnome-item">
                        <img src="https://upforme.ru/uploads/0008/e1/93/3/337479.png" alt="Вредитель 15" style="width: 100px; height: 100px; object-fit: cover; border-radius: 5px;">
                    </div>
                    <div class="gnome-item">
                        <img src="https://upforme.ru/uploads/0008/e1/93/3/398136.png" alt="Вредитель 16" style="width: 100px; height: 100px; object-fit: cover; border-radius: 5px;">
                    </div>
                    <div class="gnome-item">
                        <img src="https://upforme.ru/uploads/0008/e1/93/3/287725.png" alt="Вредитель 17" style="width: 100px; height: 100px; object-fit: cover; border-radius: 5px;">
                    </div>
                    <div class="gnome-item">
                        <img src="https://upforme.ru/uploads/0008/e1/93/3/940912.png" alt="Вредитель 18" style="width: 100px; height: 100px; object-fit: cover; border-radius: 5px;">
                    </div>
                </div>
            </div>
        </div>
       
        <div class="tab-content" id="tab5">
            <p><b>Вам нужно что-то найти… Но что?</b></p>
           
            <div class="rectangular-wrapper">
                <div class="rectangular-container">
                    <div class="rectangular-grid">
                        <div class="rectangular-card">
                            <div class="rectangular-item">
                                <img src="https://upforme.ru/uploads/0008/e1/93/3/395081.png" style="width: 160px; height: 200px; object-fit: cover;">
                            </div>
                            <div class="rectangular-caption"> ??? </div>
                        </div>
                        <div class="rectangular-card">
                            <div class="rectangular-item">
                                <img src="https://upforme.ru/uploads/0008/e1/93/3/395081.png" style="width: 160px; height: 200px; object-fit: cover;">
                            </div>
                            <div class="rectangular-caption"> ??? </div>
                        </div>
                        <div class="rectangular-card">
                            <div class="rectangular-item">
                                <img src="https://upforme.ru/uploads/0008/e1/93/3/395081.png" style="width: 160px; height: 200px; object-fit: cover;">
                            </div>
                            <div class="rectangular-caption"> ??? </div>
                        </div>
                        <div class="rectangular-card">
                            <div class="rectangular-item">
                                <img src="https://upforme.ru/uploads/0008/e1/93/3/395081.png" style="width: 160px; height: 200px; object-fit: cover;">
                            </div>
                            <div class="rectangular-caption"> ??? </div>
                        </div>
                        <div class="rectangular-card">
                            <div class="rectangular-item">
                                <img src="https://upforme.ru/uploads/0008/e1/93/3/395081.png" style="width: 160px; height: 200px; object-fit: cover;">
                            </div>
                            <div class="rectangular-caption"> ??? к</div>
                        </div>
                        <div class="rectangular-card">
                            <div class="rectangular-item">
                                <img src="https://upforme.ru/uploads/0008/e1/93/3/395081.png" style="width: 160px; height: 200px; object-fit: cover;">
                            </div>
                            <div class="rectangular-caption"> ??? </div>
                        </div>
                    </div>
                </div>
                <div class="scroll-indicator">← Прокрутите вправо для просмотра всех материалов →</div>
            </div>
        </div>
    </div>

    <script>
        // Переключение вкладок
        document.querySelectorAll('.tab').forEach(tab => {
            tab.addEventListener('click', () => {
                // Убираем активный класс у всех вкладок и контента
                document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
                document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
               
                // Добавляем активный класс к выбранной вкладке и соответствующему контенту
                tab.classList.add('active');
                document.getElementById(tab.dataset.tab).classList.add('active');
            });
        });
       
        // Функция для открытия картинки в новом окне
        function openImage(imageUrl) {
            window.open(imageUrl, '_blank');
        }
    </script>
</body>
</html>

[/html]


1 круг

[hideprofile]

Отредактировано Game Master (Вчера 14:55:41)

+4

2

  • Автор: Game Master
  • Мастер фломастер
  • Game Master
  • Для вас у меня очень много затей!
  • Банк: ∞
  • Уважение: +2898
  • Сообщений: 1002
  • Посты: 910 512,11/0 11.25,5/107

— Вы по объявлению? — не поднимая головы от бумаг, сотрудница Подразделения духов по усталой привычке последних часов встретила очередных волшебников-добровольцев. Их было так много за сегодня, но, к сожалению, все еще недостаточно, чтобы покрыть все образовавшиеся жалобы на призраков. Эти неуспокоенные явно перед смертью забыли забрать с собой в могилы совесть и уважение к тем, кому приходится постигать «прелести» земного бытия.
Одного из коллег с этажа выше девушка узнала чисто визуально. Быть может, пересекалась с Юджином на входе или выходе с Министерства? Остальные же были не знакомы. Сотрудница смотрит на трех молодых мужчин, а затем на дело. Снова на троицу и снова на дело.
— Нет, ну никуда не деться, — вздыхая, женщина вышла из-за стола с папкой в руках.
— Играли когда-нибудь с кукольным домиком? — Она пожала плечами. — У молодежи сейчас такие нравы, что подобному выбору мало кто удивится.
Прокашлявшись и не дожидаясь ответа, волшебница уткнулась взглядом в пергамент перед собой.
— Буквально месяц назад в антикварном магазине был куплен старый кукольный домик в подарок маленькой девочке. Семья обратилась с жалобой, что с тех пор их девочка не может нормально спать и играть с новой игрушкой. Оказалось, что он принадлежит трагически погибшей девочке-призраку, а продавец в лавке, видимо, очень хотел избавиться от этой игрушки, чтобы призрак перестал быть его головной болью. Так что эта неупокоенная особа теперь терроризирует весь дом, сводит с ума маленькую девочку и не дает играть с... как бы её игрушкой. Обращение пришло от старшей дочери, мисс Малекри. Думаю, втроем вы точно разберетесь с этой ерундой. Адрес вот. Не задерживайтесь там, дело и правда несложное.

***

Мелодичный звон колокольчика возвестил о прибытии долгожданных гостей. Мадам Фэйрчайлд, гувернантка, с облегчением вздохнула, поправив кружевной воротничок своего строгого платья.
— Минуту! — Громкий голос донесся до волшебников из-за двери, а затем тяжелая дубовая дверь открылась, являя им даму средних лет.
Особняк Малекри, утопающий в пастельных тонах, словно сошедший с полотен импрессионистов, встретил гостей прохладой и тишиной. Внутри царила атмосфера уюта и умиротворения, нарушаемая тихим тиканьем напольных часов в холле.
— Рада приветствовать вас в доме Малекри, — ответила мадам Фэйрчайлд, слегка приподняв бровь. Она, как истинная леди, держала лицо, что бы ни происходило в доме. Её предупредили, что на решение сложившейся ситуации прибудут особенные люди и лучше не задавать им лишних вопросов.
— Прошу обращаться ко мне мадам Фэйрчайлд. Если что-то понадобиться, я...
— УБЕРИ ВСЮ ЭТУ ГАДОСТЬ ИЗ МОЕГО ДОМИКА! — раздался пронзительный вопль откуда-то сверху.
На втором этаже дома располагались детские спальни и родительская, первый же этаж представлял из себя гостиную, кухню, столовую, библиотеку и кабинет.
— ЭТО!!! МОЙ!!! ДОМИ-И-И-И-К!
— ...Прошу прощения. Собственно, это и есть наша проблема.

Со второго этажа донёсся сильный удар от захлопнувшейся двери и сердитые шаги.
— Как она мне надоела, маленькое чудовище...
В холл спустилась раскрасневшаяся от возмущения девушка, и Арчи узнаёт в ней Маэль. Та, в свою очередь, застыла на месте, удивлённо оглядывая внезапное пополнение в своём доме, а затем и сама заметила знакомое лицо.
— Ох, Арчи! Откуда вы здесь?

Круг для игроков продлится до 22:00 4.11.

[nick]Mael Malecrit[/nick][status]and now I'm wide awake[/status][icon]https://upforme.ru/uploads/001b/b8/74/3/339832.gif[/icon][sign][/sign][info]<div class="lzn"><a href="ССЫЛКА НА ОПИСАНИЕ МАСКИ (можно удалить)">Маэль Малекри, 20</a></div><div class="whos">Поэтесса</div><div class="lznf">Эта осень сожжет тебя, глазом не поведет. Будут яблоки спелы и горек последний мед, будут ольхи греметь погремушками октября.
<br><i>Не останется лишь тебя.</i></div>[/info]

+5

3

  • Автор: Mason Tremblay
  • Minerva, teach, irresistible
  • Mason Tremblay
  • Мейсон Трэмбли, 20
    Колумнист в издании "Вечерний Пророк"
    Ты знаешь, ты одна моя тёлка
  • Банк: 459
  • Уважение: +2032
  • Сообщений: 682
  • Посты: 459 512,1/2 11.25,1/18

Чинушу с Министерства я не слушал. Мне такое не надо. Я и без инструкций с призраками справляюсь как... очень круто справляюсь.
В дом я захожу первым, предоставив какой-то старой мадам честь открыть мне дверь. Растягиваюсь, зеваю так драматично, что если бы рядом стояли колдокамеры - они бы запотели от величия момента. Мог бы быть сейчас у братишки на дне рождения, черпать тортик, рассказывать старику, как правильно жить, как правильно выигрывать и как правильно Лорду делать дела, но нет. Общество. Долг. Это всё.
Я герой, мать его. Доброволец. Святое сердце и несгибаемая воля.
Полустаруха встречает нас этим своим добро пожаловать в дом Малекри. Малекри. Ой удержи меня от смеха Салазар. Я с усилием держу лицо, чтобы не фыркнуть. Прям чувствую, как внутри распухает сарказм.
Дом Малекри. Конечно. Почему не пирамида Птолемея? Не Великолепная Усадьба Святого Мерлина Третьего? Поназовут же. Как будто кирпичи сами на коленях просили благородную фамилию перед тем, как их сложили в стены. Да Малекри в Англии в жизни не был!
И тут хозяйка дома с тупым названием представляется - мадам Фэйрчайлд.
И тут я прям автоматически:
- О, я вашего сы…
Но визг сверху мне прям кричит: замолчи, Мейсон, не вспоминай этого малютку-специалиста по ошибочной самодостаточности, который не смог даже нормально обосрать дверь на тусовке после моего триумфа над Гриффиндором. Мда. Великие победы, маленькие позоры.
На самом деле визжат о чем-то другом. Мерзкий визг. Такой резкий, что я чуть не хлопаю в ладоши от искренности момента.
Я только хмыкаю. Вот это чувство собственности. Я уважаю амбиций так же сильно, как ненавижу чай. Рыданий призрачных тёлок мне и в школе хватило, если честно.
Но теперь мне реально интересно, что там за домик. Призрак девочки, кукольный особняк, драма, территориальная война за игрушечный квадратный метр.
И, честно говоря, я уже представляю: мини-особняк, мини-бар, кукольные вейлы, которые хлопают ресничками, когда ты заходишь. В камине крошечное пламя, которое аплодирует. Кровати, которые сами собой застилаются. А на мини-кухне омлет с сыром, помидорками и перчиками который сам себя приготил. И мини-бар. Кукольный мини-бар.
Шаги сверху, и тут появляется она. Не призрак - слишком живая, слишком нервно горячая, чтобы быть дохлой. Ничего такая. Тёлка-буревестник.
И смотрит. Узнаёт кого-то из наших. Открывает рот.
Я чуть поворачиваю голову, медленно, и, пока воришка чужой славы готовится что-то ответить, я подаю голос первым, потому что нехрен тут оставлять пространство для чужого пафоса:
- Ты не поверишь. - И большим пальцем за спину, в сторону двери. - Мы здесь прямо изнаружи.
Мол, да, детка. Так и есть. С улицы. С передовой реальности.
Я медленно провожу взглядом по холлу. Красиво. Тихо. Часы тикают. Я бы их остановил, спать наверняка мешают. Слишком прилично чтобы тут не было бедлама. И бедлам - действительно есть. Детские вопли, призраки, игрушечные войны.
Отлично. Люблю, когда жизнь подкидывает странное. Это мой жанр.
Я разминаю пальцы, собираюсь сделать что-то серьёзное. Мне просто нужен стиль. И власть. И чтобы потом эта ведьма своим подругам сказала: Вот он пришёл и все проблемы исчезли.
Главное - я здесь.
И эта мелкая призрачная принцесска сейчас узнает, что бывает, когда в её игрушечный мир заходит настоящий мужчина.
Работаем.

[icon]https://forumavatars.ru/img/avatars/001b/b8/74/301-1761168336.png[/icon][sign][/sign][info]<div class="lzn"><a href=https://foreveryoung.rolbb.me/viewtopic.php?id=1484#p216448>Мейсон Трэмбли, 20</a></div><div class="whos">Колумнист в издании "Вечерний Пророк"</div><div class="lznf">Ты знаешь, ты одна моя тёлка</div>[/info]

Отредактировано Mason Tremblay (Вчера 17:32:45)

Подпись автора

https://upforme.ru/uploads/001b/b8/74/301/t572062.png

+3

Страница: 1

Вы здесь » Marauders: forever young » СЮЖЕТНЫЕ ЭПИЗОДЫ » 31.10.1979 Кукольный домик [л]

Рейтинг форумов | Создать форум бесплатно