templates/themes/theme/news/embedNewsArticle.html.twig line 1

Open in your IDE?
  1. <script type="application/ld+json">
  2.     {
  3.         "@context": "https://schema.org",
  4.         "@type": "BlogPosting",
  5.         "headline": "{{ news.title }}",
  6.         "alternativeHeadline": "{{ news.subtitle|striptags }}",
  7.         "datePublished": "{{ news.publishDate|date('c') }}",
  8.         "dateModified": "{{ news.updatedAt|date('c') }}",
  9.         "author": {
  10.             "@type": "Organization",
  11.             "name": "{{ sitename }}"
  12.         },
  13.         "publisher": {
  14.             "@type": "Organization",
  15.             "name": "{{ sitename }}",
  16.             "logo": {
  17.                 "@type": "ImageObject",
  18.                 "url": "{{ siteurl }}{{ imageCache(asset('build/images/kas-scaffolding-logo.png'), 'cropResize', 600, 232) }}",
  19.                 "width": 600,
  20.                 "height": 232
  21.             }
  22.         },
  23.         "image": {
  24.             "@type": "ImageObject",
  25.             "url": "{{ siteurl }}{{ imageCache('/userfiles/images/news/' ~ news.image, 'zoomCrop', 800, 600) }}",
  26.             "width": 800,
  27.             "height": 600
  28.         },
  29.         "description": "{{ news.kicker|raw|striptags }}",
  30.         "articleBody": "{{ news.content|html_entity_decode|replace({'\n': ' ', '\r': ' '})|striptags }}"
  31.     }
  32. </script>
  34. {% if news.image %}
  35.     <div class="banner-image banner-image--gradient lazyBackgroundImage" data-mobile="{{ imageCache('/'~ news.getFullImagePath, 'zoomCrop', 1566, 822) }}" data-desktop="{{ imageCache('/'~ news.getFullImagePath, 'zoomCrop', 3200, 1680) }}"></div>
  36. {% endif %}
  38. <section class="page-content {% if news.image == null %} pt-[148px] md:pt-[163px]{% endif %}">
  39.     <div class="container">
  40.         <div class="bg-primary text-center text-white px-10 py-12 relative z-20 mb-12 {% if news.image != null %} -mt-12 sm:-mt-24 md:-mt-52{% else %}mt-12{% endif %}">
  41.             <h1 class="text-white">{{ allowInlineEditor(news, 'title')|raw }}</h1>
  42.             {% if news.subtitle %}
  43.                 <h3 class="text-white">{{ allowInlineEditor(news, 'subtitle')|striptags }}</h3>
  44.             {% endif %}
  45.             {% if news.kicker %}
  46.                 {{ allowInlineEditor(news, 'kicker')|raw }}
  47.             {% endif %}
  48.              {% if news.publishDate %}
  49.                 <p class="text-sm text-white mb-0">{{ news.publishDate|date('d F Y') }}</p>
  50.             {% endif %}
  51.         </div>
  52.         {% if news.content %}
  53.             <div class="row cms-area mb-12 blog-article">
  54.                 <div class="md:col-10 md:offset-1">
  55.                     {{ allowInlineEditor(news, 'content')|raw }}
  56.                 </div>
  57.             </div>
  58.         {% endif %}
  59.         {% if news.image2 or news.image3 %}
  60.             <div class="row mb-12">
  61.                 {% if news.image2 %}
  62.                     <div class="sm:col-6 mb-8 sm:mb-0">
  63.                         <img src="{{ imageCache('/'~ news.getFullImage2Path, 'zoomCrop', 1140, 1040) }}" width="670" height="612" alt="{{ news.title }}" loading="lazy" />
  64.                     </div>
  65.                 {% endif %}
  66.                 {% if news.image3 %}
  67.                     <div class="sm:col-6">
  68.                         <img src="{{ imageCache('/'~ news.getFullImage3Path, 'zoomCrop', 1140, 1040) }}" width="670" height="612" alt="{{ news.title }}" loading="lazy" />
  69.                     </div>
  70.                 {% endif %}
  71.             </div>
  72.         {% endif %}
  73.         {% if news.content2 %}
  74.             <div class="row cms-area mb-12 blog-article">
  75.                 <div class="md:col-10 md:offset-1">
  76.                     {{ allowInlineEditor(news, 'content2')|raw }}
  77.                 </div>
  78.             </div>
  79.         {% endif %}
  80.     </div>
  81. </section>
  83. {# {% if prev or next %}
  84.     <div class="row mt-10">
  85.         <div class="col-12 flex">
  86.             {% if prev %}
  87.                 <a class="btn btn-primary mr-auto" href="{{ generatePath( app.request, prev.linkedPageId, {'news_slug' : prev.slug } ) }}"><i class="fa-regular fa-arrow-left"></i> Previous</a>
  88.             {% endif %}
  90.             {% if next %}
  91.                 <a class="btn btn-primary ml-auto" href="{{ generatePath( app.request, next.linkedPageId, {'news_slug' : next.slug } ) }}">Next <i class="fa-regular fa-arrow-right"></i></a>
  92.             {% endif %}
  93.         </div>
  94.     </div>
  95. {% endif %} #}