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 %} #}