root
9f85908ff3
- Modernized the frontend with HTMX for server-driven UI and Alpine.js for client state. - Refactored anime, player, and recommendation logic into modular routers. - Updated README.md to reflect the latest project state and technologies (v2.4). - Added Plyr.io for an improved streaming experience. - Improved project structure with componentized templates. - Added Playwright and Vitest configuration for frontend testing.
42 lines
1.4 KiB
HTML
42 lines
1.4 KiB
HTML
<!-- Home Section: Premium Layout -->
|
|
<div id="tab-home" class="tab-content" x-show="activeTab === 'home'">
|
|
|
|
<!-- Hero / Featured area could go here later -->
|
|
|
|
<!-- Recommendations Row -->
|
|
<div class="section-container">
|
|
<div class="section-header">
|
|
<h2>🎯 Recommandé pour vous</h2>
|
|
<button class="btn-secondary btn-small"
|
|
hx-get="/api/recommendations"
|
|
hx-target="#recommendationsList">
|
|
<i class="fas fa-sync-alt"></i> Actualiser
|
|
</button>
|
|
</div>
|
|
<div id="recommendationsList"
|
|
hx-get="/api/recommendations"
|
|
hx-trigger="load delay:100ms"
|
|
class="streaming-row">
|
|
<div class="loading-spinner"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Latest Releases Row -->
|
|
<div class="section-container">
|
|
<div class="section-header">
|
|
<h2>🔥 Dernières sorties</h2>
|
|
<button class="btn-secondary btn-small"
|
|
hx-get="/api/releases/latest"
|
|
hx-target="#releasesList">
|
|
<i class="fas fa-sync-alt"></i> Actualiser
|
|
</button>
|
|
</div>
|
|
<div id="releasesList"
|
|
hx-get="/api/releases/latest"
|
|
hx-trigger="load delay:300ms"
|
|
class="streaming-row">
|
|
<div class="loading-spinner"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|