{% extends "layouts/master.html.twig" %}
{% block bodyClass %}tpl-news-item{% endblock %}
{% block siteHeader %}
{% include 'organisms/site-header.html.twig' %}
{% endblock %}
{% block pageHeader %}
{% include 'molecules/page-header.html.twig' with {
breadcrumb: [
{ path: path('journal_frontpage'), title: 'Xornal' }
]
} %}
{% endblock %}
{% block pageContent %}
<article class="news-item-wrapper">
{% include 'molecules/tags-list.html.twig' %}
<p class="at-title is-2 is-light is-pretitle">Dentro das xornadas de acción social</p>
<h1 class="at-title is-1 is-light">Un titular para unha nova ou entrevista de varias liñas de lonxitude</h1>
<div class="news-item-content-wrapper">
<div class="news-item-header">
<figure class="at-image is-news-item-main-image">
<img src="https://picsum.photos/900/507" alt="">
<figcaption class="image-caption">
Pé de foto descritivo © Universiade de Santiago de Compostela
</figcaption>
</figure>
<div class="news-item-intro">
<div class="at-lead-text">
<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>
</div>
{% include 'molecules/social-button-list.html.twig' %}
</div>
</div>
<div class="news-item-content">
<div class="news-item-body-wrapper">
<div class="news-item-body">
<time datetime="2019-06-03" class="news-item-datetime">Luns 3 de xuño de 2019</time>
<p class="news-item-campus">Lugo, Santiago</p>
<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>
<blockquote>
<p>Praesent ultrices dapibus consequat. Integer porta nisi a sollicitudin facilisis. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
</blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque.</p>
<figure class="at-image">
<img src="https://picsum.photos/900/507" alt="">
</figure>
<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>
<h3 class="at-title is-subhead">Lorem ipsum dolor sit amet</h3>
<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>
<figure class="at-image is-vertical">
<img src="https://picsum.photos/700/1050" alt="">
</figure>
<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>
<usc-carousel>
<template slot-scope="carouselSlotProps">
<usc-carousel-item v-on:enlarge-carousel="carouselSlotProps.enlarge">
<template slot-scope="itemSlotProps">
<figure class="at-image">
<a href="https://picsum.photos/800/507" @click.prevent="itemSlotProps.enlargeCarousel">
<img src="https://picsum.photos/800/507" alt="">
</a>
<figcaption class="image-caption">Descrición da imaxe</figcaption>
</figure>
</template>
</usc-carousel-item>
<usc-carousel-item v-on:enlarge-carousel="carouselSlotProps.enlarge">
<template slot-scope="itemSlotProps">
<figure class="at-image">
<a href="https://picsum.photos/800/507" @click.prevent="itemSlotProps.enlargeCarousel">
<img src="https://picsum.photos/800/507" alt="">
</a>
<figcaption class="image-caption">Descrición da imaxe</figcaption>
</figure>
</template>
</usc-carousel-item>
<usc-carousel-item v-on:enlarge-carousel="carouselSlotProps.enlarge">
<template slot-scope="itemSlotProps">
<figure class="at-image">
<a href="https://picsum.photos/800/507" @click.prevent="itemSlotProps.enlargeCarousel">
<img src="https://picsum.photos/800/507" alt="">
</a>
<figcaption class="image-caption">Descrición da imaxe</figcaption>
</figure>
</template>
</usc-carousel-item>
</template>
</usc-carousel>
<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>
<p>Donec aliquet malesuada faucibus. Donec dictum, nisi ut dapibus pellentesque, ex turpis pellentesque elit, sed posuere metus libero quis neque. Suspendisse eget ante ligula. Nulla placerat nunc erat. Cras ultrices, purus eget euismod semper, tortor est elementum nibh, hendrerit interdum elit libero pretium erat. Aliquam vel mi tincidunt sapien venenatis sollicitudin eget iaculis nisi. Aliquam a consectetur lorem. Curabitur bibendum, ex at ullamcorper vestibulum, lorem purus suscipit libero, nec ornare nibh quam sit amet metus. Aenean consequat quam eget elit tempus fringilla. Vestibulum volutpat nibh quis eros vehicula tincidunt. Quisque at nulla pulvinar, scelerisque ipsum a, semper sem. Ut a consectetur lorem. Vivamus orci elit, imperdiet in massa id, semper dignissim ante. </p>
<blockquote>
<p>Praesent ultrices dapibus consequat. Integer porta nisi a sollicitudin facilisis. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
</blockquote>
<p>Donec aliquet malesuada faucibus. Donec dictum, nisi ut dapibus pellentesque, ex turpis pellentesque elit, sed posuere metus libero quis neque. Suspendisse eget ante ligula. Nulla placerat nunc erat. Cras ultrices, purus eget euismod semper, tortor est elementum nibh, hendrerit interdum elit libero pretium erat. Aliquam vel mi tincidunt sapien venenatis sollicitudin eget iaculis nisi. Aliquam a consectetur lorem. Curabitur bibendum, ex at ullamcorper vestibulum, lorem purus suscipit libero, nec ornare nibh quam sit amet metus. Aenean consequat quam eget elit tempus fringilla. Vestibulum volutpat nibh quis eros vehicula tincidunt. Quisque at nulla pulvinar, scelerisque ipsum a, semper sem. Ut a consectetur lorem. Vivamus orci elit, imperdiet in massa id, semper dignissim ante. </p>
</div>
<div class="news-item-author">
{% include 'molecules/authors/summary.html.twig' %}
</div>
</div>
</div>
</div>
</article>
<section class="org-tier">
<div class="tier-header">
<h2 class="tier-title">Novas relacionadas</h2>
</div>
<div class="tier-content">
<div class="org-modules-container">
{% include 'molecules/news/l.html.twig' %}
{% include 'molecules/news/m.html.twig' with { hasImage: true } %}
{% include 'molecules/news/m.html.twig' with { hasImage: true } %}
</div>
</div>
</section>
{% endblock %}
{% block siteFooter %}
{% include 'organisms/site-footer.html.twig' %}
{% endblock %}