78 lines
3.6 KiB
PHP
78 lines
3.6 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Univers Jeux Vidéo - Accueil</title>
|
|
<style>
|
|
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f4f7f6; color: #333; margin: 0; padding: 20px; }
|
|
.container { max-width: 900px; margin: 0 auto; background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
|
|
h1 { color: #2c3e50; text-align: center; margin-bottom: 30px; }
|
|
h2 { color: #34495e; border-bottom: 2px solid #ecf0f1; padding-bottom: 10px; margin-bottom: 20px; }
|
|
a { color: #3498db; text-decoration: none; font-weight: 500; }
|
|
a:hover { color: #2980b9; text-decoration: underline; }
|
|
|
|
.admin-link { display: inline-block; background-color: #2ecc71; color: white; padding: 10px 15px; border-radius: 5px; text-decoration: none; font-weight: bold; margin-bottom: 20px; transition: 0.3s; }
|
|
.admin-link:hover { background-color: #27ae60; text-decoration: none; }
|
|
|
|
.search-section { background: #ecf0f1; padding: 25px; border-radius: 8px; margin-bottom: 40px; text-align: center; }
|
|
.search-section input[type="text"] { padding: 10px 15px; width: 60%; max-width: 400px; border: 1px solid #bdc3c7; border-radius: 4px; font-size: 16px; outline: none; }
|
|
.search-section input[type="text"]:focus { border-color: #3498db; }
|
|
.search-section button { padding: 10px 20px; background-color: #3498db; color: white; border: none; border-radius: 4px; font-size: 16px; cursor: pointer; transition: background 0.3s; margin-left: 10px; }
|
|
.search-section button:hover { background-color: #2980b9; }
|
|
|
|
.flex-container { display: flex; gap: 40px; }
|
|
.flex-child { flex: 1; }
|
|
ul { list-style: none; padding: 0; margin: 0; }
|
|
li { background: #f9f9f9; margin-bottom: 10px; padding: 12px 15px; border-radius: 5px; border-left: 4px solid #3498db; transition: transform 0.2s, background 0.2s; }
|
|
li:hover { transform: translateX(5px); background: #f1f1f1; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container">
|
|
<a href="<?php echo site_url('jeux/lister'); ?>" class="admin-link">
|
|
🛠 Administration (Gestion des jeux)
|
|
</a>
|
|
|
|
<h1>Bienvenue sur l'application Jeux Vidéo</h1>
|
|
|
|
<section class="search-section">
|
|
<h2 style="border:none; text-align:center; margin-top:0;">Rechercher un jeu vidéo</h2>
|
|
<form action="<?php echo site_url('home/search'); ?>" method="GET">
|
|
<input type="text" name="keyword" placeholder="Ex: Zelda, Mario..." required>
|
|
<button type="submit">Rechercher</button>
|
|
</form>
|
|
</section>
|
|
|
|
<main class="flex-container">
|
|
<section class="flex-child">
|
|
<h2>Nos Catégories</h2>
|
|
<ul>
|
|
<?php foreach ($categories as $category): ?>
|
|
<li>
|
|
<a href="<?php echo site_url('category/view/' . $category['id']); ?>">
|
|
<?php echo html_escape($category['description']); ?>
|
|
</a>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</section>
|
|
|
|
<section class="flex-child">
|
|
<h2>Nos Genres</h2>
|
|
<ul>
|
|
<?php foreach ($genres as $genre): ?>
|
|
<li>
|
|
<a href="<?php echo site_url('genre/view/' . $genre['id']); ?>">
|
|
<?php echo html_escape($genre['description']); ?>
|
|
</a>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|