{% extends "layouts/master.html.twig" %}
{% block bodyClass %}tpl-journal-front-page{% endblock %}
{% block siteHeader %}
{% include 'organisms/site-header.html.twig' %}
{% endblock %}
{% block pageHeader %}
{% include 'molecules/page-header.html.twig' with {
title: 'Xornal'
} %}
{% endblock %}
{% block pageContent %}
<div class="ml-filters-group">
<usc-text-filter
target-container="#banners-container-1"
target-items=".ml-banner"
></usc-text-filter>
<usc-dropdown-filter>
<template v-slot:default>
<li>
<a href="">Option 1</a>
</li>
<li>
<a href="">Option 2</a>
</li>
<li>
<a href="">Option 3</a>
</li>
</template>
</usc-dropdown-filter>
<usc-dropdown-filter>
<template v-slot:default>
<li>
<a href="">Option 1</a>
</li>
<li>
<a href="">Option 2</a>
</li>
<li>
<a href="">Option 3</a>
</li>
</template>
</usc-dropdown-filter>
</div>
<div class="org-modules-container">
{% include 'molecules/news/xl.html.twig' %}
</div>
<section class="org-tier">
<div class="tier-header">
<h2 class="tier-title">Actualidade</h2>
</div>
<div class="tier-content">
<div class="org-modules-container">
{% include 'molecules/news/l-institutional.html.twig' %}
{% include 'molecules/news/m.html.twig' with { hasImage: true } %}
{% include 'molecules/news/m.html.twig' with { hasImage: true } %}
{% include 'molecules/news/m.html.twig' %}
{% include 'molecules/news/m.html.twig' %}
{% include 'molecules/news/m.html.twig' %}
{% include 'molecules/news/m.html.twig' %}
</div>
</div>
</section>
<section class="org-tier">
<div class="tier-header">
<h2 class="tier-title">Axenda</h2>
<div class="tier-action">
<a href="{{ path('agenda_frontpage') }}">ver máis</a>
</div>
</div>
<div class="tier-content">
<div class="org-modules-container">
{% include 'molecules/events/m.html.twig' with { hasDate: true, hasImage: true } %}
{% include 'molecules/events/m.html.twig' with { hasDate: true, hasImage: true } %}
{% include 'molecules/events/m.html.twig' with { hasDate: true } %}
{% include 'molecules/events/m.html.twig' with { hasDate: true } %}
{% include 'molecules/events/m.html.twig' with { hasDate: true, date: '15 xuñ-20 ago', modifiers: 'has-began' } %}
{% include 'molecules/events/m.html.twig' with { hasDate: true, date: '15 xuñ-20 ago', modifiers: 'has-began' } %}
</div>
</div>
</section>
{% endblock %}
{% block siteFooter %}
{% include 'organisms/site-footer.html.twig' %}
{% endblock %}