62 lines
1.2 KiB
PHP
62 lines
1.2 KiB
PHP
|
<?php if (!empty($pageContent)): ?>
|
||
|
|
<div class="list-intro">
|
||
|
|
<?= $pageContent ?>
|
||
|
|
</div>
|
||
|
|
<?php endif; ?>
|
||
|
|
|
||
|
|
<ul class="compact-list">
|
||
|
|
<?php foreach ($items as $item): ?>
|
||
|
|
<li>
|
||
|
|
<a href="<?= htmlspecialchars($item['url']) ?>">
|
||
|
|
<strong><?= htmlspecialchars($item['title']) ?></strong>
|
||
|
|
<?php if (($metadata['show_date'] ?? true) && !empty($item['date'])): ?>
|
||
|
|
<time><?= htmlspecialchars($item['date']) ?></time>
|
||
|
|
<?php endif; ?>
|
||
|
|
</a>
|
||
|
|
<?php if (!empty($item['summary'])): ?>
|
||
|
|
<p><?= htmlspecialchars($item['summary']) ?></p>
|
||
|
|
<?php endif; ?>
|
||
|
|
</li>
|
||
|
|
<?php endforeach; ?>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.compact-list {
|
||
|
|
list-style: none;
|
||
|
|
padding: 0;
|
||
|
|
max-width: var(--size-content);
|
||
|
|
|
||
|
|
& li {
|
||
|
|
border-block-end: 1px solid var(--color-border);
|
||
|
|
padding-block: var(--space-s);
|
||
|
|
|
||
|
|
&:first-child {
|
||
|
|
padding-block-start: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
& a {
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
align-items: baseline;
|
||
|
|
gap: var(--space-s);
|
||
|
|
text-decoration: none;
|
||
|
|
|
||
|
|
&:hover strong {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
& time {
|
||
|
|
white-space: nowrap;
|
||
|
|
font-size: 0.875rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
& p {
|
||
|
|
margin-block-start: var(--space-xs);
|
||
|
|
color: var(--color-muted);
|
||
|
|
font-size: 0.9rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|