File size: 14.13Kb
<div class="card lg:mx-0 uk-animation-slide-bottom-small mb-7 hover:shadow-sm [xfvalue_mark]">
<!-- post header-->
<div class="flex justify-between items-center lg:p-4.5 p-3.5">
<div class="flex flex-1 items-center space-x-4">
<img src="{category-icon}" class="-mr-1 bg-[#434452] w-[34px] h-[34px] drop-shadow-sm rounded-full">
<div class="flex-1 font-bold text-[15px] leading-[22px]">
<span class="hover:text-black/[.72]">
<a href="{full-link}">{link-category}</a>
</span>
<div class="text-gray-500 flex items-center space-x-2 cursor-default font-normal text-[13px] leading-[18px]">
[day-news]{date}[/day-news]
</div>
</div>
</div>
[if approve = "0"]
<span class="mr-3 inline-flex items-center gap-1.5 text-red-400 cursor-pointer" title="Статья на модерации">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M19.875 6.27a2.225 2.225 0 0 1 1.125 1.948v7.284c0 .809 -.443 1.555 -1.158 1.948l-6.75 4.27a2.269 2.269 0 0 1 -2.184 0l-6.75 -4.27a2.225 2.225 0 0 1 -1.158 -1.948v-7.285c0 -.809 .443 -1.554 1.158 -1.947l6.75 -3.98a2.33 2.33 0 0 1 2.25 0l6.75 3.98h-.033z"></path>
<path d="M9 16v-8l3 5l3 -5v8"></path>
</svg>
</span>
[/if]
[poll]
<span class="mr-3 inline-flex items-center gap-1.5 py-1 px-3 rounded-full text-xs font-medium bg-green-100 text-green-600 cursor-pointer" title="Статья с опросом">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M3 12m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path>
<path d="M9 8m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path>
<path d="M15 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path>
<path d="M4 20l14 0"></path>
</svg>
</span>
[/poll]
[fixed]
<span class="mr-3 inline-flex items-center gap-1.5 py-1 px-3 rounded-full text-xs font-medium bg-blue-100 text-blue-600 cursor-pointer" title="Статья закреплена">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M15 7l-6.5 6.5a1.5 1.5 0 0 0 3 3l6.5 -6.5a3 3 0 0 0 -6 -6l-6.5 6.5a4.5 4.5 0 0 0 9 9l6.5 -6.5"></path>
</svg>
</span>
[/fixed]
<div>
<div class="bg-[#f2f2f2] rounded-full h-3.5 flex items-center justify-center mr-1 cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="34px" fill="#92929D" class="hover:fill-[#131313]">
<path d="M0 0h24v24H0V0z" fill="none" />
<path
d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" />
</svg>
</div>
<div class="z-[999999] bg-white w-[170px] mx-auto p-2 mt-12 rounded-lg text-[#212121] hidden text-[15px] shadow-sm border border-[#525252/.5]"
uk-drop="mode: hover;pos: bottom-right;animation: uk-animation-slide-bottom-small">
<ul class="space-y-1">
<li class="flex items-center px-3 py-1.5 hover:bg-[#f2f2f2] hover:text-[#131313] rounded-md">
<span class="ya-share2" data-size="m" data-limit="0" data-shape="round" data-more-button-type="long" data-popup-direction="auto" data-services="vkontakte,telegram,twitter"
data-title="{title}" data-url="{full-link}" data-description="{short-story limit="400"}" data-image="[xfvalue_image_url_poster_one]" data-hashtags="{tags}">
</span>
</li>
[complaint]
<li class="flex items-center px-3 py-1.5 hover:bg-[#f2f2f2] hover:text-[#131313] rounded-md">
Пожаловаться
</li>
[/complaint]
[not-group=5] [edit]
<li>
<a onclick="sendNotice ('{news-id}'); return false;" href="#"
class="flex items-center px-3 py-1.5 hover:bg-[#f2f2f2] hover:text-[#131313] rounded-md">Написать автору</a>
</li>
<li>
<a href="/index.php?do=addnews&id={news-id}"
class="flex items-center px-3 py-1.5 hover:bg-[#f2f2f2] hover:text-[#131313] rounded-md">Редактировать</a>
</li>
<li>
<hr class="-mx-2 my-2">
</li>
<li>
<a href="#" onclick="dle_news_delete ('{news-id}'); return false;" class="flex items-center px-3 py-1.5 text-red-500 hover:bg-red-100 hover:text-red-500 rounded-md">
Удалить пост
</a>
</li>
[/edit] [/not-group]
</ul>
</div>
</div>
</div>
<h2 class="p-5 pt-0 lg:text-2xl text-2xl font-medium mb-4 md:py-0 py-0 hover:text-black/[.6] line-clamp-3">
<a href="{full-link}">{title}</a>
</h2>
[xfgiven_poster_one]
<!-- One thumb -->
<div class="h-56 mb-4 lg:h-80 overflow-hidden relative w-full">
<a href="{full-link}">
<img src="[xfvalue_image_url_poster_one]" class="w-full h-full absolute inset-0 object-cover">
</a>
</div>
[/xfgiven_poster_one]
[xfgiven_gallery]
<!-- Gallery thumb-->
<div uk-slideshow="ratio: 16:9; animation: pull; finite: true">
<div class="uk-position-relative uk-visible-toggle uk-light mb-4">
[xfvalue_gallery]
<div class="uk-position-bottom-center uk-position-small">
<ul class="uk-slideshow-nav uk-dotnav"></ul>
</div>
<a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a>
<a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slideshow-item="next"></a>
</div>
</div>
<script>
$( ".xfieldimagegallery" ).addClass( "uk-slideshow-items" );
$( ".xfieldimagegallery li img" ).addClass( "w-full h-full absolute inset-0 object-cover" );
$( ".xfieldimagegallery li img" ).attr( 'uk-cover', '' );
</script>
[/xfgiven_gallery]
[xfgiven_iframes]
<!-- Iframe thumb -->
<div class="codes mb-4 p-4 overflow-hidden relative w-full bg-[url({THEME}/images/thumb-cover.jpg)] bg-center">
[xfvalue_iframes]
</div>
[/xfgiven_iframes]
<div class="p-5 pt-0 pb-0 text-[17px] leading-[26px] line-clamp-4">
{short-story limit="400"}
[edit-date]<p class="editdate grey">Статью отредактировал: <b>{editor}</b> - {edit-date}<br>
[edit-reason]Причина: <b>{edit-reason}</b>[/edit-reason]</p>[/edit-date]
</div>
<div class="p-4 space-y-3">
<div class="flex space-x-3">
[rating-type-3]
<div class="flex items-center space-x-0.5">
[rating-plus]
<div title="Лайк">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.2" stroke="currentColor"
class="p-[4px] rounded-full w-[28px] h-[28px] stroke-[#131313] opacity-[.72] hover:opacity-[1] hover:bg-green-100 hover:stroke-green-600">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
</svg>
</div>
[/rating-plus]
<div class="font-semibold text-sm">{rating}</div>
</div>
[/rating-type-3]
<div title="Комментариев: {comments-num}" class="flex items-center space-x-0.5">
[com-link]
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.2" stroke="currentColor"
class="p-[4px] rounded-full w-[28px] h-[28px] stroke-[#131313] opacity-[.72] hover:opacity-[1] hover:bg-blue-100 hover:stroke-blue-600">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 20.25c4.97 0 9-3.694 9-8.25s-4.03-8.25-9-8.25S3 7.444 3 12c0 2.104.859 4.023 2.273 5.48.432.447.74 1.04.586 1.641a4.483 4.483 0 01-.923 1.785A5.969 5.969 0 006 21c1.282 0 2.47-.402 3.445-1.087.81.22 1.668.337 2.555.337z" />
</svg>
[/com-link]
[comments]
[com-link]
<span class="font-semibold text-sm stroke-[#131313] opacity-[.72] hover:opacity-[1]"> {comments-num}</span>
[/com-link]
[/comments]
</div>
[not-group=5]
<div class="flex items-center space-x-0.5">
[add-favorites]
<span title="Добавить в закладки">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.2" stroke="currentColor"
class="p-[4px] rounded-full w-[28px] h-[28px] stroke-[#131313] opacity-[.72] hover:opacity-[1] hover:bg-yellow-100 hover:stroke-yellow-500">
<path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z" />
</svg>
</span>
[/add-favorites]
[del-favorites]<span title="Убрать из закладок">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
class="p-[4px] rounded-full w-[28px] h-[28px] fill-yellow-500 hover:bg-yellow-100">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd" />
</svg>
</span>[/del-favorites]
</div>
[/not-group]
<span class="flex items-center space-x-0.5 rounded-md">
<img src="{foto}" onclick="ShowProfile('{login}', '{profile-link}', '0'); return false;" title="Автор: {login}"
class="w-[18px] h-[18px] rounded-full cursor-pointer opacity-[.8] shadow-sm hover:opacity-[1] ml-1">
</span>
[rating-type-3]
<div class="flex items-center space-x-0.5 flex-1 justify-end">
[rating-minus]
<div title="Дизлайк">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2.2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"
class="p-[4px] rounded-full w-[28px] h-[28px] stroke-[#131313] opacity-[.72] hover:opacity-[1] stroke-neutral-700 hover:bg-red-100 hover:stroke-red-500">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M15 4v8h3.586a1 1 0 0 1 .707 1.707l-6.586 6.586a1 1 0 0 1 -1.414 0l-6.586 -6.586a1 1 0 0 1 .707 -1.707h3.586v-8a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1z"></path>
</svg>
</div>
[/rating-minus]
</div>
[/rating-type-3]
</div>
</div>
</div>