templates/web/blog.html.twig line 1

Open in your IDE?
  1. {% extends 'web/base.html.twig' %}
  3. {% block title %}Novosti i savjeti – 2sweet | Blog o slasticama i vjenčanjima{% endblock %}
  5. {% block seo %}
  6. <meta name="description" content="Savjeti o odabiru svadbene torte, inspirativne priče s vjenčanja i novosti iz slastičarskog svijeta. Blog slastičarnice 2sweet iz Zagreba.">
  7. <meta property="og:title" content="Novosti i savjeti – 2sweet Blog">
  8. <meta property="og:description" content="Savjeti o odabiru svadbene torte, inspirativne priče s vjenčanja i novosti iz slastičarskog svijeta.">
  9. <meta property="og:type" content="blog">
  10. {% endblock %}
  12. {% block body %}
  14.     {{ include('web/components/inner/breadcrumb.html.twig') }}
  16.     <div class="bgWhite">
  17.         <div class="container">
  18.             <div class="emptySpace100 emptySpace-xs60"></div>
  20.             {% if articles.totalItemCount == 0 %}
  21.                 <div class="text-center" style="padding: 60px 0;">
  22.                     <h3 class="h4" style="color:#b85b63;">Uskoro dolaze slatki sadržaji!</h3>
  23.                     <p class="normall" style="color:#888; margin-top:15px;">Pratite nas za novosti, savjete i inspiraciju.</p>
  24.                 </div>
  25.             {% else %}
  26.                 <div class="row">
  27.                     {% for article in articles %}
  28.                         <div class="col-md-6 col-lg-4" style="margin-bottom:40px;">
  29.                             <div style="border:1px solid #f3d9d2; border-radius:8px; overflow:hidden;">
  30.                                 {% if article.image %}
  31.                                     <img src="{{ asset('uploads/articles/' ~ article.image) }}"
  32.                                          alt="{{ article.title }}"
  33.                                          style="width:100%; height:200px; object-fit:cover;">
  34.                                 {% else %}
  35.                                     <div style="width:100%; height:160px; background:linear-gradient(135deg,#f9e8e5,#faf3f0); display:flex; align-items:center; justify-content:center;">
  36.                                         <span style="font-size:48px;">🍰</span>
  37.                                     </div>
  38.                                 {% endif %}
  39.                                 <div style="padding:20px;">
  40.                                     <p style="color:#b85b63; font-size:13px; margin-bottom:6px;">
  41.                                         {{ article.publishedAt ? article.publishedAt|date('d. F Y.') : article.createdAt|date('d. F Y.') }}
  42.                                     </p>
  43.                                     <h4 class="h4" style="color:#4b2c20; margin-bottom:10px;">{{ article.title }}</h4>
  44.                                     {% if article.excerpt %}
  45.                                         <p class="normall" style="color:#666; line-height:1.7; margin-bottom:16px;">{{ article.excerpt }}</p>
  46.                                     {% else %}
  47.                                         <p class="normall" style="color:#666; line-height:1.7; margin-bottom:16px;">{{ article.content|striptags|slice(0, 160) }}{% if article.content|striptags|length > 160 %}…{% endif %}</p>
  48.                                     {% endif %}
  49.                                     <a href="{{ path('web_article', {'slug': article.slug}) }}"
  50.                                        style="display:inline-block; color:#b85b63; font-weight:600; text-decoration:none; border:1px solid #b85b63; padding:8px 20px; border-radius:4px;">
  51.                                         Čitaj više &rarr;
  52.                                     </a>
  53.                                 </div>
  54.                             </div>
  55.                         </div>
  56.                     {% endfor %}
  57.                 </div>
  59.                 {# Pagination #}
  60.                 {% if articles.pageCount > 1 %}
  61.                     <div style="text-align:center; margin-top:20px; margin-bottom:20px;">
  62.                         {{ knp_pagination_render(articles) }}
  63.                     </div>
  64.                 {% endif %}
  65.             {% endif %}
  67.             <div class="emptySpace-xs60 emptySpace95"></div>
  68.         </div>
  69.     </div>
  71.     <div class="footerSeparator"></div>
  72.     <div class="emptySpace50 emptySpace-xs30"></div>
  74. {% endblock %}