templates/front/blog/notes.html.twig line 257

  1. {% extends 'layout/base.html.twig' %}
  3. {% set additionalTitle =  '' %}
  4.     {% if (app.request.get('_route') == "base_front_blog_notesincategory") %}
  5.         {% set additionalTitle = '- kategoria ' ~ category.name|lower %}
  6.     {% elseif  (app.request.get('_route') == "base_front_blog_noteslistwithkeyword") %}
  7.         {% set additionalTitle = '- tag - ' ~ keyword|lower %}
  8.     {% endif %}
  10. {% block title %}
  11.     Adopciaki.pl - Blog {% if additionalTitle is not empty %}{{ additionalTitle }}{% endif %}
  12. {% endblock %}
  14. {% block content %}
  15.     <div class="container-fluid main-section">
  16.         <div class="row py-5 d-none d-lg-block"></div>
  17.         <div class="row d-flex justify-content-center">
  18.             <div class="col-12 col-md-10">
  19.                 <div class="row d-flex align-items-start align-items-md-center">
  20.                     <div class="col-12 col-md-3 cat-block">
  21.                         <img class="img-fluid float-right" src="{{ asset('build/img/newLayout/blog/cat_header.jpg') }}"/>
  22.                     </div>
  23.                     <div class="col-12 col-md-6 text-block">
  24.                         <h1>Blog <span class="display__icon"></span></h1>
  25.                         <hr class="line">
  26.                         <p class="desc font-weight-bold">
  27.                             Chcemy Cię wspierać na każdym kroku adopcji. Z myślą o tym przygotowaliśmy miejsce, w którym znajdziesz praktyczne i rzetelne informacje o zwierzaku, o jego adaptacji w nowej rodzinie oraz o zdrowiu czy pielęgnacji.
  28.                         </p>
  29.                         <p class="desc font-weight-light">
  30.                             Dla ułatwienia stworzyliśmy kilka głownych kategorii według, których możesz poszukiwać interesujących ciebie tematów.
  31.                         </p>
  33.                         <div class="btns">
  34.                             <a class="btn btn-primary" href="{{ path('base_front_blog_popular')}}">najpopularniejsze</a>
  35.                             <a class="btn btn-secondary" href="{{ path('base_front_blog_notes')}}">najnowsze</a>
  36.                         </div>
  37.                     </div>
  38.                     <div class="col-12 col-md-5 dog-block">
  39.                         <img src="{{ asset('build/img/newLayout/blog/dog_header.jpg') }}"/>
  40.                     </div>
  41.                 </div>
  42.             </div>
  43.         </div>
  44.     </div>
  46.     <div class="container blog-categories">
  47.         <div class="row">
  48.             <div class="col-12 no-padding-xs">
  49.                 <div class="container no-padding-xs">
  50.                     <div class="row">
  51.                         <a href="{{ path('base_front_blog_notesincategory', {id: 2, slug:'aktualnosci'}) }}" class="col-xs-4 col-md-2 col-sm-4 blog-categories-item">
  52.                             <div class="blog-categories-icon blog-categories-icon-health svg-icon">
  53.                                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58.75 43.32">
  54.                                     <path class="white"
  55.                                           d="M30.57,29.82A18.66,18.66,0,0,0,30.25,22L32,21.46a.6.6,0,0,0-.32-1.16l-1.77.49a18.19,18.19,0,0,0-3.2-6.42c-1.61-1.94-3.37-2.8-5-2.4-1.36.34-2.36,1.54-3,3.29h0l-.6,1.67a4.05,4.05,0,0,1-2.54,2.52L4.2,23.29a5.76,5.76,0,0,0,1.57,11.3c.18,0,.36,0,.54,0L11,43a.6.6,0,0,0,.52.31l.17,0,6.13-1.86a.6.6,0,0,0,.32-.91A62.11,62.11,0,0,1,14.83,35a8.15,8.15,0,0,1-.14-2.45l.61-.15.42-.09v0l3.13-.78a4.07,4.07,0,0,1,3.37.65L24,33.46h0a4.41,4.41,0,0,0,2.5.9,3.17,3.17,0,0,0,.77-.09C28.89,33.87,30.05,32.29,30.57,29.82ZM20,24.23c-.15-.62-.28-1.24-.37-1.85a2.55,2.55,0,0,1,1.38,4.92A21.19,21.19,0,0,1,20,24.23ZM1.37,30.07a4.59,4.59,0,0,1,3.18-5.63l4.54-1.52A6,6,0,0,0,11.75,32L7,33.22A4.58,4.58,0,0,1,1.37,30.07Zm12.31,5.25a.58.58,0,0,0,.06.15c.91,1.72,1.91,3.42,3,5L11.81,42,7.54,34.32l5.92-1.48A9.35,9.35,0,0,0,13.67,35.32Zm4.88-5-3.39.85a4.89,4.89,0,0,1-2.41-9.48h0l3.31-1.1a5.26,5.26,0,0,0,2.17-1.4,21.26,21.26,0,0,0,.65,5.33,20.44,20.44,0,0,0,2.41,5.87A5.27,5.27,0,0,0,18.55,30.33ZM27,33.1a2.82,2.82,0,0,1-2.28-.6h0l-.28-.21a11.62,11.62,0,0,1-2.89-3.9,3.74,3.74,0,0,0-2-7.19,14.08,14.08,0,0,1,.41-5.46l0-.06h0a3.42,3.42,0,0,1,2.12-2.53,2,2,0,0,1,.47-.06,4.74,4.74,0,0,1,3.28,2.06,17,17,0,0,1,3,6l-2.56.71A.6.6,0,0,0,26.39,23l.16,0,2.54-.7a17.44,17.44,0,0,1,.3,7.29C29,31.54,28.12,32.83,27,33.1Z"/>
  56.                                     <path class="white"
  57.                                           d="M29.9,34.76a.6.6,0,1,0-.85.85l2.74,2.73a.6.6,0,0,0,.85-.85Z"/>
  58.                                     <path class="white" d="M38.31,26.91H32.22a.6.6,0,1,0,0,1.2h6.09a.6.6,0,0,0,0-1.2Z"/>
  59.                                     <path class="white"
  60.                                           d="M27.71,14.12a.6.6,0,0,0,.38-.14l4.71-3.92A.6.6,0,1,0,32,9.14l-4.71,3.92a.6.6,0,0,0,.38,1.06Z"/>
  61.                                     <path class="white"
  62.                                           d="M22,10.78a.56.56,0,0,0,.6-.55c0-.23.64-2,1.17-3.64a.6.6,0,0,0-1.14-.38,27.57,27.57,0,0,0-1.22,3.92A.64.64,0,0,0,22,10.78Z"/>
  63.                                     <path class="white"
  64.                                           d="M48.17,16.46a1.34,1.34,0,0,1-.08-.65,3.43,3.43,0,0,0-1.28-3.07A3.41,3.41,0,0,0,42,13.3a1.32,1.32,0,0,1-.51.39l-.67.28A3.42,3.42,0,0,0,42,20.55a1.4,1.4,0,0,1,.49.11h0a1.4,1.4,0,0,1,.42.26,3.43,3.43,0,0,0,5.51-3.81Zm-2.06,4A2.24,2.24,0,0,1,43.74,20a2.71,2.71,0,0,0-1.68-.7,2.22,2.22,0,0,1-.76-4.27L42,14.8A2.53,2.53,0,0,0,43,14a2.21,2.21,0,0,1,3.93,1.62,2.54,2.54,0,0,0,.16,1.24l.28.66A2.24,2.24,0,0,1,46.11,20.47Z"/>
  65.                                     <path class="white"
  66.                                           d="M48.58,11.94a1.9,1.9,0,0,0,1.13.36,2.11,2.11,0,0,0,.5-.06,2.58,2.58,0,0,0,1.92-2.6,1.93,1.93,0,0,0-.77-1.47,2,2,0,0,0-1.63-.3,2.59,2.59,0,0,0-1.92,2.6A1.94,1.94,0,0,0,48.58,11.94Zm.7-2.39A1.33,1.33,0,0,1,50,9l.22,0a.69.69,0,0,1,.42.13.76.76,0,0,1,.29.58,1.39,1.39,0,0,1-1,1.36.7.7,0,0,1-.92-.68A1.32,1.32,0,0,1,49.27,9.54Z"/>
  67.                                     <path class="white"
  68.                                           d="M53.31,14.27a2.21,2.21,0,0,0-3.08-.42h0a2.21,2.21,0,0,0-.81,3,1.92,1.92,0,0,0,1.42.84h.26a2.53,2.53,0,0,0,1.4-.43A2.21,2.21,0,0,0,53.31,14.27Zm-1.47,2a1.31,1.31,0,0,1-.86.23.75.75,0,0,1-.56-.31,1.18,1.18,0,0,1,1.89-1.25A1,1,0,0,1,51.83,16.27Z"/>
  69.                                     <path class="white"
  70.                                           d="M44.35,10.51l.3,0a2.27,2.27,0,0,0,2.12-2,2.08,2.08,0,1,0-4.06-.68h0A2.22,2.22,0,0,0,44.35,10.51Zm-.46-2.45c.1-.61.58-1.06,1-1a1,1,0,0,1,.66,1.27c-.1.61-.58,1.06-1,1A1,1,0,0,1,43.89,8.06Z"/>
  71.                                     <path class="white"
  72.                                           d="M39.88,13a1.82,1.82,0,0,0,.33,0,2.22,2.22,0,0,0,1.59-2.68,2.08,2.08,0,1,0-4,.76A2.28,2.28,0,0,0,39.88,13Zm-.3-3.45c.46-.09.94.35,1.05,1A1,1,0,0,1,40,11.8c-.45.09-.94-.35-1.05-1A1,1,0,0,1,39.57,9.56Z"/>
  73.                                     <path class="white"
  74.                                           d="M56,29.75a.87.87,0,0,1-.19-.39A2,2,0,0,0,52,29.14a.87.87,0,0,1-.24.36l-.33.29a2,2,0,0,0,1.93,3.43.88.88,0,0,1,.33,0,.91.91,0,0,1,.32.08,2,2,0,0,0,2.31-3.19Z"/>
  75.                                     <path class="white"
  76.                                           d="M51.33,27.66a1.19,1.19,0,1,0-2,1.2,1.45,1.45,0,0,0,.76.64,1.21,1.21,0,0,0,.4.07,1.06,1.06,0,0,0,.51-.15A1.27,1.27,0,0,0,51.33,27.66Z"/>
  77.                                     <path class="white"
  78.                                           d="M52.77,27.41H53a1.1,1.1,0,0,0,.76-.56A1.5,1.5,0,0,0,53.38,25a1.1,1.1,0,0,0-.91-.25,1.27,1.27,0,0,0-.91,1.54A1.31,1.31,0,0,0,52.77,27.41Z"/>
  79.                                     <path class="white"
  80.                                           d="M55.93,24.87A1.1,1.1,0,0,0,55,25a1.45,1.45,0,0,0-.59.79,1.27,1.27,0,0,0,.66,1.67l0,0a1,1,0,0,0,.31,0,1.33,1.33,0,0,0,1.22-1A1.27,1.27,0,0,0,55.93,24.87Z"/>
  81.                                     <path class="white"
  82.                                           d="M58.32,27.57a1.36,1.36,0,0,0-1.63,2.15,1.07,1.07,0,0,0,.65.21,1.41,1.41,0,0,0,1.1-.57,1.45,1.45,0,0,0,.31-.94A1.1,1.1,0,0,0,58.32,27.57Z"/>
  83.                                     <path class="white"
  84.                                           d="M52.72,5.26a.64.64,0,0,1,.2.13.66.66,0,0,1,.15.19,1.46,1.46,0,0,0,2.75-.71l0-.31a.63.63,0,0,1,.07-.3,1.45,1.45,0,0,0-2-1.89.63.63,0,0,1-.3.09h-.32a1.46,1.46,0,0,0-.5,2.8Z"/>
  85.                                     <path class="white"
  86.                                           d="M52.75,1.9a.76.76,0,0,0,.38.13.92.92,0,0,0,1-.83.92.92,0,0,0-.7-1,.92.92,0,0,0-1,.83,1,1,0,0,0,.13.7A.87.87,0,0,0,52.75,1.9Z"/>
  87.                                     <path class="white"
  88.                                           d="M55.11,1.83a.8.8,0,0,0,.68,0,1,1,0,0,0,.53-.48,1,1,0,0,0,.12-.7A.8.8,0,0,0,56,.09a.92.92,0,0,0-1.22.44A1,1,0,0,0,55,1.75Z"/>
  89.                                     <path class="white"
  90.                                           d="M56.27,2.88h0a.75.75,0,0,0,.15.17,1,1,0,0,0,1.13,0,.92.92,0,0,0,.35-1.25.79.79,0,0,0-.59-.35,1,1,0,0,0-.69.17A.92.92,0,0,0,56.27,2.88Z"/>
  91.                                     <path class="white"
  92.                                           d="M57.25,5.44a1,1,0,0,0,.6-.38A.79.79,0,0,0,58,4.39a1,1,0,0,0-1.9.45.77.77,0,0,0,.27.42A1,1,0,0,0,57.25,5.44Z"/>
  93.                                 </svg>
  94.                             </div>
  95.                             <span>Aktualności</span>
  96.                         </a>
  97.                         <a href="{{ path('base_front_blog_notesincategory', {id: 3, slug:'porady_adopcyjne'}) }}" class="col-xs-4 col-md-2 col-sm-4 blog-categories-item svg-icon">
  98.                             <div class="blog-categories-icon blog-categories-icon-care">
  99.                                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.13 33.53">
  100.                                     <path class="white" style="fill: none;stroke: #fff;"
  101.                                           d="M4.42,31.12A3.84,3.84,0,0,1,.6,27.3h0a3.84,3.84,0,0,1,3.82-3.82h20.1V.6H4.42A3.84,3.84,0,0,0,.6,4.42h0V27.3"/>
  102.                                     <path class="white" style="fill: none;stroke: #fff;"
  103.                                           d="M24.53,23.48A3.84,3.84,0,0,0,20.7,27.3h0a3.84,3.84,0,0,0,3.82,3.82H9.85"/>
  104.                                     <line class="white" style="fill: none;stroke: #fff;" x1="4.42" y1="23.48" x2="4.42"
  105.                                           y2="0.6"/>
  106.                                     <line class="white" style="fill: none;stroke: #fff;" x1="3.79" y1="27.29" x2="17.63"
  107.                                           y2="27.29"/>
  108.                                     <polygon class="white" style="fill: none;stroke: #fff;"
  109.                                              points="9.72 32.93 7.08 30.93 4.42 32.93 4.42 27.29 9.72 27.29 9.72 32.93"/>
  110.                                     <path class="red" style="fill:#fff; stroke:none;"
  111.                                           d="M14.38,12.84a1,1,0,0,0-.37.08,1.46,1.46,0,0,1-1.57-.32h0a1.55,1.55,0,0,1,0-2.15l.26-.28a1,1,0,0,0,.24-.45,1.47,1.47,0,0,1,2.84-.06,1,1,0,0,0,.26.44l.28.27a1.55,1.55,0,0,1,0,2.15h0a1.46,1.46,0,0,1-1.56.39A1,1,0,0,0,14.38,12.84Z"/>
  112.                                     <ellipse class="red" style="fill:#fff; stroke:none;" cx="15.79" cy="6.47" rx="1.1"
  113.                                              ry="0.83" transform="translate(4 18.8) rotate(-68.57)"/>
  114.                                     <ellipse class="red" style="fill:#fff; stroke:none;" cx="17.95" cy="8.53" rx="0.99"
  115.                                              ry="0.83" transform="translate(1.08 19.03) rotate(-57.33)"/>
  116.                                     <ellipse class="red" style="fill:#fff; stroke:none;" cx="12.84" cy="6.47" rx="0.83"
  117.                                              ry="1.13" transform="translate(-1.37 4.3) rotate(-18.05)"/>
  118.                                     <ellipse class="red" style="fill:#fff; stroke:none;" cx="10.74" cy="8.77" rx="0.83"
  119.                                              ry="0.99" transform="translate(-3.08 7.59) rotate(-34.36)"/>
  120.                                     <line class="white" style="fill: none;stroke: #fff;" x1="9.73" y1="16.48" x2="19.54"
  121.                                           y2="16.48"/>
  122.                                     <line class="white" style="fill: none;stroke: #fff;" x1="12.44" y1="18.73"
  123.                                           x2="16.25" y2="18.73"/>
  124.                                 </svg>
  125.                             </div>
  126.                             <span>Porady adopcyjne</span>
  127.                         </a>
  128.                         <a href="{{ path('base_front_blog_notesincategory', {id: 4, slug:'zycie_z_adopciakiem'}) }}" class="col-xs-4 col-md-2 col-sm-4 blog-categories-item svg-icon">
  129.                             <div class="blog-categories-icon blog-categories-icon-activity">
  130.                                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36.9 33.68">
  131.                                     <path class="outline-white"
  132.                                           d="M18.45,32.38S.8,22.87.6,10.06C.49,2.69,5.91.34,9.89.62c5,.35,8.57,6.72,8.57,6.72S22,1,27,.62c4-.28,9.4,2.07,9.28,9.44a16.4,16.4,0,0,1-2,7.28"/>
  133.                                     <path class="white"
  134.                                           d="M33.07,25.38a3.41,3.41,0,0,0,3.38-1.77A1.91,1.91,0,0,0,35,20.77a3.15,3.15,0,0,0-2,.33,3.24,3.24,0,0,0-1.46,1.42A1.91,1.91,0,0,0,33,25.37Z"/>
  135.                                     <path class="white"
  136.                                           d="M36.56,28.23a2.4,2.4,0,0,0-3.05-1.44A2.76,2.76,0,0,0,32,27.87a2.05,2.05,0,0,0-.32,1.73,2.2,2.2,0,0,0,1.87,1.52A2.86,2.86,0,0,0,34.69,31,2.77,2.77,0,0,0,36.24,30,2.06,2.06,0,0,0,36.56,28.23Z"/>
  137.                                     <path class="white"
  138.                                           d="M28.2,21.89a1.75,1.75,0,0,0,.46.13,2.11,2.11,0,0,0,1.36-.3,3.36,3.36,0,0,0,1.35-1.57c.63-1.45.24-3-.87-3.51a2,2,0,0,0-1.82.17,3.36,3.36,0,0,0-1.35,1.57C26.7,19.82,27.09,21.4,28.2,21.89Z"/>
  139.                                     <path class="white"
  140.                                           d="M23.05,22.41h0a2.4,2.4,0,0,0,2.52-2.25,2.77,2.77,0,0,0-.39-1.85,2.08,2.08,0,0,0-1.47-1,2.05,2.05,0,0,0-1.67.56,2.77,2.77,0,0,0-.85,1.69A2.41,2.41,0,0,0,23.05,22.41Z"/>
  141.                                     <path class="white"
  142.                                           d="M30.19,29.66l-.06-.84a1.85,1.85,0,0,1,.18-.89A3.62,3.62,0,0,0,25,23.4a1.85,1.85,0,0,1-.85.31l-.84.08a3.78,3.78,0,0,0-3.41,4,3.61,3.61,0,0,0,2.37,3.15,1.87,1.87,0,0,1,.59.34h0a1.86,1.86,0,0,1,.43.53,3.61,3.61,0,0,0,3.49,1.84A3.78,3.78,0,0,0,30.19,29.66Z"/>
  143.                                 </svg>
  144.                             </div>
  145.                             <span>Życie z adopciakiem</span>
  146.                         </a>
  147.                         <a href="{{ path('base_front_blog_notesincategory', {id: 5, slug:'zywienie_i_pielegnacja'}) }}" class="col-xs-4 col-md-2 col-sm-4 blog-categories-item svg-icon">
  148.                             <div class="blog-categories-icon blog-categories-icon-tips">
  149.                                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41.45 39.93">
  150.                                     <path class="white"
  151.                                           d="M21.85,31a2.15,2.15,0,0,0-1.36.71A2.16,2.16,0,0,0,19.14,31a2.06,2.06,0,0,0-1.54.54A2.09,2.09,0,0,0,17,33.19c0,2.42,3.1,4.09,3.23,4.16a.6.6,0,0,0,.57,0c.13-.07,3.19-1.75,3.23-4.16A2,2,0,0,0,21.85,31Zm-1.36,5.09c-.83-.52-2.29-1.7-2.31-3a.93.93,0,0,1,.24-.72.85.85,0,0,1,.57-.21h.06c.36,0,.78.55.92.79a.62.62,0,0,0,1,0c.13-.24.55-.77.92-.79a.89.89,0,0,1,.63.21.93.93,0,0,1,.24.72C22.79,34.43,21.32,35.61,20.49,36.13Z"/>
  152.                                     <path class="white"
  153.                                           d="M38.85,8.06V6.86a.6.6,0,0,0-1.2,0v1H33v-1a.6.6,0,0,0-1.2,0v1H27.15v-1a.6.6,0,0,0-1.2,0v1.2a3.73,3.73,0,0,0-2.59,3.53v4.87A3.54,3.54,0,0,0,26.89,20h2.9v3.1a91.6,91.6,0,0,0-9.47-.55V7.65h0c-.13-1-1.43-1.85-3.63-2.31V1.82c0-1.25-2-1.82-3.83-1.82S9,.57,9,1.82V5.34c-2.21.46-3.5,1.29-3.63,2.31h0V24.11c-1.18.41-2,.93-2.14,1.59l0,0L0,34.93a.6.6,0,0,0,0,.19c0,3.15,10.09,4.8,20.07,4.8s20.07-1.65,20.07-4.8a.6.6,0,0,0,0-.19L37,25.73h0c-.13-.63-.85-1.14-1.94-1.55V20h2.9a3.54,3.54,0,0,0,3.53-3.53V11.59A3.73,3.73,0,0,0,38.85,8.06ZM10.19,3.19a7.13,7.13,0,0,0,2.63.45,7.13,7.13,0,0,0,2.63-.45V6.4A4.22,4.22,0,0,1,12.83,7a4.25,4.25,0,0,1-2.63-.6Zm2.63-2a4.25,4.25,0,0,1,2.61.62,4.26,4.26,0,0,1-2.61.62,4.85,4.85,0,0,1-2.63-.57h0A3.94,3.94,0,0,1,12.83,1.2ZM9,6.56c.1,1,1.63,1.62,3.82,1.62s3.72-.65,3.82-1.62c1.83.42,2.48,1,2.48,1.26,0,.58-2.39,1.65-6.29,1.65S6.53,8.4,6.53,7.82C6.53,7.58,7.18,7,9,6.56ZM6.53,9.44a13.79,13.79,0,0,0,6.29,1.24,13.79,13.79,0,0,0,6.29-1.24V22.55c-2.4,0-8.65.23-12.59,1.21ZM20.07,38.73c-12.14,0-18.6-2.25-18.86-3.53L4,27.1c3.28,2.18,15.51,2.21,16.1,2.21s12.79,0,16.09-2.2l2.76,8.1C38.67,36.48,32.21,38.73,20.07,38.73ZM35.78,25.92c-.45.8-6,2.19-15.71,2.19S4.68,26.69,4.35,26c.33-.8,5.86-2.22,15.72-2.22S35.33,25.12,35.78,25.92Zm-2-2.12A27.05,27.05,0,0,0,31,23.25V20h2.83Zm4.1-5h-11a2.33,2.33,0,0,1-2.21-1.62,3.7,3.7,0,0,0,2.41.91H37.71a3.7,3.7,0,0,0,2.41-.91A2.33,2.33,0,0,1,37.92,18.79Zm2.33-4.45a2.54,2.54,0,0,1-2.53,2.53h-2v-1a.6.6,0,0,0-1.2,0v1H29.87v-1a.6.6,0,0,0-1.2,0v1H27.09a2.54,2.54,0,0,1-2.53-2.53V11.59a2.54,2.54,0,0,1,2.53-2.53H37.71a2.54,2.54,0,0,1,2.53,2.53v2.75Z"/>
  154.                                     <path class="white"
  155.                                           d="M29.34,9.47a.6.6,0,0,0-.6.6v1.46a.6.6,0,0,0,1.2,0V10.07A.6.6,0,0,0,29.34,9.47Z"/>
  156.                                     <path class="white"
  157.                                           d="M35.19,9.47a.6.6,0,0,0-.6.6v1.46a.6.6,0,0,0,1.2,0V10.07A.6.6,0,0,0,35.19,9.47Z"/>
  158.                                     <path class="white"
  159.                                           d="M26.48,12a.6.6,0,0,0-.6.6v1.46a.6.6,0,0,0,1.2,0V12.63A.6.6,0,0,0,26.48,12Z"/>
  160.                                     <path class="white"
  161.                                           d="M32.33,12a.6.6,0,0,0-.6.6v1.46a.6.6,0,0,0,1.2,0V12.63A.6.6,0,0,0,32.33,12Z"/>
  162.                                     <path class="white"
  163.                                           d="M38.19,12a.6.6,0,0,0-.6.6v1.46a.6.6,0,0,0,1.2,0V12.63A.6.6,0,0,0,38.19,12Z"/>
  164.                                 </svg>
  165.                             </div>
  166.                             <span>Żywienie i pielęgncja</span>
  167.                         </a>
  168.                         <a href="{{ path('base_front_blog_notesincategory', {id: 6, slug:'wychowanie_i_psychologia'}) }}" class="col-xs-4 col-md-2 col-sm-4 blog-categories-item svg-icon">
  169.                             <div class="blog-categories-icon blog-categories-icon-authors">
  170.                                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.46 32.82">
  171.                                     <path class="outline-white"
  172.                                           d="M28,13.05S29,11,28.26,9.6a2.71,2.71,0,0,0-4.14-.82c-1.67,1.14-1.55,2.73-1.83,4.6L8.77,22.29C6.91,21.78,5.4,21,3.63,22.11a2.71,2.71,0,0,0-.88,4.12c1,1.26,3.29,1.1,3.29,1.1S5,29.4,5.75,30.79a2.71,2.71,0,0,0,4.14.82c1.71-1.17,1.58-2.84,1.85-4.73l13.37-8.81c1.88.53,3.46,1.37,5.27.22a2.71,2.71,0,0,0,.88-4.12C30.29,12.89,28,13.05,28,13.05Z"/>
  173.                                     <circle class="outline-white" cx="7.6" cy="7.6" r="7"
  174.                                             transform="translate(-0.02 0.02) rotate(-0.17)"/>
  175.                                     <path class="outline-white" d="M12.09,2.32a7,7,0,0,0,0,10.54"/>
  176.                                     <path class="outline-white" d="M3,2.34A7,7,0,0,1,5.45,7.6a7,7,0,0,1-2.39,5.28"/>
  177.                                 </svg>
  178.                             </div>
  179.                             <span>Wychowanie i psychologia</span>
  180.                         </a>
  181.                         <a href="{{ path('base_front_blog_notesincategory', {id: 7, slug:'zdrowie'}) }}" class="col-xs-4 col-md-2 col-sm-4 blog-categories-item">
  182.                             <div class="blog-categories-icon blog-categories-icon-lifestyle svg-icon">
  183.                                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29.08 31.53">
  184.                                     <path class="outline-white"
  185.                                           d="M4.81,16.81A1.89,1.89,0,0,1,6.71,15h0a2,2,0,0,1,2,2v4.12l2.71,3a4.09,4.09,0,0,1,1,2.73V30.2a.74.74,0,0,1-.74.74H6.35a.74.74,0,0,1-.74-.74V28.81A2.54,2.54,0,0,0,4.86,27L1,23.13a1.24,1.24,0,0,1-.37-.88V10.83A1.93,1.93,0,0,1,2.53,8.9h0a2.28,2.28,0,0,1,2.28,2.28V21.59"/>
  186.                                     <path class="outline-white"
  187.                                           d="M24.26,16.81A1.89,1.89,0,0,0,22.37,15h0a2,2,0,0,0-2,2v4.12l-2.71,3a4.09,4.09,0,0,0-1,2.73V30.2a.74.74,0,0,0,.74.74h5.36a.74.74,0,0,0,.74-.74V28.81a2.54,2.54,0,0,1,.75-1.8l3.9-3.88a1.24,1.24,0,0,0,.37-.88V10.83A1.93,1.93,0,0,0,26.54,8.9h0a2.28,2.28,0,0,0-2.28,2.28V21.59"/>
  188.                                     <path class="outline-white"
  189.                                           d="M14.61,13.11S7.62,9.43,7.5,4.4A3.35,3.35,0,0,1,11.13.66c2,.12,3.4,2.61,3.4,2.61S15.93.76,17.89.61a3.35,3.35,0,0,1,3.69,3.68C21.54,9.32,14.61,13.11,14.61,13.11Z"/>
  190.                                 </svg>
  191.                             </div>
  192.                             <span>Zdrowie</span>
  193.                         </a>
  194.                         <a href="{{ path('base_front_blog_notesincategory', {id: 7, slug:'zdrowie'}) }}" class="col-xs-4 col-md-2 col-sm-4 blog-categories-item">
  195.                             <div class="blog-categories-icon blog-categories-icon-lifestyle svg-icon">
  196.                                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29.08 31.53">
  197.                                     <path class="outline-white"
  198.                                           d="M4.81,16.81A1.89,1.89,0,0,1,6.71,15h0a2,2,0,0,1,2,2v4.12l2.71,3a4.09,4.09,0,0,1,1,2.73V30.2a.74.74,0,0,1-.74.74H6.35a.74.74,0,0,1-.74-.74V28.81A2.54,2.54,0,0,0,4.86,27L1,23.13a1.24,1.24,0,0,1-.37-.88V10.83A1.93,1.93,0,0,1,2.53,8.9h0a2.28,2.28,0,0,1,2.28,2.28V21.59"/>
  199.                                     <path class="outline-white"
  200.                                           d="M24.26,16.81A1.89,1.89,0,0,0,22.37,15h0a2,2,0,0,0-2,2v4.12l-2.71,3a4.09,4.09,0,0,0-1,2.73V30.2a.74.74,0,0,0,.74.74h5.36a.74.74,0,0,0,.74-.74V28.81a2.54,2.54,0,0,1,.75-1.8l3.9-3.88a1.24,1.24,0,0,0,.37-.88V10.83A1.93,1.93,0,0,0,26.54,8.9h0a2.28,2.28,0,0,0-2.28,2.28V21.59"/>
  201.                                     <path class="outline-white"
  202.                                           d="M14.61,13.11S7.62,9.43,7.5,4.4A3.35,3.35,0,0,1,11.13.66c2,.12,3.4,2.61,3.4,2.61S15.93.76,17.89.61a3.35,3.35,0,0,1,3.69,3.68C21.54,9.32,14.61,13.11,14.61,13.11Z"/>
  203.                                 </svg>
  204.                             </div>
  205.                             <span>Zdrowie</span>
  206.                         </a>
  207.                         <a href="{{ path('base_front_blog_notesincategory', {id: 7, slug:'zdrowie'}) }}" class="col-xs-4 col-md-2 col-sm-4 blog-categories-item">
  208.                             <div class="blog-categories-icon blog-categories-icon-lifestyle svg-icon">
  209.                                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29.08 31.53">
  210.                                     <path class="outline-white"
  211.                                           d="M4.81,16.81A1.89,1.89,0,0,1,6.71,15h0a2,2,0,0,1,2,2v4.12l2.71,3a4.09,4.09,0,0,1,1,2.73V30.2a.74.74,0,0,1-.74.74H6.35a.74.74,0,0,1-.74-.74V28.81A2.54,2.54,0,0,0,4.86,27L1,23.13a1.24,1.24,0,0,1-.37-.88V10.83A1.93,1.93,0,0,1,2.53,8.9h0a2.28,2.28,0,0,1,2.28,2.28V21.59"/>
  212.                                     <path class="outline-white"
  213.                                           d="M24.26,16.81A1.89,1.89,0,0,0,22.37,15h0a2,2,0,0,0-2,2v4.12l-2.71,3a4.09,4.09,0,0,0-1,2.73V30.2a.74.74,0,0,0,.74.74h5.36a.74.74,0,0,0,.74-.74V28.81a2.54,2.54,0,0,1,.75-1.8l3.9-3.88a1.24,1.24,0,0,0,.37-.88V10.83A1.93,1.93,0,0,0,26.54,8.9h0a2.28,2.28,0,0,0-2.28,2.28V21.59"/>
  214.                                     <path class="outline-white"
  215.                                           d="M14.61,13.11S7.62,9.43,7.5,4.4A3.35,3.35,0,0,1,11.13.66c2,.12,3.4,2.61,3.4,2.61S15.93.76,17.89.61a3.35,3.35,0,0,1,3.69,3.68C21.54,9.32,14.61,13.11,14.61,13.11Z"/>
  216.                                 </svg>
  217.                             </div>
  218.                             <span>Zdrowie</span>
  219.                         </a>
  220.                     </div>
  221.                 </div>
  222.             </div>
  223.         </div>
  224.     </div>
  226.     {#    <div class="container blog-active-authors">#}
  227.     {#        <div class="row">#}
  228.     {#            <div class="col-xs-12 col-md-3 author-header">#}
  229.     {#                <div class="author-icon svg-icon">#}
  230.     {#                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.29 33.18">#}
  231.     {#                        <path class="red"#}
  232.     {#                              d="M36.69,30.37H17.63V27.49l8,0h0a.6.6,0,0,0,0-1.2l-16.82-.1h0a.6.6,0,0,0,0,1.2h2.35v2.92H8.85a3.43,3.43,0,0,1,0-6.87H36.69a.6.6,0,1,0,0-1.2H4.63a3.43,3.43,0,0,1,0-6.87H30.69a2,2,0,0,0,.7-3.91V4.06A2.16,2.16,0,1,0,29.12,4a4.3,4.3,0,0,1-4.2,3.5A4.7,4.7,0,0,1,20.48,4a2.17,2.17,0,1,0-2.35,0A4.7,4.7,0,0,1,13.7,7.47,4.3,4.3,0,0,1,9.5,4,2.17,2.17,0,1,0,7.23,4v7.52a2,2,0,0,0-1.14,2.71H4.63a4.63,4.63,0,1,0,0,9.27H5.76a4.62,4.62,0,0,0,3.08,8.07h2.29v1a.6.6,0,0,0,1,.48l2.29-1.73,2.29,1.73a.6.6,0,0,0,1-.48v-1H36.69a.6.6,0,1,0,0-1.2ZM30.34,1.2a1,1,0,1,1-1,1A1,1,0,0,1,30.34,1.2Zm-11,0a1,1,0,1,1-1,1A1,1,0,0,1,19.31,1.2ZM13.7,8.67a5.89,5.89,0,0,0,5.6-4.33h0a5.89,5.89,0,0,0,5.61,4.33,5.52,5.52,0,0,0,5.27-3.94V11.4H8.43V4.75A5.52,5.52,0,0,0,13.7,8.67ZM8.38,1.2a1,1,0,1,1-1,1A1,1,0,0,1,8.38,1.2ZM7.11,13.41a.82.82,0,0,1,.82-.82H30.69a.82.82,0,0,1,0,1.64H7.93A.82.82,0,0,1,7.11,13.41Zm9.32,18L14.74,30.1a.6.6,0,0,0-.72,0l-1.69,1.27V27.54h4.1Z"/>#}
  233.     {#                        <path class="red" d="M4.86,18.27a.6.6,0,1,0,0,1.2H7.68a.6.6,0,1,0,0-1.2Z"/>#}
  234.     {#                        <path class="red" d="M10.73,18.27a.6.6,0,1,0,0,1.2H26.55a.6.6,0,1,0,0-1.2Z"/>#}
  235.     {#                        <path class="red" d="M29,26.32h0a.6.6,0,0,0,0,1.2h5.67a.6.6,0,0,0,0-1.2Z"/>#}
  236.     {#                    </svg>#}
  237.     {#                </div>#}
  238.     {#                <span class="author-title">aktywni autorzy:</span>#}
  239.     {#            </div>#}
  240.     {#            {% for author in bestAuthors %}#}
  241.     {#                <div class="col-xs-12 col-sm-4 col-md-3 text-center">#}
  242.     {#                    <a class="author"#}
  243.     {#                       href="{{ path('base_front_blog_notes', {'id':author.author.id, 'firstName':author.author.firstName, 'lastName':author.author.lastName}) }}"#}
  244.     {#                       target="_self">#}
  245.     {#                        <span class="author-photo"#}
  246.     {#                              style="background-image:url('{{ path('base_file_index', {'id':author.author.picture.id}) }}');"></span>#}
  247.     {#                        <span class="author-name">{{ author.author.firstName }} {{ author.author.lastName }}</span>#}
  248.     {#                    </a>#}
  249.     {#                </div>#}
  250.     {#            {% endfor %}#}
  251.     {#        </div>#}
  252.     {#    </div>#}
  254.     <div class="container posts">
  255.         <div class="row">
  256.             {% for blogNote in blogNotes %}
  257.                 {% if blogNote.category.type != 'adoptiveBlog' and blogNote.category.type != 'testBlog'  %}
  258.                     {% set postLink = path('base_front_blog_notesingle', {id: blogNote.id}) %}
  259.                     {% set postDate = blogNote.publishedDate|date("d.m.Y") %}
  261.                     {% if blogNote.featuredImage %}
  262.                         {% set postImage = asset(animalImage(blogNote.featuredImage.path))  | imagine_filter('animal_listing_thumb')  %}
  263.                     {% else %}
  264.                         {% set postImage = 'build/img/blog/no-cover.png' %}
  265.                     {% endif %}
  267.                     {% set postTitle = blogNote.title|replace({'<br/>': ''}) %}
  269.                     {% set postDescription = blogNote.shortDescription|slice(0,265) %}
  270.                     {% set postDescriptionMobile = blogNote.shortDescription|slice(0,225) %}
  272.                     {% set categoryType = blogNote.category.type %}
  273.                     {% set categoryName = blogNote.category.name %}
  274.                     {% set categoryLink = path('base_front_blog_notesincategory', {id: blogNote.category.id, slug:blogNote.category.slug}) %}
  276.                     {% if blogNote.pageViews is null %}
  277.                         {% set postPopular = 0 %}
  278.                     {% else %}
  279.                         {% set postPopular = blogNote.pageViews %}
  280.                     {% endif %}
  282.                     <div class="col-xs-12 col-md-6 post-element category-{{ categoryType }}"
  283.                          data-date="{{ blogNote.publishedDate|date("d.m.Y") }}"
  284.                          data-popular="{{ postPopular }}"
  285.                          style="display: inline-block;"
  286.                     >
  287.                         <div class="post">
  288.                             <div class="image-block">
  289.                                 <a class="post-cover" href="{{ postLink }}">
  290.                                     <img src="{{ postImage }}"/>
  291.                                 </a>
  292.                             </div>
  294.                             <div class="desc-block">
  295.                                 <div class="main-block">
  296.                                     <div class="options">
  297.                                         <a href="{{ categoryLink }}" class="category">{{ categoryName }}</a>
  298.                                         <span class="date">{{ postDate }}</span>
  299.                                     </div>
  301.                                     <a class="title" href="{{ postLink }}">{{ postTitle }}</a>
  303.                                     <p class="d-block d-md-none">{{ postDescriptionMobile }}</p>
  304.                                     <p class="d-none d-md-block">{{ postDescription }}</p>
  305.                                 </div>
  307.                                 <a class="btn btn-primary" href="{{ postLink }}">czytaj dalej</a>
  308.                             </div>
  309.                         </div>
  310.                     </div>
  311.                 {% endif %}
  312.             {% endfor %}
  313.         </div>
  314.     </div>
  316. {% endblock %}
  318. {% block additional_javascript %}
  319.     {{ parent() }}
  321.     <script>
  322.         $(document).ready(function () {
  323.             var contentPlacement = $('#navbar').position().top + $('#navbar').height();
  324.             var minWidth = 992;
  326.             if ($(window).width() > minWidth) {
  327.                 $('.blog-categories').scrollToFixed({
  328.                     marginTop: contentPlacement,
  329.                     minWidth: minWidth,
  330.                     preFixed: function () {
  331.                         $('.blog-categories').addClass('blog-categories-small');
  332.                     },
  333.                     preUnfixed: function () {
  334.                         $('.blog-categories').removeClass('blog-categories-small');
  335.                     }
  336.                 });
  337.             }
  338.         });
  339.     </script>
  340. {% endblock %}