spark-server/health-web/index.html
DESKTOP-L8OUL9F\gfl0034 1bbf3b97c7 feat(web): 为 Sleep Heart 官网补上多语言切换
已部署站点需要按访客语言展示导航与协议正文,因此把文案抽到语言包并加上语言选择。

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-10-12 01:46:06 +08:00

98 lines
5.0 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>