87 lines
3.4 KiB
HTML
87 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Mon Cinéma</title>
|
|
<link rel="stylesheet" href="css/public.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div id="page-public" class="page active">
|
|
<div class="site-wrap">
|
|
|
|
<header class="site-header">
|
|
<h1 class="site-title">Mon <span>Ciné</span>ma</h1>
|
|
<p class="site-subtitle">Journal de critiques · Mes films vus</p>
|
|
</header>
|
|
|
|
<div class="pub-tabs-container">
|
|
<div class="pub-tabs">
|
|
<button id="tab-pub-critiques" class="tab-btn active" onclick="switchPubTab('critique')">
|
|
<i class="ti ti-message-star"></i> Mes Critiques
|
|
</button>
|
|
<button id="tab-pub-videotheques" class="tab-btn" onclick="switchPubTab('videotheque')">
|
|
<i class="ti ti-device-tv"></i> Ma Vidéothèque
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="rating-filter-bar" id="rating-filter-bar">
|
|
<span class="rf-label">Filtrer :</span>
|
|
<div class="rf-buttons">
|
|
<button class="rating-filter-btn" data-stars="5" onclick="filterByRating(5)">
|
|
<span class="rf-star">★</span><span class="rf-star">★</span><span class="rf-star">★</span><span class="rf-star">★</span><span class="rf-star">★</span>
|
|
</button>
|
|
<button class="rating-filter-btn" data-stars="4" onclick="filterByRating(4)">
|
|
<span class="rf-star">★</span><span class="rf-star">★</span><span class="rf-star">★</span><span class="rf-star">★</span>
|
|
</button>
|
|
<button class="rating-filter-btn" data-stars="3" onclick="filterByRating(3)">
|
|
<span class="rf-star">★</span><span class="rf-star">★</span><span class="rf-star">★</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pub-toolbar">
|
|
<span class="count" id="count-label">0 élément</span>
|
|
<a href="admin/login.html" class="btn-admin-link">
|
|
<i class="ti ti-settings"></i> Administration
|
|
</a>
|
|
</div>
|
|
<div class="pub-filters">
|
|
<div class="pub-search-box">
|
|
<i class="ti ti-search"></i>
|
|
<input type="text" id="pub-search-input" placeholder="Rechercher un film, un réalisateur...">
|
|
</div>
|
|
</div>
|
|
<div class="grid" id="grid"></div>
|
|
<div id="pub-pagination" class="pub-pagination"></div>
|
|
<div class="empty-state" id="empty-state" style="display:none">
|
|
<i class="ti ti-movie" aria-hidden="true"></i>
|
|
<p>Aucun contenu trouvé dans cette catégorie.</p>
|
|
</div>
|
|
|
|
<footer>Mon Cinéma — Journal personnel</footer>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="detail-overlay" id="detail-overlay" role="dialog" aria-modal="true" onclick="if(event.target===this) closeDetail()">
|
|
<div class="detail-modal" id="detail-modal-layout">
|
|
<button class="modal-close" onclick="closeDetail()" aria-label="Fermer"><i class="ti ti-x"></i></button>
|
|
<div class="detail-poster" id="d-poster-wrap">
|
|
<img id="d-poster" src="" alt="Affiche" />
|
|
</div>
|
|
<div class="detail-content">
|
|
<header class="detail-header-block">
|
|
<h2 class="detail-title" id="d-title"></h2>
|
|
<p class="detail-meta" id="d-meta"></p>
|
|
</header>
|
|
<div id="d-body"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/public.js"></script>
|
|
</body>
|
|
</html> |