58 lines
1.9 KiB
HTML
58 lines
1.9 KiB
HTML
<section class="news-section">
|
|
<div class="container">
|
|
|
|
<!-- Section Header -->
|
|
<div class="news-header">
|
|
<h2 class="news-title">
|
|
{{#if sectionTitle}}{{sectionTitle}}{{else}}Aktuality{{/if}}
|
|
</h2>
|
|
{{#if moreLink}}
|
|
<a href="{{moreLink}}" class="news-link">
|
|
Více aktualit
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M5 12h14"></path>
|
|
<path d="m12 5 7 7-7 7"></path>
|
|
</svg>
|
|
</a>
|
|
{{/if}}
|
|
</div>
|
|
|
|
<!-- Articles Grid -->
|
|
<div class="news-grid">
|
|
{{#each articles}}
|
|
<a href="{{this.link}}" class="news-card">
|
|
<div class="news-img-wrapper">
|
|
{{#if this.imageSrc}}
|
|
<img
|
|
src="{{this.imageSrc}}"
|
|
alt="{{this.imageAlt}}"
|
|
class="news-img"
|
|
loading="lazy"
|
|
/>
|
|
{{/if}}
|
|
</div>
|
|
|
|
<div class="news-content">
|
|
<div class="news-date">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<rect width="18" height="18" x="3" y="4" rx="2" ry="2"></rect>
|
|
<line x1="16" x2="16" y1="2" y2="6"></line>
|
|
<line x1="8" x2="8" y1="2" y2="6"></line>
|
|
<line x1="3" x2="21" y1="10" y2="10"></line>
|
|
</svg>
|
|
<span>{{this.date}}</span>
|
|
</div>
|
|
|
|
<h3 class="news-card-title">{{this.title}}</h3>
|
|
|
|
{{#if this.annotation}}
|
|
<p class="news-excerpt">{{this.annotation}}</p>
|
|
{{/if}}
|
|
</div>
|
|
</a>
|
|
{{/each}}
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|