[hideprofile][html]

<div class="anketa-wrapper">
<div class="anketa-zagolovok">КОД АНКЕТЫ</div>
        <div class="anketa-info-note">
            Заполните поля. Нажмите кнопку "Сгенерировать код", затем "Копировать код". И вуаля, ваша анкета заполнена на кодах. Достаточно создать новую тему назвав ее <u><b>name surname, y.o</b></u>, вставить код и отправить! Поздравляю, вы великолепны!
        </div>
    <div class="anketa-editor">
        <!-- Основные поля -->
        <div class="anketa-form-group">
            <label for="anketa-charname">Имя (на английском):</label>
            <input type="text" id="anketa-charname" placeholder="Например: John Doe">
        </div>

        <div class="anketa-form-group">
            <label>Пол:</label>
            <div class="anketa-radio-group">
                <label><input type="radio" name="anketa-gender" value="МУЖСКОЙ" checked> Мужской</label>
                <label><input type="radio" name="anketa-gender" value="ЖЕНСКИЙ"> Женский</label>
            </div>
        </div>

        <div class="anketa-form-group">
            <label for="anketa-birth_date">Дата рождения:</label>
            <input type="date" id="anketa-birth_date">
        </div>

        <div class="anketa-form-group">
            <label for="anketa-zodiac">Знак зодиака:</label>
            <input type="text" id="anketa-zodiac" placeholder="Например: овен">
        </div>

        <div class="anketa-form-group">
            <label for="anketa-birth_place">Место рождения:</label>
            <input type="text" id="anketa-birth_place" placeholder="Например: тонтон">
        </div>

        <div class="anketa-form-group">
            <label for="anketa-face">Внешность (англ.):</label>
            <textarea id="anketa-face" placeholder="Имя внешности на англ..."></textarea>
        </div>

        <div class="anketa-form-group">
            <input type="text" id="anketa-img1" placeholder="URL картинки 1" style="margin-bottom: 8px;">
            <input type="text" id="anketa-img2" placeholder="URL картинки 2" style="margin-bottom: 8px;">
            <input type="text" id="anketa-img3" placeholder="URL картинки 3">
        </div>

        <!-- Блок для множественных occupations -->
        <h3>Занятия (работа / учёба)</h3>
        <div id="anketa-occupationsList"></div>
        <button type="button" id="anketa-addOccupationBtn" class="anketa-btn anketa-btn-green"> Добавить занятие</button>

        <!-- Биография -->
        <div class="anketa-form-group" style="margin-top: 30px;">
            <label for="anketa-bio">Биография (основной текст):</label>
            <textarea id="anketa-bio" rows="8" placeholder="Текст анкеты..."></textarea>
<div class="anketa-bio-toolbar">
    <table cellspacing="0" cellpadding="0" style="width:100%;">
        <tbody>
            <tr>
                <!-- Жирный -->
                <td id="anketa-bio-bold" title="Жирный"><i class="fas fa-bold"></i></td>
                <!-- Курсив -->
                <td id="anketa-bio-italic" title="Курсив"><i class="fas fa-italic"></i></td>
                <!-- Подчёркнутый -->
                <td id="anketa-bio-underline" title="Подчёркнутый"><i class="fas fa-underline"></i></td>
                <!-- Зачёркнутый -->
                <td id="anketa-bio-strike" title="Зачёркнутый"><i class="fas fa-strikethrough"></i></td>
                <!-- Цвет -->
                <td id="anketa-bio-color" title="Цвет"><i class="fas fa-palette"></i></td>
                <!-- Размер шрифта -->
                <td id="anketa-bio-size" title="Размер шрифта"><i class="fas fa-sort-amount-up-alt"></i></td>
                <!-- Ссылка -->
                <td id="anketa-bio-link" title="Ссылка"><i class="fas fa-link"></i></td>
                <!-- Изображение -->
                <td id="anketa-bio-image" title="Изображение"><i class="fas fa-image"></i></td>
                <!-- Видео -->
                <td id="anketa-bio-video" title="Видео"><i class="fas fa-play-circle"></i></td>
                <!-- Цитата -->
                <td id="anketa-bio-quote" title="Цитата"><i class="fas fa-quote-right"></i></td>
                <!-- Код -->
                <td id="anketa-bio-code" title="Код"><i class="fas fa-code"></i></td>
                <!-- Спойлер -->
                <td id="anketa-bio-spoiler" title="Спойлер"><i class="fas fa-cut"></i></td>
                <!-- Скрытый текст -->
                <td id="anketa-bio-hide" title="Скрытый текст"><i class="fas fa-lock"></i></td>
                <!-- Выравнивание влево -->
                <td id="anketa-bio-left" title="Выровнять влево"><i class="fas fa-align-left"></i></td>
                <!-- Выравнивание по центру -->
                <td id="anketa-bio-center" title="Выровнять по центру"><i class="fas fa-align-center"></i></td>
                <!-- Выравнивание вправо -->
                <td id="anketa-bio-right" title="Выровнять вправо"><i class="fas fa-align-right"></i></td>
                <!-- Выравнивание по ширине -->
                <td id="anketa-bio-justify" title="По ширине"><i class="fas fa-align-justify"></i></td>
                <!-- Отступ (indent) -->
                <td id="anketa-bio-indent" title="Отступ"><i class="fas fa-paragraph"></i></td>
                <!-- Маркированный список -->
                <td id="anketa-bio-list" title="Список"><i class="fas fa-list"></i></td>
                <!-- Нумерованный список -->
                <td id="anketa-bio-numlist" title="Нумерованный список"><i class="fas fa-list-ol"></i></td>
                <!-- Верхний/нижний регистр -->
                <td id="anketa-bio-changecase" title="Сменить регистр"><i class="fas fa-text-height"></i></td>
                <!-- Транслитерация -->
                <td id="anketa-bio-transl" title="Транслитерация"><i class="fas fa-globe"></i></td>
            </tr>
        </tbody>
    </table>
</div>
        </div>

        <hr>

        <!-- Кнопка генерации -->
        <button id="anketa-generateBtn" class="anketa-btn">Сгенерировать код</button>

        <!-- Результат -->
        <h3>Сгенерированный код:</h3>
        <div id="anketa-outputCode" class="anketa-output-area"></div>
        <div class="anketa-copy-btn">
            <button id="anketa-copyBtn" class="anketa-btn anketa-btn-grey">Копировать в буфер</button>
        </div>
    </div>
</div>
[/html]