templates/modul/gal.html.twig line 1

Open in your IDE?
  1. {% extends 'siteBase.html.twig' %}
  2. {% block dil %}{{ app.session.get('dil')['kisa'] }}{% endblock %} {# tr or en #}
  3. {% block title %}{{ sayfa.title }}{% endblock %}
  4. {% block keywords %}{{ sayfa.keywords }}{% endblock %}
  5. {% block description %}{{ sayfa.description }}{% endblock %}
  7. {% block title2 %}{{ sayfa.title }}{% endblock %}
  8. {% block description2 %}{{ sayfa.description }}{% endblock %}
  9. {% block image_alt %}{{ sayfa.title }}{% endblock %}
  10. {% block title3 %}{{ sayfa.title }}{% endblock %}
  11. {% block description3 %}{{ sayfa.description }}{% endblock %}
  12. {% block image %}{{ sayfa.dilgrup|site_bannerGetir|raw }}{% endblock %}
  13. {% block image2 %}{{ sayfa.dilgrup|site_bannerGetir|raw }}{% endblock %}
  16. {% block body %}
  17. {% include 'siteBase/breadcrumbs.html.twig' %}
  19.   {#
  20. -- Sayfa Verileri : "icerikler" adında bir dizi döndürülüyor. Dizi elemanları : başlık, resim, link
  21. -- Kategori Verileri : "kategoriler" adında bir dizi döndürülüyor. Dizi elemanları : adi, resim, link
  22. ** Eğer kategoriler dizisi boş değilse icerikler boş gelecektir. Eğer boş ise içerikler dönecektir.
  23. ** 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')"
  25. ----------------------------------------------------
  26. #}
  29.     <section class="container pt-2 pt-sm-3 pt-md-4 pt-lg-5 pb-5 my-xxl-3">
  30.         <h2 class="h1 pt-1 pt-sm-2 pt-lg-0 pb-md-2 pb-lg-3 pb-xl-0 mb-sm-4 mb-xl-5" style="max-width: 525px">{{ sayfa.adi }}</h2>
  31.         <div class="row">
  32.             {% for icerik in icerikler %}
  35.                 <div class="col-md-4 mb-2">
  37.                     <div class="card">
  38.                         <a href="/storage/{{ icerik.resim|default('resimyok.webp') }}" data-fancybox="gallery">
  39.                         <div class="hover-effect-scale hover-effect-opacity card-img-top position-relative overflow-hidden">
  41.                             <div class="ratio hover-effect-target" style="--fn-aspect-ratio: calc(300 / 416 * 100%)">
  42.                                 <img src="/storage/{{ icerik.resim|default('resimyok.webp') }}" alt="{{ icerik.baslik|html_entity_decode|raw }}">
  43.                             </div>
  44.                         </div>
  45.                         </a>
  46.                         <div class="card-body">
  47.                             <h5 class="card-title">{{ icerik.baslik|html_entity_decode|raw }}</h5>
  48.                         </div>
  49.                     </div>
  51.                 </div>
  52.             {% endfor %}
  54.         </div>
  55.     </section>
  59.                     {% endblock %}
  60. {% block javascripts %}{% endblock %}