feat: add a textimage element, add news design, add a footer

This commit is contained in:
2024-12-13 01:07:46 +01:00
parent 9f410a339e
commit 52e962ae83
19 changed files with 546 additions and 22 deletions

View File

@@ -0,0 +1,13 @@
<div class="news-item-featured">
<f:if condition="{newsItem.media}">
<f:image image="{newsItem.media.0}" class="news-item-featured-image" alt="{newsItem.title}" />
</f:if>
<div class="news-item-featured-content">
<!-- Category and Title -->
<f:if condition="{newsItem.firstCategory}">
<div class="news-item-category">{newsItem.firstCategory.title}</div>
</f:if>
<h3 class="news-item-title">{newsItem.title}</h3>
<f:link.page pageUid="{newsItem.link}" class="news-item-link"> </f:link.page>
</div>
</div>

View File

@@ -0,0 +1,12 @@
<div class="news-item-grid">
<f:if condition="{newsItem.media}">
<f:image image="{newsItem.media.0}" class="news-item-grid-image" alt="{newsItem.title}" />
</f:if>
<div class="news-item-grid-content">
<f:if condition="{newsItem.firstCategory}">
<div class="news-item-category">{newsItem.firstCategory.title}</div>
</f:if>
<h5 class="news-item-title">{newsItem.title}</h5>
<f:link.page pageUid="{newsItem.link}" class="news-item-link"> </f:link.page>
</div>
</div>

View File

@@ -0,0 +1,12 @@
<div class="news-item-side">
<f:if condition="{newsItem.media}">
<f:image image="{newsItem.media.0}" class="news-item-side-image" alt="{newsItem.title}" />
</f:if>
<div class="news-item-side-content">
<f:if condition="{newsItem.firstCategory}">
<div class="news-item-category">{newsItem.firstCategory.title}</div>
</f:if>
<h4 class="news-item-title">{newsItem.title}</h4>
<f:link.page pageUid="{newsItem.link}" class="news-item-link"> </f:link.page>
</div>
</div>