49 lines
2.7 KiB
PHP
49 lines
2.7 KiB
PHP
<?php
|
|
$pageTitle = 'دانشنامه و مقالات آموزشی پرورش بلدرچین';
|
|
require __DIR__ . '/../layout/header.php';
|
|
require __DIR__ . '/../layout/navbar.php';
|
|
?>
|
|
|
|
<div class="bg-stone-100/60 py-8 border-b border-stone-200">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<h1 class="text-2xl sm:text-3xl font-extrabold text-stone-900">دانشنامه و مقالات آموزشی</h1>
|
|
<p class="text-xs sm:text-sm text-stone-500 mt-1">راهنمای علمی و تجربی پرورش، تغذیه، بیماریها و خواص محصولات بلدرچین</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10">
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
|
<?php foreach ($articles as $art): ?>
|
|
<div class="bg-white rounded-2xl border border-stone-200 overflow-hidden shadow-sm hover:shadow-md transition flex flex-col justify-between group">
|
|
<a href="/blog/<?= $art['slug'] ?>" class="block h-52 bg-stone-900 overflow-hidden">
|
|
<img src="<?= $art['image'] ?>" alt="<?= htmlspecialchars($art['title']) ?>" class="w-full h-full object-cover group-hover:scale-105 transition duration-300">
|
|
</a>
|
|
<div class="p-6 flex-1 flex flex-col justify-between">
|
|
<div>
|
|
<div class="flex items-center gap-2 text-xs text-stone-400 mb-2">
|
|
<i class="far fa-calendar-alt"></i>
|
|
<span><?= \Bildirchin\Helpers::getJalaliDate($art['created_at']) ?></span>
|
|
<span>•</span>
|
|
<span>نویسنده: <?= htmlspecialchars($art['author']) ?></span>
|
|
</div>
|
|
<a href="/blog/<?= $art['slug'] ?>" class="font-extrabold text-base text-stone-900 group-hover:text-amber-600 transition mb-3 block leading-snug">
|
|
<?= htmlspecialchars($art['title']) ?>
|
|
</a>
|
|
<p class="text-xs text-stone-500 line-clamp-3 leading-relaxed mb-4">
|
|
<?= htmlspecialchars($art['summary']) ?>
|
|
</p>
|
|
</div>
|
|
<a href="/blog/<?= $art['slug'] ?>" class="text-xs font-bold text-amber-600 hover:text-amber-700 flex items-center gap-1.5 pt-3 border-t border-stone-100">
|
|
<span>مطالعه کامل مقاله</span>
|
|
<i class="fas fa-arrow-left"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
|
|
<?php
|
|
require __DIR__ . '/../layout/footer.php';
|
|
?>
|