templates/includes/news.html.twig line 1

Open in your IDE?
  1. {#
  2. <div class="news">
  3.     <div class="row">
  4.         {% for item in items %}
  5.             <div class="col-3">
  6.                 {% if item.image1 %}
  7.                     <img src="{{ item.getImage1().getThumbnail("default") }}" alt="preview_image">
  8.                 {% else %}
  9.                     <img src="/img/logo.svg" alt="preview_image">
  10.                 {% endif %}
  11.             </div>
  12.             <div class="col-9">
  13.                 {{ item.getDate()|date("d.m.Y") }}<br>
  14.                 <b>{{ item.title }}</b><br>
  15.                 {{ item.text|striptags|length > 50 ? item.text|striptags|slice(0, 50) ~ '...' : item.text|striptags }}<br>
  16.                 <a href="news/{{ item.getO_Key() }}" class="btn-default btn-sm btn mt-3">Mehr ยป</a>
  17.             </div>
  18.             {% if not loop.last %}
  19.                 <div class="col-12 mt-5 p-2"></div>
  20.             {% endif %}
  21.         {% endfor %}
  22.     </div>
  23. </div>
  24. #}
  26. <section class="kachel-grid">
  27.     <div class="container-fluid">
  28.         <div class="row">
  30.             {% for item in items %}
  31.             <div class="col-12 col-sm-6 col-md-3 mb-30">
  34.                 <a href="news/{{ item.getO_Key() }}">
  36.                     <div class="kachel">
  38.                         <div class="text-overlay">
  40.                             <h3>{{ item.title|formatLINEtoItalic|nbspToSpace|raw }}</h3>
  41.                             <p>{{ item.text|striptags|nbspToSpace|length > 200 ? item.text|striptags|nbspToSpace|slice(0, 200)|raw ~ '...' : item.text|striptags|nbspToSpace }}</p>
  43.                         </div>
  45.                         <div class="image smaller">
  47.                             {% if item.image1 %}
  48.                                 <img src="{{ item.getImage1().getThumbnail("default") }}" alt="preview_image">
  49.                             {% else %}
  50.                                 <img src="/img/logo.svg" alt="preview_image">
  51.                             {% endif %}
  53.                         </div>
  55.                         <div class="content news">
  56.                             <h3 style="min-height: 45px;">{{ item.title|formatLINEtoItalic|striptags|nbspToSpace|length > 65 ? item.title|formatLINEtoItalic|striptags|nbspToSpace|slice(0, 65) ~ '...' : item.title|formatLINEtoItalic|striptags|nbspToSpace }}</h3>
  57.                             <p class="m-0">{{ item.getDate()|date("d.m.Y") }}</p>
  58.                         </div>
  59.                     </div>
  61.                 </a>
  63.             </div>
  64.             {% endfor %}
  65.         </div>
  66.     </div>
  67. </section>