root
5c7116557d
- Integrated HTMX for server-driven UI updates and fragments - Adopted Alpine.js for global reactive state and tab management - Replaced legacy player with Plyr.io for premium streaming experience - Implemented real-time download polling via HTMX - Added server-sent Toast notification system - Fixed navigation and authentication scoping issues
43 lines
1.8 KiB
HTML
43 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Ohm Stream Downloader</title>
|
|
|
|
<!-- CSS -->
|
|
<link rel="stylesheet" href="/static/css/style.css">
|
|
<link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css" />
|
|
|
|
<!-- External Libraries -->
|
|
<script src="https://unpkg.com/htmx.org@1.9.10"></script>
|
|
<script src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js" defer></script>
|
|
<script src="https://cdn.plyr.io/3.7.8/plyr.polyfilled.js"></script>
|
|
|
|
<!-- Legacy JavaScript (To be refactored) -->
|
|
<script src="/static/js/auth.js?v=1.10" defer></script>
|
|
<script src="/static/js/api.js?v=1.11" defer></script>
|
|
<script src="/static/js/utils.js?v=1.11" defer></script>
|
|
<script src="/static/js/downloads.js?v=1.11" defer></script>
|
|
<script src="/static/js/anime.js?v=1.11" defer></script>
|
|
<script src="/static/js/anime-details.js?v=1.12" defer></script>
|
|
<script src="/static/js/series-search.js?v=1.11" defer></script>
|
|
<script src="/static/js/recommendations.js?v=1.11" defer></script>
|
|
<script src="/static/js/tabs.js?v=1.11" defer></script>
|
|
<script src="/static/js/watchlist.js?v=1.11" defer></script>
|
|
<script src="/static/js/watchlist-ui.js?v=1.11" defer></script>
|
|
<script src="/static/js/main.js?v=1.11" defer></script>
|
|
</head>
|
|
<body x-data="{
|
|
activeTab: 'home',
|
|
isAuthenticated: false,
|
|
username: ''
|
|
}" @set-tab.window="activeTab = $event.detail.tab"
|
|
@auth-success.window="isAuthenticated = true; username = $event.detail.username; activeTab = 'home'">
|
|
{% include "components/toast_container.html" %}
|
|
<div class="container">
|
|
{% block content %}{% endblock %}
|
|
</div>
|
|
</body>
|
|
</html>
|