79 lines
2.9 KiB
HTML
79 lines
2.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>bug.tv — home</title>
|
|
<link rel="stylesheet" href="css/tokens.css">
|
|
<link rel="stylesheet" href="css/base.css">
|
|
<link rel="stylesheet" href="css/components.css">
|
|
<link rel="stylesheet" href="css/pages.css">
|
|
</head>
|
|
<body>
|
|
<header class="site-header">
|
|
<div class="container site-header__inner">
|
|
<a class="brand" href="index.html">bug<span>.tv</span></a>
|
|
<a class="site-header__nav" href="index.html">Home</a>
|
|
<a class="site-header__nav" href="search.html">Search</a>
|
|
<span class="site-header__spacer"></span>
|
|
<button class="btn btn--ghost btn--sm" id="settingsBtn" type="button">Settings</button>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="container page" id="content">
|
|
<section class="home-hero">
|
|
<h1>What do you want to watch?</h1>
|
|
<p>
|
|
One catalog, many sources. Pick a stream, and if it dies mid-episode,
|
|
switch source — your place is remembered.
|
|
</p>
|
|
<form class="search-bar__form" id="heroForm" role="search">
|
|
<input class="field search-bar__input" id="heroInput" type="search" placeholder="Search movies and shows…" autocomplete="off">
|
|
<button class="btn btn--primary" type="submit">Search</button>
|
|
</form>
|
|
<div class="chips" id="heroChips"></div>
|
|
</section>
|
|
|
|
<div id="sections"></div>
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<div class="container">
|
|
<span>bug.tv</span>
|
|
<span>API: <a id="apiBaseLabel" href="#" target="_blank" rel="noopener"></a></span>
|
|
</div>
|
|
</footer>
|
|
|
|
<div class="modal-overlay" id="settingsModal" hidden>
|
|
<div class="modal" role="dialog" aria-modal="true" aria-labelledby="settingsTitle">
|
|
<div class="modal__head">
|
|
<h2 class="modal__title" id="settingsTitle">Settings</h2>
|
|
<button class="btn btn--ghost btn--sm" id="settingsClose" type="button">Close</button>
|
|
</div>
|
|
<div class="modal__body">
|
|
<div>
|
|
<label class="field-label" for="apiBaseInput">API base URL</label>
|
|
<input class="field" id="apiBaseInput" type="url" placeholder="https://…">
|
|
<p class="modal__hint">
|
|
All requests go to this API. You can also override it for one session
|
|
by adding <code>?api=https://…</code> to any page URL.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="modal__actions">
|
|
<button class="btn" id="apiBaseReset" type="button">Reset to default</button>
|
|
<button class="btn btn--primary" id="apiBaseSave" type="button">Save</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/util.js"></script>
|
|
<script src="js/config.js"></script>
|
|
<script src="js/api.js"></script>
|
|
<script src="js/storage.js"></script>
|
|
<script src="js/cards.js"></script>
|
|
<script src="js/app.js"></script>
|
|
<script src="js/home.js"></script>
|
|
</body>
|
|
</html>
|