templates/modul/gal2.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 %}
  14.  
  15.  
  16. {% block body %}
  17. {% include 'siteBase/breadcrumbs.html.twig' %}
  18.  
  19.   {#
  20. -- Sayfa Verileri : "icerikler" adında bir dizi döndürülüyor. Dizi elemanları : başlık, resimler, 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. #}
  28.     <section class="container pt-2 pt-sm-3 pt-md-4 pt-lg-5 pb-5 my-xxl-3">
  29.         <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>
  30.         <div class="row">
  31.             {% for resim in icerikler[0].resimler|split(',') %}
  32.                 {% if resim|default('')!='' %}
  35.                 <div class="col-md-4 mb-2">
  37.                     <div class="card">
  38.                         <a href="/storage/{{ resim }}" 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/{{ resim|default('resimyok.webp') }}" >
  43.                                 </div>
  44.                             </div>
  45.                         </a>
  46.                     </div>
  48.                 </div>
  50.                 {% endif %}
  51.             {% endfor %}
  53.         </div>
  54.     </section>
  56.                     
  57.                     {% endblock %}
  58. {% block javascripts %}{% endblock %}