Spaces:
Running
Running
| <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> |