<div class='container-site'>
<section class='showcase'>
<div class='nes-container with-title'>
<h3 class='title'>Anasayfa</h3>
<section class='topic'>
<p class="nes-badge">
<span class="is-primary"><em>Duyuru</em>: Öne çıkan görseller 1176x474 ebadına kaydırıldı. </span>
</p>
<br /><br />
<h2> Hakkımda</h2>
NES oyunlarını düzenleyen, kendi oyunlarını geliştiren ve oyunlarına yeni görünümler kazandıran bir oyun tutkunu.
<p align="right">
<a href="/hakkimda"><button type="button" class="nes-btn is-primary">Daha Fazla</button></a>
</p>
<?php
// Kategorileri al
$categories = getCategories();
// Her kategori için bir row oluştur
foreach ($categories as $category) {
// Kategori bloğunu saran div'e mb-5 sınıfını ekledik
echo '<div class="mb-5">';
// Kategori başlığını göster
echo '<div class="row">';
echo '<div class="col-12"><h1 align="center"><a href="' . $category->permalink() . '">' . $category->name() . '</a></h1></div>';
echo '</div>'; // Kategori başlığı row kapanış
// Kategoriye ait sayfaları al
$categoryPages = $category->pages();
$recentPages = array_slice($categoryPages, 0, 3); // Son 4 yazıyı al
// İkinci bir row başlatıyoruz, içerikler burada olacak
echo '<div class="row">';
// İçerikleri ekle
foreach ($recentPages as $pageKey) {
$page = new Page($pageKey);
echo '<div class="col-md-4 mb-4">'; // Her içerik için bir kolon ve alt boşluk
echo '<a href="' . $page->permalink() . '">';
echo '<img src="' . ($page->coverImage() ? $page->coverImage() : Theme::src('img/noimage.png')) . '" class="card-img-top oval" alt="...">';
echo '</a>';
echo '</div>'; // İçerik kolon kapama
}
echo '</div>'; // İçeriklerin olduğu row'u kapama
echo '</div>'; // Kategori bloğu kapanış
}
?>
</section>
</div>
</section>
</div>