已部署站点需要按访客语言展示导航与协议正文,因此把文案抽到语言包并加上语言选择。 Co-authored-by: Cursor <cursoragent@cursor.com>
98 lines
5.0 KiB
HTML
98 lines
5.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
||
<title>Sleep Heart</title>
|
||
<meta name="description" content="Sleep Heart 官网:睡眠声监测、指尖心率估算、助眠音乐与呼吸训练。测量结果仅供个人参考,不是医疗诊断。" />
|
||
<link rel="icon" href="/assets/icon.png" type="image/png" />
|
||
<link rel="stylesheet" href="/assets/site.css?v=20261011lang" />
|
||
</head>
|
||
<body data-page="home">
|
||
<header class="top">
|
||
<div class="wrap top-inner">
|
||
<a class="brand" href="/">
|
||
<img src="/assets/icon.png" width="40" height="40" alt="" />
|
||
<span>Sleep Heart</span>
|
||
</a>
|
||
<div class="top-tools">
|
||
<nav class="nav" aria-label="页面">
|
||
<a href="/" data-i18n="navHome" aria-current="page">首页</a>
|
||
<a href="/download" data-i18n="navDownload">下载</a>
|
||
<a href="/delete" data-i18n="navDelete">注销</a>
|
||
<a href="/privacy" data-i18n="navPrivacy">隐私协议</a>
|
||
<a href="/terms" data-i18n="navTerms">用户协议</a>
|
||
</nav>
|
||
<label class="lang-label">
|
||
<span data-i18n="langLabel">语言</span>
|
||
<select id="lang-select"></select>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<main>
|
||
<div class="wrap">
|
||
<section class="hero">
|
||
<img src="/assets/icon.png" width="148" height="148" alt="Sleep Heart 图标" data-i18n-alt="iconAlt" />
|
||
<div>
|
||
<h1>Sleep Heart</h1>
|
||
<p class="lead" data-i18n="lead">在这台 iPhone 上查看夜间声音环境、估算指尖心率,并记下你自己填写的日常健康数字。可以听助眠音乐,按节奏做呼吸练习,登录后也可以在广场发帖。</p>
|
||
<div class="actions">
|
||
<a class="btn btn-primary" href="/download" data-i18n="navDownload">下载</a>
|
||
<a class="btn btn-ghost" href="/privacy" data-i18n="navPrivacy">隐私协议</a>
|
||
<a class="btn btn-ghost" href="/terms" data-i18n="navTerms">用户协议</a>
|
||
</div>
|
||
<p class="note" data-i18n="note">测量和监测结果只供个人参考,不是医疗诊断,不能代替血压计、血糖仪、血氧仪、体温计或就医。</p>
|
||
</div>
|
||
</section>
|
||
<section class="section">
|
||
<h2 data-i18n="homeH2">可以做什么</h2>
|
||
<div class="grid">
|
||
<article class="card">
|
||
<h3 data-i18n="musicT">音乐</h3>
|
||
<p data-i18n="musicP">播放助眠内容。场景包括自然白噪、深度冥想、呼吸疗愈、治愈乐器和脑波音乐。播放方式有顺序、随机、循环和勾选播放。</p>
|
||
</article>
|
||
<article class="card">
|
||
<h3 data-i18n="heartT">心率</h3>
|
||
<p data-i18n="heartP">用后置相机和闪光灯做指尖光学估算。画面在本机处理,不会上传。同一页可以手填体重、步数、血压、血糖、经期、血氧、体温和饮水。</p>
|
||
</article>
|
||
<article class="card">
|
||
<h3 data-i18n="sleepT">睡眠</h3>
|
||
<p data-i18n="sleepP">打开监测后使用麦克风,在本机识别夜间声音并保存可回放的短片段。录音和识别结果只留在这台 iPhone,不会上传。</p>
|
||
</article>
|
||
<article class="card">
|
||
<h3 data-i18n="discoverT">发现</h3>
|
||
<p data-i18n="discoverP">进入广场和呼吸训练。呼吸练习有箱式、4-7-8、舒缓吸呼和共振四种节奏,可以静音,也可以用喜欢的音乐做背景。</p>
|
||
</article>
|
||
<article class="card">
|
||
<h3 data-i18n="profileT">我的</h3>
|
||
<p data-i18n="profileP">管理账号、会员、主题、语言和意见反馈。已登录后,注销入口在「设置」里的「账号与安全」。</p>
|
||
</article>
|
||
<article class="card">
|
||
<h3 data-i18n="vipT">会员</h3>
|
||
<p data-i18n="vipP">会员音频可完整播放并收藏,本地音频导入不限数量,指尖心率测量不限次数。不购买也可以使用免费音频、本机健康记录、睡眠声监测和呼吸训练。</p>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</main>
|
||
<footer class="foot">
|
||
<div class="wrap foot-inner">
|
||
<div>
|
||
<strong>Sleep Heart</strong>
|
||
<p data-i18n="company">上海微雨如酥网络设计有限公司</p>
|
||
</div>
|
||
<nav class="foot-links" aria-label="页脚">
|
||
<a href="/" data-i18n="navHome">首页</a>
|
||
<a href="/download" data-i18n="navDownload">下载</a>
|
||
<a href="/delete" data-i18n="navDelete">注销</a>
|
||
<a href="/privacy" data-i18n="navPrivacy">隐私协议</a>
|
||
<a href="/terms" data-i18n="navTerms">用户协议</a>
|
||
</nav>
|
||
</div>
|
||
</footer>
|
||
<script src="/assets/i18n/zh-Hans.js?v=20261011lang"></script>
|
||
<script src="/assets/site.js?v=20261011lang"></script>
|
||
</body>
|
||
</html>
|