[html]
<link id="btb-template-style" rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/001c/8a/8a/76663.css">

<div class="btb-template ap-guest">

    <!-- =====================================================
         БАННЕР
         ===================================================== -->

    <div class="guest-cover">

        <img
            src="https://upforme.ru/uploads/001c/8a/8a/11/93050.jpg"
            alt="HP: BACK TO BLACK"
        >

        <div class="guest-cover-text">

            <div class="guest-cover-title">
                HP: BACK TO BLACK
            </div>

            <div class="guest-cover-subtitle">
                magical britain • 2027 • third generation
            </div>

        </div>

    </div>

    <!-- =====================================================
         ПРИВЕТСТВИЕ
         ===================================================== -->

    <div class="btb-note guest-welcome">

        Добро пожаловать на <b>BACK TO BLACK</b> — ролевую игру
        по миру Гарри Поттера, события которой разворачиваются
        в Магической Британии в <b>2027 году</b>.

        Почти тридцать лет прошло после окончания Второй магической войны.
        Старые герои выросли, их дети строят собственную жизнь,
        а магическое общество вновь оказалось перед выбором:
        где проходит граница между свободой и безопасностью?

        Форум открыт как для канонических, так и для авторских персонажей.
        Политический сюжет существует как общий фон и не обязывает
        участвовать в нём.

    </div>

    <!-- =====================================================
         БЫСТРЫЕ ССЫЛКИ
         ===================================================== -->

    <div class="btb-section-title guest-links-title">
        ✦ Перед регистрацией ✦
    </div>

    <div class="guest-links">

        <a class="guest-link"
           href="ССЫЛКА_НА_СЮЖЕТ">
            Сюжет
        </a>

        <a class="guest-link"
           href="ССЫЛКА_НА_FAQ">
            FAQ и правила
        </a>

        <a class="guest-link"
           href="ССЫЛКА_НА_ВАКАНСИИ">
            Вакансии
        </a>

        <a class="guest-link"
           href="ССЫЛКА_НА_ВНЕШНОСТИ">
            Внешности и фамилии
        </a>

        <a class="guest-link"
           href="ССЫЛКА_НА_РАСЫ">
            Расы и существа
        </a>

        <a class="guest-link"
           href="ССЫЛКА_НА_ОРГАНИЗАЦИИ">
            Движения и объединения
        </a>

    </div>

    <!-- =====================================================
         БРОНЬ
         ===================================================== -->

    <div class="guest-columns">

        <!-- =================================================
             БРОНЬ И РЕГИСТРАЦИЯ
             ================================================= -->

        <div class="btb-panel guest-card">

            <div class="guest-card-title">
                — Бронь и регистрация —
            </div>

            <div class="btb-body-text guest-card-body">

                <div class="guest-rule">
                    Для зарегистрированного пользователя
                    роль и внешность придерживаются на
                    <b>5 дней</b> с возможностью одного продления.
                </div>

                <div class="guest-rule">
                    Для незарегистрированного гостя бронь действует
                    <b>2 дня</b> и обнуляется в <b>00:00</b> по мск.
                </div>

                <div class="guest-rule">
                    Перед бронью ознакомьтесь с
                    <a class="guest-inline-link"
                       href="ССЫЛКА_НА_ВНЕШНОСТИ">занятыми внешностями и фамилиями</a>.
                </div>

                <div class="guest-rule">
                    Если вы сомневаетесь в концепте персонажа,
                    профессии, происхождении или способности —
                    смело задавайте вопрос прямо в этой теме.
                </div>

            </div>

        </div>

        <!-- =================================================
             СЕЙЧАС ПРИДЕРЖАНО
             ================================================= -->

        <div class="btb-panel guest-card">

            <div class="guest-card-title">
                — Сейчас придержано —
            </div>

            <div class="guest-holds-list">

                <!-- =================================================
                     ПЕРСОНАЖ / ИМЯ / РОЛЬ
                     КЛИКАБЕЛЬНАЯ РЫЖАЯ ССЫЛКА
                     ================================================= -->
Внешности:<br>
<b>Anya Taylor-Joy</b> — AMS<br>
<b>Ben Barnes</b> — AMS<br>
<b>Christopher Briney</b> — 13.09<br>
<b>Connor Storrie</b> — 13.09<br>
<b>Dacre Montgomery</b> — 13.09<br>
<b>Dónal Finn</b> — 13.09<br>
<b>Ella Purnell</b> — 13.09<br>
<b>Harris Dickinson</b> — AMS<br>
<b>Harry Gilby</b> — AMS<br>
<b>Herman Tømmeraas</b> — 13.09<br>
<b>Hwang Hyunjin</b> — 13.09<br>
<b>Jack O'Connell</b> — 13.09<br>
<b>James Norton</b> — 13.09<br>
<b>Jung Ho Yeon</b> — AMS<br>
<b>Nick Robinson</b> — 13.09<br>
<b>Oscar Morgan</b> — 13.09<br>
<b>Owen Painter</b> — 13.09<br>
<b>Reece King</b> — AMS<br>
<b>Sadie Sink</b> — AMS<br>
<b>Saoirse Ronan</b> — 13.09<br>
<b>Simone Ashley</b> — 13.09<br>
<b>Sophie Thatcher</b> — 13.09<br>
<b>Tom Holland</b> — 13.09<br>

<br>Роли:<br>

<b>Draco Malfoy</b> — 13.09<br>
<b>Fawley</b> — 13.09<br>
<b>Flint</b> — 13.09<br>
<b>Goldstein</b> — 13.09<br>
<b>Hermione Granger-Weasley</b> — AMS<br>
<b>James Sirius Potter</b> — 13.09<br>
<b>Nott</b> — 13.09<br>
<b>Patil</b> — 13.09<br>
<b>Ron Weasley</b> — 13.09<br>
<b>Scorpius Malfoy</b> — 13.09<br>
<b>Wood</b> — 13.09<br>
<b>Zabini</b> — AMS<br>

                <!--
                НОВЫЕ БРОНИ ВСТАВЛЯТЬ СЮДА.

                ЕСЛИ БРОНЕЙ НЕТ:

                <div class="guest-empty">
                    пока свободно
                </div>
                -->

            </div>

        </div>

    </div>

    <!-- =====================================================
         ЗАБРАТЬ КОД
         ===================================================== -->

    <div class="guest-templates">

        <div class="btb-section-title guest-section-title">
            ✦ Забрать код ✦
        </div>

        <div class="guest-code-grid">

            <!-- =================================================
                 ПЕРСОНАЖ / ИМЯ / РОЛЬ
                 ================================================= -->

            <div class="btb-panel guest-code-card">

                <div class="guest-code-title">
                    Персонаж / имя / роль
                </div>

                <div class="guest-code">

                    <textarea
                        class="guest-code-field guest-code-field-mini"
                        readonly
                        spellcheck="false"
                        onclick="this.select();"
                        onfocus="this.select();"
                    ><b><a href="ссылка на профиль">имя / роль</a></b> — ваш ник<br></textarea>

                    <button
                        type="button"
                        class="guest-copy-button"
                        onclick="copyGuestCode(this); return false;"
                    >
                        Скопировать код
                    </button>

                </div>

            </div>

            <!-- =================================================
                 ВНЕШНОСТЬ
                 ================================================= -->

            <div class="btb-panel guest-code-card">

                <div class="guest-code-title">
                    Внешность
                </div>

                <div class="guest-code">

                    <textarea
                        class="guest-code-field guest-code-field-mini"
                        readonly
                        spellcheck="false"
                        onclick="this.select();"
                        onfocus="this.select();"
                    ><b>внешность на англ.</b> — ваш ник<br></textarea>

                    <button
                        type="button"
                        class="guest-copy-button"
                        onclick="copyGuestCode(this); return false;"
                    >
                        Скопировать код
                    </button>

                </div>

            </div>

            <!-- =================================================
                 ХОЧУ К ВАМ
                 ================================================= -->

            <div class="btb-panel guest-code-card guest-code-card-wide">

                <div class="guest-code-title">
                    Хочу к вам
                </div>

                <div class="guest-code">

                    <textarea
                        id="guest-want-code"
                        class="guest-code-field guest-code-field-short"
                        readonly
                        spellcheck="false"
                        onclick="this.select();"
                        onfocus="this.select();"
                    ></textarea>

                    <button
                        type="button"
                        class="guest-copy-button"
                        onclick="copyGuestCode(this); return false;"
                    >
                        Скопировать код
                    </button>

                </div>

            </div>

        </div>

    </div>

    <!-- =====================================================
         ВОПРОСЫ
         ===================================================== -->

    <div class="guest-question">

        <div class="guest-question-title">
            Остались вопросы?
        </div>

        <div class="btb-caption guest-question-text">
            Не стесняйтесь писать прямо в гостевой —
            поможем с концептом, каноном, вакансией,
            внешностью или поиском места персонажа в мире.
        </div>

    </div>

</div>

<script>
(function () {
    "use strict";

    /* ========================================================
       КОД «ХОЧУ К ВАМ»

       Редактировать содержимое можно прямо здесь.
       BBCode собирается через функции openTag/closeTag,
       поэтому RusFF не превращает его в HTML заранее.
       ======================================================== */

    function openTag(tag) {
        return String.fromCharCode(91) + tag + String.fromCharCode(93);
    }

    function closeTag(tag) {
        return String.fromCharCode(91) + "/" + tag + String.fromCharCode(93);
    }

    function fillGuestWantCode() {
        var field = document.getElementById("guest-want-code");
        if (!field) return;

        field.value = [
            openTag("align=center") +
                openTag("size=14") +
                openTag("b") +
                "ХОЧУ БЫТЬ" +
                closeTag("b") +
                closeTag("size"),

            openTag("i") +
                "раса / фамилия / другое" +
                closeTag("i") +
                closeTag("align"),

            openTag("hr"),

            openTag("b") +
                "Концепт:" +
                closeTag("b"),

            "кратко о персонаже и задумке",

            "",

            openTag("b") +
                "Другие пожелания:" +
                closeTag("b"),

            "всё, что хотелось бы добавить"
        ].join("\n");
    }

    fillGuestWantCode();

    /* ========================================================
       КОПИРОВАНИЕ КОДА
       Чтобы изменить шаблон — достаточно изменить текст
       внутри нужного <textarea>. Сам JS трогать не нужно.
       ======================================================== */

    function showCopied(button) {
        var oldText = button.textContent;

        button.textContent = "Скопировано";
        button.classList.add("guest-copy-success");

        window.setTimeout(function () {
            button.textContent = oldText;
            button.classList.remove("guest-copy-success");
        }, 1800);
    }

    function fallbackCopy(field, button) {
        field.focus();
        field.select();
        field.setSelectionRange(0, field.value.length);

        var copied = false;

        try {
            copied = document.execCommand("copy");
        } catch (error) {
            copied = false;
        }

        if (copied) {
            showCopied(button);
        }
    }

    window.copyGuestCode = function (button) {
        var card = button.closest(".guest-code-card");
        if (!card) return;

        var field = card.querySelector(".guest-code-field");
        if (!field) return;

        var value = field.value;

        if (navigator.clipboard && window.isSecureContext) {
            navigator.clipboard.writeText(value)
                .then(function () {
                    showCopied(button);
                })
                .catch(function () {
                    fallbackCopy(field, button);
                });
        } else {
            fallbackCopy(field, button);
        }
    };

    /* ========================================================
       ОБЩИЙ ПОЛЗУНОК ШРИФТА
       ======================================================== */

    var root = document.querySelector(".btb-template");
    if (!root) return;

    function hasOwnText(element) {
        var tag = (element.tagName || "").toLowerCase();

        if (/^(input|textarea|select|option|button)$/.test(tag)) {
            return true;
        }

        for (var i = 0; i < element.childNodes.length; i++) {
            var node = element.childNodes[i];

            if (
                node.nodeType === 3 &&
                /\S/.test(node.nodeValue || "")
            ) {
                return true;
            }
        }

        return false;
    }

    function rememberSizes() {
        var elements = root.querySelectorAll("*");

        for (var i = 0; i < elements.length; i++) {
            var el = elements[i];

            if (!hasOwnText(el)) continue;
            if (el.dataset.btbBaseFont) continue;

            var size = parseFloat(
                window.getComputedStyle(el).fontSize
            );

            if (!isNaN(size) && size > 0) {
                el.dataset.btbBaseFont = String(size);
            }
        }
    }

    function applyScale(scale) {
        scale = parseFloat(scale);

        if (isNaN(scale)) {
            scale = 1;
        }

        rememberSizes();

        var elements = root.querySelectorAll("*");

        for (var i = 0; i < elements.length; i++) {
            var el = elements[i];

            var base = parseFloat(
                el.dataset.btbBaseFont
            );

            if (isNaN(base)) continue;

            el.style.setProperty(
                "font-size",
                (base * scale).toFixed(2) + "px",
                "important"
            );
        }
    }

    window.addEventListener(
        "message",
        function (event) {
            if (
                !event.data ||
                event.data.type !== "BTB_FONT_SCALE"
            ) {
                return;
            }

            applyScale(event.data.scale);
        }
    );

    function requestFontScale() {
        try {
            parent.postMessage(
                { type: "BTB_FONT_REQUEST" },
                "*"
            );
        } catch (error) {}
    }

    if (document.readyState === "complete") {
        requestFontScale();
    } else {
        window.addEventListener("load", requestFontScale);
    }

})();
</script>
[/html]