ORIENT/themes/modern2/partials/slider.htm

113 lines
4.5 KiB
HTML

[viewBag]
[blogPosts marque]
pageNumber = "{{ :page }}"
featured = 1
postsPerPage = 5
noPostsMessage = "No posts found"
sortOrder = "published_at desc"
categoryPage = "category"
postPage = "post"
[blogPosts slider]
pageNumber = "{{ :page }}"
postsPerPage = 10
noPostsMessage = "No posts found"
sortOrder = "published_at desc"
categoryPage = 404
postPage = 404
==
<div class="marquee__outer">
<a href="#" class="marquee__link">
{{'Главное'|_}}
</a>
<div class="marquee">
{% for post in marque.posts %}
<div class="marquee__item">
<a href="{{post.url}}">{{post.title}}</a>
</div>
{% endfor %}
</div>
</div>
<div class="swiper-container mySwiper">
<div class="swiper-wrapper">
{% for post in slider.posts.slice(0,4) %}
<div class="swiper-slide">
<div class="swiper-slide-image" >
<picture>
<img src="{{post.featured_image|media|resize(964)}}" alt="">
</picture>
<div class="swiper-slide-content">
<div class="swiper-slide-content-date">
<span>
{{post.published_at|date('H:i')}}
</span>
<svg xmlns="http://www.w3.org/2000/svg">
<path id="Polygon_1" data-name="Polygon 1" d="M2,0,4,2,2,4,0,2Z" fill="#a2a2a2" />
</svg>
<span>
{{post.published_at|date('d.m.Y')}}
</span>
</div>
<div class="swiper-slide-content-footer">
<a href="{{'post'|page({id:post.id,slug:post.slug})}}"
class="swiper-slide-content-link">{{post.title}}</a>
{% if post.categories.count()>0%}
<div class="swiper-slide-content-category">
{{post.categories.implode('name', ', ')}}
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% endfor %}
</div>
<div class="p3">
<svg xmlns="http://www.w3.org/2000/svg" width="9.414" height="16.828" viewBox="0 0 9.414 16.828">
<path id="Path_6497" data-name="Path 6497" d="M19,5l-7,7,7,7" transform="translate(-11 -3.586)" fill="none"
stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
</svg>
</div>
<div class="n3">
<svg xmlns="http://www.w3.org/2000/svg" width="9.414" height="16.828" viewBox="0 0 9.414 16.828">
<path id="Path_6496" data-name="Path 6496" d="M12,5l7,7-7,7" transform="translate(-10.586 -3.586)"
fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
</svg>
</div>
</div>
<div class="newsSlider__outer">
<div class="p2">
<svg xmlns="http://www.w3.org/2000/svg" width="9.414" height="16.828" viewBox="0 0 9.414 16.828">
<path id="Path_6497" data-name="Path 6497" d="M19,5l-7,7,7,7" transform="translate(-11 -3.586)" fill="none"
stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
</svg>
</div>
<div class="n2">
<svg xmlns="http://www.w3.org/2000/svg" width="9.414" height="16.828" viewBox="0 0 9.414 16.828">
<path id="Path_6496" data-name="Path 6496" d="M12,5l7,7-7,7" transform="translate(-10.586 -3.586)"
fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
</svg>
</div>
<div class="newsSlider">
{% for post in slider.posts.slice(4) %}
<div class="newsSlider__item">
<img src="{{post.featured_image|media|resize(477)}}" alt="{{post.title}}">
<div class="newsSlider__item-content">
<div class="newsSlider__item-content-date">
<span>{{post.published_at|date('H:i')}}</span>
<svg xmlns="http://www.w3.org/2000/svg">
<path id="Polygon_1" data-name="Polygon 1" d="M2,0,4,2,2,4,0,2Z" fill="#a2a2a2" />
</svg>
<span>{{post.published_at|date('d.m.Y')}}</span>
</div>
<a href="{{'post'|page({id:post.id,slug:post.slug})}}" class="newsSlider__item-content-link">
{{post.title}}
</a>
</div>
</div>
{% endfor %}
</div>
</div>