56 lines
1.5 KiB
PHP
56 lines
1.5 KiB
PHP
|
<?php
|
||
|
|
// Dans un vrai projet, ces données viendraient d'une API PeerTube
|
||
|
|
// Pour cet exemple, on utilise des données statiques
|
||
|
|
$categories = [
|
||
|
|
[
|
||
|
|
'id' => 1,
|
||
|
|
'name' => 'Technologie',
|
||
|
|
'image' => 'img/categories/tech.jpg'
|
||
|
|
],
|
||
|
|
[
|
||
|
|
'id' => 2,
|
||
|
|
'name' => 'Culture',
|
||
|
|
'image' => 'img/categories/culture.jpg'
|
||
|
|
],
|
||
|
|
[
|
||
|
|
'id' => 3,
|
||
|
|
'name' => 'Éducation',
|
||
|
|
'image' => 'img/categories/education.jpg'
|
||
|
|
],
|
||
|
|
[
|
||
|
|
'id' => 4,
|
||
|
|
'name' => 'Divertissement',
|
||
|
|
'image' => 'img/categories/entertainment.jpg'
|
||
|
|
],
|
||
|
|
[
|
||
|
|
'id' => 5,
|
||
|
|
'name' => 'Cuisine',
|
||
|
|
'image' => 'img/categories/cuisine.jpg'
|
||
|
|
],
|
||
|
|
[
|
||
|
|
'id' => 6,
|
||
|
|
'name' => 'Voyage',
|
||
|
|
'image' => 'img/categories/travel.jpg'
|
||
|
|
],
|
||
|
|
[
|
||
|
|
'id' => 7,
|
||
|
|
'name' => 'Sport',
|
||
|
|
'image' => 'img/categories/sport.jpg'
|
||
|
|
],
|
||
|
|
[
|
||
|
|
'id' => 8,
|
||
|
|
'name' => 'Musique',
|
||
|
|
'image' => 'img/categories/music.jpg'
|
||
|
|
]
|
||
|
|
];
|
||
|
|
|
||
|
|
// Affichage des catégories
|
||
|
|
foreach ($categories as $category) :
|
||
|
|
?>
|
||
|
|
<a href="categories.php?id=<?php echo $category['id']; ?>" class="category-card">
|
||
|
|
<img src="<?php echo $category['image']; ?>" alt="<?php echo $category['name']; ?>" data-src="<?php echo $category['image']; ?>">
|
||
|
|
<div class="category-overlay">
|
||
|
|
<div class="category-name"><?php echo $category['name']; ?></div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
<?php endforeach; ?>
|