templates/web/blog-detail.html.twig line 1

Open in your IDE?
  1. {% extends 'web/base.html.twig' %}
  3. {% block title %}{{ article.metaTitle ?: article.title }} – 2sweet{% endblock %}
  5. {% block stylesheets %}
  6.     {{ parent() }}
  7.     <link href="https://cdn.quilljs.com/1.3.7/quill.snow.css" rel="stylesheet">
  8.     <style>
  9.         .article-content .ql-align-center { text-align: center; }
  10.         .article-content .ql-align-right  { text-align: right; }
  11.         .article-content .ql-align-justify { text-align: justify; }
  12.         .article-content .ql-indent-1 { padding-left: 3em; }
  13.         .article-content .ql-indent-2 { padding-left: 6em; }
  14.         .article-content .ql-indent-3 { padding-left: 9em; }
  15.         .article-content h2 { font-size: 1.6em; margin: 1.2em 0 0.5em; }
  16.         .article-content h3 { font-size: 1.3em; margin: 1em 0 0.4em; }
  17.         .article-content h4 { font-size: 1.1em; margin: 0.8em 0 0.3em; }
  18.         .article-content p  { margin-bottom: 0.9em; }
  19.         .article-content ul, .article-content ol { padding-left: 1.8em; margin-bottom: 0.9em; }
  20.         .article-content li { margin-bottom: 0.3em; }
  21.         .article-content a  { color: #b85b63; }
  22.         .article-content strong { font-weight: 700; }
  23.     </style>
  24. {% endblock %}
  26. {% block seo %}
  27.     {% if article.metaDescription %}
  28.         <meta name="description" content="{{ article.metaDescription }}">
  29.     {% endif %}
  30.     {% if article.metaKeywords %}
  31.         <meta name="keywords" content="{{ article.metaKeywords }}">
  32.     {% endif %}
  33.     <meta property="og:title" content="{{ article.metaTitle ?: article.title }}">
  34.     {% if article.metaDescription %}
  35.         <meta property="og:description" content="{{ article.metaDescription }}">
  36.     {% endif %}
  37.     <meta property="og:type" content="article">
  38. {% endblock %}
  40. {% block body %}
  42.     {{ include('web/components/inner/breadcrumb.html.twig') }}
  44.     <div class="bgWhite">
  45.         <div class="container">
  46.             <div class="emptySpace100 emptySpace-xs60"></div>
  48.             <div class="row">
  49.                 <div class="col-lg-8 col-md-10 mx-auto">
  51.                     <p style="color:#b85b63; font-size:13px; margin-bottom:10px;">
  52.                         {{ article.publishedAt ? article.publishedAt|date('d. F Y.') : article.createdAt|date('d. F Y.') }}
  53.                     </p>
  54.                     <h1 class="h2" style="color:#4b2c20; margin-bottom:24px; line-height:1.4;">{{ article.title }}</h1>
  56.                     {% if article.excerpt %}
  57.                         <p class="normall" style="color:#888; font-size:17px; line-height:1.8; margin-bottom:30px; border-left:3px solid #b85b63; padding-left:16px; font-style:italic;">
  58.                             {{ article.excerpt }}
  59.                         </p>
  60.                     {% endif %}
  62.                     {% if article.image %}
  63.                         <img src="{{ asset('uploads/articles/' ~ article.image) }}"
  64.                              alt="{{ article.title }}"
  65.                              style="max-width:100%; height:auto; border-radius:8px; margin-bottom:32px; display:block;">
  66.                     {% endif %}
  68.                     <div class="normall article-content" style="color:#444; line-height:1.9; font-size:16px;">
  69.                         {{ article.content|raw }}
  70.                     </div>
  72.                     <div style="margin-top:48px; padding-top:24px; border-top:1px solid #f3d9d2;">
  73.                         <a href="{{ path('web_blog') }}"
  74.                            style="color:#b85b63; font-weight:600; text-decoration:none;">
  75.                             &larr; Natrag na novosti
  76.                         </a>
  77.                     </div>
  79.                 </div>
  80.             </div>
  82.             <div class="emptySpace-xs60 emptySpace95"></div>
  83.         </div>
  84.     </div>
  86.     <div class="footerSeparator"></div>
  87.     <div class="emptySpace50 emptySpace-xs30"></div>
  89. {% endblock %}