[html]<div class="character-form fullwidth-template">

    <header class="character-form-header">
        <div class="character-form-number">FILE № 001</div>

        <h2>NAME SURNAME</h2>
        <div class="character-form-name">ИМЯ ФАМИЛИЯ</div>

        <div class="character-form-nickname">
            <span>alias</span>
            Nickname / Прозвище
        </div>
    </header>

    <figure class="character-form-visual">
        <img src="https://i.pinimg.com/736x/6c/4b/eb/6c4bebfadd8be55e7b03f7c0681588ad.jpg"
             alt="Имя прототипа внешности">

        <figcaption>
            <span>face claim</span>
            Имя прототипа внешности
        </figcaption>
    </figure>

    <section class="character-form-summary">

        <div class="character-form-fact">
            <span class="character-form-icon">
                <i class="fa-solid fa-building-shield"></i>
            </span>

            <div>
                <b>Affiliation</b>
                <p>Астра / Кузница / одиночка / другое</p>
            </div>
        </div>

        <div class="character-form-fact">
            <span class="character-form-icon">
                <i class="fa-solid fa-user-secret"></i>
            </span>

            <div>
                <b>Identity</b>
                <p>публичная / известна властям и корпорациям / анрег</p>
            </div>
        </div>

        <div class="character-form-fact">
            <span class="character-form-icon">
                <i class="fa-solid fa-hourglass-half"></i>
            </span>

            <div>
                <b>Age</b>
                <p>возраст цифрой</p>
            </div>
        </div>

    </section>

    <main class="character-form-content">

        <section class="character-form-section">
            <header class="character-form-section-title">
                <span>01</span>

                <div>
                    <h3>History</h3>
                    <small>история персонажа</small>
                </div>
            </header>

            <div class="character-form-text">
                <p>
                    Здесь располагается история вашего персонажа. Её можно
                    оформить литературным рассказом, хронологией или отдельными
                    смысловыми пунктами.
                </p>

                <p>
                    Текст можно разделять на несколько абзацев — ширина строки
                    и межстрочное расстояние уже настроены для долгого чтения.
                </p>
            </div>
        </section>

        <section class="character-form-section">
            <header class="character-form-section-title">
                <span>02</span>

                <div>
                    <h3>Abilities</h3>
                    <small>способности и навыки</small>
                </div>
            </header>

            <div class="character-form-text">
                <p>
                    Здесь рассказывается о способностях, навыках, подготовке
                    и особенностях персонажа.
                </p>

                <p>
                    При необходимости укажите ограничения, слабости,
                    побочные эффекты и условия применения способностей.
                </p>
            </div>
        </section>

    </main>

    <section class="character-form-details">

        <div class="character-form-detail">
            <b>Образ</b>

            <p>
                <a href="ссылка_на_изображение_костюма">посмотреть костюм</a>
            </p>
        </div>

        <div class="character-form-detail">
            <b>Основной персонаж</b>
            <p>имя основного персонажа или ссылка на профиль</p>
        </div>

        <div class="character-form-detail">
            <b>Дополнительно</b>
            <p>игровые предпочтения, пожелания и важные примечания</p>
        </div>

    </section>

<section class="character-form-sample">

    <header class="character-form-sample-title">
        <span>03</span>

        <div>
            <h3>Writing sample</h3>
            <small>пробный пост</small>
        </div>
    </header>

    <div class="character-form-sample-text">

        <p>
            Сюда вставляется текст пробного поста персонажа.
        </p>

        <p>
            Можно использовать любое количество абзацев.
        </p>

    </div>

</section>

</div>
[/html]

[hideprofile][html]<div class="tgd-generator" id="tgd-character-generator">

    <header class="tgd-generator__header">

        <div class="tgd-generator__issue">
            THE GLORY DAYS · APPLICATION CREATOR
        </div>

        <div class="tgd-generator__heading">
            <h2>Генератор анкеты</h2>
            <span>CHARACTER FILE</span>
        </div>

        <p>
            Заполните поля, сгенерируйте код и вставьте его в новую тему.
            Черновик сохраняется автоматически.
        </p>

    </header>

    <div class="tgd-generator__section">

        <div class="tgd-generator__section-title">
            <span>01</span>

            <div>
                <h3>Identity</h3>
                <small>основная информация</small>
            </div>
        </div>

        <div class="tgd-generator__grid">

            <div class="tgd-generator__field">
                <label for="cfg-file">Номер файла</label>

                <input
                    id="cfg-file"
                    type="text"
                    placeholder="001"
                >
            </div>

            <div class="tgd-generator__field">
                <label for="cfg-name-en">Имя и фамилия на английском</label>

                <input
                    id="cfg-name-en"
                    type="text"
                    placeholder="NAME SURNAME"
                >
            </div>

            <div class="tgd-generator__field">
                <label for="cfg-name-ru">Имя и фамилия на русском</label>

                <input
                    id="cfg-name-ru"
                    type="text"
                    placeholder="ИМЯ ФАМИЛИЯ"
                >
            </div>

            <div class="tgd-generator__field">
                <label for="cfg-nickname">Прозвище</label>

                <input
                    id="cfg-nickname"
                    type="text"
                    placeholder="Nickname / Прозвище"
                >
            </div>

            <div class="tgd-generator__field">
                <label for="cfg-age">Возраст</label>

                <input
                    id="cfg-age"
                    type="text"
                    inputmode="numeric"
                    placeholder="35"
                >
            </div>

            <div class="tgd-generator__field">
                <label for="cfg-affiliation">Принадлежность</label>

                <input
                    id="cfg-affiliation"
                    type="text"
                    placeholder="Астра / Кузница / одиночка"
                >
            </div>

            <div class="tgd-generator__field tgd-generator__full">
                <label for="cfg-identity">Идентичность</label>

                <input
                    id="cfg-identity"
                    type="text"
                    placeholder="публичная / известна властям / анрег"
                >
            </div>

        </div>

    </div>

    <div class="tgd-generator__section">

        <div class="tgd-generator__section-title">
            <span>02</span>

            <div>
                <h3>Face claim</h3>
                <small>изображение и внешность</small>
            </div>
        </div>

        <div class="tgd-generator__grid">

            <div class="tgd-generator__field tgd-generator__full">
                <label for="cfg-image">Прямая ссылка на изображение</label>

                <input
                    id="cfg-image"
                    type="url"
                    placeholder="https://...jpg"
                >
            </div>

            <div class="tgd-generator__field">
                <label for="cfg-fandom">Название фандома</label>

                <input
                    id="cfg-fandom"
                    type="text"
                    placeholder="Cyberpunk 2077"
                >
            </div>

            <div class="tgd-generator__field">
                <label for="cfg-face">Имя прототипа внешности</label>

                <input
                    id="cfg-face"
                    type="text"
                    placeholder="Character Name"
                >
            </div>

        </div>

    </div>

    <div class="tgd-generator__section">

        <div class="tgd-generator__section-title">
            <span>03</span>

            <div>
                <h3>Biography</h3>
                <small>история и способности</small>
            </div>
        </div>

        <div class="tgd-generator__grid">

            <div class="tgd-generator__field tgd-generator__full">
                <label for="cfg-history">История персонажа</label>

                <div data-cfg-textarea
     id="cfg-history"
     data-placeholder="История литературным текстом или по пунктам"></div>
</div>

            <div class="tgd-generator__field tgd-generator__full">
                <label for="cfg-abilities">Способности и навыки</label>

                <div data-cfg-textarea
     id="cfg-abilities"
     data-placeholder="Способности, навыки, ограничения и слабости"></div>
</div>
        </div>

    </div>

    <div class="tgd-generator__section">

        <div class="tgd-generator__section-title">
            <span>04</span>

            <div>
                <h3>Details</h3>
                <small>дополнительная информация</small>
            </div>
        </div>

        <div class="tgd-generator__grid">

            <div class="tgd-generator__field">
                <label for="cfg-costume">Ссылка на изображение костюма</label>

                <input
                    id="cfg-costume"
                    type="url"
                    placeholder="https://...jpg"
                >
            </div>

            <div class="tgd-generator__field">
    <label for="cfg-main-character-name">
        Имя основного персонажа
    </label>

    <input
        id="cfg-main-character-name"
        type="text"
        placeholder="Имя персонажа"
    >
</div>

<div class="tgd-generator__field">
    <label for="cfg-main-character-url">
        Ссылка на профиль персонажа
    </label>

    <input
        id="cfg-main-character-url"
        type="url"
        placeholder="https://.../profile.php?id=1"
    >
</div>

            <div class="tgd-generator__field tgd-generator__full">
                <label for="cfg-additional">Дополнительно</label>

                <div data-cfg-textarea
     id="cfg-additional"
     data-placeholder="Игровые предпочтения, пожелания и примечания"></div>
</div>
        </div>

    </div>

    <div class="tgd-generator__section">

        <div class="tgd-generator__section-title">
            <span>05</span>

            <div>
                <h3>Writing sample</h3>
                <small>пробный пост с BB-кодами</small>
            </div>
        </div>

        <div class="tgd-generator__field tgd-generator__full">

            <label for="cfg-sample">
                Пробный пост

                <span class="tgd-generator__counter">
                    символов:
                    <b id="cfg-sample-count">0</b>
                </span>
            </label>

            <div data-cfg-textarea
     id="cfg-sample"
     class="tgd-generator__sample"
     data-placeholder="Вставьте пробный пост вместе с BB-кодами"></div>

            <div class="tgd-generator__hint">
                Поддерживаются:
                [b], [i], [u], [s], [indent], [align],
                [url=https://...]. Переносы строк сохраняются.
            </div>

        </div>

    </div>

    <div class="tgd-generator__buttons">

        <button type="button" id="cfg-generate">
            сгенерировать анкету
        </button>

        <button
            type="button"
            class="cfg-copy"
            data-copy-target="cfg-result"
        >
            скопировать код
        </button>

        <button
            type="button"
            id="cfg-clear"
            class="tgd-generator__button--secondary"
        >
            очистить черновик
        </button>

    </div>

    <div class="tgd-generator__result">

        <label>Готовый код анкеты</label>

        <pre id="cfg-result"></pre>

        <div id="cfg-copy-note" class="tgd-generator__note"></div>

    </div>

</div>

<script>
document.querySelectorAll('#tgd-character-generator [data-cfg-textarea]').forEach(function (element) {
    var field = document.createElement('textarea');
    field.id = element.id;
    field.className = element.className;
    field.placeholder = element.getAttribute('data-placeholder') || '';
    element.replaceWith(field);
});
</script>

<script src="https://forumstatic.ru/files/001c/25/f9/54997.js?v=2"></script>
[/html]