{% extends 'siteBase.html.twig' %}
{% block dil %}{{ app.session.get('dil')['kisa'] }}{% endblock %} {# tr or en #}
{% block title %}{{ sayfa.title }}{% endblock %}
{% block keywords %}{{ sayfa.keywords }}{% endblock %}
{% block description %}{{ sayfa.description }}{% endblock %}
{% block title2 %}{{ sayfa.title }}{% endblock %}
{% block description2 %}{{ sayfa.description }}{% endblock %}
{% block image_alt %}{{ sayfa.title }}{% endblock %}
{% block title3 %}{{ sayfa.title }}{% endblock %}
{% block description3 %}{{ sayfa.description }}{% endblock %}
{% block image %}{{ sayfa.dilgrup|site_bannerGetir|raw }}{% endblock %}
{% block image2 %}{{ sayfa.dilgrup|site_bannerGetir|raw }}{% endblock %}
{% block body %}
{% include 'siteBase/breadcrumbs.html.twig' %}
{#
-- Sayfa Verileri : "icerikler" adında bir dizi döndürülüyor. Dizi elemanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, tarih, resimler, link
-- Kategori Verileri : "kategoriler" adında bir dizi döndürülüyor. Dizi elemanları : adi, resim, link
** Eğer kategoriler dizisi boş değilse icerikler boş gelecektir. Eğer boş ise içerikler dönecektir.
** Resimleri çekerken sadece "ornek.jpg|imgOlustur(100,10,'cover')" filtresini kullanmalısın. Bu filtre şu özelliğe sahitir; "ornek.jpg|imgOlustur(yükseklik,radius,'cover/contain')"
----------------------------------------------------
#}
<div class="vl-blog-inner-area sp2">
<div class="container">
<div class="row">
{% for icerik in icerikler %}
<div class="col-xl-4 col-md-6" data-aos="fade-left" data-aos-duration="900">
<div class="vl-blog-inner-item">
<div class="vl-blog-1-thumb image-anime">
{{ icerik.resim|imgOlustur(300,10,'cover')|raw }}
</div>
<div class="vl-blog-1-content">
<div class="vl-blog-meta">
<ul>
<li>
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
<path d="M6.33333 9.16797H8V10.8346H6.33333V9.16797ZM18 5.0013V16.668C18 17.5846 17.25 18.3346 16.3333 18.3346H4.66667C4.22464 18.3346 3.80072 18.159 3.48816 17.8465C3.17559 17.5339 3 17.11 3 16.668L3.00833 5.0013C3.00833 4.08464 3.74167 3.33464 4.66667 3.33464H5.5V1.66797H7.16667V3.33464H13.8333V1.66797H15.5V3.33464H16.3333C17.25 3.33464 18 4.08464 18 5.0013ZM4.66667 6.66797H16.3333V5.0013H4.66667V6.66797ZM16.3333 16.668V8.33464H4.66667V16.668H16.3333ZM13 10.8346H14.6667V9.16797H13V10.8346ZM9.66667 10.8346H11.3333V9.16797H9.66667V10.8346Z" fill="#0F0D0D"/>
</svg> {{ icerik.tarih|date('d.m.Y') }}</a>
</li>
<li>
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
<path d="M2.58588 17.5949C2.58648 17.6376 2.59548 17.6797 2.61237 17.7189C2.62926 17.7581 2.6537 17.7936 2.68431 17.8234C2.71491 17.8531 2.75108 17.8766 2.79074 17.8923C2.8304 17.9081 2.87279 17.9159 2.91547 17.9153H18.085C18.1278 17.916 18.1702 17.9082 18.2099 17.8925C18.2496 17.8767 18.2858 17.8533 18.3165 17.8235C18.3471 17.7938 18.3716 17.7583 18.3885 17.719C18.4054 17.6798 18.4145 17.6376 18.415 17.5949V17.2124C18.4225 17.097 18.438 16.522 18.0588 15.8857C17.8196 15.4845 17.4725 15.1382 17.0271 14.8557C16.4884 14.5141 15.803 14.267 14.9738 14.1182C14.5529 14.059 14.1354 13.9778 13.723 13.8749C12.6263 13.5949 12.5305 13.347 12.5296 13.3445C12.5233 13.32 12.5141 13.2964 12.5021 13.2741C12.493 13.2282 12.4709 13.0541 12.5134 12.5878C12.6209 11.4032 13.2563 10.7032 13.7667 10.1407C13.9276 9.96365 14.0796 9.79574 14.1967 9.63157C14.7021 8.92324 14.7488 8.11699 14.7509 8.06699C14.7528 7.97839 14.7406 7.89006 14.7146 7.80532C14.6646 7.65115 14.5717 7.55532 14.5034 7.48449C14.4872 7.46827 14.4715 7.4516 14.4563 7.43449C14.4513 7.42865 14.438 7.41282 14.4501 7.33324C14.4909 7.07686 14.5191 6.81863 14.5346 6.55949C14.558 6.14199 14.5759 5.51782 14.468 4.9099C14.4521 4.79379 14.4282 4.67892 14.3963 4.56615C14.2825 4.14782 14.1001 3.79032 13.8463 3.49532C13.8026 3.4474 12.7409 2.32865 9.6588 2.09949C9.23255 2.06782 8.8113 2.0849 8.3963 2.10615C8.27357 2.10888 8.15143 2.12396 8.03172 2.15115C7.71338 2.23324 7.62838 2.4349 7.6063 2.54782C7.56922 2.73532 7.63422 2.88032 7.67713 2.97699C7.68338 2.99074 7.6913 3.00782 7.67755 3.05282C7.6063 3.16365 7.49338 3.26365 7.3788 3.35824C7.34547 3.38615 6.57297 4.05282 6.53047 4.92324C6.41588 5.58532 6.42422 6.61657 6.55963 7.32949C6.56797 7.36907 6.57922 7.4274 6.56047 7.46699C6.41463 7.5974 6.24963 7.74532 6.25005 8.08282C6.25172 8.11699 6.2988 8.92282 6.80422 9.63157C6.92088 9.79574 7.07297 9.96324 7.23338 10.1403L7.23422 10.1407C7.74463 10.7032 8.38005 11.4032 8.48755 12.5874C8.52963 13.0541 8.50755 13.2278 8.4988 13.2741C8.4867 13.2963 8.47733 13.32 8.47088 13.3445C8.47047 13.347 8.37505 13.5941 7.28338 13.8737C6.65338 14.0349 6.03338 14.1174 6.01463 14.1195C5.2088 14.2557 4.52755 14.497 3.98963 14.8366C3.54588 15.117 3.19797 15.4645 2.9563 15.8687C2.56963 16.5145 2.58005 17.1028 2.58547 17.2103V17.5949H2.58588Z" stroke="#0F0D0D" stroke-width="1.66667" stroke-linejoin="round"/>
</svg> {{ 'siteAdi'|ayarlar }}</a>
</li>
</ul>
</div>
<div class="space18"></div>
<h4 class="vl-blog-1-title"><a href="{{ icerik.link }}">{{ icerik.adi|html_entity_decode|raw }}</a></h4>
<div class="space12"></div>
<p>{{ icerik.metin|html_entity_decode|striptags|slice(0,100)|raw }}..</p>
<div class="space24"></div>
<div class="vl-blog-1-icon">
<a href="{{ icerik.link }}" class="readmore">{{ 'Daha Fazla'|ceviri|upper }} <i class="fa-solid fa-arrow-right"></i></a>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{% endblock %}
{% block javascripts %}{% endblock %}