45 lines
1.9 KiB
HTML
45 lines
1.9 KiB
HTML
<ul class="noticias-list">
|
|
{% for noticia in noticias %}
|
|
<li class="noticia-item">
|
|
{% if noticia.imagen_url %}
|
|
<div class="noticia-imagen">
|
|
<a href="{{ noticia.url }}" target="_blank" rel="noopener noreferrer"><img src="{{ noticia.imagen_url }}" alt="Imagen para {{ noticia.titulo }}" loading="lazy"></a>
|
|
</div>
|
|
{% endif %}
|
|
<div class="noticia-texto">
|
|
<h3><a href="{{ noticia.url }}" target="_blank" rel="noopener noreferrer">{{ noticia.titulo }}</a></h3>
|
|
<div class="noticia-meta">
|
|
<span><i class="far fa-calendar-alt"></i> {{ noticia.fecha.strftime('%d-%m-%Y %H:%M') if noticia.fecha else 'N/D' }}</span>
|
|
|
|
{% if noticia.fuente_nombre %}
|
|
| <span><i class="fas fa-newspaper"></i> <strong>{{ noticia.fuente_nombre }}</strong></span>
|
|
{% endif %}
|
|
|
|
{% if noticia.categoria %}
|
|
| <span><i class="fas fa-tag"></i> {{ noticia.categoria }}</span>
|
|
{% endif %}
|
|
|
|
{% if noticia.pais %}
|
|
| <span><i class="fas fa-globe-americas"></i> {{ noticia.pais }}</span>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div class="resumen-container">
|
|
<div class="resumen-corto">
|
|
{{ noticia.resumen | safe_html | truncate(280, True) }}
|
|
</div>
|
|
<div class="resumen-completo" style="display: none;">
|
|
{{ noticia.resumen | safe_html }}
|
|
</div>
|
|
{% if noticia.resumen|length > 280 %}
|
|
<button class="ver-mas-btn">Ver más</button>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{% else %}
|
|
<li class="text-center p-4">
|
|
<i class="fas fa-info-circle"></i> No hay noticias que mostrar con los filtros seleccionados.
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|