Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <title>Failure Category</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/codebook.css" /> | |
| <link rel="stylesheet" href="./assets/css/table.css" /> | |
| </head> | |
| <body class="category-page"> | |
| <div class="app category-app"> | |
| <div class="header-row"> | |
| <div> | |
| <p class="eyebrow">Failure Category</p> | |
| <h1 id="catTitle">Loading…</h1> | |
| <p class="note" id="catDef"></p> | |
| </div> | |
| <div style="display:flex; gap:10px; flex-wrap:wrap; align-items:center;"> | |
| <a href="index.html" class="nav-link">🏠 Home</a> | |
| <a href="all_videos.html" class="nav-link">📊 All videos</a> | |
| </div> | |
| </div> | |
| <section class="card"> | |
| <div class="subheading">Representative coded segment</div> | |
| <p class="note" style="margin:6px 0 12px;" id="repMeta"></p> | |
| <div class="video-wrapper"> | |
| <div id="repEmpty" class="empty-video" hidden>No coded instances found for this category.</div> | |
| <div class="video-grid" id="repGrid"></div> | |
| </div> | |
| <!-- <div class="hint" style="margin-top:10px;"> | |
| Tip: the clip auto-plays from the computed start time and loops at the computed end time. | |
| </div> --> | |
| </section> | |
| <section class="card"> | |
| <div class="subheading">All coded instances</div> | |
| <div class="pill-row" style="margin:10px 0 0;"> | |
| <div class="pill primary" id="instCount">0 segments</div> | |
| <div class="pill" id="instVideoCount">0 videos</div> | |
| </div> | |
| <div class="table-card" style="margin-top:12px;"> | |
| <table id="catTable"> | |
| <thead> | |
| <tr> | |
| <th>Filename</th> | |
| <th>Frames</th> | |
| <th>Video</th> | |
| </tr> | |
| </thead> | |
| <tbody></tbody> | |
| </table> | |
| </div> | |
| </section> | |
| </div> | |
| <script src="./assets/js/failures.js"></script> | |
| <script src="./assets/js/video_segment.js"></script> | |
| <script src="./assets/js/category.js"></script> | |
| </body> | |
| </html> |