Spaces:
Running
Running
File size: 1,857 Bytes
5233510 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>All Coded Video Segments</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<base href="./">
<link rel="stylesheet" href="./assets/css/shared.css" />
<link rel="stylesheet" href="./assets/css/table.css" />
</head>
<body>
<div class="app">
<div class="header-row">
<div>
<p class="eyebrow">All Videos</p>
<h1>All Coded Video Segments</h1>
<p class="note">Search by filename or label. Each embedded video loops only the annotated segment.</p>
</div>
<div style="display:flex; gap:10px; flex-wrap:wrap; align-items:center;">
<a href="index.html" class="nav-link">🏠 Home</a>
</div>
</div>
<div class="search-row">
<label class="search-box">
<input type="search" id="search" placeholder="Search by video filename or label..." autocomplete="off">
<span>🔍</span>
</label>
<div class="pill-row">
<div class="pill primary" id="rowsCount">0 segments</div>
<div class="pill" id="videosCount">0 videos</div>
</div>
</div>
<div class="table-card">
<table id="segmentsTable">
<thead>
<tr>
<th>Filename</th>
<th>Label</th>
<th>Frames</th>
<th>Video (loops segment)</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
<script src="./assets/js/video_segment.js"></script>
<script src="./assets/js/all_videos.js"></script>
</body>
</html> |