initnal
This commit is contained in:
@@ -0,0 +1,226 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Reverberation - 轻量级文本阅读器</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
|
||||
color: #333;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
header {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #2c3e50;
|
||||
font-size: 2.5em;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.tagline {
|
||||
font-size: 1.2em;
|
||||
color: #7f8c8d;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.card {
|
||||
background: white;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||
padding: 25px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #3498db;
|
||||
border-bottom: 2px solid #eee;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.usage {
|
||||
background-color: #f8f9fa;
|
||||
border-left: 4px solid #3498db;
|
||||
padding: 15px;
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
.author {
|
||||
text-align: center;
|
||||
margin-top: 30px;
|
||||
color: #7f8c8d;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.license {
|
||||
background-color: #e8f4fd;
|
||||
border-radius: 5px;
|
||||
padding: 15px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.buttons {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 20px 0;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.button {
|
||||
background-color: #3498db;
|
||||
color: white;
|
||||
padding: 12px 16px;
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
font-weight: bold;
|
||||
transition: background-color 0.3s;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background-color: #2980b9;
|
||||
}
|
||||
|
||||
.widget-section {
|
||||
text-align: center;
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.osc_pro_color {color: #4183c4 !important;}
|
||||
.osc_panel_color {background-color: #ffffff !important;}
|
||||
.osc_background_color {background-color: #ffffff !important;}
|
||||
.osc_border_color {border-color: #e3e9ed !important;}
|
||||
.osc_desc_color {color: #666666 !important;}
|
||||
.osc_link_color * {color: #9b9b9b !important;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<h1>Reverberation</h1>
|
||||
<div class="tagline">轻量级文本阅读器，比nano更轻便，比echo更实用</div>
|
||||
</header>
|
||||
|
||||
<div class="widget-section">
|
||||
<script src='https://gitee.com/ironbayberry/reverberation/widget_preview' async defer></script>
|
||||
<div id="osc-gitee-widget-tag"></div>
|
||||
</div>
|
||||
|
||||
<div class="buttons">
|
||||
<a href="https://gitee.com/ironbayberry/reverberation" target="_blank" class="button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
|
||||
<path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm0 22.5c-5.799 0-10.5-4.701-10.5-10.5S6.201 1.5 12 1.5 22.5 6.201 22.5 12 17.799 22.5 12 22.5z"/>
|
||||
<circle cx="7.5" cy="12" r="1.5"/>
|
||||
<circle cx="12" cy="12" r="1.5"/>
|
||||
<circle cx="16.5" cy="12" r="1.5"/>
|
||||
</svg>
|
||||
Gitee
|
||||
</a>
|
||||
<a href="https://crates.io/crates/reverberation" target="_blank" class="button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
|
||||
<path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm0 22.5c-5.799 0-10.5-4.701-10.5-10.5S6.201 1.5 12 1.5 22.5 6.201 22.5 12 17.799 22.5 12 22.5z"/>
|
||||
<path d="M16.5 8.25H7.5c-.828 0-1.5.672-1.5 1.5v4.5c0 .828.672 1.5 1.5 1.5h9c.828 0 1.5-.672 1.5-1.5v-4.5c0-.828-.672-1.5-1.5-1.5zM8.25 12.75h6v1.5h-6v-1.5z"/>
|
||||
</svg>
|
||||
Crates.io
|
||||
</a>
|
||||
<a href="https://docs.rs/reverberation" target="_blank" class="button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
|
||||
<path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm0 22.5c-5.799 0-10.5-4.701-10.5-10.5S6.201 1.5 12 1.5 22.5 6.201 22.5 12 17.799 22.5 12 22.5z"/>
|
||||
<path d="M12 4.5c-4.136 0-7.5 3.364-7.5 7.5s3.364 7.5 7.5 7.5 7.5-3.364 7.5-7.5-3.364-7.5-7.5-7.5zm0 13.5c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6-2.692 6-6 6z"/>
|
||||
<path d="M12 7.5c-.828 0-1.5.672-1.5 1.5s.672 1.5 1.5 1.5 1.5-.672 1.5-1.5-.672-1.5-1.5-1.5z"/>
|
||||
</svg>
|
||||
Docs.rs
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<main>
|
||||
<div class="card">
|
||||
<h2>项目简介</h2>
|
||||
<p>Reverberation 是一款轻量级的命令行工具，可以逐字显示文本内容，并带有可配置的延迟时间。它设计简洁，易于使用，适合展示文本内容或逐步阅读文本。</p>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h2>功能特性</h2>
|
||||
<ul>
|
||||
<li>逐字显示文本内容</li>
|
||||
<li>可配置字符显示间隔时间</li>
|
||||
<li>轻量级设计，资源占用少</li>
|
||||
<li>简单易用的命令行界面</li>
|
||||
<li>支持任意文本文件格式</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h2>使用方法</h2>
|
||||
<p>在命令行中运行以下命令：</p>
|
||||
<div class="usage">
|
||||
reverberation <filename> <delay_ms>
|
||||
</div>
|
||||
|
||||
<ul>
|
||||
<li><strong>filename</strong>: 要逐字显示的文本文件</li>
|
||||
<li><strong>delay_ms</strong>: 每个字符之间的延迟时间（毫秒）</li>
|
||||
</ul>
|
||||
|
||||
<p>获取帮助信息：</p>
|
||||
<div class="usage">
|
||||
reverberation --help
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h2>构建方法</h2>
|
||||
<p>使用 Cargo 构建发布版本：</p>
|
||||
<div class="usage">
|
||||
cargo build --release
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>安装方法</h2>
|
||||
<p>使用 Cargo 一键安装：</p>
|
||||
<div class="usage">
|
||||
cargo install reverberation
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card license">
|
||||
<h2>许可证</h2>
|
||||
<p>此项目采用 Mozilla Public License Version 2.0 许可证。</p>
|
||||
<p>完整的许可证文本可在项目根目录下的 LICENSE 文件中找到。</p>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="author">
|
||||
Designed by S.A. | (C) SNOWARE 2026
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user