templates/templates/models/news-item-no-image.html.twig line 1

Open in your IDE?
  1. {% extends "layouts/master.html.twig" %}
  3. {% block bodyClass %}tpl-news-item has-not-media{% endblock %}
  5. {% block siteHeader %}
  6.     {% include 'organisms/site-header.html.twig' %}
  7. {% endblock %}
  9. {% block pageHeader %}
  10.     {% include 'molecules/page-header.html.twig' with {
  11.         breadcrumb: [
  12.             { path: path('journal_frontpage'), title: 'Xornal' }
  13.         ]
  14.     } %}
  15. {% endblock %}
  17. {% block pageContent %}
  18.     <article class="news-item-wrapper">
  19.         {% include 'molecules/tags-list.html.twig' %}
  20.         <p class="at-title is-2 is-light is-pretitle">Dentro das xornadas de acción social</p>
  21.         <h1 class="at-title is-1 is-light">Un titular para unha nova ou entrevista de varias liñas de lonxitude</h1>
  23.         <div class="news-item-content-wrapper">
  24.             <div class="news-item-header">
  25.                 <div class="news-item-intro">
  26.                     <div class="at-lead-text">
  27.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue.</p>
  28.                     </div>
  30.                     {% include 'molecules/social-button-list.html.twig' %}
  31.                 </div>
  32.             </div>
  34.             <div class="news-item-content">
  35.                 <div class="news-item-body-wrapper">
  36.                     <div class="news-item-body">
  37.                         <p class="news-item-campus">Lugo, Santiago</p>
  38.                         <time datetime="2019-06-03" class="news-item-datetime">Luns 3 de xuño de 2019</time>
  40.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue.</p>
  42.                         <figure class="at-image">
  43.                             <img src="https://picsum.photos/900/507" alt="">
  44.                         </figure>
  46.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue.</p>
  48.                         <usc-carousel>
  49.                             <usc-carousel-item>
  50.                                 <figure class="at-image">
  51.                                     <img src="https://picsum.photos/800/507" alt="">
  52.                                     <figcaption class="image-caption">Descrición da imaxe</figcaption>
  53.                                 </figure>
  54.                             </usc-carousel-item>
  55.                             <usc-carousel-item>
  56.                                 <figure class="at-image">
  57.                                     <img src="https://picsum.photos/800/507" alt="">
  58.                                     <figcaption class="image-caption">Descrición da imaxe</figcaption>
  59.                                 </figure>
  60.                             </usc-carousel-item>
  61.                             <usc-carousel-item>
  62.                                 <figure class="at-image">
  63.                                     <img src="https://picsum.photos/800/507" alt="">
  64.                                     <figcaption class="image-caption">Descrición da imaxe</figcaption>
  65.                                 </figure>
  66.                             </usc-carousel-item>
  67.                             <usc-carousel-item>
  68.                                 <figure class="at-image">
  69.                                     <img src="https://picsum.photos/800/507" alt="">
  70.                                     <figcaption class="image-caption">Descrición da imaxe</figcaption>
  71.                                 </figure>
  72.                             </usc-carousel-item>
  73.                         </usc-carousel>
  75.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue.</p>
  76.                     </div>
  77.                     <div class="news-item-author">
  78.                         {% include 'molecules/authors/summary.html.twig' %}
  79.                     </div>
  80.                 </div>
  81.             </div>
  82.         </div>
  83.     </article>
  85.     <section class="org-tier">
  86.         <div class="tier-header">
  87.             <h2 class="tier-title">Novas relacionadas</h2>
  88.         </div>
  89.         <div class="tier-content">
  90.             <div class="org-modules-container">
  91.                 {% include 'molecules/news/l.html.twig' %}
  93.                 {% include 'molecules/news/m.html.twig' with { hasImage: true } %}
  95.                 {% include 'molecules/news/m.html.twig' with { hasImage: true } %}
  96.             </div>
  97.         </div>
  98.     </section>
  99. {% endblock %}
  101. {% block siteFooter %}
  102.     {% include 'organisms/site-footer.html.twig' %}
  103. {% endblock %}