templates/application/blog/item.html.twig line 1

Open in your IDE?
  1. {% extends 'application/layout.html.twig' %}
  3. {% block content %}
  4.     <main class="main">
  5.         <div class="breadcrumb">
  6.             <div class="container">
  7.                 <ol class="breadcrumb__list">
  8.                     <li class="breadcrumb__item"><a href="{{ path('home') }}" class="breadcrumb__link">Главная</a></li>
  9.                     <li class="breadcrumb__item"><a href="{{ path('blog') }}" class="breadcrumb__link">Статьи</a></li>
  10.                     <li class="breadcrumb__item active" aria-current="page">{{ item.name(app.request.locale) }}</li>
  11.                 </ol>
  12.             </div>
  13.         </div>
  15.         <div class="page">
  16.             <div class="container">
  17.                 <div class="article">
  18.                     <div class="article__header">
  19.                         <h1 class="text--center">{{ item.name(app.request.locale) }}</h1>
  20.                     </div>
  22.                     {% if item.images|length %}
  23.                         <div class="article__promo swiper a-carousel-single">
  24.                             <div class="swiper-wrapper">
  25.                                 {% for image in item.images %}
  26.                                     <div class="swiper-slide">
  27.                                         {{ include('application/partial/picture.html.twig', {image: image, width: 985, height: 566}) }}
  28.                                     </div>
  29.                                 {% endfor %}
  30.                             </div>
  31.                             <div class="btn-prev" id="promoPrev"><svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.854 12.867a.536.536 0 0 1-.708 0l-5-4.546a.426.426 0 0 1 0-.642l5-4.546a.536.536 0 0 1 .708 0 .426.426 0 0 1 0 .643L6.207 8l4.647 4.224a.426.426 0 0 1 0 .643z"/></svg></div>
  32.                             <div class="btn-next" id="promoNext"><svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"/></svg></div>
  33.                             <div class="swiper-pagination"></div>
  34.                         </div>
  35.                     {% endif %}
  37.                     <div class="article__content">
  38.                         {% if item.url == 'uchastie-v-vystavke-mosbuild-2024' %}
  39.                             <div class="video"><iframe width="800" height="600" src="https://cosca-decor-2024.vrealspace.pro/" frameborder="0" allowfullscreen allow='vr'></iframe></div>
  40.                         {% endif %}
  42.                         {{ include('application/partial/blocks.html.twig', {blocks: item.blocks}) }}
  44.                     </div>
  46.                     {% if item.tags|length %}
  47.                         <div class="article__tag tag">
  48.                             <ul class="tag__list">
  49.                                 {% for tag in item.tags %}
  50.                                     <li class="tag__item">
  51.                                         <a href="{{ path('blog', {tag: tag.url}) }}" class="tag__link">
  52.                                             <span class="tag__text">{{ tag.name(app.request.locale) }}</span>
  53.                                         </a>
  54.                                     </li>
  55.                                 {% endfor %}
  56.                             </ul>
  57.                         </div>
  58.                     {% endif %}
  60.                     <div class="article__footer">
  61.                         <a href="{{ path('blog') }}" class="btn btn--outline">
  62.                                 <span class="btn__icon">
  63.                                     <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.854 12.867a.536.536 0 0 1-.708 0l-5-4.546a.426.426 0 0 1 0-.642l5-4.546a.536.536 0 0 1 .708 0 .426.426 0 0 1 0 .643L6.207 8l4.647 4.224a.426.426 0 0 1 0 .643z"/></svg>
  64.                                 </span>
  65.                             <span class="btn__text">Назад к списку</span>
  66.                         </a>
  67.                         <ul class="share">
  68.                             <li class="share__title">Поделиться:</li>
  69.                             <li class="share__item">
  70.                                 <script src="https://yastatic.net/share2/share.js"></script>
  71.                                 <div class="ya-share2" data-curtain data-shape="round" data-color-scheme="whiteblack" data-services="vkontakte,telegram,whatsapp,lj"></div>
  72.                             </li>
  73.                             {#
  74.                             <li class="share__item">
  75.                                 <a href="#" class="share__link">
  76.                                     <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.031 17.327c-.295-.36-.21-.52 0-.842.004-.004 2.445-3.256 2.696-4.359h.002c.125-.402 0-.697-.605-.697h-1.999c-.509 0-.744.253-.87.537 0 0-1.017 2.35-2.457 3.872-.465.44-.68.581-.934.581-.125 0-.319-.14-.319-.543v-3.75c0-.482-.143-.697-.564-.697h-3.144c-.319 0-.508.224-.508.434 0 .457.72.562.794 1.847v2.79c0 .611-.115.724-.37.724-.68 0-2.33-2.36-3.307-5.06-.197-.523-.39-.735-.903-.735h-2c-.57 0-.686.254-.686.537 0 .501.68 2.993 3.16 6.284 1.654 2.247 3.983 3.464 6.1 3.464 1.274 0 1.43-.27 1.43-.735 0-2.147-.116-2.35.522-2.35.296 0 .805.141 1.994 1.225 1.358 1.285 1.581 1.86 2.342 1.86h1.999c.57 0 .859-.27.692-.804-.38-1.122-2.949-3.43-3.065-3.583z"/></svg>
  77.                                 </a>
  78.                             </li>
  79.                             <li class="share__item">
  80.                                 <a href="#" class="share__link">
  81.                                     <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.582 7.015c.002.275.085 4.243 4.416 4.49L24 14.571c-.328.018-2.852-.158-4.422-1.505l-.005 5.97c.06 4.142-3.112 6.663-7.257 5.792-7.147-2.055-4.772-12.247 2.405-11.156 0 3.29.002-.001.002 3.29-2.965-.42-3.957 1.952-3.17 3.65.718 1.546 3.67 1.88 4.7-.3.116-.427.174-.914.174-1.46V7l3.155.015z"/></svg>
  82.                                 </a>
  83.                             </li>
  84.                             <li class="share__item">
  85.                                 <a href="#" class="share__link">
  86.                                     <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.134 25.143h3.224V16.8h2.695l.408-3.246h-3.103v-2.08c0-.937.253-1.577 1.551-1.577h1.662V6.983a22.861 22.861 0 0 0-2.41-.126c-2.398 0-4.027 1.52-4.027 4.297v2.4h-2.706V16.8h2.706v8.343z"/></svg>
  87.                                 </a>
  88.                             </li>
  89.                             <li class="share__item">
  90.                                 <a href="#" class="share__link">
  91.                                     <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.539 9.274s1.586-.643 1.453.919c-.044.643-.44 2.894-.748 5.328l-1.058 7.212s-.088 1.057-.88 1.24c-.794.184-1.983-.643-2.203-.826-.176-.138-3.304-2.205-4.405-3.216-.309-.276-.661-.827.044-1.47l4.625-4.593c.529-.552 1.057-1.838-1.145-.276l-6.167 4.364s-.705.46-2.027.046l-2.863-.919s-1.057-.689.749-1.378c4.405-2.159 9.823-4.364 14.625-6.431z"/></svg>
  92.                                 </a>
  93.                             </li>
  94.                             <li class="share__item">
  95.                                 <a href="#" class="share__link">
  96.                                     <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.097 12.233c-.043-.971-.2-1.64-.425-2.218a4.463 4.463 0 0 0-1.058-1.622 4.5 4.5 0 0 0-1.619-1.054c-.582-.225-1.246-.382-2.218-.425-.98-.046-1.29-.057-3.773-.057s-2.794.01-3.77.054c-.971.043-1.64.2-2.218.425a4.462 4.462 0 0 0-1.622 1.057 4.502 4.502 0 0 0-1.054 1.618c-.225.583-.383 1.247-.425 2.219-.047.979-.058 1.29-.058 3.772 0 2.483.011 2.793.054 3.768.043.972.2 1.64.425 2.219a4.51 4.51 0 0 0 1.058 1.621 4.502 4.502 0 0 0 1.618 1.054c.583.225 1.247.383 2.219.425.975.043 1.286.054 3.77.054 2.482 0 2.793-.01 3.769-.054.971-.042 1.64-.2 2.218-.425a4.677 4.677 0 0 0 2.676-2.675c.225-.582.383-1.247.425-2.219.043-.975.054-1.285.054-3.768 0-2.483-.003-2.793-.046-3.769zM23.45 19.7c-.04.893-.19 1.375-.315 1.697a3.033 3.033 0 0 1-1.736 1.736c-.322.125-.808.275-1.697.314-.965.043-1.254.054-3.695.054-2.44 0-2.733-.01-3.694-.054-.893-.04-1.375-.19-1.697-.314a2.814 2.814 0 0 1-1.05-.682 2.844 2.844 0 0 1-.683-1.05c-.125-.322-.275-.808-.314-1.697-.043-.965-.054-1.254-.054-3.694s.01-2.733.054-3.694c.04-.893.19-1.375.314-1.696a2.78 2.78 0 0 1 .686-1.05 2.84 2.84 0 0 1 1.05-.683c.322-.125.808-.275 1.698-.314.964-.043 1.254-.054 3.694-.054 2.444 0 2.733.011 3.694.054.894.04 1.376.19 1.697.314.397.147.758.379 1.05.682.304.297.537.654.683 1.05.125.322.275.808.315 1.697.043.965.053 1.254.053 3.694s-.01 2.726-.053 3.69z" fill="#222F59"/><path d="M16.004 11.305a4.7 4.7 0 0 0-4.698 4.697 4.7 4.7 0 0 0 9.396 0 4.699 4.699 0 0 0-4.698-4.697zm0 7.744a3.048 3.048 0 1 1 0-6.096 3.048 3.048 0 0 1 0 6.096zM21.985 11.119a1.097 1.097 0 1 1-2.194 0 1.097 1.097 0 0 1 2.194 0z"/></svg>
  97.                                 </a>
  98.                             </li>
  99.                             #}
  100.                         </ul>
  101.                     </div>
  102.                 </div>
  103.             </div>
  104.         </div>
  106.     </main>
  107. {% endblock %}