86 lines
3.2 KiB
HTML
86 lines
3.2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
<title>Raccoon Search</title>
|
|
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"
|
|
/>
|
|
<meta name="description" content="Page description" />
|
|
</head>
|
|
|
|
<body>
|
|
<main class="container">
|
|
<article>
|
|
<h1>Search for a game</h1>
|
|
<p>
|
|
Please be aware this thing takes a lot of youtube API calls
|
|
and the free quota is limited.
|
|
</p>
|
|
<form hx-get="/search" hx-target="#search-results">
|
|
<fieldset>
|
|
<label>
|
|
Game name
|
|
<input
|
|
name="game"
|
|
placeholder="Ex: Stardew Valley"
|
|
autocomplete="given-name"
|
|
value="Stardew Valley"
|
|
/>
|
|
</label>
|
|
<div class="grid">
|
|
<label>
|
|
Number of channels to recover
|
|
<input type="number"
|
|
name="channelsNumber"
|
|
placeholder="3"
|
|
value="5"
|
|
>
|
|
</label>
|
|
<label>
|
|
Minimum median views?
|
|
<input type="number"
|
|
name="minimumViews"
|
|
placeholder="500"
|
|
value="500"
|
|
>
|
|
</label>
|
|
<label>
|
|
Number of videos for median views?
|
|
<input type="number"
|
|
name="videoCount"
|
|
placeholder="10"
|
|
value="10">
|
|
</label>
|
|
</div>
|
|
<div class="grid">
|
|
<label>
|
|
Force refresh of game + channels list
|
|
<input
|
|
type="checkbox"
|
|
name="forceGameFetch"
|
|
/>
|
|
</label>
|
|
<label>
|
|
Force refresh of videos datas
|
|
<input
|
|
type="checkbox"
|
|
name="forceVideoFetch"
|
|
/>
|
|
</label>
|
|
</div>
|
|
</fieldset>
|
|
<input type="submit" value="Search" />
|
|
</form>
|
|
</article>
|
|
<article>
|
|
<div id="search-results"></div>
|
|
</article>
|
|
</main>
|
|
<script src="https://unpkg.com/htmx.org@1.9.10"></script>
|
|
</body>
|
|
</html>
|