Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <title>HRC Failure Overview</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/homepage.css" /> | |
| </head> | |
| <body class="home-body"> | |
| <div class="home-app app" style="background: transparent; border: none; box-shadow: none; padding: 0;"> | |
| <header class="home-header"> | |
| <div> | |
| <p class="eyebrow">Dashboard</p> | |
| <h1>Human–Robot Collaboration Failures</h1> | |
| <p class="lead"> | |
| Interactive browser linking each failure category to its definition and representative coded video | |
| segments. | |
| Click a category to inspect example clips and all coded instances. | |
| </p> | |
| </div> | |
| <div class="header-actions"> | |
| <a class="btn" href="all_videos.html">All videos</a> | |
| </div> | |
| </header> | |
| <section class="toolbar"> | |
| <label class="search"> | |
| <span>🔍</span> | |
| <input id="searchFail" type="search" placeholder="Search failures..." autocomplete="off" /> | |
| </label> | |
| <div class="pill-row"> | |
| <div class="pill primary" id="totalCount">0 categories</div> | |
| <div class="pill" id="videoCount">0 videos impacted</div> | |
| <div class="pill" id="segmentCount">0 segments</div> | |
| </div> | |
| </section> | |
| <section> | |
| <div id="failureGrid" class="failure-grid"></div> | |
| <div id="emptyState" class="empty-state" hidden>No failures match your search.</div> | |
| </section> | |
| </div> | |
| <script src="./assets/js/failures.js"></script> | |
| <script src="./assets/js/homepage.js"></script> | |
| </body> | |
| </html> |