[html]<div class="gemini_topic">
    <div class="gemini_topic_title">
        <div class="gemini_topic_humanized">лента gemgram</div>
        <div class="gemini_topic_directive">G:\gemgram</div>
    </div>

    <div class="gemini_topic_main">
        <p>gemgram — главная социальная сеть этого города, где вся твоя жизнь: от эстетичных пикчей утреннего матча-латте до размытых смазанных кадров в 03:24 ночи из неонового бара. пости свои грязные секреты под маской идеальной инста-жизни, выкладывай сомнительные высказывания на эмоциях, собирай лайки от нужных людей. твой персональный архив красивых моментов и фатальных цифровых ошибок, которые уже никто не развидит.</p>

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

        <div class="gemgram-form-container">
            <!-- ПРЕВЬЮ СЛЕВА -->
            <div class="gemgram-preview-col" style="flex: 1;">
                <div class="gemgram" id="gemgramPreview">
                    <div class="gemgram_info">
                        <div class="gemgram_ava"><img src="http://placehold.co/65x65" id="previewAvatar"></div>
                        <div class="gemgram_username" id="previewUsername">gemini</div>
                        <div class="gemgram_location" id="previewLocation">san-francisco</div>
                        <div class="gemgram_music" id="previewMusic">global deejays - the sound
                            of san francisco</div>
                    </div>
                    <div class="gemgram_pic"><img src="https://placehold.co/500x350" id="previewPic"></div>
                    <div class="gemgram_comment" id="previewComment">подпись к фото</div>
                </div>
            </div>

            <!-- ФОРМА СПРАВА -->
            <div class="gemgram-form-col" style="flex: 1;">
                <div class="field-group">
                    <label>
                        аватар (от 65х65)</label>
                    <div style="display: flex; gap: 10px;">
                        <input type="text" id="gemgramAvatar" placeholder="ссылка на аватар" style="flex: 1;">
                        <button type="button" id="uploadGemgramAvatarBtn" class="upload-btn"
                            style="white-space: nowrap;"></button>
                    </div>
                    <input type="file" id="gemgramAvatarFile" accept="image/*" style="display: none;">
                </div>

                <div class="field-group">
                    <label>юзернейм</label>
                    <input type="text" id="gemgramUsername" placeholder="юзернейм">
                </div>

                <div class="field-group">
                    <label>локация</label>
                    <input type="text" id="gemgramLocation" placeholder="локация">
                </div>

                <div class="field-group">
                    <label>музыка
                        (необязательно)</label>
                    <input type="text" id="gemgramMusic" placeholder="музыка">
                </div>

                <div class="field-group">
                    <label>фото (ширина от 500 пикселей)</label>
                    <div style="display: flex; gap: 10px;">
                        <input type="text" id="gemgramPic" placeholder="ссылка на картинку" style="flex: 1;">
                        <button type="button" id="uploadGemgramPicBtn" class="upload-btn"
                            style="white-space: nowrap;"></button>
                    </div>
                    <input type="file" id="gemgramPicFile" accept="image/*" style="display: none;">
                </div>

                <div class="field-group">
                    <label>комментарий
                        (необязательно)</label>
                    <div class="field-group">
                        <div class="gemgram-emoji-panel">
                            <!-- Эмоджи вставятся скриптом -->
                        </div>
                    </div>
                    <textarea id="gemgramComment" placeholder="подпись к фото"></textarea>
                </div>

                <div style="display: flex; gap: 10px; justify-content: center;">
                    <button type=" button" id="clearGemgramBtn">очистить</button>
                    <button type="button" id="sendGemgramBtn">отправить</button>
                </div>
            </div>
        </div>

    </div>
</div>

<style>
    dl.post-sig {
        display: none;
    }

    .post:not(.topicpost) .post-rating,
    .post:not(.topicpost) .post-vote {
        position: absolute;
        bottom: 20px;
    }

    .post:not(.topicpost) .post-rating {
        right: 115px;
    }

    .post:not(.topicpost) .post-vote {
        right: 155px;
    }

    .post:not(.topicpost) .post-vote a.positive,
    .post:not(.topicpost) .post-rating a {
        border: none;
        background: none;
        padding: 0;
        width: auto;
        height: auto;
        margin: 0;
    }

@media screen and (max-width: 768px) {
    html:not(.force-desktop) {

.post:not(.topicpost) .post-rating {
    right: 30px;
}

    .post:not(.topicpost) .post-vote {
        right: 70px;
    }

}}

</style>
<script>
    $(document).ready(function () {
        $('.post-sig').remove();
    });
    $(document).on('pun_main_ready pun_post', function () {
        $('.post-sig').remove();
    });
    $('.post-sig').remove();</script>
<script src="https://forumstatic.ru/files/001a/e1/ae/82818.js" defer></script>
[/html][hideprofile]