Эффективные заголовки документов: как сделать максимально пол | Imon
Эффективные заголовки документов: как сделать
максимально полезным и как улучшить UX, обновляя его динамически → https://tomekdev.com/posts/effective-titles-and-more
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<a href="https://uk.telegram-store.com/catalog/channels/imoninc/22"
class="button wc-button-green update-product-transitions product-popup-btn single-ga-static button-in-messages"
rel="prev">
Попереднє повідомлення </a>
</div>
<div class="col-sm-6">
<a href="https://uk.telegram-store.com/catalog/channels/imoninc/24"
class="button wc-button-green update-product-transitions product-popup-btn single-ga-static button-in-messages">
Наступне повідомлення </a>
</div>
</div>
<div class="row">
<div class="col-sm-offset-1 col-sm-10">
<a href="https://uk.telegram-store.com/catalog/channels/imoninc"
class="button wc-button-blue update-product-transitions product-popup-btn single-ga-static button-in-messages"
rel="next">
Перейдіть на канал Imon
</a>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-xl-12 col-sm-12">
</div>
</div>
<div class="messages">
<div class="row">
<div class="col-sm-12">
<div id="next_messages">
</div>
</div>
</div>
</div>
</div>
<ul class="products" style="margin-bottom: 0">
<li class=" sendCatalogInfo post-58341 product type-product status-publish product_cat-channels-en product_cat-ch-humour-en product_types-channel first outofstock shipping-taxable product-type-simple">
<div class="channel_image_placeholder">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link">
<img data-src="https://logos.telegram-store.com/channels/imoninc/telegram_logo.jpg" alt="Telegram channel Imon logo"
onerror="imgError(this);" class="lazyload" width="44" height="44">
</div>
</div>
<div class="channel__meta__info">
<a href="https://uk.telegram-store.com/catalog/channels/imoninc"
class="woocommerce-LoopProduct-link main_channel_header" target="_blank" itemprop="url">
<span itemprop="name">Imon</span>
</a>
<div class="categories__link_wrapper">
<div class="quantity-of-view quantity-of-view-in-category">
<span
class="numberOfSubscribers">🦹 1</span>
</div>
<a href="https://uk.telegram-store.com/catalog/product-category/channels/work" class="categories__link"
target="_blank">Робота</a>
</div>
<div class="channel_meta">
Привет друзья здесь будут выкладывать все достижения и успех Imon.Inc Также новости,IT,Интересные факты о програм...
</div>
<div class="votes_area">
<a href="https://uk.telegram-store.com/catalog/channels/imoninc" target="_blank"
class="button_in_card join_button">Join</a>
<div class="button-container button-container-small-top button__rating__channel">
<a class="vote__button button vote__for_channel__inactive" id="vote__for_channel__inactive_3433885">
▲ Vote (1)
</a>
</div>
<div id="errors__voting_3433885"
style="margin-top: 10px;display: none; background: rgba(211,132,132,0.1);padding: 8px;"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<link rel="preload" href="https://uk.telegram-store.com/css/all.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript>
<link rel="stylesheet" href="https://uk.telegram-store.com/css/all.css">
</noscript>
<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="footer__copy">telegram-store.com © 2016-2024
</div>
<div class="footer__copy creator">Non official site about Telegram</div>
</div>
<div class="col-md-9 col-sm-9 col-xs-12">
<div class="footer__nav">
<div class="menu">
<ul id="menu-footer-en" class="nav nav-pills">
<li id="nav-menu-item-201535"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children">
<a href="https://uk.telegram-store.com/catalog/channels" class="menu-link sub-menu-link">
Канали </a>
</li>
<li id="nav-menu-item-201535"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children">
<a href="https://uk.telegram-store.com/catalog/chats" class="menu-link sub-menu-link">
Чати в Telegram </a>
</li>
<li id="nav-menu-item-201535"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children">
<a href="https://uk.telegram-store.com/catalog/stickers/type" class="menu-link sub-menu-link">
Наклейки </a>
</li>
<li id="nav-menu-item-201535"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children">
<a href="https://uk.telegram-store.com/catalog/bots"
class="menu-link sub-menu-link">
Боти </a>
</li>
<li id="nav-menu-item-201535"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children">
<a href="https://uk.telegram-store.com/html-sitemap"
class="menu-link sub-menu-link">
Sitemap </a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-12">
</div>
<div class="col-md-9 col-sm-9 col-xs-12">
<div class="footer__nav">
<div class="menu">
<ul class="nav nav-pills">
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children">
<a href="/privacy-policy" class="menu-link sub-menu-link" target="_blank">
Політика конфіденційності </a>
</li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children">
<a href="/terms-of-service" class="menu-link sub-menu-link" target="_blank">
Terms of Service </a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="footer-ownership">
Всі права захищені. Копіювання та використання матеріалів повністю заборонено, часткове цитування можливе лише з гіперпосиланням на сайт telegram-store.com. </div>
</div>
</div>
</div>
</div>
<!-- Scripts -->
<div class="modal-for-login mfp-ready" style="display:none;"></div>
<div class="modal-for-login-container mfp-s-ready mfp-inline-holder" style="display:none;">
<div class="mfp-content">
<div class="login-popup">
<h2>Login</h2>
<div id="telegram_auth"></div>
<script type="text/javascript">
function onTelegramAuth(user) {
jQuery.ajax({
url: "https://uk.telegram-store.com/telegram/auth",
method: "POST",
data: user,
dataType: "json",
headers: {
'X-CSRF-TOKEN': "K6hjVqRTdW1GE0M1OidOskk3iHvyGLi1CzrPmaBd"
},
success: function () {
location.reload();
return false;
},
error: function (data) {
alert(data.responseJSON.error);
}
});
}
</script>
<div class="products_block_clearfix"></div>
<button title="Close (Esc)" type="button" class="login-modal-close">×</button>
</div>
</div>
</div>
<script>
function open_modal() {
document.querySelector('.modal-for-login').style.display = 'block';
document.querySelector('.modal-for-login-container').style.display = 'block';
let script = document.createElement('script');
script.setAttribute('type', 'text/javascript');
script.setAttribute('src', 'https://telegram.org/js/telegram-widget.js?15');
script.setAttribute('data-telegram-login', 'TeleStoreAuthUkBot');
script.setAttribute('data-size', 'medium');
script.setAttribute('data-radius', '0');
script.setAttribute('data-onauth', 'onTelegramAuth(user)');
script.setAttribute('data-request-access', 'write');
document.getElementById('telegram_auth').appendChild(script);
}
document.querySelector('.login-modal-close').onclick = function () {
document.querySelector('.modal-for-login').style.display = 'none';
document.querySelector('.modal-for-login-container').style.display = 'none';
}
</script>
<style>
.login-modal-close {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
z-index: 2046;
box-shadow: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 1;
padding: 0 0 18px 10px;
color: #000000;
font-style: normal;
font-size: 28px;
}
.modal-for-login {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1040;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.modal-for-login-container, .pop_channels_popup {
text-align: center;
position: fixed;
width: 100%;
z-index: 1044;
height: initial;
left: 0;
top: 13%;
padding: 0 8px;
box-sizing: border-box;
}
.pop_channels_popup {
top: 2%;
}
.modal-open {
text-decoration: underline;
cursor: pointer;
color: #337ab7;
}
.login-popup {
text-align: center;
padding: 73px;
height: 30%;
width: 90%;
border-radius: 5px;
background-color: #fff;
position: relative;
margin: 0 auto;
}
@media screen and (min-width: 320px) and (max-width: 720px) {
.login-popup {
width: 90%;
top: 20px;
padding: 5px;
}
}
</style>
<script type='text/javascript' src='https://uk.telegram-store.com/js/all.js' defer></script>
<script>
document.addEventListener('DOMContentLoaded', () => lazyload());
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
$('#next_messages').data('id', '23')
$('.video_placeholder').click(function () {
window.open($(this).parent('.message_parsed').data('href'), '_blank');
})
$('.photo_placeholder_group').click(function () {
window.open($(this).parent('.message_parsed').data('href'), '_blank');
})
$(window).scroll(function () {
let next_messages = $('#next_messages');
if ($(document).height() <= $(window).scrollTop() + $(window).height() + 750) {
if (!next_messages.data("loading")) {
let message_id = next_messages.data('id');
$.ajax({
url: "/catalog/api/v1/messages/imoninc/" + message_id,
type: "get",
beforeSend: function (xhr) {
next_messages.data("loading", true);
},
success: function (data) {
let newDiv = $('<div/>')
.addClass('messages__one')
.addClass('message_parsed')
.html(data.result.message.text)
next_messages.data('id', data.result.message.id)
next_messages.append(newDiv);
next_messages.removeData("loading");
$('.video_placeholder').click(function () {
window.open($(this).parent('.message_parsed').data('href'), '_blank');
})
lazyload();
}
});
}
}
});
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
$('#vote__for_channel__inactive_3433885').click(function () {
event.preventDefault();
$('#errors__voting_3433885').html('😱 Ви повинні увійти, щоб проголосувати.').css('display', 'block');
});
$('#vote__for_channel_3433885').click(function () {
event.preventDefault();
$('#vote__for_channel_3433885').html('⌛');
$.ajax({
url: "https://uk.telegram-store.com/catalog/api/v1/vote/3433885",
headers: {
"X-CSRF-TOKEN": "K6hjVqRTdW1GE0M1OidOskk3iHvyGLi1CzrPmaBd",
},
type: 'post',
success: function (data) {
$('#vote__for_channel_3433885').html('▲ ' + data.rating);
},
error: function () {
$('#errors__voting_3433885').html("😱 Ви вже голосували за цей канал за останні 24 години. Повертайся завтра!").css('display', 'block');
}
});
});
})
</script>
<style>
.video_placeholder {
cursor: pointer;
}
.message_parsed {
font-size: 16px;
line-height: 26px;
}
.message_header {
display: none;
}
.tgme_widget_message_poll_question {
font-weight: bold;
}
.tgme_widget_message_poll_type {
font-size: 14px;
font-style: italic;
}
.tgme_widget_message_poll_option_percent, .tgme_widget_message_poll_option_value {
display: inline-block;
}
.accent_bg {
background: #0099de;
height: 3px;
}
.copyonly {
margin-right: 10px;
}
.tgme_widget_message_info {
display: none;
}
.message_parsed {
border-radius: 0;
box-shadow: initial;
}
.photo_placeholder_group {
margin-bottom: 10px;
}
.show_only_on_mobile {
display: none;
background: #ddd;
}
.show_only_on_desktop {
display: block;
}
@media screen and (max-width: 760px) {
.show_only_on_mobile {
display: block;
}
.show_only_on_desktop {
display: none;
}
}
.messages__one {
border: 1px solid #ddd;
background: #fff;
}
</style>
</body>
</html>
<script>(function(){if (!document.body) return;var js = "window['__CF$cv$params']={r:'88da52fffccf233e',t:'MTcxNzM2MTUxNS42NjQwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="27f851fa46768e1f5c80ac40-|49" defer></script> 
