[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="https://upforme.ru/uploads/001a/e1/ae/2/530447.png" 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>
#pun:not(.isadmin) form#post,
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: 540px) {
html:not(.force-desktop) {
.post:not(.topicpost) .post-rating {
right: 30px;
}
.post:not(.topicpost) .post-vote {
right: 70px;
}
.post-links {
margin-top: 0 !important}
}}
</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]
