tfeigel
3cf8dc6ed7
Ensures author avatar is only displayed if it exists. Uses dynamic league IDs from the `spielbetrieb` page in the navbar, which allows changing the league links in the backend.
52 lines
2.4 KiB
PHP
52 lines
2.4 KiB
PHP
<div class="py-16">
|
|
<h2>Neuigkeiten aus dem Verein</h2>
|
|
<?php foreach ($news as $post): ?>
|
|
<article class="relative flex flex-col gap-8 lg:flex-row py-12">
|
|
<div class="relative aspect-video sm:aspect-2/1 lg:aspect-square lg:w-64 lg:shrink-0">
|
|
<img src="<?= $post->image()->url() ?>" alt="" class="absolute inset-0 size-full rounded-xl object-cover" />
|
|
<div class="absolute inset-0 rounded-2xl ring-1 ring-gray-900/10 ring-inset"></div>
|
|
</div>
|
|
<div>
|
|
<div class="flex items-center gap-x-4 text-m justify-between">
|
|
<div>
|
|
<time class="text-gray-500"><?= $post->date()->toDate('d.m.Y') ?></time>
|
|
</div>
|
|
<div>
|
|
<?php foreach ($post->tags()->split() as $tag): ?>
|
|
<a href="<?= page('news')->url([
|
|
'params' => ['tag' => $tag],
|
|
]) ?>" class="relative z-10 rounded-full bg-gray-50 px-3 py-1.5 font-medium text-gray-600 hover:bg-gray-100"><?= $tag ?></a>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
<div class="group relative">
|
|
<h2>
|
|
<a href="<?= $post->url() ?>" class="relative">
|
|
<span class="absolute inset-0"></span>
|
|
<?= $post->headline() ?>
|
|
</a>
|
|
</h2>
|
|
<p><?= $post->summary() ?></p>
|
|
</div>
|
|
<?php if ($user = $post->author()->toUser()): ?>
|
|
<div class="mt-6 flex border-t border-gray-900/5 pt-6">
|
|
<div class="relative flex items-center gap-x-4">
|
|
<?php if ($user->avatar()): ?>
|
|
<img src="<?= $user->avatar()->url() ?>" alt="" class="size-10 rounded-full bg-gray-50" />
|
|
<?php endif; ?>
|
|
<div class="text-sm/6">
|
|
<p>
|
|
<span class="absolute inset-0"></span>
|
|
<div class="text-xl">
|
|
<?= $user->username() ?>
|
|
</div>
|
|
</p>
|
|
<p class="text-sm"><?= $user->role()->title() ?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
</article>
|
|
<?php endforeach; ?>
|
|
</div>
|