knight/TLC-Search
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
knight
2025-11-02 01:14:36 -04:00
commit fcdc6ecb9b
13 changed files with 2883 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
static/index.html Normal file
View File

@@ -0,0 +1,63 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>This Little Corner (Python)</title>
<link rel="stylesheet" href="/static/style.css" />
<script src="https://cdn.jsdelivr.net/npm/d3@7/dist/d3.min.js"></script>
</head>
<body>
<header>
<h1>This Little Corner — Elastic Search</h1>
<p class="muted">
Enter a phrase to query title, description, and transcript text.
</p>
</header>
<section class="controls">
<input id="q" type="text" placeholder="Search..." size="40" />
<details id="channelDropdown" class="channel-dropdown">
<summary id="channelSummary">All Channels</summary>
<div id="channelOptions" class="channel-options muted">
<div>Loading channels…</div>
</div>
</details>
<select id="sort">
<option value="relevant">Most relevant</option>
<option value="newer">Newest first</option>
<option value="older">Oldest first</option>
</select>
<select id="size">
<option value="10">10</option>
<option value="25">25</option>
<option value="50">50</option>
</select>
<button id="searchBtn">Search</button>
</section>
<section class="controls muted">
<label><input type="checkbox" id="exactToggle" checked /> Exact</label>
<label><input type="checkbox" id="fuzzyToggle" checked /> Fuzzy</label>
<label><input type="checkbox" id="phraseToggle" checked /> Phrase</label>
<label><input type="checkbox" id="queryStringToggle" /> Query string mode</label>
</section>
<section class="summary-row">
<div class="summary-left">
<section id="meta" class="muted"></section>
<section id="metrics">
<div id="metricsStatus" class="muted"></div>
<div id="metricsContent"></div>
</section>
</div>
<div class="summary-right">
<section id="frequencySummary" class="muted"></section>
<div id="frequencyChart"></div>
</div>
</section>
<section id="results"></section>
<script src="/static/app.js"></script>
</body>
</html>