templates/PageParts/ProjectsPagePart/view.html.twig line 1

Open in your IDE?
  1. {% if resource.items is not empty %}
  3.     <section class="projects-pp">
  5.         <div class="project-overlay">
  7.             <div class="slick-arrows">
  8.                 <div>
  9.                     <button type="button" class="slick-prev slick-arrow" style=""><i class="fas fa-chevron-left"></i></button>
  10.                     <button type="button" class="slick-next slick-arrow" style=""><i class="fas fa-chevron-right"></i></button>
  11.                 </div>
  12.             </div>
  14.             <div class="project-box__text">
  16.                 <h2 role="heading" aria-level="2"><span>{{ resource.header | nl2br }}</span></h2>
  17.                 <a href="{{ resource.linkUrl|replace_url }}" class="btn btn--blue" {% if resource.linkNewWindow %}target="_blank" rel="noopener"{% endif %}>{{ resource.linkText }}</a>
  19.             </div>
  20.         </div>
  22.         <div class="projects-slider">
  24.             {% for item in resource.items | sortbyfield('displayOrder')  %}
  26.                 <div class="project-slide">
  28.                     <div class="project-box">
  30.                         <div class="project-box__img">
  32.                             {% set img = (item.image) ? item.image : null %}
  33.                             {% if img is null %}
  34.                                 {% set img = {
  35.                                     'url' : get_default_article_image(),
  36.                                     'mediaAlt' : 'Gdyńskie Centrum Sportu'
  37.                                 } %}                                {% endif %}
  38.                             {% if img is not null and img is not empty %}
  39.                                 {% set fullSrc = croppedImgSrc(img.url, item.cropping, { h: 630, w: 910, q: 80, fit: 'crop' }) %}
  41.                                 <a href="{{ item.linkUrl | replace_url }}" {% if item.linkNewWindow %} target="_blank" rel="noopener"{% endif %}>
  43.                                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid slice">
  44.                                         {% if item.imageAltText %}<title>{{ item.imageAltText }}</title>{% endif %}
  45.                                         <clipPath id="projectClip{{ item.id }}">
  46. {#                                            <polygon points="0, 0, 0.97, 0, 0.83, 1.0, 0, 1.0"/>#}
  47.                                             <polygon points="0 0, 80 0, 100 30, 60 100, 0 100" />
  48.                                         </clipPath>
  49.                                         <image height="90%" width="100%" preserveAspectRatio="xMidYMid slice" clip-path="url('#projectClip{{ item.id }}')" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="{{ fullSrc }}" />
  50.                                     </svg>
  52. {#                                    <img src="{{ glideUrl('webimages', img.url) }}{{ cropString }}" {% if item.imageAltText %}alt="{{ item.imageAltText }}"{% endif %} />#}
  53.                                 </a>
  54.                             {% endif %}
  56.                         </div>
  58.                         <div class="project-box__text">
  60.                             <div class="project-name">
  61.                                 <a href="{{ item.linkUrl | replace_url }}" {% if item.linkNewWindow %} target="_blank" rel="noopener"{% endif %}>
  62.                                     {{ item.name }}
  63.                                 </a>
  64.                             </div>
  66.                         </div>
  68.                     </div>
  70.                 </div>
  72.             {% endfor %}
  74.         </div>
  76.     </section>
  78. {% endif %}