templates/frontend/template/about.html.twig line 1

  1. {% extends "frontend/base.html.twig" %}
  2. {% import "frontend/_macros.twig" as macros %}
  4. {% block title %}{{ page.title }}{% endblock %}
  6. {% block body %}
  8. {% include 'frontend/block/hero_image.html.twig' with { 'block': page.metaDecoded('hero_image')|merge({ 'show_footer': false, 'full_height': false }) } %}
  10. <div class="no-full-width">
  11.     {% include 'frontend/block/information_with_gallery.html.twig' with { 'block': page.metaDecoded('info'), 'image_position': 'left' } %}
  12. </div>
  14. <div class="team" id="nas-tym">
  15.     <div class="container">
  16.         <h2>Náš tým</h2>
  18.         <ul class="team-filters">
  19.             <li><button class="button button-small team-filter selected" data-filter=""><span>Vše</span></button></li>
  20.         {% for role in app_team_roles() %}
  21.             <li><button class="button button-small team-filter" data-filter="{{ role.name }}"><span>{{ role.title }}</span></button></li>
  22.         {% endfor %}
  23.         </ul>
  24.     </div>
  26.     {% set team, items_per_page = app_team(), 4 %}
  27.     <div class="team-list" data-splide="{{
  28.         {
  29.             'type': 'slide',
  30.             'pagination': true,
  31.             'arrows': false,
  32.             'drag': true,
  33.             'perPage': items_per_page,
  34.             'perMove': items_per_page,
  35.             'gap': '1rem',
  36.             'breakpoints': {
  37.                 'compact': {
  38.                     'perPage': 3,
  39.                 },
  40.                 'tablet': {
  41.                     'perPage': 2,
  42.                 },
  43.                 'low_end_smartphone': {
  44.                     'perPage': 1,
  45.                 },
  46.             },
  47.         }|json_encode|escape('html') }}" data-splide-navContainer="{1}>.container .team-list-nav" data-splide-navKeep="true">
  48.     {% for person in team %}
  49.         <div class="team-person" data-roles="{% for role in person.roles %}{{ role.idRole.name }} {% endfor %}" data-index="{{ loop.index0 }}">
  50.         {% if person.photo is defined %}
  51.             <div class="person-part-photo">
  52.                 {% if person.photo %}
  53.                     {{ app_image_html(person.photo.id) }}
  54.                 {% else %}
  55.                     {{ app_static_image_html('img/placeholder/team-person.jpg') }}
  56.                 {% endif %}
  57.             </div>
  58.         {% endif %}
  59.             
  60.             <div class="person-part-content">
  61.                 <div class="person-part-full-name">{{ person.fullName }}</div>
  62.                 <div class="person-part-position">{{ person.position }}</div>
  64.                 <div class="person-part-bottom">
  65.                 {% if person.phone|default %}
  66.                     <div class="person-part-phone">{{ person.phone }}</div>
  67.                 {% endif %}
  68.                 {% if person.email|default %}
  69.                     <div class="person-part-email">{{ person.email }}</div>
  70.                 {% endif %}
  71.                 </div>
  72.             </div>
  73.         </div>
  74.     {% endfor %}
  75.     </div>
  77.     <div class="container">
  78.         <div class="team-list-nav"></div>
  79.     </div>
  80. </div>
  82. {% include 'frontend/block/information_with_gallery.html.twig' with { 'block': page.metaDecoded('info2'), 'image_position': 'right' } %}
  84. {% include 'frontend/block/contact.html.twig' %}
  86. {% endblock %}