115 lines
4.9 KiB
HTML
115 lines
4.9 KiB
HTML
[viewBag]
|
|
|
|
[blogPosts]
|
|
pageNumber = "{{ :page }}"
|
|
postsPerPage = 8
|
|
noPostsMessage = "No posts found"
|
|
sortOrder = "published_at desc"
|
|
categoryPage = "category"
|
|
postPage = "post"
|
|
|
|
[blogPosts featuredPosts]
|
|
pageNumber = "{{ :page }}"
|
|
featured = 1
|
|
postsPerPage = 4
|
|
noPostsMessage = "No posts found"
|
|
sortOrder = "published_at desc"
|
|
categoryPage = "category"
|
|
postPage = "post"
|
|
==
|
|
<div class="marquee">
|
|
<a href="#" class="marquee__link">
|
|
{{'Главное'|_}}
|
|
</a>
|
|
<div>{% for post in featuredPosts.posts %} <a href="{{'post'|page({id:post.id,slug:post.slug})}}">{{post.title}}</a> {% endfor %}</div>
|
|
</div>
|
|
<div class="swiper-container mySwiper">
|
|
<div class="swiper-wrapper">
|
|
|
|
{% for post in blogPosts.posts.slice(0,3) %}
|
|
<div class="swiper-slide">
|
|
<div class="swiper-slide-image" style=" background: url({{post.featured_image|media_cdn}}) no-repeat center center ;background-size: cover;
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
-o-background-size: cover;">
|
|
<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 blogPosts.posts.slice(3) %}
|
|
<div class="newsSlider__item">
|
|
<img src="{{post.featured_image|media_cdn}}" 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> |