[html]<div class="gemini_topic gemini_needed_form">
    <div class="gemini_topic_title">
        <div class="gemini_topic_humanized">нужные персонажи</div>
        <div class="gemini_topic_directive">G:\match_search</div>
    </div>
    <div class="gemini_topic_main">

        <div class="gemini_topic_minititle">гостям</div>

        <div class="gemini_topic_block2">
            <p class="point">в этой теме находятся актуальные заявки от наших игроков на тех, кто им очень нужен в игру
            </p>
            <p class="point">внешности не держатся за заявкой автоматически, так что если тебе что-то приглянется,
                обязательно сходи в гостевую, чтобы придержать себе внешку</p>
            <p class="point">заявки же придерживаются самими игроками, поэтому если тебе приглянется какая-то роль,
                обязательно свяжись с заказчиком через гостевую или лс</p>

        </div>

        <div class="gemini_topic_minititle">участникам</div>

        <div class="gemini_topic_block2">
            <p class="point">шаблон заявки заполняй прямо в этой теме, вводя данные в соответствующие поля ниже.
                введенные данные сохраняются в браузере, поэтому не бойся потерять их при обновлении страницы</p>
            <p class="point">когда закончишь, нажми "отправить"
        </div>

        <div class="gemini_topic_minititle">предпросмотр заявки</div>

        <div class="gemini_needed">
            <div class="gemini_needed_who">краткое описание, кто нужен
                <div class="gemini_needed_who_hidden"></div>
            </div>
            <div class="gemini_needed_name">имя</div>
            <div class="gemini_needed_age">возраст</div>
            <div class="gemini_needed_proto">внешность</div>
            <div class="gemini_needed_pic"><img src="https://placehold.co/310x100">
            </div>
            <div class="gemini_needed_desc">описане персонажа и отношений</div>
        </div>

        <div class="gemini_needed_template">

            <div class="gemini_topic_minititle">шаблон заявки</div>

            <!-- ПОЛЯ ДЛЯ ЗАПОЛНЕНИЯ ЗАЯВКИ -->
            <div class="form-fields">
                <!-- Кто (видимый текст) -->
                <div class="field-group">
                    <label for="neededWho">кого ищешь</label>
                    <div class="gemini_user_hint">текст после "ищу" — в винительном падеже, в свободной форме. слово
                        "ищу"
                        писать не надо</div>
                    <input type="text" id="neededWho" placeholder="например: семью / жену / головную боль из прошлого">
                </div>

                <!-- Кто (скрытый текст) -->
                <div class="field-group">
                    <label for="neededWhoHidden">кого ищешь, но кратко</label>
                    <div class="gemini_user_hint">до 15 сиволов, в именительном падеже — этот текст будет виден гостям
                        на
                        главной</div>
                    <input type="text" id="neededWhoHidden" placeholder="например: любовник / старшая сестра">
                </div>

                <!-- Имя -->
                <div class="field-group">
                    <label for="neededName">имя персонажа</label>
                    <input type="text" id="neededName" placeholder="имя персонажа">
                </div>

                <!-- Внешность -->
                <div class="field-group">
                    <label for="neededProto">внешность</label>
                    <input type="text" id="neededProto" placeholder="имя внешности">
                </div>

                <!-- Возраст -->
                <div class="field-group">
                    <label for="neededAge">возраст</label>
                    <div class="gemini_user_hint">допустимо использовать цифры и символы +, -, /</div>
                    <input type="text" id="neededAge" placeholder="20-25">
                </div>

                <!-- Картинка -->
                <div class="field-group pic">
                    <label>картинка</label>
                    <div class="gemini_user_hint">минимальный размер — 310х100</div>
                    <input type="text" id="neededPic" placeholder="ссылка на фото">
                    <button type="button" id="upload-needed-pic-btn" class="upload-btn" title="загрузить"></button>
                    <input type="file" id="needed-pic-file" accept="image/*" style="display: none;">
                </div>

                <!-- Описание (с редактором) -->
                <div class="field-group gemini_needed_descr">
                    <label for="neededDesc">описание</label>
                    <div class="bio-toolbar">
                        <button type="button" class="toolbar-btn" data-format="bold" title="Жирный"><i
                                class="fa-solid fa-bold"></i></button>
                        <button type="button" class="toolbar-btn" data-format="italic" title="Курсив"><i
                                class="fa-solid fa-italic"></i></button>
                        <button type="button" class="toolbar-btn" data-format="underline" title="Подчёркнутый"><i
                                class="fa-solid fa-underline"></i></button>
                        <button type="button" class="toolbar-btn" data-format="strikethrough" title="Зачёркнутый"><i
                                class="fa-solid fa-strikethrough"></i></button>
                        <button type="button" class="toolbar-btn" id="neededFontBtn" title="Выбрать шрифт"><i
                                class="fa-solid fa-font"></i></button>
                        <button type="button" class="toolbar-btn" id="neededSizeBtn" title="Размер шрифта"><i
                                class="fa-solid fa-text-height"></i></button>
                        <button type="button" class="toolbar-btn" id="neededLayoutBtn"
                            title="Переключить раскладку Lat↔Rus"><i class="fa-solid fa-language"></i></button>
                        <button type="button" class="toolbar-btn" data-format="align-left" title="Выровнять влево"><i
                                class="fa-solid fa-align-left"></i></button>
                        <button type="button" class="toolbar-btn" data-format="align-center" title="По центру"><i
                                class="fa-solid fa-align-center"></i></button>
                        <button type="button" class="toolbar-btn" data-format="align-right" title="Выровнять вправо"><i
                                class="fa-solid fa-align-right"></i></button>
                        <button type="button" class="toolbar-btn" id="neededBlockBtn"
                            title="Отдельный блок (что-то типа цитатки)"><i
                                class="fa-regular fa-message-quote"></i></button>
                        <button type="button" class="toolbar-btn" data-format="paragraph" title="Абзац"><i
                                class="fa-solid fa-paragraph"></i></button>
                        <button type="button" class="toolbar-btn" data-format="line-break" title="Перенос строки"><i
                                class="fa-solid fa-arrow-turn-down"></i></button>
                        <button type="button" class="toolbar-btn" data-format="image" title="Вставить картинку"><i
                                class="fa-solid fa-image"></i></button>
                        <button type="button" class="toolbar-btn" id="neededYoutubeBtn"
                            title="Вставить видео с YouTube"><i class="fa-brands fa-youtube"></i></button>
                        <button type="button" class="toolbar-btn" id="neededAudioBtn" title="Вставить аудио"><i
                                class="fa-solid fa-music"></i></button>
                    </div>
                    <textarea id="neededDesc" rows="4" placeholder="описание заявки в свободном формате"></textarea>
                </div>
            </div>

            <!-- Модалки для шрифтов и размеров -->
            <div id="fontgemini_needed_modal" class="gemini_user_form_modal" style="display: none;">
                <div class="gemini_user_form_modal-content">
                    <div class="gemini_user_form_modal-search">
                        <input type="text" id="neededFontSearch" placeholder="Поиск шрифта...">
                    </div>
                    <div class="gemini_user_form_modal-list" id="neededFontList"></div>
                </div>
            </div>

            <div id="sizegemini_needed_modal" class="gemini_user_form_modal" style="display: none;">
                <div class="gemini_user_form_modal-content">
                    <div class="gemini_user_form_modal-list" id="neededSizeList">
                        <div class="size-item" data-size="10px">10px</div>
                        <div class="size-item" data-size="12px">12px</div>
                        <div class="size-item" data-size="14px">14px</div>
                        <div class="size-item" data-size="16px">16px</div>
                        <div class="size-item" data-size="18px">18px</div>
                        <div class="size-item" data-size="20px">20px</div>
                        <div class="size-item" data-size="24px">24px</div>
                        <div class="size-item" data-size="28px">28px</div>
                        <div class="size-item" data-size="32px">32px</div>
                        <div class="size-item" data-size="36px">36px</div>
                        <div class="size-item" data-size="42px">42px</div>
                        <div class="size-item" data-size="48px">48px</div>
                        <div class="size-item" data-size="56px">56px</div>
                        <div class="size-item" data-size="64px">64px</div>
                    </div>
                </div>
            </div>

            <!-- кнопки -->
            <div class="field-group gemini_user_btn">
                <button type="button" id="sendFormBtn">отправить</button>
                <button type="button" id="clearFormBtn">очистить всё</button>
            </div>
        </div>
    </div>
</div>

<style>
    .gid3 .gemini_needed_template,
    .gid3 #post-form {
        display: none;
    }
</style>
[/html]
[hideprofile]