first commit
Some checks failed
Code quality checks / biome (push) Failing after 13s

This commit is contained in:
creations 2025-06-08 17:17:18 -04:00
commit ae3224c18b
Signed by: creations
GPG key ID: 8F553AA4320FC711
30 changed files with 2455 additions and 0 deletions

51
public/index.html Normal file
View file

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en" data-theme="dark">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Stream Dashboard</title>
<meta name="color-scheme" content="dark" />
<link rel="stylesheet" href="/public/css/style.css" />
<script type="module" src="/public/js/index.js" defer></script>
</head>
<body>
<div class="container">
<header>
<h1 class="title">Live Streams</h1>
<div class="search-container">
<input type="text" id="searchInput" class="search-input" placeholder="Search streams..." />
</div>
</header>
<section class="stats">
<div class="stat-item">
<span class="stat-label">Total Streams:</span>
<span id="totalStreams" class="stat-value">0</span>
</div>
<div class="stat-item">
<span class="stat-label">Online:</span>
<span id="onlineStreams" class="stat-value">0</span>
</div>
</section>
<section id="loadingState" class="loading">
<div class="spinner"></div>
<p>Loading streams...</p>
</section>
<section id="errorState" class="error-state" style="display: none;">
<p>Failed to load streams. Please try again.</p>
<button id="retryBtn" class="retry-btn">Retry</button>
</section>
<section id="streamsContainer" class="streams-grid" style="display: none;"></section>
<section id="noResults" class="no-results" style="display: none;">
<p>No streams found matching your search.</p>
</section>
</div>
</body>
</html>