Rebuild site with Hugo: unified dark theme, SVG logo, data-driven content
This commit is contained in:
@@ -0,0 +1,3 @@
|
|||||||
|
public/
|
||||||
|
.hugo_build.lock
|
||||||
|
.idea/
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>错误</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>请求的页面未找到</h1>
|
|
||||||
<p>请检查大小写/url是否打错</p>
|
|
||||||
<a href="http://swe-iss.rth1.xyz/">回到主页</a>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,24 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>S.A. XAGuarder</title>
|
|
||||||
<style>
|
|
||||||
.grey-bg-white-text {
|
|
||||||
background-color: grey; /* 灰底 */
|
|
||||||
color: white; /* 白字 */
|
|
||||||
padding: 50px; /* 文本内填充 */
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="grey-bg-white-text">
|
|
||||||
<img src="https://file.atomgit.com/uploads/user/1754052130447_4842.png" alt="Logo Source:atomgit::user_head">
|
|
||||||
先占个位，XAGuarder还要一段时间才能上线，当前已有ip，域名拦截能力
|
|
||||||
<a href="http://saswe.rth1.xyz/XAGuarder/warning.html">拦截页面式样</a>
|
|
||||||
Copyright(C) 2025 S.A. All rights received.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,25 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>S.A. XA Defended!</title>
|
|
||||||
<style>
|
|
||||||
.blue-bg-white-text {
|
|
||||||
background-color: red; /* 红底 */
|
|
||||||
color: white; /* 白字 */
|
|
||||||
padding: 50px; /* 文本内填充 */
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="blue-bg-white-text">
|
|
||||||
<img src="https://file.atomgit.com/uploads/user/1754052130447_4842.png" alt="Logo Source:atomgit::user_head">
|
|
||||||
<img src="https://atomgit.com/snoware/res/raw/master/79b6677ccfd646ea936aea3aff6b7702.jpeg">
|
|
||||||
发现不良网站！XAGuarder保护了您。
|
|
||||||
如果这是正常的网站，请检查是否通过当地公安机关备案。
|
|
||||||
Copyright(C) 2025 S.A. All rights received.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -0,0 +1,4 @@
|
|||||||
|
---
|
||||||
|
title: "SNOWARE"
|
||||||
|
layout: "home"
|
||||||
|
---
|
||||||
@@ -0,0 +1,8 @@
|
|||||||
|
---
|
||||||
|
title: "ISS 资源下载"
|
||||||
|
description: "一班 · 自学支持 · 资源下载"
|
||||||
|
accent: "#1565c0"
|
||||||
|
---
|
||||||
|
帮助学生查漏补缺、习题重练、预习复习。所有资源仅供自学使用。
|
||||||
|
|
||||||
|
提示：蓝奏云链接密码会自动填入，无需手动输入。
|
||||||
@@ -0,0 +1,6 @@
|
|||||||
|
---
|
||||||
|
title: "文件列表"
|
||||||
|
description: "学科资源文件列表"
|
||||||
|
accent: "#1565c0"
|
||||||
|
layout: "filelist"
|
||||||
|
---
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
title: "我的作品"
|
||||||
|
description: "S.A. 的开源项目与作品展示"
|
||||||
|
accent: "#009688"
|
||||||
|
---
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
---
|
||||||
|
title: "btcli"
|
||||||
|
description: "命令行翻译工具，配备 TUI 界面"
|
||||||
|
accent: "#ff8f00"
|
||||||
|
slug: "btcli"
|
||||||
|
layout: "software-detail"
|
||||||
|
project: "btcli"
|
||||||
|
has_drag_ball: true
|
||||||
|
---
|
||||||
@@ -0,0 +1,8 @@
|
|||||||
|
---
|
||||||
|
title: "MineSentinel"
|
||||||
|
description: "Minecraft 服务器智能守护进程"
|
||||||
|
accent: "#00bcd4"
|
||||||
|
slug: "minesentinel"
|
||||||
|
layout: "software-detail"
|
||||||
|
project: "minesentinel"
|
||||||
|
---
|
||||||
@@ -0,0 +1,8 @@
|
|||||||
|
---
|
||||||
|
title: "Mint Runtime"
|
||||||
|
description: "安全特性驱动的 Lua 运行时"
|
||||||
|
accent: "#7c4dff"
|
||||||
|
slug: "mint"
|
||||||
|
layout: "software-detail"
|
||||||
|
project: "mint"
|
||||||
|
---
|
||||||
@@ -0,0 +1,8 @@
|
|||||||
|
---
|
||||||
|
title: "Reverberation"
|
||||||
|
description: "轻量级文本阅读器"
|
||||||
|
accent: "#607d8b"
|
||||||
|
slug: "reverberation"
|
||||||
|
layout: "software-detail"
|
||||||
|
project: "reverberation"
|
||||||
|
---
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
title: "XAGuarder"
|
||||||
|
description: "网站安全拦截服务"
|
||||||
|
accent: "#f44336"
|
||||||
|
---
|
||||||
@@ -0,0 +1,6 @@
|
|||||||
|
---
|
||||||
|
title: "XA Defended!"
|
||||||
|
description: "XAGuarder 拦截警告页面"
|
||||||
|
layout: "warning"
|
||||||
|
accent: "#f44336"
|
||||||
|
---
|
||||||
@@ -0,0 +1,91 @@
|
|||||||
|
[[projects]]
|
||||||
|
name = "MineSentinel"
|
||||||
|
slug = "minesentinel"
|
||||||
|
description = "Minecraft 服务器智能守护进程，TCP 端口检测 + 崩溃自动重启 + 防循环冷却期"
|
||||||
|
accent = "#00bcd4"
|
||||||
|
repo_url = "https://gitee.com/snoware/minesentinel"
|
||||||
|
demo_url = "/softwares/minesentinel/"
|
||||||
|
doc_url = "https://gitee.com/snoware/minesentinel/blob/master/DEPLOY.md"
|
||||||
|
tags = ["Ruby", "Minecraft", "Daemon"]
|
||||||
|
features = [
|
||||||
|
{ title = "TCP 端口检测", desc = "实时监控服务器端口状态，及时发现异常" },
|
||||||
|
{ title = "崩溃自动重启", desc = "服务器崩溃后自动重启，无需人工干预" },
|
||||||
|
{ title = "防循环冷却期", desc = "连续崩溃时进入冷却期，防止无限重启循环" },
|
||||||
|
{ title = "灵活配置", desc = "通过配置文件自定义检测间隔、重启策略等" },
|
||||||
|
{ title = "日志记录", desc = "完整的运行日志，方便排查问题" },
|
||||||
|
{ title = "轻量部署", desc = "Ruby 实现，依赖少，部署简单" }
|
||||||
|
]
|
||||||
|
install = "从 Gitee 获取源码后按 DEPLOY.md 文档部署"
|
||||||
|
license = "开源"
|
||||||
|
author = "S.A. (@snoware)"
|
||||||
|
|
||||||
|
[[projects]]
|
||||||
|
name = "btcli"
|
||||||
|
slug = "btcli"
|
||||||
|
description = "一款命令行翻译工具，支持中文及其他语言，配备 TUI 界面"
|
||||||
|
accent = "#ff8f00"
|
||||||
|
repo_url = "https://gitee.com/ironbayberry/btcli"
|
||||||
|
demo_url = "/softwares/btcli/"
|
||||||
|
doc_url = "https://docs.rs/btcli"
|
||||||
|
tags = ["Rust", "CLI", "Translation", "TUI"]
|
||||||
|
features = [
|
||||||
|
{ title = "CLI 界面", desc = "简洁的命令行翻译，一行命令即可使用" },
|
||||||
|
{ title = "TUI 界面", desc = "交互式终端 UI，实时翻译体验" },
|
||||||
|
{ title = "多语言支持", desc = "支持中文及其他多种语言互译" },
|
||||||
|
{ title = "纯 CLI 模式", desc = "无需 TUI，适合脚本和自动化场景" },
|
||||||
|
{ title = "安全可靠", desc = "Rust 实现，内存安全，无运行时恐慌" },
|
||||||
|
{ title = "跨平台", desc = "支持 Linux、macOS、Windows" }
|
||||||
|
]
|
||||||
|
install = "cargo install btcli 或从源码构建"
|
||||||
|
usage = [
|
||||||
|
{ cmd = "btcli hello", desc = "基础翻译" },
|
||||||
|
{ cmd = "btcli --lang en 你好世界", desc = "指定目标语言" },
|
||||||
|
{ cmd = "btcli --tui", desc = "启动 TUI 界面" }
|
||||||
|
]
|
||||||
|
license = "MPL-2.0"
|
||||||
|
author = "S.A. (@snoware)"
|
||||||
|
has_drag_ball = true
|
||||||
|
|
||||||
|
[[projects]]
|
||||||
|
name = "Reverberation"
|
||||||
|
slug = "reverberation"
|
||||||
|
description = "轻量级文本阅读器，逐字显示文本内容"
|
||||||
|
accent = "#607d8b"
|
||||||
|
repo_url = "https://gitee.com/ironbayberry/reverberation"
|
||||||
|
demo_url = "/softwares/reverberation/"
|
||||||
|
doc_url = "https://docs.rs/reverberation"
|
||||||
|
tags = ["Rust", "CLI", "Chinese"]
|
||||||
|
features = [
|
||||||
|
{ title = "轻量极简", desc = "比 nano 更轻量，比 echo 更实用" },
|
||||||
|
{ title = "逐字显示", desc = "以指定延迟逐字展示文本，适合叙事场景" },
|
||||||
|
{ title = "简单易用", desc = "一行命令即可运行" },
|
||||||
|
{ title = "跨平台", desc = "支持主流操作系统" },
|
||||||
|
{ title = "Rust 实现", desc = "高性能，内存安全" }
|
||||||
|
]
|
||||||
|
install = "cargo install reverberation 或从源码构建"
|
||||||
|
usage = [
|
||||||
|
{ cmd = "reverberation <filename> <delay_ms>", desc = "逐字显示文本文件" }
|
||||||
|
]
|
||||||
|
license = "MPL-2.0"
|
||||||
|
author = "S.A. (@snoware)"
|
||||||
|
|
||||||
|
[[projects]]
|
||||||
|
name = "Mint Runtime"
|
||||||
|
slug = "mint"
|
||||||
|
description = "安全特性驱动的 Lua 运行时，支持 i18n、字节码验证与细粒度访问控制"
|
||||||
|
accent = "#7c4dff"
|
||||||
|
repo_url = "https://gitee.com/snoware/mint"
|
||||||
|
demo_url = "/softwares/mint/"
|
||||||
|
doc_url = "https://docs.rs/mintrt"
|
||||||
|
tags = ["Rust", "Lua", "Runtime", "Security", "i18n"]
|
||||||
|
features = [
|
||||||
|
{ title = "字节码验证", desc = "加载前验证 Lua 字节码，防止恶意代码注入" },
|
||||||
|
{ title = "细粒度访问控制", desc = "精确控制脚本可访问的系统资源" },
|
||||||
|
{ title = "i18n 支持", desc = "内置国际化，轻松适配多语言环境" },
|
||||||
|
{ title = "高性能", desc = "Rust 实现，低开销运行 Lua 脚本" },
|
||||||
|
{ title = "易集成", desc = "简洁 API，可快速嵌入到任何 Rust 项目" },
|
||||||
|
{ title = "动态加载", desc = "支持运行时动态加载和卸载脚本模块" }
|
||||||
|
]
|
||||||
|
install = "从 Gitee 获取源码构建，或查看 docs.rs/mintrt 文档"
|
||||||
|
license = "开源"
|
||||||
|
author = "S.A. (@snoware)"
|
||||||
@@ -0,0 +1,53 @@
|
|||||||
|
[[subjects]]
|
||||||
|
name = "语文"
|
||||||
|
password = "d1iq"
|
||||||
|
url = "https://snowcloud.lanzoum.com/b0zkfchxi"
|
||||||
|
color = "#e91e63"
|
||||||
|
|
||||||
|
[[subjects]]
|
||||||
|
name = "数学"
|
||||||
|
password = "6rp9"
|
||||||
|
url = "https://snowcloud.lanzoum.com/b0zkf9u4j"
|
||||||
|
color = "#2196f3"
|
||||||
|
|
||||||
|
[[subjects]]
|
||||||
|
name = "英语"
|
||||||
|
password = "4wxy"
|
||||||
|
url = "https://snowcloud.lanzoum.com/b0zkfchyj"
|
||||||
|
color = "#4caf50"
|
||||||
|
|
||||||
|
[[subjects]]
|
||||||
|
name = "物理"
|
||||||
|
password = "4n48"
|
||||||
|
url = "https://snowcloud.lanzoum.com/b0zkf9u5a"
|
||||||
|
color = "#ff9800"
|
||||||
|
|
||||||
|
[[subjects]]
|
||||||
|
name = "化学"
|
||||||
|
password = "kc1b"
|
||||||
|
url = "https://snowcloud.lanzoum.com/b0zkf9tyd"
|
||||||
|
color = "#9c27b0"
|
||||||
|
|
||||||
|
[[subjects]]
|
||||||
|
name = "生物"
|
||||||
|
password = "dn3m"
|
||||||
|
url = "https://snowcloud.lanzoum.com/b0zkf9u0f"
|
||||||
|
color = "#00bcd4"
|
||||||
|
|
||||||
|
[[subjects]]
|
||||||
|
name = "政治"
|
||||||
|
password = "4xej"
|
||||||
|
url = "https://snowcloud.lanzoum.com/b0zkf9u6b"
|
||||||
|
color = "#f44336"
|
||||||
|
|
||||||
|
[[subjects]]
|
||||||
|
name = "历史"
|
||||||
|
password = "i757"
|
||||||
|
url = "https://snowcloud.lanzoum.com/b0zkf9u3i"
|
||||||
|
color = "#795548"
|
||||||
|
|
||||||
|
[[subjects]]
|
||||||
|
name = "地理"
|
||||||
|
password = "dwrz"
|
||||||
|
url = "https://snowcloud.lanzoum.com/b0zkf9u2h"
|
||||||
|
color = "#009688"
|
||||||
@@ -0,0 +1,18 @@
|
|||||||
|
baseURL = 'https://swe-iss.rth1.xyz/'
|
||||||
|
locale = 'zh-CN'
|
||||||
|
title = 'SNOWARE'
|
||||||
|
copyright = '© 2026 S.A. | SNOWARE'
|
||||||
|
|
||||||
|
[params]
|
||||||
|
author = 'S.A.'
|
||||||
|
description = 'SNOWARE — S.A. 个人站点'
|
||||||
|
logo = '/logo.svg'
|
||||||
|
navLinks = [
|
||||||
|
{ name = '资源下载', url = '/res/', icon = 'download' },
|
||||||
|
{ name = '我的作品', url = '/softwares/', icon = 'code' },
|
||||||
|
{ name = 'B站空间', url = 'https://bilibili.com/1875249243', icon = 'play', external = true },
|
||||||
|
{ name = 'XAGuarder', url = '/xaguarder/', icon = 'shield' }
|
||||||
|
]
|
||||||
|
|
||||||
|
[markup.goldmark.renderer]
|
||||||
|
unsafe = true
|
||||||
-325
@@ -1,325 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="zh-CN">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>S.A. MainPage</title>
|
|
||||||
<style>
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
||||||
overflow: hidden;
|
|
||||||
background-color: #000;
|
|
||||||
color: #fff;
|
|
||||||
height: 100vh;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 双Canvas背景设置 */
|
|
||||||
#starCanvas {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#trailCanvas {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 内容容器 */
|
|
||||||
.content {
|
|
||||||
position: relative;
|
|
||||||
z-index: 2;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
height: 100vh;
|
|
||||||
padding: 40px 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Logo样式 */
|
|
||||||
.logo-container {
|
|
||||||
margin-top: 5vh;
|
|
||||||
text-align: center;
|
|
||||||
background: rgba(0, 0, 0, 0.5);
|
|
||||||
padding: 20px;
|
|
||||||
border-radius: 20px;
|
|
||||||
backdrop-filter: blur(10px);
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
||||||
box-shadow: 0 0 30px rgba(100, 150, 255, 0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
width: 180px;
|
|
||||||
height: 180px;
|
|
||||||
border-radius: 50%;
|
|
||||||
object-fit: cover;
|
|
||||||
border: 3px solid rgba(255, 255, 255, 0.2);
|
|
||||||
box-shadow: 0 0 30px rgba(100, 150, 255, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo-title {
|
|
||||||
margin-top: 15px;
|
|
||||||
font-size: 28px;
|
|
||||||
font-weight: 600;
|
|
||||||
letter-spacing: 2px;
|
|
||||||
color: #fff;
|
|
||||||
text-shadow: 0 0 10px rgba(100, 150, 255, 0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 按钮容器 */
|
|
||||||
.buttons-container {
|
|
||||||
margin-bottom: 10vh;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: center;
|
|
||||||
gap: 30px;
|
|
||||||
max-width: 600px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
flex: 1;
|
|
||||||
min-width: 220px;
|
|
||||||
padding: 18px 30px;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 600;
|
|
||||||
text-align: center;
|
|
||||||
text-decoration: none;
|
|
||||||
color: white;
|
|
||||||
background: rgba(40, 80, 160, 0.6);
|
|
||||||
border: 2px solid rgba(100, 150, 255, 0.5);
|
|
||||||
border-radius: 50px;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
backdrop-filter: blur(5px);
|
|
||||||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
|
|
||||||
letter-spacing: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn:hover {
|
|
||||||
background: rgba(60, 120, 220, 0.8);
|
|
||||||
transform: translateY(-5px);
|
|
||||||
box-shadow: 0 8px 20px rgba(100, 150, 255, 0.5);
|
|
||||||
border-color: rgba(150, 200, 255, 0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn:nth-child(2) {
|
|
||||||
background: rgba(160, 40, 80, 0.6);
|
|
||||||
border: 2px solid rgba(255, 100, 150, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn:nth-child(2):hover {
|
|
||||||
background: rgba(220, 60, 120, 0.8);
|
|
||||||
box-shadow: 0 8px 20px rgba(255, 100, 150, 0.5);
|
|
||||||
border-color: rgba(255, 150, 200, 0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 页脚 */
|
|
||||||
.footer {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 20px;
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 14px;
|
|
||||||
color: rgba(255, 255, 255, 0.6);
|
|
||||||
z-index: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 响应式调整 */
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
.logo {
|
|
||||||
width: 140px;
|
|
||||||
height: 140px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo-title {
|
|
||||||
font-size: 22px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.buttons-container {
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
gap: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
width: 80%;
|
|
||||||
min-width: 200px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<!-- 用于绘制星星本体的画布 -->
|
|
||||||
<canvas id="starCanvas"></canvas>
|
|
||||||
<!-- 用于绘制星轨轨迹的画布 -->
|
|
||||||
<canvas id="trailCanvas"></canvas>
|
|
||||||
|
|
||||||
<!-- 内容区域 -->
|
|
||||||
<div class="content">
|
|
||||||
<div class="logo-container">
|
|
||||||
<img src="https://raw.atomgit.com/snoware/res/raw/main/swe_logo.png" alt="网站Logo" class="logo">
|
|
||||||
<div class="logo-title">SNOWARE</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="buttons-container">
|
|
||||||
<a href="https://swe-iss.rth1.xyz/res" class="btn">[ISS]资源下载</a>
|
|
||||||
<a href="https://www.bilibili.com/video/BV19b411G7hq" class="btn">一起听音乐</a>
|
|
||||||
<a href="https://swe-iss.rth1.xyz/softwares" class="btn">我的作品</a>
|
|
||||||
<a href="https://space.bilibili.com/1875249243" class="btn">B站空间</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="footer">
|
|
||||||
2025 * S.A. | SNOWARE
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// 获取画布元素和上下文
|
|
||||||
const starCanvas = document.getElementById('starCanvas');
|
|
||||||
const starCtx = starCanvas.getContext('2d');
|
|
||||||
const trailCanvas = document.getElementById('trailCanvas');
|
|
||||||
const trailCtx = trailCanvas.getContext('2d');
|
|
||||||
|
|
||||||
let stars = []; // 存储星星数据的数组
|
|
||||||
let animationId = null;
|
|
||||||
|
|
||||||
// 初始化设置
|
|
||||||
function init() {
|
|
||||||
// 设置画布尺寸为窗口大小
|
|
||||||
starCanvas.width = window.innerWidth;
|
|
||||||
starCanvas.height = window.innerHeight;
|
|
||||||
trailCanvas.width = window.innerWidth;
|
|
||||||
trailCanvas.height = window.innerHeight;
|
|
||||||
|
|
||||||
createStars(300); // 创建星星
|
|
||||||
animate(); // 开始动画循环
|
|
||||||
|
|
||||||
// 添加窗口大小调整监听
|
|
||||||
window.addEventListener('resize', handleResize);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 创建星星数组
|
|
||||||
function createStars(count) {
|
|
||||||
const starColors = ['#ffffff', '#a8c9ff', '#fffacd', '#ffb6c1']; // 星星颜色数组
|
|
||||||
|
|
||||||
for (let i = 0; i < count; i++) {
|
|
||||||
// 随机分布在屏幕上
|
|
||||||
const x = Math.random() * starCanvas.width;
|
|
||||||
const y = Math.random() * starCanvas.height;
|
|
||||||
|
|
||||||
stars.push({
|
|
||||||
x: x,
|
|
||||||
y: y,
|
|
||||||
size: Math.random() * 1.5 + 0.5, // 随机大小
|
|
||||||
color: starColors[Math.floor(Math.random() * starColors.length)], // 随机颜色
|
|
||||||
blinkPhase: Math.random() * Math.PI * 2, // 闪烁相位
|
|
||||||
blinkSpeed: Math.random() * 0.02 + 0.01, // 闪烁速度
|
|
||||||
twinkleFactor: Math.random() // 闪烁因子，控制闪烁强度
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 动画循环
|
|
||||||
function animate() {
|
|
||||||
updateStars(); // 更新星星状态
|
|
||||||
draw(); // 绘制画面
|
|
||||||
animationId = requestAnimationFrame(animate); // 继续下一帧动画
|
|
||||||
}
|
|
||||||
|
|
||||||
// 更新所有星星的状态（只更新闪烁）
|
|
||||||
function updateStars() {
|
|
||||||
stars.forEach(star => {
|
|
||||||
star.blinkPhase += star.blinkSpeed; // 更新闪烁相位
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 绘制整个场景
|
|
||||||
function draw() {
|
|
||||||
drawBackground();
|
|
||||||
drawStars();
|
|
||||||
}
|
|
||||||
|
|
||||||
// 绘制背景（微弱的星云效果）
|
|
||||||
function drawBackground() {
|
|
||||||
// 在轨迹画布上添加半透明黑色矩形
|
|
||||||
trailCtx.fillStyle = 'rgba(10, 10, 30, 0.1)';
|
|
||||||
trailCtx.fillRect(0, 0, trailCanvas.width, trailCanvas.height);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 绘制星星
|
|
||||||
function drawStars() {
|
|
||||||
// 清除星星画布
|
|
||||||
starCtx.clearRect(0, 0, starCanvas.width, starCanvas.height);
|
|
||||||
|
|
||||||
stars.forEach(star => {
|
|
||||||
// 计算闪烁效果（使用正弦函数）
|
|
||||||
const blinkIntensity = (Math.sin(star.blinkPhase) + 1) / 2;
|
|
||||||
const twinkleIntensity = blinkIntensity * star.twinkleFactor;
|
|
||||||
const currentSize = star.size * (0.7 + twinkleIntensity * 0.6); // 大小也随闪烁变化
|
|
||||||
|
|
||||||
// 在星星画布上绘制星星本体
|
|
||||||
starCtx.beginPath();
|
|
||||||
starCtx.fillStyle = star.color;
|
|
||||||
starCtx.globalAlpha = 0.6 + twinkleIntensity * 0.4; // 透明度随闪烁变化
|
|
||||||
starCtx.arc(star.x, star.y, currentSize, 0, Math.PI * 2);
|
|
||||||
starCtx.fill();
|
|
||||||
|
|
||||||
// 添加光晕效果
|
|
||||||
const gradient = starCtx.createRadialGradient(
|
|
||||||
star.x, star.y, 0,
|
|
||||||
star.x, star.y, currentSize * 3
|
|
||||||
);
|
|
||||||
gradient.addColorStop(0, star.color);
|
|
||||||
gradient.addColorStop(0.5, star.color.replace(')', ', 0.7)').replace('rgb', 'rgba'));
|
|
||||||
gradient.addColorStop(1, 'rgba(255, 255, 255, 0)');
|
|
||||||
|
|
||||||
starCtx.fillStyle = gradient;
|
|
||||||
starCtx.globalAlpha = 0.3 + twinkleIntensity * 0.3;
|
|
||||||
starCtx.beginPath();
|
|
||||||
starCtx.arc(star.x, star.y, currentSize * 3, 0, Math.PI * 2);
|
|
||||||
starCtx.fill();
|
|
||||||
|
|
||||||
// 重置透明度
|
|
||||||
starCtx.globalAlpha = 1;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 处理窗口大小调整
|
|
||||||
function handleResize() {
|
|
||||||
// 取消当前动画帧
|
|
||||||
if (animationId) {
|
|
||||||
cancelAnimationFrame(animationId);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 重置画布尺寸
|
|
||||||
starCanvas.width = window.innerWidth;
|
|
||||||
starCanvas.height = window.innerHeight;
|
|
||||||
trailCanvas.width = window.innerWidth;
|
|
||||||
trailCanvas.height = window.innerHeight;
|
|
||||||
|
|
||||||
// 清空星星数组并重新创建
|
|
||||||
stars = [];
|
|
||||||
createStars(300); // 重新创建星星
|
|
||||||
|
|
||||||
// 重新开始动画
|
|
||||||
animate();
|
|
||||||
}
|
|
||||||
|
|
||||||
// 页面加载完成后初始化
|
|
||||||
window.addEventListener('load', init);
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,23 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>S.A. Mainpage</title>
|
|
||||||
<style>
|
|
||||||
.blue-bg-white-text {
|
|
||||||
background-color: cyan; /* 蓝底 */
|
|
||||||
color: white; /* 白字 */
|
|
||||||
padding: 50px; /* 文本内填充 */
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="blue-bg-white-text">
|
|
||||||
<img src="https://file.atomgit.com/uploads/user/1754052130447_4842.png" alt="Logo Source:atomgit::user_head">
|
|
||||||
<a href="http://saswe.rth1.xyz/res">资源下载/n</a>
|
|
||||||
Copyright(C) 2025 S.A. All rights received.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
{{ define "body" }}
|
||||||
|
<section class="error-page">
|
||||||
|
<div class="error-content">
|
||||||
|
<img src="{{ .Site.Params.logo }}" alt="Logo" class="error-logo" width="120" height="120">
|
||||||
|
<h1>404</h1>
|
||||||
|
<p>请求的页面未找到</p>
|
||||||
|
<p class="error-hint">请检查 URL 是否正确</p>
|
||||||
|
<a href="/" class="btn btn-primary">返回主页</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{{ end }}
|
||||||
@@ -0,0 +1,21 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="{{ .Site.Language.Locale }}">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} — {{ .Site.Title }}{{ end }}</title>
|
||||||
|
<meta name="description" content="{{ with .Description }}{{ . }}{{ else }}{{ .Site.Params.description }}{{ end }}">
|
||||||
|
<link rel="icon" href="/logo.svg" type="image/svg+xml">
|
||||||
|
{{ with .Params.accent }}<meta name="theme-color" content="{{ . }}">{{ end }}
|
||||||
|
<link rel="stylesheet" href="/css/style.css">
|
||||||
|
{{ block "extra_head" . }}{{ end }}
|
||||||
|
</head>
|
||||||
|
<body class="{{ if .IsHome }}home{{ else }}page{{ end }}">
|
||||||
|
{{ partial "nav.html" . }}
|
||||||
|
<main id="main-content">
|
||||||
|
{{ block "body" . }}{{ end }}
|
||||||
|
</main>
|
||||||
|
{{ partial "footer.html" . }}
|
||||||
|
{{ block "extra_scripts" . }}{{ end }}
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
{{ define "body" }}
|
||||||
|
<section class="page-hero" {{ with .Params.accent }}style="--accent: {{ . }}"{{ end }}>
|
||||||
|
<h1>{{ .Title }}</h1>
|
||||||
|
{{ with .Description }}<p class="subtitle">{{ . }}</p>{{ end }}
|
||||||
|
</section>
|
||||||
|
<section class="page-content container">
|
||||||
|
{{ .Content }}
|
||||||
|
</section>
|
||||||
|
{{ end }}
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
{{ define "body" }}
|
||||||
|
<section class="page-hero" {{ with .Params.accent }}style="--accent: {{ . }}"{{ end }}>
|
||||||
|
<h1>{{ .Title }}</h1>
|
||||||
|
{{ with .Params.subtitle }}<p class="subtitle">{{ . }}</p>{{ end }}
|
||||||
|
</section>
|
||||||
|
<section class="page-content container">
|
||||||
|
{{ .Content }}
|
||||||
|
</section>
|
||||||
|
{{ end }}
|
||||||
@@ -0,0 +1,22 @@
|
|||||||
|
{{ define "body" }}
|
||||||
|
<div id="star-canvas-wrap">
|
||||||
|
<canvas id="star-canvas"></canvas>
|
||||||
|
<div class="home-overlay">
|
||||||
|
<div class="logo-wrap">
|
||||||
|
<img src="{{ .Site.Params.logo }}" alt="SNOWARE Logo" class="home-logo" width="180" height="180">
|
||||||
|
</div>
|
||||||
|
<h1 class="home-title">SNOWARE</h1>
|
||||||
|
<nav class="home-nav">
|
||||||
|
{{ range .Site.Params.navLinks }}
|
||||||
|
<a href="{{ .url }}" class="home-btn{{ if .external }} external{{ end }}" {{ if .external }}target="_blank" rel="noopener"{{ end }}>
|
||||||
|
{{ .name }}
|
||||||
|
</a>
|
||||||
|
{{ end }}
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{ define "extra_scripts" }}
|
||||||
|
<script src="/js/stars.js"></script>
|
||||||
|
{{ end }}
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
<footer class="site-footer">
|
||||||
|
<div class="container">
|
||||||
|
<p>{{ .Site.Copyright }}</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
@@ -0,0 +1,13 @@
|
|||||||
|
<header class="site-nav">
|
||||||
|
<div class="nav-inner container">
|
||||||
|
<a href="/" class="nav-brand">
|
||||||
|
<img src="{{ .Site.Params.logo }}" alt="{{ .Site.Title }}" class="nav-logo" width="32" height="32">
|
||||||
|
<span>{{ .Site.Title }}</span>
|
||||||
|
</a>
|
||||||
|
<nav class="nav-links">
|
||||||
|
{{ range .Site.Params.navLinks }}
|
||||||
|
<a href="{{ .url }}" {{ if .external }}target="_blank" rel="noopener"{{ end }}>{{ .name }}</a>
|
||||||
|
{{ end }}
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
@@ -0,0 +1,12 @@
|
|||||||
|
<a href="{{ .demo_url }}" class="project-card" style="--accent: {{ .accent }}">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3>{{ .name }}</h3>
|
||||||
|
<div class="card-tags">
|
||||||
|
{{ range .tags }}<span class="tag">{{ . }}</span>{{ end }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p class="card-desc">{{ .description }}</p>
|
||||||
|
<div class="card-links">
|
||||||
|
<span class="card-link primary">查看详情 →</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
<a href="{{ .url }}" class="subject-card" target="_blank" rel="noopener" style="--color: {{ .color }}">
|
||||||
|
<div class="subject-icon">
|
||||||
|
<svg viewBox="0 0 24 24" width="40" height="40" fill="none" stroke="currentColor" stroke-width="1.5">
|
||||||
|
<path d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V7"/>
|
||||||
|
<path d="M21 7a2 2 0 00-2-2H5a2 2 0 00-2 2"/>
|
||||||
|
<path d="M12 5v14"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3>{{ .name }}</h3>
|
||||||
|
<p class="subject-pw">密码: <code>{{ .password }}</code></p>
|
||||||
|
</a>
|
||||||
@@ -0,0 +1,13 @@
|
|||||||
|
{{ define "body" }}
|
||||||
|
<section class="page-hero" style="--accent: #1565c0">
|
||||||
|
<h1>学科资源列表</h1>
|
||||||
|
<p class="subtitle">蓝奏云下载 · 点击学科即可跳转</p>
|
||||||
|
</section>
|
||||||
|
<section class="page-content container">
|
||||||
|
<div class="filelist-grid">
|
||||||
|
{{ range hugo.Data.subjects.subjects }}
|
||||||
|
{{ partial "subject-card.html" . }}
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{{ end }}
|
||||||
@@ -0,0 +1,34 @@
|
|||||||
|
{{ define "body" }}
|
||||||
|
<section class="page-hero" style="--accent: #1565c0">
|
||||||
|
<h1>{{ .Title }}</h1>
|
||||||
|
<p class="subtitle">{{ .Description }}</p>
|
||||||
|
</section>
|
||||||
|
<section class="page-content container">
|
||||||
|
<div class="res-intro">
|
||||||
|
<p class="res-intro-text">{{ .Content }}</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="res-actions">
|
||||||
|
<a href="/res/filelist/" class="btn btn-primary btn-lg">下载源：蓝奏云</a>
|
||||||
|
<a href="https://www.alipan.com/s/RMfnGxo6Z9D" class="btn btn-accent btn-lg external" target="_blank" rel="noopener">阿里云盘（需登录）</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="res-features">
|
||||||
|
<div class="feature-card">
|
||||||
|
<div class="feature-icon">📋</div>
|
||||||
|
<h3>查漏补缺</h3>
|
||||||
|
<p>针对性复习薄弱知识点</p>
|
||||||
|
</div>
|
||||||
|
<div class="feature-card">
|
||||||
|
<div class="feature-icon">🔄</div>
|
||||||
|
<h3>习题重练</h3>
|
||||||
|
<p>反复练习巩固学习成果</p>
|
||||||
|
</div>
|
||||||
|
<div class="feature-card">
|
||||||
|
<div class="feature-icon">📖</div>
|
||||||
|
<h3>预习复习</h3>
|
||||||
|
<p>提前预习，高效复习</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{{ end }}
|
||||||
@@ -0,0 +1,18 @@
|
|||||||
|
{{ define "body" }}
|
||||||
|
<section class="page-hero" style="--accent: #009688">
|
||||||
|
<h1>{{ .Title }}</h1>
|
||||||
|
<p class="subtitle">{{ .Description }}</p>
|
||||||
|
</section>
|
||||||
|
<section class="page-content container">
|
||||||
|
<div class="about-intro">
|
||||||
|
<p>S.A. (@snoware) — 开源爱好者，Rust / Ruby 开发者。致力于构建实用、安全、优雅的命令行工具与服务端软件。</p>
|
||||||
|
<a href="https://gitee.com/snoware" class="btn btn-accent external" target="_blank" rel="noopener">Gitee 主页</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="project-grid">
|
||||||
|
{{ range hugo.Data.projects.projects }}
|
||||||
|
{{ partial "project-card.html" . }}
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{{ end }}
|
||||||
@@ -0,0 +1,82 @@
|
|||||||
|
{{ define "body" }}
|
||||||
|
{{ $slug := .Params.project }}
|
||||||
|
{{ $matched := where hugo.Data.projects.projects "slug" $slug }}
|
||||||
|
{{ with index $matched 0 }}
|
||||||
|
|
||||||
|
<section class="page-hero" style="--accent: {{ .accent }}">
|
||||||
|
<h1>{{ .name }}</h1>
|
||||||
|
<p class="subtitle">{{ .description }}</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="page-content container">
|
||||||
|
<!-- Links -->
|
||||||
|
<div class="sw-links">
|
||||||
|
<a href="{{ .repo_url }}" class="btn btn-accent external" target="_blank" rel="noopener">Gitee 源码</a>
|
||||||
|
{{ with .doc_url }}<a href="{{ . }}" class="btn btn-outline external" target="_blank" rel="noopener">文档</a>{{ end }}
|
||||||
|
{{ if eq .slug "btcli" }}
|
||||||
|
<a href="https://crates.io/crates/btcli" class="btn btn-outline external" target="_blank" rel="noopener">Crates.io</a>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Features -->
|
||||||
|
<div class="sw-features">
|
||||||
|
{{ range .features }}
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>{{ .title }}</h3>
|
||||||
|
<p>{{ .desc }}</p>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Install -->
|
||||||
|
{{ with .install }}
|
||||||
|
<div class="sw-section">
|
||||||
|
<h2>安装</h2>
|
||||||
|
<div class="sw-code">{{ . }}</div>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
<!-- Usage -->
|
||||||
|
{{ with .usage }}
|
||||||
|
<div class="sw-section">
|
||||||
|
<h2>使用</h2>
|
||||||
|
<div class="usage-list">
|
||||||
|
{{ range . }}
|
||||||
|
<div class="usage-item">
|
||||||
|
<code>{{ .cmd }}</code>
|
||||||
|
<span>{{ .desc }}</span>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
<!-- License -->
|
||||||
|
{{ with .license }}
|
||||||
|
<div class="sw-section">
|
||||||
|
<h2>许可证</h2>
|
||||||
|
<p>{{ . }}</p>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
<!-- Drag ball for btcli -->
|
||||||
|
{{ if .has_drag_ball }}
|
||||||
|
<div class="drag-ball-area">
|
||||||
|
<canvas id="drag-ball" width="200" height="200"></canvas>
|
||||||
|
<p class="drag-hint">拖动小球试试 (¬‿¬)</p>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{{ end }}
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{ define "extra_scripts" }}
|
||||||
|
{{ $slug := .Params.project }}
|
||||||
|
{{ $matched := where hugo.Data.projects.projects "slug" $slug }}
|
||||||
|
{{ with index $matched 0 }}
|
||||||
|
{{ if .has_drag_ball }}
|
||||||
|
<script src="/js/drag-ball.js"></script>
|
||||||
|
{{ end }}
|
||||||
|
{{ end }}
|
||||||
|
{{ end }}
|
||||||
@@ -0,0 +1,14 @@
|
|||||||
|
{{ define "body" }}
|
||||||
|
<section class="page-hero" style="--accent: #f44336">
|
||||||
|
<h1>{{ .Title }}</h1>
|
||||||
|
<p class="subtitle">{{ .Description }}</p>
|
||||||
|
</section>
|
||||||
|
<section class="page-content container">
|
||||||
|
<div class="xag-intro">
|
||||||
|
<img src="{{ .Site.Params.logo }}" alt="XAGuarder" class="xag-logo" width="120" height="120">
|
||||||
|
<h2>XAGuarder</h2>
|
||||||
|
<p>先占个位，XAGuarder 还要一段时间才能上线。当前已具备 IP、域名拦截能力。</p>
|
||||||
|
<a href="/xaguarder/warning/" class="btn btn-accent">查看拦截页面预览</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{{ end }}
|
||||||
@@ -0,0 +1,17 @@
|
|||||||
|
{{ define "body" }}
|
||||||
|
<section class="warning-page" style="--accent: #f44336">
|
||||||
|
<div class="warning-content">
|
||||||
|
<img src="{{ .Site.Params.logo }}" alt="XAGuarder" class="warning-logo" width="120" height="120">
|
||||||
|
<h1>发现不良网站！</h1>
|
||||||
|
<p class="warning-text">XAGuarder 保护了您。</p>
|
||||||
|
<p class="warning-sub">如果这是正常的网站，请检查是否通过当地公安机关备案。</p>
|
||||||
|
<a href="/" class="btn btn-primary">返回主页</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{ define "extra_head" }}
|
||||||
|
<style>
|
||||||
|
.warning-page { --accent: #f44336; }
|
||||||
|
</style>
|
||||||
|
{{ end }}
|
||||||
@@ -1,31 +0,0 @@
|
|||||||
[[projects]]
|
|
||||||
name = "MineSentinel"
|
|
||||||
description = "Minecraft 服务器智能守护进程，TCP 端口检测 + 崩溃自动重启 + 防循环冷却期"
|
|
||||||
repo_url = "https://gitee.com/snoware/minesentinel"
|
|
||||||
demo_url = "https://swe-iss.rth1.xyz/softwares/minesentinel"
|
|
||||||
doc_url = "https://gitee.com/snoware/minesentinel/blob/master/DEPLOY.md"
|
|
||||||
tags = ["Ruby", "Minecraft", "Server", "Monitoring", "Daemon", "SNOWARE"]
|
|
||||||
|
|
||||||
[[projects]]
|
|
||||||
name = "btcli"
|
|
||||||
description = "一款在线命令行翻译工具，支持中文及其他语言，配备TUI界面"
|
|
||||||
repo_url = "https://gitee.com/ironbayberry/btcli"
|
|
||||||
demo_url = "https://swe-iss.rth1.xyz/softwares/btcli"
|
|
||||||
doc_url = "https://docs.rs/btcli"
|
|
||||||
tags = ["Rust", "CLI", "Translation", "TUI", "SASWE"]
|
|
||||||
|
|
||||||
[[projects]]
|
|
||||||
name = "Reverberation"
|
|
||||||
description = "Story teller, it's more lightweight than nano and more convenient to use than echo."
|
|
||||||
repo_url = "https://gitee.com/ironbayberry/reverberation"
|
|
||||||
demo_url = "https://swe-iss.rth1.xyz/softwares/reverberation"
|
|
||||||
doc_url = "https://docs.rs/reverberation"
|
|
||||||
tags = ["CLI", "Chinese", "open-source", "SASWE", "Rust"]
|
|
||||||
|
|
||||||
[[projects]]
|
|
||||||
name = "Mint Runtime"
|
|
||||||
description = "Security-featured runtime for Lua with i18n support, bytecode verification, and fine-grained access control."
|
|
||||||
repo_url = "https://gitee.com/snoware/mint"
|
|
||||||
demo_url = "https://swe-iss.rth1.xyz/softwares/mint"
|
|
||||||
doc_url = "https://docs.rs/mintrt"
|
|
||||||
tags = ["CLI", "Chinese", "open-source", "SASWE", "Rust", "Lua", "Runtime", "Security", "i18n"]
|
|
||||||
@@ -1,355 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="zh-CN">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>[ISS] Filelist</title>
|
|
||||||
<style>
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
|
|
||||||
color: #fff;
|
|
||||||
min-height: 100vh;
|
|
||||||
padding: 20px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
max-width: 1000px;
|
|
||||||
width: 100%;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
header {
|
|
||||||
text-align: center;
|
|
||||||
margin-bottom: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2.5rem;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.subtitle {
|
|
||||||
font-size: 1.2rem;
|
|
||||||
opacity: 0.9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.file-browser {
|
|
||||||
background: rgba(255, 255, 255, 0.1);
|
|
||||||
backdrop-filter: blur(10px);
|
|
||||||
border-radius: 15px;
|
|
||||||
padding: 25px;
|
|
||||||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
|
|
||||||
margin-bottom: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.folder-grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
|
|
||||||
gap: 20px;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.folder-item {
|
|
||||||
background: rgba(255, 255, 255, 0.15);
|
|
||||||
border-radius: 10px;
|
|
||||||
padding: 20px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
cursor: pointer;
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
||||||
text-decoration: none;
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.folder-item:hover {
|
|
||||||
background: rgba(255, 255, 255, 0.25);
|
|
||||||
transform: translateY(-5px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.folder-icon {
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
margin-right: 15px;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.folder-icon svg {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.2));
|
|
||||||
}
|
|
||||||
|
|
||||||
.folder-content h3 {
|
|
||||||
font-size: 1.3rem;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.folder-content p {
|
|
||||||
opacity: 0.8;
|
|
||||||
font-size: 0.9rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navigation {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
width: 100%;
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-btn {
|
|
||||||
background: rgba(255, 255, 255, 0.2);
|
|
||||||
border: none;
|
|
||||||
color: white;
|
|
||||||
padding: 12px 25px;
|
|
||||||
border-radius: 50px;
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 1rem;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-btn:hover {
|
|
||||||
background: rgba(255, 255, 255, 0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-btn:disabled {
|
|
||||||
opacity: 0.5;
|
|
||||||
cursor: not-allowed;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-indicator {
|
|
||||||
text-align: center;
|
|
||||||
margin: 10px 0;
|
|
||||||
font-size: 1.1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 为不同学科添加不同的图标颜色 */
|
|
||||||
.chinese { color: #FF9AA2; }
|
|
||||||
.math { color: #FFB7B2; }
|
|
||||||
.english { color: #FFDAC1; }
|
|
||||||
.physics { color: #E2F0CB; }
|
|
||||||
.chemistry { color: #B5EAD7; }
|
|
||||||
.biology { color: #C7CEEA; }
|
|
||||||
.politics { color: #F8B195; }
|
|
||||||
.history { color: #F67280; }
|
|
||||||
.geography { color: #6C5B7B; }
|
|
||||||
|
|
||||||
/* 响应式设计 */
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
.folder-grid {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="container">
|
|
||||||
<header>
|
|
||||||
<h1>学科文件</h1>
|
|
||||||
<p class="subtitle">点击学科文件夹查看相关内容，下载源：蓝奏云</p>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<div class="file-browser">
|
|
||||||
<div class="folder-grid" id="folderContainer">
|
|
||||||
<!-- 文件夹将通过JavaScript动态生成 -->
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="page-indicator">
|
|
||||||
页数: <span id="currentPage">1</span> / <span id="totalPages">3</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="navigation">
|
|
||||||
<button class="nav-btn" id="prevBtn">
|
|
||||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M15 18L9 12L15 6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
上一页
|
|
||||||
</button>
|
|
||||||
<button class="nav-btn" id="nextBtn">
|
|
||||||
下一页
|
|
||||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M9 18L15 12L9 6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// 学科数据 - 包含密码信息
|
|
||||||
const subjects = [
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
name: "语文",
|
|
||||||
description: "密码：d1iq",
|
|
||||||
iconColor: "chinese",
|
|
||||||
url: "https://snowcloud.lanzoum.com/b0zkfchxi"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 2,
|
|
||||||
name: "数学",
|
|
||||||
description: "密码：6rp9",
|
|
||||||
iconColor: "math",
|
|
||||||
url: "https://snowcloud.lanzoum.com/b0zkf9u4j"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 3,
|
|
||||||
name: "英语",
|
|
||||||
description: "密码：4wxy",
|
|
||||||
iconColor: "english",
|
|
||||||
url: "https://snowcloud.lanzoum.com/b0zkfchyj"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 4,
|
|
||||||
name: "物理",
|
|
||||||
description: "密码：4n48",
|
|
||||||
iconColor: "physics",
|
|
||||||
url: "https://snowcloud.lanzoum.com/b0zkf9u5a"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 5,
|
|
||||||
name: "化学",
|
|
||||||
description: "密码：kc1b",
|
|
||||||
iconColor: "chemistry",
|
|
||||||
url: "https://snowcloud.lanzoum.com/b0zkf9tyd"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 6,
|
|
||||||
name: "生物",
|
|
||||||
description: "密码：dn3m",
|
|
||||||
iconColor: "biology",
|
|
||||||
url: "https://snowcloud.lanzoum.com/b0zkf9u0f"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 7,
|
|
||||||
name: "政治",
|
|
||||||
description: "密码：4xej",
|
|
||||||
iconColor: "politics",
|
|
||||||
url: "https://snowcloud.lanzoum.com/b0zkf9u6b"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 8,
|
|
||||||
name: "历史",
|
|
||||||
description: "密码：i757",
|
|
||||||
iconColor: "history",
|
|
||||||
url: "https://snowcloud.lanzoum.com/b0zkf9u3i"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 9,
|
|
||||||
name: "地理",
|
|
||||||
description: "密码：dwrz",
|
|
||||||
iconColor: "geography",
|
|
||||||
url: "https://snowcloud.lanzoum.com/b0zkf9u2h"
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
// 分页设置
|
|
||||||
const itemsPerPage = 6;
|
|
||||||
let currentPage = 1;
|
|
||||||
const totalPages = Math.ceil(subjects.length / itemsPerPage);
|
|
||||||
|
|
||||||
// DOM元素
|
|
||||||
const folderContainer = document.getElementById('folderContainer');
|
|
||||||
const prevBtn = document.getElementById('prevBtn');
|
|
||||||
const nextBtn = document.getElementById('nextBtn');
|
|
||||||
const currentPageSpan = document.getElementById('currentPage');
|
|
||||||
const totalPagesSpan = document.getElementById('totalPages');
|
|
||||||
|
|
||||||
// 初始化总页数
|
|
||||||
totalPagesSpan.textContent = totalPages;
|
|
||||||
|
|
||||||
// 文件夹图标SVG
|
|
||||||
const folderIconSVG = (colorClass) => `
|
|
||||||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z" fill="currentColor"/>
|
|
||||||
</svg>
|
|
||||||
`;
|
|
||||||
|
|
||||||
// 显示当前页的文件夹
|
|
||||||
function displayCurrentPage() {
|
|
||||||
folderContainer.innerHTML = '';
|
|
||||||
currentPageSpan.textContent = currentPage;
|
|
||||||
|
|
||||||
const startIndex = (currentPage - 1) * itemsPerPage;
|
|
||||||
const endIndex = Math.min(startIndex + itemsPerPage, subjects.length);
|
|
||||||
|
|
||||||
for (let i = startIndex; i < endIndex; i++) {
|
|
||||||
const subject = subjects[i];
|
|
||||||
|
|
||||||
// 创建链接元素
|
|
||||||
const folderLink = document.createElement('a');
|
|
||||||
folderLink.className = 'folder-item';
|
|
||||||
folderLink.href = subject.url;
|
|
||||||
folderLink.target = '_blank'; // 在新标签页打开
|
|
||||||
|
|
||||||
folderLink.innerHTML = `
|
|
||||||
<div class="folder-icon ${subject.iconColor}">
|
|
||||||
${folderIconSVG()}
|
|
||||||
</div>
|
|
||||||
<div class="folder-content">
|
|
||||||
<h3>${subject.name}</h3>
|
|
||||||
<p>${subject.description}</p>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
|
|
||||||
folderContainer.appendChild(folderLink);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 更新按钮状态
|
|
||||||
prevBtn.disabled = currentPage === 1;
|
|
||||||
nextBtn.disabled = currentPage === totalPages;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 上一页
|
|
||||||
prevBtn.addEventListener('click', () => {
|
|
||||||
if (currentPage > 1) {
|
|
||||||
currentPage--;
|
|
||||||
displayCurrentPage();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// 下一页
|
|
||||||
nextBtn.addEventListener('click', () => {
|
|
||||||
if (currentPage < totalPages) {
|
|
||||||
currentPage++;
|
|
||||||
displayCurrentPage();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// 初始化显示
|
|
||||||
displayCurrentPage();
|
|
||||||
|
|
||||||
// 添加键盘导航支持
|
|
||||||
document.addEventListener('keydown', (e) => {
|
|
||||||
if (e.key === 'ArrowLeft' && currentPage > 1) {
|
|
||||||
currentPage--;
|
|
||||||
displayCurrentPage();
|
|
||||||
} else if (e.key === 'ArrowRight' && currentPage < totalPages) {
|
|
||||||
currentPage++;
|
|
||||||
displayCurrentPage();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<div class="footer">
|
|
||||||
© 2025 * S.A. | SNOWARE
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
-208
@@ -1,208 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="zh-CN">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>SWE-ISS</title>
|
|
||||||
<style>//AI完成，自行修改
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
||||||
background: linear-gradient(135deg, #0A2463 0%, #1e3c72 100%);
|
|
||||||
color: #fff;
|
|
||||||
min-height: 100vh;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding: 20px;
|
|
||||||
line-height: 1.6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
text-align: center;
|
|
||||||
max-width: 800px;
|
|
||||||
width: 100%;
|
|
||||||
padding: 40px 20px;
|
|
||||||
background: rgba(255, 255, 255, 0.05);
|
|
||||||
backdrop-filter: blur(10px);
|
|
||||||
border-radius: 20px;
|
|
||||||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2.5rem;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
font-weight: 700;
|
|
||||||
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.subtitle {
|
|
||||||
font-size: 1.2rem;
|
|
||||||
margin-bottom: 40px;
|
|
||||||
color: #a8c9ff;
|
|
||||||
max-width: 600px;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-container {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: center;
|
|
||||||
gap: 30px;
|
|
||||||
margin-top: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
display: inline-block;
|
|
||||||
padding: 16px 40px;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 600;
|
|
||||||
text-align: center;
|
|
||||||
text-decoration: none;
|
|
||||||
color: white;
|
|
||||||
background: rgba(40, 80, 160, 0.7);
|
|
||||||
border: 2px solid rgba(100, 150, 255, 0.5);
|
|
||||||
border-radius: 50px;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
backdrop-filter: blur(5px);
|
|
||||||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
|
|
||||||
min-width: 200px;
|
|
||||||
letter-spacing: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn:hover {
|
|
||||||
background: rgba(60, 120, 220, 0.9);
|
|
||||||
transform: translateY(-5px);
|
|
||||||
box-shadow: 0 8px 20px rgba(100, 150, 255, 0.4);
|
|
||||||
border-color: rgba(150, 200, 255, 0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn:active {
|
|
||||||
transform: translateY(-2px);
|
|
||||||
box-shadow: 0 5px 10px rgba(100, 150, 255, 0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary {
|
|
||||||
background: rgba(40, 80, 160, 0.7);
|
|
||||||
border: 2px solid rgba(100, 150, 255, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-secondary {
|
|
||||||
background: rgba(160, 40, 80, 0.7);
|
|
||||||
border: 2px solid rgba(255, 100, 150, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-secondary:hover {
|
|
||||||
background: rgba(220, 60, 120, 0.9);
|
|
||||||
box-shadow: 0 8px 20px rgba(255, 100, 150, 0.4);
|
|
||||||
border-color: rgba(255, 150, 200, 0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
.features {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: center;
|
|
||||||
gap: 30px;
|
|
||||||
margin-top: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.feature {
|
|
||||||
flex: 1;
|
|
||||||
min-width: 200px;
|
|
||||||
max-width: 250px;
|
|
||||||
padding: 20px;
|
|
||||||
background: rgba(255, 255, 255, 0.05);
|
|
||||||
border-radius: 15px;
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.feature h3 {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
color: #a8c9ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer {
|
|
||||||
margin-top: 50px;
|
|
||||||
font-size: 14px;
|
|
||||||
color: rgba(255, 255, 255, 0.6);
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 响应式设计 */
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
.container {
|
|
||||||
padding: 30px 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.subtitle {
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
padding: 14px 30px;
|
|
||||||
font-size: 16px;
|
|
||||||
min-width: 180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-container {
|
|
||||||
gap: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 480px) {
|
|
||||||
.button-container {
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
width: 100%;
|
|
||||||
max-width: 280px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="container">
|
|
||||||
<h1>一班_自学支持_资源下载</h1>
|
|
||||||
<p class="subtitle">不是每位学生都可以在校内完成全部任务，当学业繁重时，这个页面或许会成为你查漏补缺的好帮手。注意：点击后需等待几秒，密码会自行解开</p>
|
|
||||||
|
|
||||||
<div class="button-container">
|
|
||||||
<a href="https://swe-iss.rth1.xyz/res/filelist.html" class="btn btn-primary">下载源：蓝奏云</a>
|
|
||||||
<a href="https://www.alipan.com/s/PbHuzxXvgAi" class="btn btn-secondary">阿里云盘（在线预览，需登录）</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="features">
|
|
||||||
<div class="feature">
|
|
||||||
<h3>查漏补缺</h3>
|
|
||||||
<p>在课上放心紧跟老师思路，笔记可以慢慢补</p>
|
|
||||||
</div>
|
|
||||||
<div class="feature">
|
|
||||||
<h3>习题重练</h3>
|
|
||||||
<p>课上来不及，没做完的题可以现在练</p>
|
|
||||||
</div>
|
|
||||||
<div class="feature">
|
|
||||||
<h3>预习复习</h3>
|
|
||||||
<p>在未来，我有时间的话，老师们也可以把预习课件，提优资源放在这里，欲穷千里目，更上一层楼</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="footer">
|
|
||||||
© 2025 * S.A. | SNOWARE
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,10 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>下载您所需要的资源</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>仅自学使用</h1>
|
|
||||||
<a href="https://url88.ctfile.com/d/34021088-156924754-5b7671?p=5992">点此跳转</a>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,688 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="zh-CN">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>btcli - 命令行翻译工具</title>
|
|
||||||
<style>
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
||||||
line-height: 1.6;
|
|
||||||
color: #333;
|
|
||||||
background: linear-gradient(135deg, #fff8e1, #ffecb3, #ffcc80); /* 暖色渐变：米色到浅黄到橙色 */
|
|
||||||
min-height: 100vh;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 可拖动的小球容器 */
|
|
||||||
.draggable-ball {
|
|
||||||
position: fixed;
|
|
||||||
top: 50%;
|
|
||||||
left: 20px;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
z-index: 10000;
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
cursor: grab;
|
|
||||||
}
|
|
||||||
|
|
||||||
.draggable-ball:active {
|
|
||||||
cursor: grabbing;
|
|
||||||
}
|
|
||||||
|
|
||||||
.draggable-ball-canvas {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 0 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 导航栏样式 - 暖色调 */
|
|
||||||
header {
|
|
||||||
background-color: #ff8f00; /* 深橙色 */
|
|
||||||
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
|
||||||
position: sticky;
|
|
||||||
top: 0;
|
|
||||||
z-index: 1000;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
padding: 1rem 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
font-size: 1.5rem;
|
|
||||||
font-weight: bold;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-links {
|
|
||||||
display: flex;
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-links li {
|
|
||||||
margin-left: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-links a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: rgba(255, 255, 255, 0.9);
|
|
||||||
font-weight: 500;
|
|
||||||
transition: color 0.3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-links a:hover {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 主要内容区域 */
|
|
||||||
main {
|
|
||||||
padding: 2rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 英雄区域 - 暖色调 */
|
|
||||||
.hero {
|
|
||||||
background: linear-gradient(135deg, #ff8f00, #ff6f00); /* 橙色渐变 */
|
|
||||||
color: white;
|
|
||||||
padding: 4rem 0;
|
|
||||||
text-align: center;
|
|
||||||
margin-bottom: 3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero h1 {
|
|
||||||
font-size: 2.5rem;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero p {
|
|
||||||
font-size: 1.2rem;
|
|
||||||
max-width: 600px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 按钮链接样式 */
|
|
||||||
.button-container {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
gap: 1rem;
|
|
||||||
margin: 2rem 0;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.external-link-btn {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 0.5rem;
|
|
||||||
padding: 0.75rem 1.5rem;
|
|
||||||
background-color: #ff8f00; /* 橙色背景 */
|
|
||||||
color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
border-radius: 4px;
|
|
||||||
transition: background-color 0.3s;
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
|
|
||||||
.external-link-btn:hover {
|
|
||||||
background-color: #e65100; /* 深橙色背景 */
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-icon {
|
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 功能特色区域 */
|
|
||||||
.features {
|
|
||||||
padding: 2rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.features h2 {
|
|
||||||
text-align: center;
|
|
||||||
font-size: 2.5rem;
|
|
||||||
margin-bottom: 3rem;
|
|
||||||
color: #ff8f00; /* 橙色标题 */
|
|
||||||
}
|
|
||||||
|
|
||||||
.feature-grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
||||||
gap: 2rem;
|
|
||||||
margin-top: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.feature-card {
|
|
||||||
background-color: #ffecb3; /* 暖黄色背景 */
|
|
||||||
padding: 2rem;
|
|
||||||
border-radius: 10px;
|
|
||||||
text-align: center;
|
|
||||||
box-shadow: 0 5px 15px rgba(255, 143, 0, 0.1); /* 橙色阴影 */
|
|
||||||
transition: transform 0.3s;
|
|
||||||
border: 1px solid rgba(255, 143, 0, 0.2); /* 橙色边框 */
|
|
||||||
}
|
|
||||||
|
|
||||||
.feature-card:hover {
|
|
||||||
transform: translateY(-10px);
|
|
||||||
box-shadow: 0 15px 30px rgba(255, 143, 0, 0.2); /* 更明显的橙色阴影 */
|
|
||||||
}
|
|
||||||
|
|
||||||
.feature-card h3 {
|
|
||||||
color: #ff8f00; /* 橙色标题 */
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
font-size: 1.3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.feature-card p {
|
|
||||||
color: #5d4037; /* 棕色文字 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Gitee 小部件样式 - 暖色调 */
|
|
||||||
.osc_pro_color {color: #5d4037 !important;}
|
|
||||||
.osc_panel_color {background-color: #ffecb3 !important;}
|
|
||||||
.osc_background_color {background-color: #fff8e1 !important;}
|
|
||||||
.osc_border_color {border-color: #ffca28 !important;}
|
|
||||||
.osc_desc_color {color: #5d4037 !important;}
|
|
||||||
.osc_link_color * {color: #ff8f00 !important;}
|
|
||||||
|
|
||||||
/* 安装说明区域 */
|
|
||||||
.installation {
|
|
||||||
padding: 3rem 0;
|
|
||||||
background-color: #fff3e0; /* 暖橘色背景 */
|
|
||||||
}
|
|
||||||
|
|
||||||
.installation h2 {
|
|
||||||
text-align: center;
|
|
||||||
font-size: 2.5rem;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
color: #ff8f00; /* 橙色标题 */
|
|
||||||
}
|
|
||||||
|
|
||||||
.install-steps {
|
|
||||||
max-width: 800px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.step {
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
background: white;
|
|
||||||
padding: 1.5rem;
|
|
||||||
border-radius: 8px;
|
|
||||||
box-shadow: 0 3px 10px rgba(255, 143, 0, 0.1);
|
|
||||||
border-left: 4px solid #ff8f00; /* 橙色左边框 */
|
|
||||||
}
|
|
||||||
|
|
||||||
.step h3 {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
color: #ff8f00;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre {
|
|
||||||
background-color: #333;
|
|
||||||
color: #fff;
|
|
||||||
padding: 1rem;
|
|
||||||
border-radius: 5px;
|
|
||||||
overflow-x: auto;
|
|
||||||
font-size: 0.9rem;
|
|
||||||
margin-top: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 使用示例区域 */
|
|
||||||
.usage {
|
|
||||||
padding: 3rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.usage h2 {
|
|
||||||
text-align: center;
|
|
||||||
font-size: 2.5rem;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
color: #ff8f00; /* 橙色标题 */
|
|
||||||
}
|
|
||||||
|
|
||||||
.usage-examples {
|
|
||||||
max-width: 800px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 0 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.example {
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
background: #ffecb3; /* 暖黄色背景 */
|
|
||||||
padding: 1.5rem;
|
|
||||||
border-radius: 8px;
|
|
||||||
box-shadow: 0 3px 10px rgba(255, 143, 0, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.example h3 {
|
|
||||||
margin-bottom: 0.8rem;
|
|
||||||
color: #ff8f00;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 关于区域 */
|
|
||||||
.about {
|
|
||||||
padding: 5rem 0;
|
|
||||||
background-color: #ffecb3; /* 暖黄色背景 */
|
|
||||||
}
|
|
||||||
|
|
||||||
.about h2 {
|
|
||||||
text-align: center;
|
|
||||||
font-size: 2.5rem;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
color: #ff8f00; /* 橙色标题 */
|
|
||||||
}
|
|
||||||
|
|
||||||
.about p {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
font-size: 1.1rem;
|
|
||||||
text-align: center;
|
|
||||||
color: #5d4037; /* 棕色文字 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 页脚 - 暖色调 */
|
|
||||||
footer {
|
|
||||||
background-color: #ff8f00; /* 橙色页脚 */
|
|
||||||
color: white;
|
|
||||||
padding: 3rem 0;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer p {
|
|
||||||
margin-bottom: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 响应式设计 */
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
.nav-links {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero h1 {
|
|
||||||
font-size: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero {
|
|
||||||
padding: 3rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.feature-grid {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav {
|
|
||||||
flex-direction: column;
|
|
||||||
padding: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<!-- 可拖动的带颜文字小球 -->
|
|
||||||
<div class="draggable-ball">
|
|
||||||
<canvas id="draggableBall" class="draggable-ball-canvas"></canvas>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<header>
|
|
||||||
<nav>
|
|
||||||
<div class="logo">btcli</div>
|
|
||||||
<ul class="nav-links">
|
|
||||||
<li><a href="#home">首页</a></li>
|
|
||||||
<li><a href="#features">特性</a></li>
|
|
||||||
<li><a href="#installation">安装</a></li>
|
|
||||||
<li><a href="#usage">使用</a></li>
|
|
||||||
<li><a href="#about">关于</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<main>
|
|
||||||
<section id="home" class="hero">
|
|
||||||
<div class="container">
|
|
||||||
<h1>btcli</h1>
|
|
||||||
<p>一款在线命令行翻译工具，支持中文及其他语言，配备TUI界面</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- 按钮链接区域 -->
|
|
||||||
<div class="container button-container">
|
|
||||||
<a href="https://gitee.com/Ironbayberry/btcli" target="_blank" class="external-link-btn">
|
|
||||||
<img src="https://gitee.com/favicon.ico" alt="Gitee Icon" class="btn-icon">
|
|
||||||
Gitee
|
|
||||||
</a>
|
|
||||||
<a href="https://crates.io/crates/btcli" target="_blank" class="external-link-btn">
|
|
||||||
<img src="https://crates.io/favicon.ico" alt="Crates.io Icon" class="btn-icon">
|
|
||||||
Crates.io
|
|
||||||
</a>
|
|
||||||
<a href="https://swe-iss.rth1.xyz/softwares/btcli/docs" target="_blank" class="external-link-btn">
|
|
||||||
<img src="https://rust-lang.org/static/images/favicon.svg" alt="Rust Icon" class="btn-icon">
|
|
||||||
Rust docs
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<section id="features" class="features">
|
|
||||||
<div class="container">
|
|
||||||
<h2>功能特性</h2>
|
|
||||||
<div class="feature-grid">
|
|
||||||
<div class="feature-card">
|
|
||||||
<h3>命令行界面 (CLI)</h3>
|
|
||||||
<p>支持丰富的命令行参数，可直接在终端中快速翻译，无需打开图形界面，提高工作效率</p>
|
|
||||||
<ul style="text-align: left; margin-top: 10px;">
|
|
||||||
<li>支持 -s/--source 指定源语言</li>
|
|
||||||
<li>支持 -t/--target 指定目标语言</li>
|
|
||||||
<li>支持 -h/--help 查看帮助信息</li>
|
|
||||||
<li>支持 -v/--version 查看版本信息</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="feature-card">
|
|
||||||
<h3>文本用户界面 (TUI)</h3>
|
|
||||||
<p>直观的文本用户界面，提供友好的交互体验，支持多窗口操作和实时翻译</p>
|
|
||||||
<ul style="text-align: left; margin-top: 10px;">
|
|
||||||
<li>支持多语言配置</li>
|
|
||||||
<li>支持设置页面</li>
|
|
||||||
<li>支持快捷键操作</li>
|
|
||||||
<li>支持剪贴板功能</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="feature-card">
|
|
||||||
<h3>多语言支持</h3>
|
|
||||||
<p>支持中文、英文及多种国际语言之间的互译，覆盖全球主要语系</p>
|
|
||||||
<ul style="text-align: left; margin-top: 10px;">
|
|
||||||
<li>自动检测源语言</li>
|
|
||||||
<li>支持主流语种翻译</li>
|
|
||||||
<li>持续添加新语言</li>
|
|
||||||
<li>高质量翻译引擎</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="feature-card">
|
|
||||||
<h3>纯CLI模式</h3>
|
|
||||||
<p>支持纯命令行操作，适合脚本集成和自动化任务，可无缝集成到各类工作流中</p>
|
|
||||||
<ul style="text-align: left; margin-top: 10px;">
|
|
||||||
<li>无头模式运行</li>
|
|
||||||
<li>支持管道输入</li>
|
|
||||||
<li>支持批处理操作</li>
|
|
||||||
<li>适合CI/CD集成</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="feature-card">
|
|
||||||
<h3>安全可靠</h3>
|
|
||||||
<p>采用百度翻译API，保障翻译质量和数据安全，本地配置文件加密存储</p>
|
|
||||||
<ul style="text-align: left; margin-top: 10px;">
|
|
||||||
<li>API密钥本地存储</li>
|
|
||||||
<li>HTTPS加密传输</li>
|
|
||||||
<li>无数据记录</li>
|
|
||||||
<li>开源可验证</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="feature-card">
|
|
||||||
<h3>跨平台支持</h3>
|
|
||||||
<p>基于Rust开发，支持Windows、macOS、Linux等多种操作系统</p>
|
|
||||||
<ul style="text-align: left; margin-top: 10px;">
|
|
||||||
<li>Windows x86_64</li>
|
|
||||||
<li>Linux x86_64</li>
|
|
||||||
<li>macOS Intel/Apple Silicon</li>
|
|
||||||
<li>ARM架构支持</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section id="installation" class="installation">
|
|
||||||
<div class="container">
|
|
||||||
<h2>安装</h2>
|
|
||||||
<div class="install-steps">
|
|
||||||
<div class="step">
|
|
||||||
<h3>通过Cargo安装</h3>
|
|
||||||
<pre><code>cargo install btcli</code></pre>
|
|
||||||
</div>
|
|
||||||
<div class="step">
|
|
||||||
<h3>从源码构建</h3>
|
|
||||||
<pre><code>git clone https://gitee.com/Ironbayberry/btcli.git
|
|
||||||
cd btcli
|
|
||||||
cargo build --release</code></pre>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section id="usage" class="usage">
|
|
||||||
<div class="container">
|
|
||||||
<h2>使用方法</h2>
|
|
||||||
<div class="usage-examples">
|
|
||||||
<div class="example">
|
|
||||||
<h3>基础翻译</h3>
|
|
||||||
<pre><code>btcli "Hello, world!"</code></pre>
|
|
||||||
</div>
|
|
||||||
<div class="example">
|
|
||||||
<h3>指定语言</h3>
|
|
||||||
<pre><code>btcli -s en -t zh "Hello, world!"
|
|
||||||
（默认会保存到设置）</code></pre>
|
|
||||||
</div>
|
|
||||||
<div class="example">
|
|
||||||
<h3>启动TUI界面</h3>
|
|
||||||
<pre><code>btcli</code></pre>
|
|
||||||
</div>
|
|
||||||
<div class="example">
|
|
||||||
<h3>显示帮助</h3>
|
|
||||||
<pre><code>btcli --help</code></pre>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section id="about" class="about">
|
|
||||||
<div class="container">
|
|
||||||
<h2>关于项目</h2>
|
|
||||||
<p>btcli是一个开源的命令行翻译工具，专为中文和其他语言的翻译而设计。项目采用Rust语言编写，注重性能和安全性。</p>
|
|
||||||
<p>作者: S.A. (@snoware)</p>
|
|
||||||
<p>许可证: MPL-2.0</p>
|
|
||||||
<p>项目主页: <a href="https://gitee.com/Ironbayberry/btcli" style="color: #ff8f00; text-decoration: underline;" target="_blank">https://gitee.com/Ironbayberry/btcli</a></p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Gitee 仓库小部件 -->
|
|
||||||
<div class="container">
|
|
||||||
<div id="osc-gitee-widget-tag"></div>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
<div class="container">
|
|
||||||
<p>© 2026 S.A. (@snoware). 使用 MPL-2.0 许可证发布.</p>
|
|
||||||
<p>项目主页: <a href="https://swe-iss.rth1.xyz/softwares/btcli" style="color: white; text-decoration: underline;" target="_blank">https://swe-iss.rth1.xyz/softwares/btcli</a></p>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// Gitee 仓库小部件
|
|
||||||
(function() {
|
|
||||||
var origin = 'https://gitee.com';
|
|
||||||
var widgetUrl = origin + '/Ironbayberry/btcli/widget_preview';
|
|
||||||
var script = document.createElement('script');
|
|
||||||
script.type = 'text/javascript';
|
|
||||||
script.async = true;
|
|
||||||
script.src = widgetUrl;
|
|
||||||
var s = document.getElementsByTagName('script')[0];
|
|
||||||
s.parentNode.insertBefore(script, s);
|
|
||||||
})();
|
|
||||||
</script>
|
|
||||||
<script>
|
|
||||||
// 绘制可拖动的带颜文字小球
|
|
||||||
const canvas = document.getElementById('draggableBall');
|
|
||||||
const ctx = canvas.getContext('2d');
|
|
||||||
|
|
||||||
// 设置canvas尺寸
|
|
||||||
canvas.width = 40;
|
|
||||||
canvas.height = 40;
|
|
||||||
|
|
||||||
// 绘制小球
|
|
||||||
function drawBall() {
|
|
||||||
// 清除画布
|
|
||||||
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
|
||||||
|
|
||||||
// 绘制小球背景
|
|
||||||
const centerX = canvas.width / 2;
|
|
||||||
const centerY = canvas.height / 2;
|
|
||||||
const radius = 15;
|
|
||||||
|
|
||||||
// 创建渐变效果
|
|
||||||
const gradient = ctx.createRadialGradient(
|
|
||||||
centerX - 5, centerY - 5, 1,
|
|
||||||
centerX, centerY, radius
|
|
||||||
);
|
|
||||||
gradient.addColorStop(0, '#ffeb3b'); // 黄色
|
|
||||||
gradient.addColorStop(1, '#ff9800'); // 橙色
|
|
||||||
|
|
||||||
// 绘制圆球
|
|
||||||
ctx.beginPath();
|
|
||||||
ctx.arc(centerX, centerY, radius, 0, Math.PI * 2);
|
|
||||||
ctx.fillStyle = gradient;
|
|
||||||
ctx.fill();
|
|
||||||
|
|
||||||
// 添加边框
|
|
||||||
ctx.strokeStyle = '#e65100';
|
|
||||||
ctx.lineWidth = 1;
|
|
||||||
ctx.stroke();
|
|
||||||
|
|
||||||
// 绘制颜文字 "(¬‿¬)"
|
|
||||||
ctx.font = 'bold 12px Arial';
|
|
||||||
ctx.fillStyle = '#333';
|
|
||||||
ctx.textAlign = 'center';
|
|
||||||
ctx.textBaseline = 'middle';
|
|
||||||
ctx.fillText('(¬‿¬)', centerX, centerY + 2);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 调用绘制函数
|
|
||||||
drawBall();
|
|
||||||
|
|
||||||
// 拖动功能
|
|
||||||
let isDragging = false;
|
|
||||||
let offsetX, offsetY;
|
|
||||||
|
|
||||||
canvas.parentElement.addEventListener('mousedown', startDrag);
|
|
||||||
document.addEventListener('mousemove', drag);
|
|
||||||
document.addEventListener('mouseup', stopDrag);
|
|
||||||
|
|
||||||
// 触摸设备支持
|
|
||||||
canvas.parentElement.addEventListener('touchstart', touchStart);
|
|
||||||
document.addEventListener('touchmove', touchMove);
|
|
||||||
document.addEventListener('touchend', touchEnd);
|
|
||||||
|
|
||||||
function startDrag(e) {
|
|
||||||
e.preventDefault();
|
|
||||||
isDragging = true;
|
|
||||||
|
|
||||||
const rect = canvas.getBoundingClientRect();
|
|
||||||
offsetX = e.clientX - rect.left;
|
|
||||||
offsetY = e.clientY - rect.top;
|
|
||||||
}
|
|
||||||
|
|
||||||
function drag(e) {
|
|
||||||
if (!isDragging) return;
|
|
||||||
|
|
||||||
const x = e.clientX - offsetX;
|
|
||||||
const y = e.clientY - offsetY;
|
|
||||||
|
|
||||||
// 更新小球位置
|
|
||||||
canvas.parentElement.style.left = `${x}px`;
|
|
||||||
canvas.parentElement.style.top = `${y}px`;
|
|
||||||
canvas.parentElement.style.transform = 'none'; // 取消初始的transform
|
|
||||||
}
|
|
||||||
|
|
||||||
function stopDrag() {
|
|
||||||
isDragging = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 触摸事件处理
|
|
||||||
function touchStart(e) {
|
|
||||||
const touch = e.touches[0];
|
|
||||||
const mouseEvent = new MouseEvent('mousedown', {
|
|
||||||
clientX: touch.clientX,
|
|
||||||
clientY: touch.clientY
|
|
||||||
});
|
|
||||||
canvas.dispatchEvent(mouseEvent);
|
|
||||||
}
|
|
||||||
|
|
||||||
function touchMove(e) {
|
|
||||||
const touch = e.touches[0];
|
|
||||||
const mouseEvent = new MouseEvent('mousemove', {
|
|
||||||
clientX: touch.clientX,
|
|
||||||
clientY: touch.clientY
|
|
||||||
});
|
|
||||||
document.dispatchEvent(mouseEvent);
|
|
||||||
}
|
|
||||||
|
|
||||||
function touchEnd() {
|
|
||||||
const mouseEvent = new MouseEvent('mouseup', {});
|
|
||||||
document.dispatchEvent(mouseEvent);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 平滑滚动效果
|
|
||||||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
|
||||||
anchor.addEventListener('click', function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
|
|
||||||
const targetId = this.getAttribute('href');
|
|
||||||
if (targetId === '#') return;
|
|
||||||
|
|
||||||
const targetElement = document.querySelector(targetId);
|
|
||||||
if (targetElement) {
|
|
||||||
window.scrollTo({
|
|
||||||
top: targetElement.offsetTop - 80, // 减去导航栏高度
|
|
||||||
behavior: 'smooth'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// 导航栏高亮当前部分
|
|
||||||
window.addEventListener('scroll', () => {
|
|
||||||
const sections = document.querySelectorAll('section');
|
|
||||||
const navLinks = document.querySelectorAll('.nav-links a');
|
|
||||||
|
|
||||||
let current = '';
|
|
||||||
|
|
||||||
sections.forEach(section => {
|
|
||||||
const sectionTop = section.offsetTop;
|
|
||||||
const sectionHeight = section.clientHeight;
|
|
||||||
|
|
||||||
if (pageYOffset >= (sectionTop - 100)) {
|
|
||||||
current = section.getAttribute('id');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
navLinks.forEach(link => {
|
|
||||||
link.classList.remove('active');
|
|
||||||
if (link.getAttribute('href') === `#${current}`) {
|
|
||||||
link.classList.add('active');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// 页面加载完成后执行
|
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
|
||||||
console.log('btcli 详情页面已加载');
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
@@ -1,438 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="zh-CN">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>S.A. - 我的作品</title>
|
|
||||||
<style>
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
||||||
line-height: 1.6;
|
|
||||||
color: #333;
|
|
||||||
background: linear-gradient(135deg, #e1f5fe, #f3e5f5);
|
|
||||||
min-height: 100vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 0 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 导航栏样式 */
|
|
||||||
header {
|
|
||||||
background-color: #009688; /* 青色主色调 */
|
|
||||||
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
|
||||||
position: sticky;
|
|
||||||
top: 0;
|
|
||||||
z-index: 1000;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
padding: 1rem 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
font-size: 1.5rem;
|
|
||||||
font-weight: bold;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-links {
|
|
||||||
display: flex;
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-links li {
|
|
||||||
margin-left: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-links a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: rgba(255, 255, 255, 0.9);
|
|
||||||
font-weight: 500;
|
|
||||||
transition: color 0.3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-links a:hover {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 主要内容区域 */
|
|
||||||
main {
|
|
||||||
padding: 2rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 英雄区域 */
|
|
||||||
.hero {
|
|
||||||
background: linear-gradient(135deg, #009688, #2196F3); /* 青蓝渐变 */
|
|
||||||
color: white;
|
|
||||||
padding: 4rem 0;
|
|
||||||
text-align: center;
|
|
||||||
margin-bottom: 3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero h1 {
|
|
||||||
font-size: 2.5rem;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero p {
|
|
||||||
font-size: 1.2rem;
|
|
||||||
max-width: 600px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 项目区域 */
|
|
||||||
.projects {
|
|
||||||
padding: 2rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.projects h2 {
|
|
||||||
text-align: center;
|
|
||||||
font-size: 2.5rem;
|
|
||||||
margin-bottom: 3rem;
|
|
||||||
color: #009688; /* 青色标题 */
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
||||||
gap: 2rem;
|
|
||||||
margin-top: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-card {
|
|
||||||
background-color: #E0F7FA; /* 青色透明背景 */
|
|
||||||
padding: 2rem;
|
|
||||||
border-radius: 10px;
|
|
||||||
text-align: center;
|
|
||||||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
|
|
||||||
transition: transform 0.3s;
|
|
||||||
border: 1px solid rgba(0, 150, 136, 0.2); /* 青色边框 */
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-card:hover {
|
|
||||||
transform: translateY(-10px);
|
|
||||||
box-shadow: 0 15px 30px rgba(0, 150, 136, 0.2); /* 青色阴影 */
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-card h3 {
|
|
||||||
color: #009688; /* 青色标题 */
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
font-size: 1.3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-card h3 a {
|
|
||||||
color: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-card h3 a:hover {
|
|
||||||
color: #2196F3; /* 蓝色悬停效果 */
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-card .description {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-card .tags {
|
|
||||||
margin: 1rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tag {
|
|
||||||
display: inline-block;
|
|
||||||
background-color: #009688; /* 青色标签 */
|
|
||||||
color: white;
|
|
||||||
padding: 0.3rem 0.8rem;
|
|
||||||
border-radius: 20px;
|
|
||||||
font-size: 0.8rem;
|
|
||||||
margin: 0.2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-card .links {
|
|
||||||
margin-top: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-card .links a {
|
|
||||||
display: inline-block;
|
|
||||||
margin: 0 0.5rem;
|
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
background-color: #009688; /* 青色按钮 */
|
|
||||||
color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
border-radius: 5px;
|
|
||||||
transition: background-color 0.3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-card .links a:hover {
|
|
||||||
background-color: #2196F3; /* 蓝色悬停 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 关于区域 */
|
|
||||||
.about {
|
|
||||||
padding: 5rem 0;
|
|
||||||
background-color: #E1F5FE; /* 淡青背景 */
|
|
||||||
}
|
|
||||||
|
|
||||||
.about h2 {
|
|
||||||
text-align: center;
|
|
||||||
font-size: 2.5rem;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
color: #009688; /* 青色标题 */
|
|
||||||
}
|
|
||||||
|
|
||||||
.about p {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
font-size: 1.1rem;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 页脚 */
|
|
||||||
footer {
|
|
||||||
background-color: #009688; /* 青色页脚 */
|
|
||||||
color: white;
|
|
||||||
padding: 3rem 0;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer p {
|
|
||||||
margin-bottom: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 响应式设计 */
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
.nav-links {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero h1 {
|
|
||||||
font-size: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero {
|
|
||||||
padding: 3rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-grid {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav {
|
|
||||||
flex-direction: column;
|
|
||||||
padding: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<link rel="icon" href="../favicon.ico" type="image/x-icon">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<header>
|
|
||||||
<nav>
|
|
||||||
<div class="logo">S.A. - 我的作品</div>
|
|
||||||
<ul class="nav-links">
|
|
||||||
<li><a href="/">首页</a></li>
|
|
||||||
<li><a href="#projects">项目</a></li>
|
|
||||||
<li><a href="#about">关于</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<main>
|
|
||||||
<section id="home" class="hero">
|
|
||||||
<div class="container">
|
|
||||||
<h1>S.A. - 我的作品</h1>
|
|
||||||
<p>欢迎来到 S.A. 的开源项目展示页面</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section id="projects" class="projects">
|
|
||||||
<div class="container">
|
|
||||||
<h2>我的作品</h2>
|
|
||||||
<div id="projects-container" class="project-grid">
|
|
||||||
<!-- 项目将通过JavaScript动态加载 -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>-->
|
|
||||||
|
|
||||||
<section id="about" class="about">
|
|
||||||
<div class="container">
|
|
||||||
<h2>关于</h2>
|
|
||||||
<p>这里展示了 S.A. (@snoware) 的个人作品集。所有项目都采用了现代化的技术栈。</p>
|
|
||||||
<p>欢迎访问我的 <a href="https://gitee.com/Ironbayberry/" target="_blank" style="color: #009688; text-decoration: underline;">Gitee 个人主页</a> 查看更多项目。</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
<div class="container">
|
|
||||||
<p>© 2026 S.A. (@snoware). All rights reserved.</p>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// 用于存储项目数据
|
|
||||||
let projectsData = [];
|
|
||||||
|
|
||||||
// 加载 TOML 文件并渲染项目
|
|
||||||
async function loadProjects() {
|
|
||||||
try {
|
|
||||||
// 从同目录下的 projects.txt 文件加载数据
|
|
||||||
const response = await fetch('projects.txt');
|
|
||||||
if (!response.ok) {
|
|
||||||
throw new Error(`无法加载项目数据: ${response.status} ${response.statusText}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
const tomlText = await response.text();
|
|
||||||
|
|
||||||
// 简单的 TOML 解析器（由于不能引入外部库，我们使用简化的解析方法）
|
|
||||||
parseToml(tomlText);
|
|
||||||
renderProjects();
|
|
||||||
} catch (error) {
|
|
||||||
console.error('加载项目数据时出错:', error);
|
|
||||||
const container = document.getElementById('projects-container');
|
|
||||||
container.innerHTML = `<p class="error">加载项目失败: ${error.message}</p>`;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 简化的 TOML 解析器
|
|
||||||
function parseToml(tomlText) {
|
|
||||||
// 将 TOML 文本转换为 JavaScript 对象
|
|
||||||
const lines = tomlText.split('\n');
|
|
||||||
let currentProject = null;
|
|
||||||
projectsData = [];
|
|
||||||
|
|
||||||
for (const line of lines) {
|
|
||||||
const trimmedLine = line.trim();
|
|
||||||
|
|
||||||
// 检测项目开始 [[projects]]
|
|
||||||
if (trimmedLine.startsWith('[[projects]]')) {
|
|
||||||
currentProject = {};
|
|
||||||
projectsData.push(currentProject);
|
|
||||||
} else if (currentProject && trimmedLine.includes('=')) {
|
|
||||||
const [key, value] = trimmedLine.split('=');
|
|
||||||
const cleanKey = key.trim();
|
|
||||||
let cleanValue = value.trim();
|
|
||||||
|
|
||||||
// 处理字符串值（去除引号）
|
|
||||||
if (cleanValue.startsWith('"') && cleanValue.endsWith('"')) {
|
|
||||||
cleanValue = cleanValue.substring(1, cleanValue.length - 1);
|
|
||||||
}
|
|
||||||
// 处理数组值
|
|
||||||
else if (cleanValue.startsWith('[') && cleanValue.endsWith(']')) {
|
|
||||||
cleanValue = cleanValue.substring(1, cleanValue.length - 1)
|
|
||||||
.split(',')
|
|
||||||
.map(item => item.trim().replace(/"/g, ''));
|
|
||||||
}
|
|
||||||
|
|
||||||
currentProject[cleanKey] = cleanValue;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 渲染项目到页面
|
|
||||||
function renderProjects() {
|
|
||||||
const container = document.getElementById('projects-container');
|
|
||||||
|
|
||||||
if (!projectsData || projectsData.length === 0) {
|
|
||||||
container.innerHTML = '<p>暂无项目数据</p>';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 生成项目卡片HTML
|
|
||||||
const projectsHTML = projectsData.map(project => {
|
|
||||||
// 处理URL中的模板变量
|
|
||||||
const processedDemoUrl = project.demo_url ? project.demo_url.replace(/\{\$rthSuffix\}/g, '') : null;
|
|
||||||
const processedRepoUrl = project.repo_url ? project.repo_url.replace(/\{\$rthSuffix\}/g, '') : null;
|
|
||||||
const processedDocUrl = project.doc_url ? project.doc_url.replace(/\{\$rthSuffix\}/g, '') : null;
|
|
||||||
|
|
||||||
return `
|
|
||||||
<div class="project-card">
|
|
||||||
<h3><a href="${processedDemoUrl || processedRepoUrl || '#'}" target="_blank">${project.name || '未知项目'}</a></h3>
|
|
||||||
<p class="description">${project.description || '暂无描述'}</p>
|
|
||||||
<div class="tags">
|
|
||||||
${(project.tags || []).map(tag => `<span class="tag">${tag}</span>`).join('')}
|
|
||||||
</div>
|
|
||||||
<div class="links">
|
|
||||||
${processedRepoUrl ? `<a href="${processedRepoUrl}" target="_blank">代码仓库</a>` : ''}
|
|
||||||
${processedDemoUrl ? `<a href="${processedDemoUrl}" target="_blank">演示</a>` : ''}
|
|
||||||
${processedDocUrl ? `<a href="${processedDocUrl}" target="_blank">文档</a>` : ''}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`}).join('');
|
|
||||||
|
|
||||||
container.innerHTML = projectsHTML;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 平滑滚动效果
|
|
||||||
function setupSmoothScrolling() {
|
|
||||||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
|
||||||
anchor.addEventListener('click', function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
|
|
||||||
const targetId = this.getAttribute('href');
|
|
||||||
if (targetId === '#') return;
|
|
||||||
|
|
||||||
const targetElement = document.querySelector(targetId);
|
|
||||||
if (targetElement) {
|
|
||||||
window.scrollTo({
|
|
||||||
top: targetElement.offsetTop - 80, // 减去导航栏高度
|
|
||||||
behavior: 'smooth'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 导航栏高亮当前部分
|
|
||||||
function setupActiveNavigation() {
|
|
||||||
window.addEventListener('scroll', () => {
|
|
||||||
const sections = document.querySelectorAll('section');
|
|
||||||
const navLinks = document.querySelectorAll('.nav-links a');
|
|
||||||
|
|
||||||
let current = '';
|
|
||||||
|
|
||||||
sections.forEach(section => {
|
|
||||||
const sectionTop = section.offsetTop;
|
|
||||||
const sectionHeight = section.clientHeight;
|
|
||||||
|
|
||||||
if (pageYOffset >= (sectionTop - 100)) {
|
|
||||||
current = section.getAttribute('id');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
navLinks.forEach(link => {
|
|
||||||
link.classList.remove('active');
|
|
||||||
if (link.getAttribute('href') === `#${current}`) {
|
|
||||||
link.classList.add('active');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 页面加载完成后执行
|
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
|
||||||
loadProjects(); // 加载项目数据
|
|
||||||
setupSmoothScrolling(); // 设置平滑滚动
|
|
||||||
setupActiveNavigation(); // 设置导航高亮
|
|
||||||
|
|
||||||
console.log('S.A. 作品集页面已加载');
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,371 +0,0 @@
|
|||||||
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="zh-CN">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Mint Runtime - 安全的 Lua 运行时</title>
|
|
||||||
<script src='https://gitee.com/snoware/mint/widget_preview' async defer></script>
|
|
||||||
<style>
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
||||||
line-height: 1.6;
|
|
||||||
color: #333;
|
|
||||||
background: linear-gradient(135deg, #00bcd4 0%, #26a69a 100%);
|
|
||||||
min-height: 100vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
header {
|
|
||||||
text-align: center;
|
|
||||||
padding: 60px 20px;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo-container {
|
|
||||||
margin-bottom: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo-container svg {
|
|
||||||
max-width: 200px;
|
|
||||||
height: auto;
|
|
||||||
filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 3rem;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.subtitle {
|
|
||||||
font-size: 1.5rem;
|
|
||||||
opacity: 0.95;
|
|
||||||
margin-bottom: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.features {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
||||||
gap: 30px;
|
|
||||||
margin-top: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.feature-card {
|
|
||||||
background: white;
|
|
||||||
border-radius: 10px;
|
|
||||||
padding: 30px;
|
|
||||||
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
|
|
||||||
transition: transform 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.feature-card:hover {
|
|
||||||
transform: translateY(-5px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.feature-card h3 {
|
|
||||||
color: #0097a7;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
margin-bottom: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.feature-card p {
|
|
||||||
color: #666;
|
|
||||||
line-height: 1.8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cta-section {
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 60px;
|
|
||||||
padding: 40px 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
display: inline-block;
|
|
||||||
padding: 15px 40px;
|
|
||||||
background: white;
|
|
||||||
color: #0097a7;
|
|
||||||
text-decoration: none;
|
|
||||||
border-radius: 30px;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 1.1rem;
|
|
||||||
margin: 10px;
|
|
||||||
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
cursor: pointer;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn:hover {
|
|
||||||
transform: scale(1.05);
|
|
||||||
box-shadow: 0 8px 20px rgba(0,0,0,0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary {
|
|
||||||
background: #00bcd4;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal {
|
|
||||||
display: none;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background-color: rgba(0,0,0,0.7);
|
|
||||||
z-index: 1000;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal.show {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-content {
|
|
||||||
background: white;
|
|
||||||
border-radius: 10px;
|
|
||||||
padding: 40px;
|
|
||||||
max-width: 500px;
|
|
||||||
width: 90%;
|
|
||||||
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
|
|
||||||
position: relative;
|
|
||||||
animation: modalSlideIn 0.3s ease-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes modalSlideIn {
|
|
||||||
from {
|
|
||||||
transform: translateY(-50px);
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
transform: translateY(0);
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-close {
|
|
||||||
position: absolute;
|
|
||||||
top: 15px;
|
|
||||||
right: 20px;
|
|
||||||
font-size: 28px;
|
|
||||||
cursor: pointer;
|
|
||||||
color: #999;
|
|
||||||
transition: color 0.3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-close:hover {
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-title {
|
|
||||||
color: #0097a7;
|
|
||||||
font-size: 1.8rem;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-body {
|
|
||||||
color: #666;
|
|
||||||
line-height: 1.8;
|
|
||||||
margin-bottom: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.download-info {
|
|
||||||
background: #f5f5f5;
|
|
||||||
padding: 20px;
|
|
||||||
border-radius: 8px;
|
|
||||||
border-left: 4px solid #00bcd4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.download-link {
|
|
||||||
color: #00bcd4;
|
|
||||||
text-decoration: none;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.download-link:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.password-info {
|
|
||||||
margin-top: 15px;
|
|
||||||
padding: 10px;
|
|
||||||
background: #fff3cd;
|
|
||||||
border-radius: 5px;
|
|
||||||
color: #856404;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gitee-widget-container {
|
|
||||||
margin-bottom: 60px;
|
|
||||||
padding: 30px 20px;
|
|
||||||
text-align: center;
|
|
||||||
background: rgba(46, 47, 41, 0.95);
|
|
||||||
border-radius: 10px;
|
|
||||||
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
#osc-gitee-widget-tag {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.osc_pro_color {color: #eae9d7 !important;}
|
|
||||||
.osc_panel_color {background-color: #2e2f29 !important;}
|
|
||||||
.osc_background_color {background-color: #272822 !important;}
|
|
||||||
.osc_border_color {border-color: #484a45 !important;}
|
|
||||||
.osc_desc_color {color: #eae9d7 !important;}
|
|
||||||
.osc_link_color * {color: #747571 !important;}
|
|
||||||
|
|
||||||
footer {
|
|
||||||
text-align: center;
|
|
||||||
padding: 40px 20px;
|
|
||||||
color: white;
|
|
||||||
opacity: 0.8;
|
|
||||||
margin-top: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.links {
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.links a {
|
|
||||||
color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
margin: 0 15px;
|
|
||||||
opacity: 0.9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.links a:hover {
|
|
||||||
opacity: 1;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="container">
|
|
||||||
<header>
|
|
||||||
<div class="logo-container">
|
|
||||||
<svg viewBox="0 0 10 8" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<style>
|
|
||||||
:root {
|
|
||||||
--line-color: #ffffff;
|
|
||||||
--line-width: 0.6;
|
|
||||||
--scale: 10;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<g transform="scale(var(--scale))">
|
|
||||||
<path d="M0,0.1 H10" stroke="var(--line-color)" stroke-width="var(--line-width)" fill="none" />
|
|
||||||
<path d="M0,2 H3" stroke="var(--line-color)" stroke-width="var(--line-width)" fill="none" />
|
|
||||||
<path d="M0,4 H3 L4,2 L6,6 L7,4 H10" stroke="var(--line-color)" stroke-width="var(--line-width)" fill="none" />
|
|
||||||
<path d="M7,6 H10" stroke="var(--line-color)" stroke-width="var(--line-width)" fill="none" />
|
|
||||||
<path d="M0,7.9 H10" stroke="var(--line-color)" stroke-width="var(--line-width)" fill="none" />
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<h1>🍃 Mint Runtime</h1>
|
|
||||||
<p class="subtitle">安全特性驱动的 Lua 运行时环境</p>
|
|
||||||
<p style="font-size: 1.2rem; margin-top: 20px; font-weight: bold; letter-spacing: 3px;">开放 · 平等 · 共享</p>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<!-- Gitee 仓库预览部件 -->
|
|
||||||
<div class="gitee-widget-container">
|
|
||||||
<div id="osc-gitee-widget-tag"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="features">
|
|
||||||
<div class="feature-card">
|
|
||||||
<h3>🔒 安全保障</h3>
|
|
||||||
<p>提供强大的安全隔离机制，支持字节码限制、环境修改防护、深度外部调用钩子等多层次安全特性，确保代码执行的安全性。</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="feature-card">
|
|
||||||
<h3>⚡ 高性能</h3>
|
|
||||||
<p>基于 Rust 构建，结合 Lua 5.5 的高性能引擎，通过 LTO 链接时优化和代码生成单元优化，提供卓越的执行效率。</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="feature-card">
|
|
||||||
<h3>🌍 国际化支持</h3>
|
|
||||||
<p>内置 i10n 国际化框架，支持多语言日志和输出翻译，让全球开发者都能轻松使用。</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="feature-card">
|
|
||||||
<h3>📦 易于集成</h3>
|
|
||||||
<p>简洁的 API 设计，完善的文档支持，可快速集成到您的项目中。支持 Cargo 包管理，一键安装使用。</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="feature-card">
|
|
||||||
<h3>🛠️ 灵活配置</h3>
|
|
||||||
<p>支持 RON 配置文件格式，可自定义运行时行为、安全策略、日志级别等参数，满足各种使用场景。</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="feature-card">
|
|
||||||
<h3>📊 动态加载</h3>
|
|
||||||
<p>支持模块动态加载和日志速率限制，提供更细粒度的控制和资源管理能力。</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="cta-section">
|
|
||||||
<button onclick="openDownloadModal()" class="btn btn-primary">⬇️ 下载软件</button>
|
|
||||||
<a href="https://docs.rs/mintrt" class="btn">📖 查看文档</a>
|
|
||||||
<a href="https://gitee.com/snoware/mint" class="btn">⭐ Gitee 源码</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 下载对话框 -->
|
|
||||||
<div id="downloadModal" class="modal">
|
|
||||||
<div class="modal-content">
|
|
||||||
<span class="modal-close" onclick="closeDownloadModal()">×</span>
|
|
||||||
<h2 class="modal-title">⬇️ 下载 Mint Runtime</h2>
|
|
||||||
<div class="modal-body">
|
|
||||||
<div class="download-info">
|
|
||||||
<p><strong>下载地址：</strong></p>
|
|
||||||
<p><a href="https://snowcloud.lanzoum.com/b0zkqeipe" target="_blank" class="download-link">https://snowcloud.lanzoum.com/b0zkqeipe</a></p>
|
|
||||||
|
|
||||||
<div class="password-info">
|
|
||||||
<strong>🔐 提取码：</strong><code style="font-size: 1.2em; background: white; padding: 5px 10px; border-radius: 3px; margin-left: 10px;">guc5</code>
|
|
||||||
<p style="margin-top: 8px; font-size: 0.9em;">（部分作品）</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<p style="margin-top: 20px; color: #666; font-size: 0.9em;">💡 提示：如果链接无法访问，请通过 Gitee 仓库获取最新版本。</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
<p>© 2026 Mint Runtime. Licensed under MPL-2.0 OR Commercial</p>
|
|
||||||
<div class="links">
|
|
||||||
<a href="https://docs.rs/mintrt">API 文档</a>
|
|
||||||
<a href="https://gitee.com/snoware/mint/issues">问题反馈</a>
|
|
||||||
<a href="https://gitee.com/snoware/mint">贡献代码</a>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
</div>
|
|
||||||
<script>
|
|
||||||
function openDownloadModal() {
|
|
||||||
document.getElementById('downloadModal').classList.add('show');
|
|
||||||
}
|
|
||||||
|
|
||||||
function closeDownloadModal() {
|
|
||||||
document.getElementById('downloadModal').classList.remove('show');
|
|
||||||
}
|
|
||||||
|
|
||||||
// 点击模态框外部关闭
|
|
||||||
window.onclick = function(event) {
|
|
||||||
const modal = document.getElementById('downloadModal');
|
|
||||||
if (event.target === modal) {
|
|
||||||
closeDownloadModal();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,31 +0,0 @@
|
|||||||
[[projects]]
|
|
||||||
name = "MineSentinel"
|
|
||||||
description = "Minecraft 服务器智能守护进程，TCP 端口检测 + 崩溃自动重启 + 防循环冷却期"
|
|
||||||
repo_url = "https://gitee.com/snoware/minesentinel"
|
|
||||||
demo_url = "https://swe-iss.rth1.xyz/softwares/minesentinel"
|
|
||||||
doc_url = "https://gitee.com/snoware/minesentinel/blob/master/DEPLOY.md"
|
|
||||||
tags = ["Ruby", "Minecraft", "Server", "Monitoring", "Daemon", "SNOWARE"]
|
|
||||||
|
|
||||||
[[projects]]
|
|
||||||
name = "btcli"
|
|
||||||
description = "一款在线命令行翻译工具，支持中文及其他语言，配备TUI界面"
|
|
||||||
repo_url = "https://gitee.com/ironbayberry/btcli"
|
|
||||||
demo_url = "https://swe-iss.rth1.xyz/softwares/btcli"
|
|
||||||
doc_url = "https://docs.rs/btcli"
|
|
||||||
tags = ["Rust", "CLI", "Translation", "TUI", "SASWE"]
|
|
||||||
|
|
||||||
[[projects]]
|
|
||||||
name = "Reverberation"
|
|
||||||
description = "Story teller, it's more lightweight than nano and more convenient to use than echo."
|
|
||||||
repo_url = "https://gitee.com/ironbayberry/reverberation"
|
|
||||||
demo_url = "https://swe-iss.rth1.xyz/softwares/reverberation"
|
|
||||||
doc_url = "https://docs.rs/reverberation"
|
|
||||||
tags = ["CLI", "Chinese", "open-source", "SASWE", "Rust"]
|
|
||||||
|
|
||||||
[[projects]]
|
|
||||||
name = "Mint Runtime"
|
|
||||||
description = "Security-featured runtime for Lua with i18n support, bytecode verification, and fine-grained access control."
|
|
||||||
repo_url = "https://gitee.com/snoware/mint"
|
|
||||||
demo_url = "https://swe-iss.rth1.xyz/softwares/mint"
|
|
||||||
doc_url = "https://docs.rs/mintrt"
|
|
||||||
tags = ["CLI", "Chinese", "open-source", "SASWE", "Rust", "Lua", "Runtime", "Security", "i18n"]
|
|
||||||
@@ -1,226 +0,0 @@
|
|||||||
<!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>
|
|
||||||
@@ -0,0 +1,454 @@
|
|||||||
|
/* ===== SNOWARE Unified Dark Theme ===== */
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--bg-deep: #060612;
|
||||||
|
--bg-card: rgba(15, 25, 55, 0.6);
|
||||||
|
--bg-glass: rgba(20, 35, 70, 0.35);
|
||||||
|
--accent: #4fc3f7;
|
||||||
|
--accent-alt: #7c4dff;
|
||||||
|
--text: #e8eaf6;
|
||||||
|
--text-muted: #90a4ae;
|
||||||
|
--radius: 12px;
|
||||||
|
--font: 'Segoe UI', system-ui, -apple-system, sans-serif;
|
||||||
|
--transition: 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
|
||||||
|
html { scroll-behavior: smooth; }
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: var(--font);
|
||||||
|
background: var(--bg-deep);
|
||||||
|
color: var(--text);
|
||||||
|
min-height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container { max-width: 960px; margin: 0 auto; padding: 0 24px; }
|
||||||
|
|
||||||
|
/* ===== Navigation ===== */
|
||||||
|
.site-nav {
|
||||||
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
|
z-index: 100;
|
||||||
|
background: rgba(6, 6, 18, 0.85);
|
||||||
|
backdrop-filter: blur(12px);
|
||||||
|
border-bottom: 1px solid rgba(79, 195, 247, 0.1);
|
||||||
|
padding: 12px 0;
|
||||||
|
}
|
||||||
|
.nav-inner {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.nav-brand {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
color: var(--text);
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 18px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.nav-logo { border-radius: 50%; }
|
||||||
|
.nav-links { display: flex; gap: 20px; }
|
||||||
|
.nav-links a {
|
||||||
|
color: var(--text-muted);
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 14px;
|
||||||
|
transition: color var(--transition);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.nav-links a:hover { color: var(--accent); }
|
||||||
|
.nav-links a::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -4px;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--accent);
|
||||||
|
transition: width var(--transition);
|
||||||
|
}
|
||||||
|
.nav-links a:hover::after { width: 100%; }
|
||||||
|
|
||||||
|
/* ===== Homepage ===== */
|
||||||
|
#star-canvas-wrap {
|
||||||
|
position: relative;
|
||||||
|
min-height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
#star-canvas {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.home-overlay {
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
text-align: center;
|
||||||
|
padding: 40px 20px;
|
||||||
|
}
|
||||||
|
.logo-wrap {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.logo-wrap::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
inset: -8px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: radial-gradient(circle, rgba(79,195,247,0.25), transparent 70%);
|
||||||
|
}
|
||||||
|
.home-logo {
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 2px solid rgba(79,195,247,0.5);
|
||||||
|
background: rgba(15,25,55,0.6);
|
||||||
|
backdrop-filter: blur(8px);
|
||||||
|
}
|
||||||
|
.home-title {
|
||||||
|
font-size: 48px;
|
||||||
|
font-weight: 800;
|
||||||
|
letter-spacing: 8px;
|
||||||
|
color: var(--accent);
|
||||||
|
text-shadow: 0 0 30px rgba(79,195,247,0.4), 0 0 60px rgba(79,195,247,0.2);
|
||||||
|
margin-bottom: 32px;
|
||||||
|
}
|
||||||
|
.home-nav {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 14px;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.home-btn {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 12px 28px;
|
||||||
|
border-radius: 50px;
|
||||||
|
background: var(--bg-glass);
|
||||||
|
border: 1px solid rgba(79,195,247,0.3);
|
||||||
|
color: var(--text);
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
transition: all var(--transition);
|
||||||
|
backdrop-filter: blur(8px);
|
||||||
|
}
|
||||||
|
.home-btn:hover {
|
||||||
|
background: rgba(79,195,247,0.15);
|
||||||
|
border-color: var(--accent);
|
||||||
|
transform: translateY(-2px);
|
||||||
|
box-shadow: 0 4px 20px rgba(79,195,247,0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Page Hero ===== */
|
||||||
|
.page-hero {
|
||||||
|
text-align: center;
|
||||||
|
padding: 80px 24px 40px;
|
||||||
|
background: linear-gradient(180deg, rgba(6,6,18,0) 0%, rgba(6,6,18,1) 100%);
|
||||||
|
}
|
||||||
|
.page-hero h1 {
|
||||||
|
font-size: 40px;
|
||||||
|
font-weight: 800;
|
||||||
|
color: var(--accent);
|
||||||
|
text-shadow: 0 0 20px color-mix(in srgb, var(--accent) 30%, transparent);
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
.page-hero .subtitle {
|
||||||
|
color: var(--text-muted);
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Page Content ===== */
|
||||||
|
.page-content { padding: 20px 24px 60px; }
|
||||||
|
|
||||||
|
/* ===== Buttons ===== */
|
||||||
|
.btn {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 10px 24px;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: all var(--transition);
|
||||||
|
cursor: pointer;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
}
|
||||||
|
.btn-primary {
|
||||||
|
background: var(--accent);
|
||||||
|
color: #0a0a2e;
|
||||||
|
border-color: var(--accent);
|
||||||
|
}
|
||||||
|
.btn-primary:hover { opacity: 0.85; transform: translateY(-1px); }
|
||||||
|
.btn-accent {
|
||||||
|
background: color-mix(in srgb, var(--accent) 20%, var(--bg-card));
|
||||||
|
color: var(--accent);
|
||||||
|
border-color: color-mix(in srgb, var(--accent) 40%, transparent);
|
||||||
|
}
|
||||||
|
.btn-accent:hover { background: color-mix(in srgb, var(--accent) 30%, var(--bg-card)); }
|
||||||
|
.btn-outline {
|
||||||
|
background: transparent;
|
||||||
|
color: var(--text-muted);
|
||||||
|
border-color: rgba(144,164,174,0.3);
|
||||||
|
}
|
||||||
|
.btn-outline:hover { border-color: var(--text-muted); color: var(--text); }
|
||||||
|
.btn-lg { padding: 14px 32px; font-size: 17px; }
|
||||||
|
|
||||||
|
/* ===== Glass Cards ===== */
|
||||||
|
.feature-card {
|
||||||
|
background: var(--bg-glass);
|
||||||
|
border: 1px solid rgba(79,195,247,0.1);
|
||||||
|
border-radius: var(--radius);
|
||||||
|
padding: 24px;
|
||||||
|
text-align: center;
|
||||||
|
backdrop-filter: blur(8px);
|
||||||
|
transition: border-color var(--transition);
|
||||||
|
}
|
||||||
|
.feature-card:hover { border-color: rgba(79,195,247,0.3); }
|
||||||
|
.feature-card h3 { color: var(--accent); margin-bottom: 8px; }
|
||||||
|
.feature-card p { color: var(--text-muted); font-size: 14px; }
|
||||||
|
.feature-icon { font-size: 32px; margin-bottom: 12px; }
|
||||||
|
|
||||||
|
/* ===== Resources Section ===== */
|
||||||
|
.res-intro {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 32px;
|
||||||
|
}
|
||||||
|
.res-intro-text { color: var(--text); font-size: 16px; }
|
||||||
|
.res-intro-note { color: var(--text-muted); font-size: 14px; margin-top: 8px; }
|
||||||
|
.res-actions {
|
||||||
|
display: flex;
|
||||||
|
gap: 16px;
|
||||||
|
justify-content: center;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.res-features {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
gap: 20px;
|
||||||
|
margin-top: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== File List ===== */
|
||||||
|
.filelist-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
gap: 20px;
|
||||||
|
}
|
||||||
|
.subject-card {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
padding: 28px 20px;
|
||||||
|
background: var(--bg-glass);
|
||||||
|
border: 1px solid color-mix(in srgb, var(--color) 25%, transparent);
|
||||||
|
border-radius: var(--radius);
|
||||||
|
text-decoration: none;
|
||||||
|
color: var(--text);
|
||||||
|
backdrop-filter: blur(8px);
|
||||||
|
transition: all var(--transition);
|
||||||
|
}
|
||||||
|
.subject-card:hover {
|
||||||
|
border-color: var(--color);
|
||||||
|
transform: translateY(-3px);
|
||||||
|
box-shadow: 0 8px 24px color-mix(in srgb, var(--color) 15%, transparent);
|
||||||
|
}
|
||||||
|
.subject-icon { color: var(--color); }
|
||||||
|
.subject-card h3 { font-size: 18px; }
|
||||||
|
.subject-pw { font-size: 13px; color: var(--text-muted); }
|
||||||
|
.subject-pw code {
|
||||||
|
background: rgba(255,255,255,0.08);
|
||||||
|
padding: 2px 8px;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: var(--color);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Software Section ===== */
|
||||||
|
.about-intro {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
padding: 24px;
|
||||||
|
background: var(--bg-glass);
|
||||||
|
border-radius: var(--radius);
|
||||||
|
}
|
||||||
|
.about-intro p { color: var(--text-muted); margin-bottom: 16px; }
|
||||||
|
.project-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
gap: 24px;
|
||||||
|
}
|
||||||
|
.project-card {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 12px;
|
||||||
|
padding: 28px;
|
||||||
|
background: var(--bg-glass);
|
||||||
|
border: 1px solid color-mix(in srgb, var(--accent) 20%, transparent);
|
||||||
|
border-radius: var(--radius);
|
||||||
|
text-decoration: none;
|
||||||
|
color: var(--text);
|
||||||
|
backdrop-filter: blur(8px);
|
||||||
|
transition: all var(--transition);
|
||||||
|
}
|
||||||
|
.project-card:hover {
|
||||||
|
border-color: var(--accent);
|
||||||
|
transform: translateY(-3px);
|
||||||
|
box-shadow: 0 8px 30px color-mix(in srgb, var(--accent) 12%, transparent);
|
||||||
|
}
|
||||||
|
.card-header { display: flex; justify-content: space-between; align-items: flex-start; }
|
||||||
|
.card-header h3 { font-size: 20px; color: var(--accent); }
|
||||||
|
.card-tags { display: flex; gap: 6px; flex-wrap: wrap; }
|
||||||
|
.tag {
|
||||||
|
font-size: 11px;
|
||||||
|
padding: 3px 10px;
|
||||||
|
border-radius: 50px;
|
||||||
|
background: color-mix(in srgb, var(--accent) 15%, var(--bg-card));
|
||||||
|
color: var(--accent);
|
||||||
|
border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
|
||||||
|
}
|
||||||
|
.card-desc { color: var(--text-muted); font-size: 14px; }
|
||||||
|
.card-links { margin-top: auto; }
|
||||||
|
.card-link { font-size: 14px; color: var(--accent); }
|
||||||
|
|
||||||
|
/* ===== Software Detail ===== */
|
||||||
|
.sw-links {
|
||||||
|
display: flex;
|
||||||
|
gap: 12px;
|
||||||
|
justify-content: center;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.sw-features {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
gap: 16px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
.sw-section {
|
||||||
|
margin-bottom: 32px;
|
||||||
|
padding: 24px;
|
||||||
|
background: var(--bg-glass);
|
||||||
|
border-radius: var(--radius);
|
||||||
|
}
|
||||||
|
.sw-section h2 {
|
||||||
|
color: var(--accent);
|
||||||
|
margin-bottom: 12px;
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
.sw-code {
|
||||||
|
background: rgba(255,255,255,0.06);
|
||||||
|
padding: 12px 18px;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-family: 'Cascadia Code', 'Fira Code', monospace;
|
||||||
|
font-size: 14px;
|
||||||
|
overflow-x: auto;
|
||||||
|
}
|
||||||
|
.usage-list { display: flex; flex-direction: column; gap: 12px; }
|
||||||
|
.usage-item {
|
||||||
|
display: flex;
|
||||||
|
gap: 12px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.usage-item code {
|
||||||
|
background: rgba(255,255,255,0.06);
|
||||||
|
padding: 6px 12px;
|
||||||
|
border-radius: 6px;
|
||||||
|
font-family: 'Cascadia Code', 'Fira Code', monospace;
|
||||||
|
font-size: 13px;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.usage-item span { color: var(--text-muted); }
|
||||||
|
|
||||||
|
/* ===== Drag Ball ===== */
|
||||||
|
.drag-ball-area {
|
||||||
|
text-align: center;
|
||||||
|
padding: 24px;
|
||||||
|
margin: 40px 0;
|
||||||
|
background: var(--bg-glass);
|
||||||
|
border-radius: var(--radius);
|
||||||
|
}
|
||||||
|
.drag-hint { color: var(--text-muted); font-size: 14px; margin-top: 8px; }
|
||||||
|
|
||||||
|
/* ===== XAGuarder ===== */
|
||||||
|
.xag-intro {
|
||||||
|
text-align: center;
|
||||||
|
padding: 40px;
|
||||||
|
background: var(--bg-glass);
|
||||||
|
border-radius: var(--radius);
|
||||||
|
max-width: 600px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.xag-logo { border-radius: 50%; margin-bottom: 16px; }
|
||||||
|
.xag-intro h2 { margin-bottom: 16px; color: var(--accent); }
|
||||||
|
.xag-intro p { color: var(--text-muted); margin-bottom: 20px; }
|
||||||
|
|
||||||
|
/* ===== Warning Page ===== */
|
||||||
|
.warning-page {
|
||||||
|
min-height: 80vh;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.warning-content {
|
||||||
|
text-align: center;
|
||||||
|
padding: 60px;
|
||||||
|
background: rgba(244,67,54,0.08);
|
||||||
|
border: 2px solid rgba(244,67,54,0.3);
|
||||||
|
border-radius: var(--radius);
|
||||||
|
max-width: 500px;
|
||||||
|
}
|
||||||
|
.warning-logo { border-radius: 50%; margin-bottom: 20px; }
|
||||||
|
.warning-content h1 { color: #f44336; font-size: 28px; margin-bottom: 16px; }
|
||||||
|
.warning-text { font-size: 18px; color: var(--text); margin-bottom: 8px; }
|
||||||
|
.warning-sub { color: var(--text-muted); font-size: 14px; margin-bottom: 24px; }
|
||||||
|
|
||||||
|
/* ===== Error Page ===== */
|
||||||
|
.error-page {
|
||||||
|
min-height: 80vh;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.error-content { text-align: center; }
|
||||||
|
.error-logo { border-radius: 50%; margin-bottom: 20px; }
|
||||||
|
.error-content h1 { font-size: 72px; color: var(--accent); margin-bottom: 12px; }
|
||||||
|
.error-content p { color: var(--text-muted); }
|
||||||
|
.error-hint { font-size: 14px; margin-bottom: 24px; }
|
||||||
|
|
||||||
|
/* ===== Footer ===== */
|
||||||
|
.site-footer {
|
||||||
|
text-align: center;
|
||||||
|
padding: 24px;
|
||||||
|
border-top: 1px solid rgba(79,195,247,0.08);
|
||||||
|
color: var(--text-muted);
|
||||||
|
font-size: 13px;
|
||||||
|
margin-top: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Responsive ===== */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.nav-inner { flex-direction: column; gap: 12px; }
|
||||||
|
.nav-links { gap: 12px; }
|
||||||
|
.home-title { font-size: 32px; letter-spacing: 4px; }
|
||||||
|
.home-logo { width: 140px; height: 140px; }
|
||||||
|
.home-nav { gap: 10px; }
|
||||||
|
.home-btn { padding: 10px 22px; font-size: 14px; }
|
||||||
|
.page-hero h1 { font-size: 28px; }
|
||||||
|
.project-grid { grid-template-columns: 1fr; }
|
||||||
|
.filelist-grid { grid-template-columns: repeat(2, 1fr); }
|
||||||
|
.res-features, .sw-features { grid-template-columns: 1fr 1fr; }
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.filelist-grid { grid-template-columns: 1fr; }
|
||||||
|
.res-features, .sw-features { grid-template-columns: 1fr; }
|
||||||
|
.sw-links { flex-direction: column; align-items: center; }
|
||||||
|
}
|
||||||
@@ -0,0 +1,77 @@
|
|||||||
|
(function () {
|
||||||
|
const canvas = document.getElementById('drag-ball');
|
||||||
|
if (!canvas) return;
|
||||||
|
const ctx = canvas.getContext('2d');
|
||||||
|
const W = 200, H = 200;
|
||||||
|
canvas.width = W;
|
||||||
|
canvas.height = H;
|
||||||
|
|
||||||
|
let ballX = W / 2, ballY = H / 2;
|
||||||
|
let dragging = false;
|
||||||
|
let offsetX = 0, offsetY = 0;
|
||||||
|
|
||||||
|
function drawBall() {
|
||||||
|
ctx.clearRect(0, 0, W, H);
|
||||||
|
const r = 30;
|
||||||
|
const grad = ctx.createRadialGradient(ballX, ballY, 0, ballX, ballY, r);
|
||||||
|
grad.addColorStop(0, '#ffb300');
|
||||||
|
grad.addColorStop(1, '#ff6f00');
|
||||||
|
ctx.beginPath();
|
||||||
|
ctx.arc(ballX, ballY, r, 0, Math.PI * 2);
|
||||||
|
ctx.fillStyle = grad;
|
||||||
|
ctx.fill();
|
||||||
|
ctx.fillStyle = '#fff';
|
||||||
|
ctx.font = '14px sans-serif';
|
||||||
|
ctx.textAlign = 'center';
|
||||||
|
ctx.textBaseline = 'middle';
|
||||||
|
ctx.fillText('(¬‿¬)', ballX, ballY);
|
||||||
|
}
|
||||||
|
|
||||||
|
function getPos(e) {
|
||||||
|
const rect = canvas.getBoundingClientRect();
|
||||||
|
const scaleX = W / rect.width;
|
||||||
|
const scaleY = H / rect.height;
|
||||||
|
if (e.touches) {
|
||||||
|
return {
|
||||||
|
x: (e.touches[0].clientX - rect.left) * scaleX,
|
||||||
|
y: (e.touches[0].clientY - rect.top) * scaleY
|
||||||
|
};
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
x: (e.clientX - rect.left) * scaleX,
|
||||||
|
y: (e.clientY - rect.top) * scaleY
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
canvas.addEventListener('mousedown', (e) => {
|
||||||
|
const pos = getPos(e);
|
||||||
|
const dist = Math.hypot(pos.x - ballX, pos.y - ballY);
|
||||||
|
if (dist < 30) { dragging = true; offsetX = pos.x - ballX; offsetY = pos.y - ballY; }
|
||||||
|
});
|
||||||
|
canvas.addEventListener('touchstart', (e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
const pos = getPos(e);
|
||||||
|
const dist = Math.hypot(pos.x - ballX, pos.y - ballY);
|
||||||
|
if (dist < 30) { dragging = true; offsetX = pos.x - ballX; offsetY = pos.y - ballY; }
|
||||||
|
}, { passive: false });
|
||||||
|
|
||||||
|
window.addEventListener('mousemove', (e) => {
|
||||||
|
if (!dragging) return;
|
||||||
|
const pos = getPos(e);
|
||||||
|
ballX = Math.max(30, Math.min(W - 30, pos.x - offsetX));
|
||||||
|
ballY = Math.max(30, Math.min(H - 30, pos.y - offsetY));
|
||||||
|
drawBall();
|
||||||
|
});
|
||||||
|
window.addEventListener('touchmove', (e) => {
|
||||||
|
if (!dragging) return;
|
||||||
|
const pos = getPos(e);
|
||||||
|
ballX = Math.max(30, Math.min(W - 30, pos.x - offsetX));
|
||||||
|
ballY = Math.max(30, Math.min(H - 30, pos.y - offsetY));
|
||||||
|
drawBall();
|
||||||
|
});
|
||||||
|
|
||||||
|
window.addEventListener('mouseup', () => { dragging = false; });
|
||||||
|
window.addEventListener('touchend', () => { dragging = false; });
|
||||||
|
|
||||||
|
drawBall();
|
||||||
|
})();
|
||||||
@@ -0,0 +1,68 @@
|
|||||||
|
(function () {
|
||||||
|
const canvas = document.getElementById('star-canvas');
|
||||||
|
if (!canvas) return;
|
||||||
|
const ctx = canvas.getContext('2d');
|
||||||
|
let w, h;
|
||||||
|
|
||||||
|
function resize() {
|
||||||
|
w = canvas.width = canvas.parentElement.clientWidth;
|
||||||
|
h = canvas.height = canvas.parentElement.clientHeight;
|
||||||
|
}
|
||||||
|
resize();
|
||||||
|
window.addEventListener('resize', resize);
|
||||||
|
|
||||||
|
const STAR_COUNT = 300;
|
||||||
|
const colors = ['#ffffff', '#e0f7fa', '#fff9c4', '#fce4ec', '#4fc3f7'];
|
||||||
|
const stars = [];
|
||||||
|
|
||||||
|
for (let i = 0; i < STAR_COUNT; i++) {
|
||||||
|
stars.push({
|
||||||
|
x: Math.random() * w,
|
||||||
|
y: Math.random() * h,
|
||||||
|
baseR: Math.random() * 1.5 + 0.3,
|
||||||
|
phase: Math.random() * Math.PI * 2,
|
||||||
|
speed: Math.random() * 0.02 + 0.005,
|
||||||
|
color: colors[Math.floor(Math.random() * colors.length)],
|
||||||
|
glow: Math.random() > 0.7
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function draw() {
|
||||||
|
ctx.clearRect(0, 0, w, h);
|
||||||
|
const t = performance.now() * 0.001;
|
||||||
|
|
||||||
|
for (const s of stars) {
|
||||||
|
const r = s.baseR + Math.sin(t * s.speed * 10 + s.phase) * s.baseR * 0.6;
|
||||||
|
const alpha = 0.4 + Math.sin(t * s.speed * 8 + s.phase) * 0.35;
|
||||||
|
|
||||||
|
ctx.globalAlpha = Math.max(0.1, alpha);
|
||||||
|
ctx.beginPath();
|
||||||
|
ctx.arc(s.x, s.y, Math.max(0.1, r), 0, Math.PI * 2);
|
||||||
|
ctx.fillStyle = s.color;
|
||||||
|
ctx.fill();
|
||||||
|
|
||||||
|
if (s.glow) {
|
||||||
|
const gr = ctx.createRadialGradient(s.x, s.y, 0, s.x, s.y, r * 3);
|
||||||
|
gr.addColorStop(0, s.color);
|
||||||
|
gr.addColorStop(1, 'transparent');
|
||||||
|
ctx.globalAlpha = alpha * 0.15;
|
||||||
|
ctx.beginPath();
|
||||||
|
ctx.arc(s.x, s.y, r * 3, 0, Math.PI * 2);
|
||||||
|
ctx.fillStyle = gr;
|
||||||
|
ctx.fill();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
ctx.globalAlpha = 1;
|
||||||
|
requestAnimationFrame(draw);
|
||||||
|
}
|
||||||
|
|
||||||
|
draw();
|
||||||
|
|
||||||
|
// reposition on resize
|
||||||
|
window.addEventListener('resize', () => {
|
||||||
|
for (const s of stars) {
|
||||||
|
s.x = (s.x / w) * canvas.width;
|
||||||
|
s.y = (s.y / h) * canvas.height;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})();
|
||||||
@@ -0,0 +1,47 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
|
||||||
|
<defs>
|
||||||
|
<radialGradient id="bg-grad" cx="50%" cy="50%" r="50%">
|
||||||
|
<stop offset="0%" stop-color="#1a237e"/>
|
||||||
|
<stop offset="100%" stop-color="#0a0a2e"/>
|
||||||
|
</radialGradient>
|
||||||
|
<radialGradient id="glow" cx="50%" cy="50%" r="50%">
|
||||||
|
<stop offset="60%" stop-color="#4fc3f7" stop-opacity="0"/>
|
||||||
|
<stop offset="100%" stop-color="#4fc3f7" stop-opacity="0.3"/>
|
||||||
|
</radialGradient>
|
||||||
|
<filter id="blur">
|
||||||
|
<feGaussianBlur stdDeviation="2"/>
|
||||||
|
</filter>
|
||||||
|
</defs>
|
||||||
|
<!-- Outer glow ring -->
|
||||||
|
<circle cx="100" cy="100" r="96" fill="none" stroke="#4fc3f7" stroke-width="1" opacity="0.4" filter="url(#blur)"/>
|
||||||
|
<circle cx="100" cy="100" r="96" fill="none" stroke="#4fc3f7" stroke-width="0.5" opacity="0.6"/>
|
||||||
|
<!-- Main circle background -->
|
||||||
|
<circle cx="100" cy="100" r="90" fill="url(#bg-grad)"/>
|
||||||
|
<circle cx="100" cy="100" r="90" fill="url(#glow)"/>
|
||||||
|
<!-- Snowflake pattern: 6 arms -->
|
||||||
|
<g stroke="#4fc3f7" stroke-width="2" fill="none" opacity="0.85" stroke-linecap="round">
|
||||||
|
<!-- Main 6 arms -->
|
||||||
|
<line x1="100" y1="45" x2="100" y2="155"/>
|
||||||
|
<line x1="52" y1="72" x2="148" y2="128"/>
|
||||||
|
<line x1="52" y1="128" x2="148" y2="72"/>
|
||||||
|
<!-- Branches on vertical arm -->
|
||||||
|
<line x1="100" y1="55" x2="88" y2="62"/>
|
||||||
|
<line x1="100" y1="55" x2="112" y2="62"/>
|
||||||
|
<line x1="100" y1="145" x2="88" y2="138"/>
|
||||||
|
<line x1="100" y1="145" x2="112" y2="138"/>
|
||||||
|
<!-- Branches on upper-right arm -->
|
||||||
|
<line x1="140" y1="78" x2="148" y2="68"/>
|
||||||
|
<line x1="140" y1="78" x2="130" y2="75"/>
|
||||||
|
<line x1="60" y1="122" x2="52" y2="132"/>
|
||||||
|
<line x1="60" y1="122" x2="70" y2="125"/>
|
||||||
|
<!-- Branches on upper-left arm -->
|
||||||
|
<line x1="60" y1="78" x2="52" y2="68"/>
|
||||||
|
<line x1="60" y1="78" x2="70" y2="75"/>
|
||||||
|
<line x1="140" y1="122" x2="148" y2="132"/>
|
||||||
|
<line x1="140" y1="122" x2="130" y2="125"/>
|
||||||
|
</g>
|
||||||
|
<!-- Center dot -->
|
||||||
|
<circle cx="100" cy="100" r="4" fill="#4fc3f7"/>
|
||||||
|
<!-- S.A. text -->
|
||||||
|
<text x="100" y="108" text-anchor="middle" font-family="'Segoe UI', system-ui, sans-serif" font-size="24" font-weight="700" fill="#e0e0e0" letter-spacing="2">S.A.</text>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.2 KiB |
Reference in New Issue
Block a user