Files
yovision/prototypes/index.html
T

59 lines
3.5 KiB
HTML

<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="YoVision Sense、Brain、Bell 当前 MVP 交互原型入口">
<title>YoVision · 当前 MVP 交互原型</title>
<link rel="stylesheet" href="assets/styles.css">
</head>
<body class="prototype-home">
<svg class="sr-only" aria-hidden="true">
<symbol id="icon-camera" viewBox="0 0 24 24"><path d="M15 10l4.5-2.5v9L15 14z"/><rect x="3" y="6" width="12" height="12" rx="2"/></symbol>
<symbol id="icon-cpu" viewBox="0 0 24 24"><rect x="6" y="6" width="12" height="12" rx="2"/><path d="M9 1v3m6-3v3M9 20v3m6-3v3M1 9h3m-3 6h3m16-6h3m-3 6h3M9 9h6v6H9z"/></symbol>
<symbol id="icon-bell" viewBox="0 0 24 24"><path d="M18 8a6 6 0 00-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4"/></symbol>
<symbol id="icon-arrow" viewBox="0 0 24 24"><path d="M5 12h14m-5-5l5 5-5 5"/></symbol>
</svg>
<a class="skip-link" href="#main-content">跳到主要内容</a>
<header class="home-nav">
<div class="brand" aria-label="YoVision">
<span class="brand-mark">YV</span>
<span><span class="brand-name" style="color:var(--text)">YoVision</span><span class="brand-subtitle" style="color:var(--text-muted)">School Safety Suite</span></span>
</div>
<span class="prototype-pill">MVP #8 · 交互原型</span>
</header>
<main id="main-content" class="home-main" tabindex="-1">
<section class="hero">
<span class="status status-neutral">三项目 · 两个独立产品</span>
<h1>先独立跑通,<br>再可靠协作。</h1>
<p>这组原型对应当前 YoVision MVP:Sense 负责设备与视频感知管理,Brain 负责无界面匿名推理,Bell 负责独立预警处置。页面中的数据均为演示数据。</p>
</section>
<section class="product-grid" aria-label="选择产品原型">
<a class="product-card" href="sense/index.html">
<span class="product-icon"><svg aria-hidden="true"><use href="#icon-camera"></use></svg></span>
<h2>Sense</h2>
<p>智能 NVR 与视频感知管理面</p>
<ul><li>设备与 ONVIF/RTSP</li><li>MediaMTX 与实时监看</li><li>区域和方向警戒线</li></ul>
<span class="card-link">打开 Sense 原型 <svg aria-hidden="true"><use href="#icon-arrow"></use></svg></span>
</a>
<a class="product-card" href="brain/index.html">
<span class="product-icon"><svg aria-hidden="true"><use href="#icon-cpu"></use></svg></span>
<h2>Brain</h2>
<p>无客户界面的匿名推理交付单元</p>
<ul><li>合成/本地输入</li><li>解码、检测与跟踪</li><li>区域/越线项目内事件</li></ul>
<span class="card-link">打开内部流程原型 <svg aria-hidden="true"><use href="#icon-arrow"></use></svg></span>
</a>
<a class="product-card" href="bell/index.html">
<span class="product-icon"><svg aria-hidden="true"><use href="#icon-bell"></use></svg></span>
<h2>Bell</h2>
<p>独立事件预警与处置产品</p>
<ul><li>合成事件与不可变 Event</li><li>规则匹配与 Alert</li><li>并发 ack、close 与审计</li></ul>
<span class="card-link">打开 Bell 原型 <svg aria-hidden="true"><use href="#icon-arrow"></use></svg></span>
</a>
</section>
<aside class="boundary-note"><strong>边界说明:</strong>三个原型不代表共享账号、数据库或会话。Brain 页面仅供开发与验收理解内部流水线,不是第三个销售管理后台。</aside>
</main>
</body>
</html>