34 lines
1.3 KiB
HTML
34 lines
1.3 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>LRC Local</title>
|
|
<link rel="stylesheet" href="/styles.css">
|
|
</head>
|
|
<body>
|
|
<main class="shell">
|
|
<header>
|
|
<div class="brand">LRC <span>Local</span></div>
|
|
<div class="local-pill"><i></i> 本机运行中</div>
|
|
</header>
|
|
<section class="hero">
|
|
<p class="eyebrow">LOCAL-FIRST LYRIC TOOL</p>
|
|
<h1>把歌词带走，<br><em>别把隐私留下。</em></h1>
|
|
<p class="lead">搜索与歌词请求从这台电脑直接发出。关键词、歌词和下载文件不会经过我们的服务器。</p>
|
|
<form id="search-form">
|
|
<label for="keyword">歌曲、歌手或专辑</label>
|
|
<div class="search-row">
|
|
<input id="keyword" name="keyword" maxlength="100" autocomplete="off" placeholder="例如：起风了" required autofocus>
|
|
<button type="submit">搜索歌词</button>
|
|
</div>
|
|
</form>
|
|
<div id="notice" class="notice" role="status" aria-live="polite"></div>
|
|
</section>
|
|
<section id="results" class="results" aria-label="搜索结果"></section>
|
|
<footer>非 QQ 音乐官方工具。请仅下载和使用你有权访问的歌词内容。</footer>
|
|
</main>
|
|
<script src="/app.js" defer></script>
|
|
</body>
|
|
</html>
|