This commit is contained in:
4DBug
2026-08-26 23:14:32 -05:00
parent fc0e2c7af6
commit b30b4fd8ed
5 changed files with 51 additions and 46 deletions
+11 -11
View File
@@ -4,10 +4,10 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>bug.tv — home</title> <title>bug.tv — home</title>
<link rel="stylesheet" href="css/tokens.css"> <link rel="stylesheet" href="css/tokens.css?v=20260826">
<link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/base.css?v=20260826">
<link rel="stylesheet" href="css/components.css"> <link rel="stylesheet" href="css/components.css?v=20260826">
<link rel="stylesheet" href="css/pages.css"> <link rel="stylesheet" href="css/pages.css?v=20260826">
</head> </head>
<body> <body>
<header class="site-header"> <header class="site-header">
@@ -42,12 +42,12 @@
</div> </div>
</footer> </footer>
<script src="js/util.js"></script> <script src="js/util.js?v=20260826"></script>
<script src="js/config.js"></script> <script src="js/config.js?v=20260826"></script>
<script src="js/api.js"></script> <script src="js/api.js?v=20260826"></script>
<script src="js/storage.js"></script> <script src="js/storage.js?v=20260826"></script>
<script src="js/cards.js"></script> <script src="js/cards.js?v=20260826"></script>
<script src="js/app.js"></script> <script src="js/app.js?v=20260826"></script>
<script src="js/home.js"></script> <script src="js/home.js?v=20260826"></script>
</body> </body>
</html> </html>
+6 -1
View File
@@ -51,13 +51,17 @@
? 'TV' ? 'TV'
: 'Movie'); : 'Movie');
const metaHtml = item.metaHtml || `<span class="card__meta__text">${esc(meta)}</span>`; const metaHtml = item.metaHtml || `<span class="card__meta__text">${esc(meta)}</span>`;
const title = item.hideTitle
? ''
: `<span class="card__title">${esc(item.name)}</span>`;
el.innerHTML = ` el.innerHTML = `
<span class="card__poster${poster ? '' : ' card__poster--empty'}"> <span class="card__poster${poster ? '' : ' card__poster--empty'}">
${poster ? `<img src="${poster}" alt="" loading="lazy">` : '?'} ${poster ? `<img src="${poster}" alt="" loading="lazy">` : '?'}
${progress} ${progress}
</span> </span>
<span class="card__title">${esc(item.name)}</span> ${title}
<span class="card__meta">${metaHtml}</span>`; <span class="card__meta">${metaHtml}</span>`;
if (item.hideTitle) el.setAttribute('aria-label', `${item.name}${meta}`);
return el; return el;
} }
@@ -97,6 +101,7 @@
episode: r.episode, episode: r.episode,
name: r.show || r.title || '', name: r.show || r.title || '',
poster: r.poster || '', poster: r.poster || '',
hideTitle: true,
meta: meta:
r.type === 'tv' r.type === 'tv'
? `S${r.season} · E${r.episode} · ${formatSeconds(Math.max(0, r.d - r.t))} left` ? `S${r.season} · E${r.episode} · ${formatSeconds(Math.max(0, r.d - r.t))} left`
+11 -11
View File
@@ -4,10 +4,10 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>bug.tv — search</title> <title>bug.tv — search</title>
<link rel="stylesheet" href="css/tokens.css"> <link rel="stylesheet" href="css/tokens.css?v=20260826">
<link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/base.css?v=20260826">
<link rel="stylesheet" href="css/components.css"> <link rel="stylesheet" href="css/components.css?v=20260826">
<link rel="stylesheet" href="css/pages.css"> <link rel="stylesheet" href="css/pages.css?v=20260826">
</head> </head>
<body> <body>
<header class="site-header"> <header class="site-header">
@@ -50,12 +50,12 @@
</div> </div>
</footer> </footer>
<script src="js/util.js"></script> <script src="js/util.js?v=20260826"></script>
<script src="js/config.js"></script> <script src="js/config.js?v=20260826"></script>
<script src="js/api.js"></script> <script src="js/api.js?v=20260826"></script>
<script src="js/storage.js"></script> <script src="js/storage.js?v=20260826"></script>
<script src="js/cards.js"></script> <script src="js/cards.js?v=20260826"></script>
<script src="js/app.js"></script> <script src="js/app.js?v=20260826"></script>
<script src="js/search.js"></script> <script src="js/search.js?v=20260826"></script>
</body> </body>
</html> </html>
+11 -11
View File
@@ -4,10 +4,10 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>bug.tv — settings</title> <title>bug.tv — settings</title>
<link rel="stylesheet" href="css/tokens.css"> <link rel="stylesheet" href="css/tokens.css?v=20260826">
<link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/base.css?v=20260826">
<link rel="stylesheet" href="css/components.css"> <link rel="stylesheet" href="css/components.css?v=20260826">
<link rel="stylesheet" href="css/pages.css"> <link rel="stylesheet" href="css/pages.css?v=20260826">
</head> </head>
<body> <body>
<header class="site-header"> <header class="site-header">
@@ -81,12 +81,12 @@
</div> </div>
</footer> </footer>
<script src="js/util.js"></script> <script src="js/util.js?v=20260826"></script>
<script src="js/config.js"></script> <script src="js/config.js?v=20260826"></script>
<script src="js/api.js"></script> <script src="js/api.js?v=20260826"></script>
<script src="js/storage.js"></script> <script src="js/storage.js?v=20260826"></script>
<script src="js/cards.js"></script> <script src="js/cards.js?v=20260826"></script>
<script src="js/app.js"></script> <script src="js/app.js?v=20260826"></script>
<script src="js/settings.js"></script> <script src="js/settings.js?v=20260826"></script>
</body> </body>
</html> </html>
+12 -12
View File
@@ -4,10 +4,10 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>bug.tv — watch</title> <title>bug.tv — watch</title>
<link rel="stylesheet" href="css/tokens.css"> <link rel="stylesheet" href="css/tokens.css?v=20260826">
<link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/base.css?v=20260826">
<link rel="stylesheet" href="css/components.css"> <link rel="stylesheet" href="css/components.css?v=20260826">
<link rel="stylesheet" href="css/pages.css"> <link rel="stylesheet" href="css/pages.css?v=20260826">
</head> </head>
<body> <body>
<header class="site-header"> <header class="site-header">
@@ -113,13 +113,13 @@
</footer> </footer>
<script src="vendor/hls.min.js"></script> <script src="vendor/hls.min.js"></script>
<script src="js/util.js"></script> <script src="js/util.js?v=20260826"></script>
<script src="js/config.js"></script> <script src="js/config.js?v=20260826"></script>
<script src="js/api.js"></script> <script src="js/api.js?v=20260826"></script>
<script src="js/storage.js"></script> <script src="js/storage.js?v=20260826"></script>
<script src="js/cards.js"></script> <script src="js/cards.js?v=20260826"></script>
<script src="js/app.js"></script> <script src="js/app.js?v=20260826"></script>
<script src="js/player.js"></script> <script src="js/player.js?v=20260826"></script>
<script src="js/watch.js"></script> <script src="js/watch.js?v=20260826"></script>
</body> </body>
</html> </html>