templates/gallery/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{page.translate(locale).title}}{% endblock %}
  4. {% block meta_desc %}{{page.translate(locale).introduction[:150]|striptags|raw }}...{% endblock %}
  6. {% block body %}
  7. {% include "components/areas/page/welcome.html.twig" %}
  9. <main class="gallery-main">
  10.     <section class="page-header gallery-header">
  11.         <div class="container">
  12.             <h2 class="page-header-title">{{page.translate(locale).title}}</h2>
  13.             <div class="outline"></div>
  14.             <div class="page-header-intro">{{page.translate(locale).introduction|raw}}</div>
  15.         </div>
  16.     </section>
  18.     <section class="page-content gallery-ctn">
  19.         <div class="container">
  20.             <div class="gallery">
  21.                 <!-- FILTER -->
  22.                 <div class="gallery-cat text-uppercase">
  23.                     <ul class="list-inline">
  24.                         <li class="active"><a href="#" data-filter="*">{% trans %}Voir tout{% endtrans %}</a></li>
  25.                         {% for category in categories %}
  26.                             <li><a href="#" data-filter=".{{category.translate(locale).slug}}">{{category.translate(locale).name}}</a></li>
  27.                         {% endfor %}
  28.                     </ul>
  29.                 </div>
  30.                 <!-- END / FILTER -->
  32.                 <!-- GALLERY CONTENT -->
  33.                 <div class="gallery-content">
  34.                     <div class="row">
  35.                         <div class="gallery-isotope col-3">
  36.                             <!-- ITEM SIZE -->
  37.                             <div class="item-size "></div>
  38.                             <!-- END / ITEM SIZE -->
  39.                             {% for category in categories %}
  40.                                 {% for item in category.images|sort((a, b) => a.position <=> b.position) %}
  41.                                     <!-- ITEM -->
  42.                                     <div class="item-isotope {{category.translate(locale).slug}}">
  43.                                         <div class="wrap-box-1">
  44.                                             <div class="box-img">
  45.                                                 <a class="lightbox" href="images/gallery/{{item.url}}" data-littlelightbox-group="gallery" title="{{item.translate(locale).caption}}">
  46.                                                     <img src="images/lazy.png" data-src="images/gallery/{{item.url}}" class="img-responsive lazy" alt="{{item.translate(locale).caption}}" title="{{item.translate(locale).caption}}">
  47.                                                 </a>
  48.                                                 <p>{{item.translate(locale).caption}}</p>
  49.                                             </div>
  50.                                         </div>
  51.                                     </div>
  52.                                     <!-- END / ITEM -->
  53.                                 {% endfor %}
  54.                             {% endfor %}
  55.                         </div>
  56.                     </div>
  57.                 </div>
  58.                 <!-- GALLERY CONTENT -->
  59.             </div>
  60.         </div>
  61.     </section>
  62. </main>
  64. {% endblock %}