Compare commits
6 Commits
0eaec96b68
...
master
| Author | SHA1 | Date | |
|---|---|---|---|
 sa
|
5ec2409092 | ||
|
sa
|
7e5d46a5b3 | ||
|
sa
|
3af8ff9b80 | ||
|
sa
|
ad51ced86c | ||
|
sa
|
e992d8cbe7 | ||
|
sa
|
1214e48733 |
@@ -0,0 +1,5 @@
|
||||
public/
|
||||
.hugo_build.lock
|
||||
.idea/
|
||||
node_modules/
|
||||
cloudflare/.wrangler/
|
||||
@@ -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>
|
||||
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
@@ -0,0 +1,11 @@
|
||||
import worker, * as OTHER_EXPORTS from "C:\\Users\\sakeen\\Desktop\\swstatic\\cloudflare\\src\\index.js";
|
||||
import * as __MIDDLEWARE_0__ from "C:\\Users\\sakeen\\AppData\\Roaming\\npm\\node_modules\\wrangler\\templates\\middleware\\middleware-ensure-req-body-drained.ts";
|
||||
import * as __MIDDLEWARE_1__ from "C:\\Users\\sakeen\\AppData\\Roaming\\npm\\node_modules\\wrangler\\templates\\middleware\\middleware-miniflare3-json-error.ts";
|
||||
|
||||
export * from "C:\\Users\\sakeen\\Desktop\\swstatic\\cloudflare\\src\\index.js";
|
||||
const MIDDLEWARE_TEST_INJECT = "__INJECT_FOR_TESTING_WRANGLER_MIDDLEWARE__";
|
||||
export const __INTERNAL_WRANGLER_MIDDLEWARE__ = [
|
||||
|
||||
__MIDDLEWARE_0__.default,__MIDDLEWARE_1__.default
|
||||
]
|
||||
export default worker;
|
||||
@@ -0,0 +1,134 @@
|
||||
// This loads all middlewares exposed on the middleware object and then starts
|
||||
// the invocation chain. The big idea is that we can add these to the middleware
|
||||
// export dynamically through wrangler, or we can potentially let users directly
|
||||
// add them as a sort of "plugin" system.
|
||||
|
||||
import ENTRY, { __INTERNAL_WRANGLER_MIDDLEWARE__ } from "C:\\Users\\sakeen\\Desktop\\swstatic\\cloudflare\\.wrangler\\tmp\\bundle-603YkC\\middleware-insertion-facade.js";
|
||||
import { __facade_invoke__, __facade_register__, Dispatcher } from "C:\\Users\\sakeen\\AppData\\Roaming\\npm\\node_modules\\wrangler\\templates\\middleware\\common.ts";
|
||||
import type { WorkerEntrypointConstructor } from "C:\\Users\\sakeen\\Desktop\\swstatic\\cloudflare\\.wrangler\\tmp\\bundle-603YkC\\middleware-insertion-facade.js";
|
||||
|
||||
// Preserve all the exports from the worker
|
||||
export * from "C:\\Users\\sakeen\\Desktop\\swstatic\\cloudflare\\.wrangler\\tmp\\bundle-603YkC\\middleware-insertion-facade.js";
|
||||
|
||||
class __Facade_ScheduledController__ implements ScheduledController {
|
||||
readonly #noRetry: ScheduledController["noRetry"];
|
||||
|
||||
constructor(
|
||||
readonly scheduledTime: number,
|
||||
readonly cron: string,
|
||||
noRetry: ScheduledController["noRetry"]
|
||||
) {
|
||||
this.#noRetry = noRetry;
|
||||
}
|
||||
|
||||
noRetry() {
|
||||
if (!(this instanceof __Facade_ScheduledController__)) {
|
||||
throw new TypeError("Illegal invocation");
|
||||
}
|
||||
// Need to call native method immediately in case uncaught error thrown
|
||||
this.#noRetry();
|
||||
}
|
||||
}
|
||||
|
||||
function wrapExportedHandler(worker: ExportedHandler): ExportedHandler {
|
||||
// If we don't have any middleware defined, just return the handler as is
|
||||
if (
|
||||
__INTERNAL_WRANGLER_MIDDLEWARE__ === undefined ||
|
||||
__INTERNAL_WRANGLER_MIDDLEWARE__.length === 0
|
||||
) {
|
||||
return worker;
|
||||
}
|
||||
// Otherwise, register all middleware once
|
||||
for (const middleware of __INTERNAL_WRANGLER_MIDDLEWARE__) {
|
||||
__facade_register__(middleware);
|
||||
}
|
||||
|
||||
const fetchDispatcher: ExportedHandlerFetchHandler = function (
|
||||
request,
|
||||
env,
|
||||
ctx
|
||||
) {
|
||||
if (worker.fetch === undefined) {
|
||||
throw new Error("Handler does not export a fetch() function.");
|
||||
}
|
||||
return worker.fetch(request, env, ctx);
|
||||
};
|
||||
|
||||
return {
|
||||
...worker,
|
||||
fetch(request, env, ctx) {
|
||||
const dispatcher: Dispatcher = function (type, init) {
|
||||
if (type === "scheduled" && worker.scheduled !== undefined) {
|
||||
const controller = new __Facade_ScheduledController__(
|
||||
Date.now(),
|
||||
init.cron ?? "",
|
||||
() => {}
|
||||
);
|
||||
return worker.scheduled(controller, env, ctx);
|
||||
}
|
||||
};
|
||||
return __facade_invoke__(request, env, ctx, dispatcher, fetchDispatcher);
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
function wrapWorkerEntrypoint(
|
||||
klass: WorkerEntrypointConstructor
|
||||
): WorkerEntrypointConstructor {
|
||||
// If we don't have any middleware defined, just return the handler as is
|
||||
if (
|
||||
__INTERNAL_WRANGLER_MIDDLEWARE__ === undefined ||
|
||||
__INTERNAL_WRANGLER_MIDDLEWARE__.length === 0
|
||||
) {
|
||||
return klass;
|
||||
}
|
||||
// Otherwise, register all middleware once
|
||||
for (const middleware of __INTERNAL_WRANGLER_MIDDLEWARE__) {
|
||||
__facade_register__(middleware);
|
||||
}
|
||||
|
||||
// `extend`ing `klass` here so other RPC methods remain callable
|
||||
return class extends klass {
|
||||
#fetchDispatcher: ExportedHandlerFetchHandler<Record<string, unknown>> = (
|
||||
request,
|
||||
env,
|
||||
ctx
|
||||
) => {
|
||||
this.env = env;
|
||||
this.ctx = ctx;
|
||||
if (super.fetch === undefined) {
|
||||
throw new Error("Entrypoint class does not define a fetch() function.");
|
||||
}
|
||||
return super.fetch(request);
|
||||
};
|
||||
|
||||
#dispatcher: Dispatcher = (type, init) => {
|
||||
if (type === "scheduled" && super.scheduled !== undefined) {
|
||||
const controller = new __Facade_ScheduledController__(
|
||||
Date.now(),
|
||||
init.cron ?? "",
|
||||
() => {}
|
||||
);
|
||||
return super.scheduled(controller);
|
||||
}
|
||||
};
|
||||
|
||||
fetch(request: Request<unknown, IncomingRequestCfProperties>) {
|
||||
return __facade_invoke__(
|
||||
request,
|
||||
this.env,
|
||||
this.ctx,
|
||||
this.#dispatcher,
|
||||
this.#fetchDispatcher
|
||||
);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
let WRAPPED_ENTRY: ExportedHandler | WorkerEntrypointConstructor | undefined;
|
||||
if (typeof ENTRY === "object") {
|
||||
WRAPPED_ENTRY = wrapExportedHandler(ENTRY);
|
||||
} else if (typeof ENTRY === "function") {
|
||||
WRAPPED_ENTRY = wrapWorkerEntrypoint(ENTRY);
|
||||
}
|
||||
export default WRAPPED_ENTRY;
|
||||
@@ -0,0 +1,11 @@
|
||||
import worker, * as OTHER_EXPORTS from "C:\\Users\\sakeen\\Desktop\\swstatic\\cloudflare\\src\\index.js";
|
||||
import * as __MIDDLEWARE_0__ from "C:\\Users\\sakeen\\AppData\\Roaming\\npm\\node_modules\\wrangler\\templates\\middleware\\middleware-ensure-req-body-drained.ts";
|
||||
import * as __MIDDLEWARE_1__ from "C:\\Users\\sakeen\\AppData\\Roaming\\npm\\node_modules\\wrangler\\templates\\middleware\\middleware-miniflare3-json-error.ts";
|
||||
|
||||
export * from "C:\\Users\\sakeen\\Desktop\\swstatic\\cloudflare\\src\\index.js";
|
||||
const MIDDLEWARE_TEST_INJECT = "__INJECT_FOR_TESTING_WRANGLER_MIDDLEWARE__";
|
||||
export const __INTERNAL_WRANGLER_MIDDLEWARE__ = [
|
||||
|
||||
__MIDDLEWARE_0__.default,__MIDDLEWARE_1__.default
|
||||
]
|
||||
export default worker;
|
||||
@@ -0,0 +1,134 @@
|
||||
// This loads all middlewares exposed on the middleware object and then starts
|
||||
// the invocation chain. The big idea is that we can add these to the middleware
|
||||
// export dynamically through wrangler, or we can potentially let users directly
|
||||
// add them as a sort of "plugin" system.
|
||||
|
||||
import ENTRY, { __INTERNAL_WRANGLER_MIDDLEWARE__ } from "C:\\Users\\sakeen\\Desktop\\swstatic\\cloudflare\\.wrangler\\tmp\\bundle-9vdlhw\\middleware-insertion-facade.js";
|
||||
import { __facade_invoke__, __facade_register__, Dispatcher } from "C:\\Users\\sakeen\\AppData\\Roaming\\npm\\node_modules\\wrangler\\templates\\middleware\\common.ts";
|
||||
import type { WorkerEntrypointConstructor } from "C:\\Users\\sakeen\\Desktop\\swstatic\\cloudflare\\.wrangler\\tmp\\bundle-9vdlhw\\middleware-insertion-facade.js";
|
||||
|
||||
// Preserve all the exports from the worker
|
||||
export * from "C:\\Users\\sakeen\\Desktop\\swstatic\\cloudflare\\.wrangler\\tmp\\bundle-9vdlhw\\middleware-insertion-facade.js";
|
||||
|
||||
class __Facade_ScheduledController__ implements ScheduledController {
|
||||
readonly #noRetry: ScheduledController["noRetry"];
|
||||
|
||||
constructor(
|
||||
readonly scheduledTime: number,
|
||||
readonly cron: string,
|
||||
noRetry: ScheduledController["noRetry"]
|
||||
) {
|
||||
this.#noRetry = noRetry;
|
||||
}
|
||||
|
||||
noRetry() {
|
||||
if (!(this instanceof __Facade_ScheduledController__)) {
|
||||
throw new TypeError("Illegal invocation");
|
||||
}
|
||||
// Need to call native method immediately in case uncaught error thrown
|
||||
this.#noRetry();
|
||||
}
|
||||
}
|
||||
|
||||
function wrapExportedHandler(worker: ExportedHandler): ExportedHandler {
|
||||
// If we don't have any middleware defined, just return the handler as is
|
||||
if (
|
||||
__INTERNAL_WRANGLER_MIDDLEWARE__ === undefined ||
|
||||
__INTERNAL_WRANGLER_MIDDLEWARE__.length === 0
|
||||
) {
|
||||
return worker;
|
||||
}
|
||||
// Otherwise, register all middleware once
|
||||
for (const middleware of __INTERNAL_WRANGLER_MIDDLEWARE__) {
|
||||
__facade_register__(middleware);
|
||||
}
|
||||
|
||||
const fetchDispatcher: ExportedHandlerFetchHandler = function (
|
||||
request,
|
||||
env,
|
||||
ctx
|
||||
) {
|
||||
if (worker.fetch === undefined) {
|
||||
throw new Error("Handler does not export a fetch() function.");
|
||||
}
|
||||
return worker.fetch(request, env, ctx);
|
||||
};
|
||||
|
||||
return {
|
||||
...worker,
|
||||
fetch(request, env, ctx) {
|
||||
const dispatcher: Dispatcher = function (type, init) {
|
||||
if (type === "scheduled" && worker.scheduled !== undefined) {
|
||||
const controller = new __Facade_ScheduledController__(
|
||||
Date.now(),
|
||||
init.cron ?? "",
|
||||
() => {}
|
||||
);
|
||||
return worker.scheduled(controller, env, ctx);
|
||||
}
|
||||
};
|
||||
return __facade_invoke__(request, env, ctx, dispatcher, fetchDispatcher);
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
function wrapWorkerEntrypoint(
|
||||
klass: WorkerEntrypointConstructor
|
||||
): WorkerEntrypointConstructor {
|
||||
// If we don't have any middleware defined, just return the handler as is
|
||||
if (
|
||||
__INTERNAL_WRANGLER_MIDDLEWARE__ === undefined ||
|
||||
__INTERNAL_WRANGLER_MIDDLEWARE__.length === 0
|
||||
) {
|
||||
return klass;
|
||||
}
|
||||
// Otherwise, register all middleware once
|
||||
for (const middleware of __INTERNAL_WRANGLER_MIDDLEWARE__) {
|
||||
__facade_register__(middleware);
|
||||
}
|
||||
|
||||
// `extend`ing `klass` here so other RPC methods remain callable
|
||||
return class extends klass {
|
||||
#fetchDispatcher: ExportedHandlerFetchHandler<Record<string, unknown>> = (
|
||||
request,
|
||||
env,
|
||||
ctx
|
||||
) => {
|
||||
this.env = env;
|
||||
this.ctx = ctx;
|
||||
if (super.fetch === undefined) {
|
||||
throw new Error("Entrypoint class does not define a fetch() function.");
|
||||
}
|
||||
return super.fetch(request);
|
||||
};
|
||||
|
||||
#dispatcher: Dispatcher = (type, init) => {
|
||||
if (type === "scheduled" && super.scheduled !== undefined) {
|
||||
const controller = new __Facade_ScheduledController__(
|
||||
Date.now(),
|
||||
init.cron ?? "",
|
||||
() => {}
|
||||
);
|
||||
return super.scheduled(controller);
|
||||
}
|
||||
};
|
||||
|
||||
fetch(request: Request<unknown, IncomingRequestCfProperties>) {
|
||||
return __facade_invoke__(
|
||||
request,
|
||||
this.env,
|
||||
this.ctx,
|
||||
this.#dispatcher,
|
||||
this.#fetchDispatcher
|
||||
);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
let WRAPPED_ENTRY: ExportedHandler | WorkerEntrypointConstructor | undefined;
|
||||
if (typeof ENTRY === "object") {
|
||||
WRAPPED_ENTRY = wrapExportedHandler(ENTRY);
|
||||
} else if (typeof ENTRY === "function") {
|
||||
WRAPPED_ENTRY = wrapWorkerEntrypoint(ENTRY);
|
||||
}
|
||||
export default WRAPPED_ENTRY;
|
||||
@@ -0,0 +1,11 @@
|
||||
import worker, * as OTHER_EXPORTS from "C:\\Users\\sakeen\\Desktop\\swstatic\\cloudflare\\src\\index.js";
|
||||
import * as __MIDDLEWARE_0__ from "C:\\Users\\sakeen\\AppData\\Roaming\\npm\\node_modules\\wrangler\\templates\\middleware\\middleware-ensure-req-body-drained.ts";
|
||||
import * as __MIDDLEWARE_1__ from "C:\\Users\\sakeen\\AppData\\Roaming\\npm\\node_modules\\wrangler\\templates\\middleware\\middleware-miniflare3-json-error.ts";
|
||||
|
||||
export * from "C:\\Users\\sakeen\\Desktop\\swstatic\\cloudflare\\src\\index.js";
|
||||
const MIDDLEWARE_TEST_INJECT = "__INJECT_FOR_TESTING_WRANGLER_MIDDLEWARE__";
|
||||
export const __INTERNAL_WRANGLER_MIDDLEWARE__ = [
|
||||
|
||||
__MIDDLEWARE_0__.default,__MIDDLEWARE_1__.default
|
||||
]
|
||||
export default worker;
|
||||
@@ -0,0 +1,134 @@
|
||||
// This loads all middlewares exposed on the middleware object and then starts
|
||||
// the invocation chain. The big idea is that we can add these to the middleware
|
||||
// export dynamically through wrangler, or we can potentially let users directly
|
||||
// add them as a sort of "plugin" system.
|
||||
|
||||
import ENTRY, { __INTERNAL_WRANGLER_MIDDLEWARE__ } from "C:\\Users\\sakeen\\Desktop\\swstatic\\cloudflare\\.wrangler\\tmp\\bundle-t9Pm5h\\middleware-insertion-facade.js";
|
||||
import { __facade_invoke__, __facade_register__, Dispatcher } from "C:\\Users\\sakeen\\AppData\\Roaming\\npm\\node_modules\\wrangler\\templates\\middleware\\common.ts";
|
||||
import type { WorkerEntrypointConstructor } from "C:\\Users\\sakeen\\Desktop\\swstatic\\cloudflare\\.wrangler\\tmp\\bundle-t9Pm5h\\middleware-insertion-facade.js";
|
||||
|
||||
// Preserve all the exports from the worker
|
||||
export * from "C:\\Users\\sakeen\\Desktop\\swstatic\\cloudflare\\.wrangler\\tmp\\bundle-t9Pm5h\\middleware-insertion-facade.js";
|
||||
|
||||
class __Facade_ScheduledController__ implements ScheduledController {
|
||||
readonly #noRetry: ScheduledController["noRetry"];
|
||||
|
||||
constructor(
|
||||
readonly scheduledTime: number,
|
||||
readonly cron: string,
|
||||
noRetry: ScheduledController["noRetry"]
|
||||
) {
|
||||
this.#noRetry = noRetry;
|
||||
}
|
||||
|
||||
noRetry() {
|
||||
if (!(this instanceof __Facade_ScheduledController__)) {
|
||||
throw new TypeError("Illegal invocation");
|
||||
}
|
||||
// Need to call native method immediately in case uncaught error thrown
|
||||
this.#noRetry();
|
||||
}
|
||||
}
|
||||
|
||||
function wrapExportedHandler(worker: ExportedHandler): ExportedHandler {
|
||||
// If we don't have any middleware defined, just return the handler as is
|
||||
if (
|
||||
__INTERNAL_WRANGLER_MIDDLEWARE__ === undefined ||
|
||||
__INTERNAL_WRANGLER_MIDDLEWARE__.length === 0
|
||||
) {
|
||||
return worker;
|
||||
}
|
||||
// Otherwise, register all middleware once
|
||||
for (const middleware of __INTERNAL_WRANGLER_MIDDLEWARE__) {
|
||||
__facade_register__(middleware);
|
||||
}
|
||||
|
||||
const fetchDispatcher: ExportedHandlerFetchHandler = function (
|
||||
request,
|
||||
env,
|
||||
ctx
|
||||
) {
|
||||
if (worker.fetch === undefined) {
|
||||
throw new Error("Handler does not export a fetch() function.");
|
||||
}
|
||||
return worker.fetch(request, env, ctx);
|
||||
};
|
||||
|
||||
return {
|
||||
...worker,
|
||||
fetch(request, env, ctx) {
|
||||
const dispatcher: Dispatcher = function (type, init) {
|
||||
if (type === "scheduled" && worker.scheduled !== undefined) {
|
||||
const controller = new __Facade_ScheduledController__(
|
||||
Date.now(),
|
||||
init.cron ?? "",
|
||||
() => {}
|
||||
);
|
||||
return worker.scheduled(controller, env, ctx);
|
||||
}
|
||||
};
|
||||
return __facade_invoke__(request, env, ctx, dispatcher, fetchDispatcher);
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
function wrapWorkerEntrypoint(
|
||||
klass: WorkerEntrypointConstructor
|
||||
): WorkerEntrypointConstructor {
|
||||
// If we don't have any middleware defined, just return the handler as is
|
||||
if (
|
||||
__INTERNAL_WRANGLER_MIDDLEWARE__ === undefined ||
|
||||
__INTERNAL_WRANGLER_MIDDLEWARE__.length === 0
|
||||
) {
|
||||
return klass;
|
||||
}
|
||||
// Otherwise, register all middleware once
|
||||
for (const middleware of __INTERNAL_WRANGLER_MIDDLEWARE__) {
|
||||
__facade_register__(middleware);
|
||||
}
|
||||
|
||||
// `extend`ing `klass` here so other RPC methods remain callable
|
||||
return class extends klass {
|
||||
#fetchDispatcher: ExportedHandlerFetchHandler<Record<string, unknown>> = (
|
||||
request,
|
||||
env,
|
||||
ctx
|
||||
) => {
|
||||
this.env = env;
|
||||
this.ctx = ctx;
|
||||
if (super.fetch === undefined) {
|
||||
throw new Error("Entrypoint class does not define a fetch() function.");
|
||||
}
|
||||
return super.fetch(request);
|
||||
};
|
||||
|
||||
#dispatcher: Dispatcher = (type, init) => {
|
||||
if (type === "scheduled" && super.scheduled !== undefined) {
|
||||
const controller = new __Facade_ScheduledController__(
|
||||
Date.now(),
|
||||
init.cron ?? "",
|
||||
() => {}
|
||||
);
|
||||
return super.scheduled(controller);
|
||||
}
|
||||
};
|
||||
|
||||
fetch(request: Request<unknown, IncomingRequestCfProperties>) {
|
||||
return __facade_invoke__(
|
||||
request,
|
||||
this.env,
|
||||
this.ctx,
|
||||
this.#dispatcher,
|
||||
this.#fetchDispatcher
|
||||
);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
let WRAPPED_ENTRY: ExportedHandler | WorkerEntrypointConstructor | undefined;
|
||||
if (typeof ENTRY === "object") {
|
||||
WRAPPED_ENTRY = wrapExportedHandler(ENTRY);
|
||||
} else if (typeof ENTRY === "function") {
|
||||
WRAPPED_ENTRY = wrapWorkerEntrypoint(ENTRY);
|
||||
}
|
||||
export default WRAPPED_ENTRY;
|
||||
@@ -0,0 +1,11 @@
|
||||
import worker, * as OTHER_EXPORTS from "C:\\Users\\sakeen\\Desktop\\swstatic\\cloudflare\\src\\index.js";
|
||||
import * as __MIDDLEWARE_0__ from "C:\\Users\\sakeen\\AppData\\Roaming\\npm\\node_modules\\wrangler\\templates\\middleware\\middleware-ensure-req-body-drained.ts";
|
||||
import * as __MIDDLEWARE_1__ from "C:\\Users\\sakeen\\AppData\\Roaming\\npm\\node_modules\\wrangler\\templates\\middleware\\middleware-miniflare3-json-error.ts";
|
||||
|
||||
export * from "C:\\Users\\sakeen\\Desktop\\swstatic\\cloudflare\\src\\index.js";
|
||||
const MIDDLEWARE_TEST_INJECT = "__INJECT_FOR_TESTING_WRANGLER_MIDDLEWARE__";
|
||||
export const __INTERNAL_WRANGLER_MIDDLEWARE__ = [
|
||||
|
||||
__MIDDLEWARE_0__.default,__MIDDLEWARE_1__.default
|
||||
]
|
||||
export default worker;
|
||||
@@ -0,0 +1,134 @@
|
||||
// This loads all middlewares exposed on the middleware object and then starts
|
||||
// the invocation chain. The big idea is that we can add these to the middleware
|
||||
// export dynamically through wrangler, or we can potentially let users directly
|
||||
// add them as a sort of "plugin" system.
|
||||
|
||||
import ENTRY, { __INTERNAL_WRANGLER_MIDDLEWARE__ } from "C:\\Users\\sakeen\\Desktop\\swstatic\\cloudflare\\.wrangler\\tmp\\bundle-xZ71FG\\middleware-insertion-facade.js";
|
||||
import { __facade_invoke__, __facade_register__, Dispatcher } from "C:\\Users\\sakeen\\AppData\\Roaming\\npm\\node_modules\\wrangler\\templates\\middleware\\common.ts";
|
||||
import type { WorkerEntrypointConstructor } from "C:\\Users\\sakeen\\Desktop\\swstatic\\cloudflare\\.wrangler\\tmp\\bundle-xZ71FG\\middleware-insertion-facade.js";
|
||||
|
||||
// Preserve all the exports from the worker
|
||||
export * from "C:\\Users\\sakeen\\Desktop\\swstatic\\cloudflare\\.wrangler\\tmp\\bundle-xZ71FG\\middleware-insertion-facade.js";
|
||||
|
||||
class __Facade_ScheduledController__ implements ScheduledController {
|
||||
readonly #noRetry: ScheduledController["noRetry"];
|
||||
|
||||
constructor(
|
||||
readonly scheduledTime: number,
|
||||
readonly cron: string,
|
||||
noRetry: ScheduledController["noRetry"]
|
||||
) {
|
||||
this.#noRetry = noRetry;
|
||||
}
|
||||
|
||||
noRetry() {
|
||||
if (!(this instanceof __Facade_ScheduledController__)) {
|
||||
throw new TypeError("Illegal invocation");
|
||||
}
|
||||
// Need to call native method immediately in case uncaught error thrown
|
||||
this.#noRetry();
|
||||
}
|
||||
}
|
||||
|
||||
function wrapExportedHandler(worker: ExportedHandler): ExportedHandler {
|
||||
// If we don't have any middleware defined, just return the handler as is
|
||||
if (
|
||||
__INTERNAL_WRANGLER_MIDDLEWARE__ === undefined ||
|
||||
__INTERNAL_WRANGLER_MIDDLEWARE__.length === 0
|
||||
) {
|
||||
return worker;
|
||||
}
|
||||
// Otherwise, register all middleware once
|
||||
for (const middleware of __INTERNAL_WRANGLER_MIDDLEWARE__) {
|
||||
__facade_register__(middleware);
|
||||
}
|
||||
|
||||
const fetchDispatcher: ExportedHandlerFetchHandler = function (
|
||||
request,
|
||||
env,
|
||||
ctx
|
||||
) {
|
||||
if (worker.fetch === undefined) {
|
||||
throw new Error("Handler does not export a fetch() function.");
|
||||
}
|
||||
return worker.fetch(request, env, ctx);
|
||||
};
|
||||
|
||||
return {
|
||||
...worker,
|
||||
fetch(request, env, ctx) {
|
||||
const dispatcher: Dispatcher = function (type, init) {
|
||||
if (type === "scheduled" && worker.scheduled !== undefined) {
|
||||
const controller = new __Facade_ScheduledController__(
|
||||
Date.now(),
|
||||
init.cron ?? "",
|
||||
() => {}
|
||||
);
|
||||
return worker.scheduled(controller, env, ctx);
|
||||
}
|
||||
};
|
||||
return __facade_invoke__(request, env, ctx, dispatcher, fetchDispatcher);
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
function wrapWorkerEntrypoint(
|
||||
klass: WorkerEntrypointConstructor
|
||||
): WorkerEntrypointConstructor {
|
||||
// If we don't have any middleware defined, just return the handler as is
|
||||
if (
|
||||
__INTERNAL_WRANGLER_MIDDLEWARE__ === undefined ||
|
||||
__INTERNAL_WRANGLER_MIDDLEWARE__.length === 0
|
||||
) {
|
||||
return klass;
|
||||
}
|
||||
// Otherwise, register all middleware once
|
||||
for (const middleware of __INTERNAL_WRANGLER_MIDDLEWARE__) {
|
||||
__facade_register__(middleware);
|
||||
}
|
||||
|
||||
// `extend`ing `klass` here so other RPC methods remain callable
|
||||
return class extends klass {
|
||||
#fetchDispatcher: ExportedHandlerFetchHandler<Record<string, unknown>> = (
|
||||
request,
|
||||
env,
|
||||
ctx
|
||||
) => {
|
||||
this.env = env;
|
||||
this.ctx = ctx;
|
||||
if (super.fetch === undefined) {
|
||||
throw new Error("Entrypoint class does not define a fetch() function.");
|
||||
}
|
||||
return super.fetch(request);
|
||||
};
|
||||
|
||||
#dispatcher: Dispatcher = (type, init) => {
|
||||
if (type === "scheduled" && super.scheduled !== undefined) {
|
||||
const controller = new __Facade_ScheduledController__(
|
||||
Date.now(),
|
||||
init.cron ?? "",
|
||||
() => {}
|
||||
);
|
||||
return super.scheduled(controller);
|
||||
}
|
||||
};
|
||||
|
||||
fetch(request: Request<unknown, IncomingRequestCfProperties>) {
|
||||
return __facade_invoke__(
|
||||
request,
|
||||
this.env,
|
||||
this.ctx,
|
||||
this.#dispatcher,
|
||||
this.#fetchDispatcher
|
||||
);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
let WRAPPED_ENTRY: ExportedHandler | WorkerEntrypointConstructor | undefined;
|
||||
if (typeof ENTRY === "object") {
|
||||
WRAPPED_ENTRY = wrapExportedHandler(ENTRY);
|
||||
} else if (typeof ENTRY === "function") {
|
||||
WRAPPED_ENTRY = wrapWorkerEntrypoint(ENTRY);
|
||||
}
|
||||
export default WRAPPED_ENTRY;
|
||||
@@ -0,0 +1,129 @@
|
||||
/**
|
||||
* Cloudflare Workers 静态站点服务 (Wrangler 4.x 兼容)
|
||||
*
|
||||
* @param {Request} request
|
||||
* @param {Object} env - 环境变量，包含 ASSETS 绑定
|
||||
* @param {ExecutionContext} ctx
|
||||
* @returns {Promise<Response>}
|
||||
*/
|
||||
export default {
|
||||
async fetch(request, env, ctx) {
|
||||
const url = new URL(request.url);
|
||||
const pathname = url.pathname;
|
||||
|
||||
// 🏠 根路径处理
|
||||
if (pathname === '/' || pathname === '/index') {
|
||||
url.pathname = '/index.html';
|
||||
}
|
||||
|
||||
try {
|
||||
// 🔍 检查 ASSETS 是否存在
|
||||
if (!env.ASSETS) {
|
||||
throw new Error('ASSETS binding not configured. Check wrangler.toml configuration.');
|
||||
}
|
||||
|
||||
// 🔍 获取静态资源
|
||||
let response = await env.ASSETS.fetch(url);
|
||||
|
||||
// 🚫 404 处理
|
||||
if (response.status === 404) {
|
||||
try {
|
||||
const notFoundResponse = await env.ASSETS.fetch('/404.html');
|
||||
if (notFoundResponse.ok) {
|
||||
response = new Response(notFoundResponse.body, {
|
||||
...notFoundResponse,
|
||||
status: 404,
|
||||
statusText: 'Not Found'
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
console.warn('Custom 404 page not available, using default');
|
||||
response = new Response(`
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>404 - 页面未找到</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
|
||||
text-align: center;
|
||||
padding: 50px;
|
||||
background: #f5f5f5;
|
||||
color: #333;
|
||||
}
|
||||
h1 {
|
||||
color: #ff4444;
|
||||
font-size: 3em;
|
||||
margin: 20px 0;
|
||||
}
|
||||
p {
|
||||
color: #666;
|
||||
font-size: 1.2em;
|
||||
margin: 20px 0;
|
||||
}
|
||||
a {
|
||||
color: #0066cc;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>404</h1>
|
||||
<p>抱歉，您访问的页面不存在</p>
|
||||
<p><a href="/">返回首页</a></p>
|
||||
</body>
|
||||
</html>
|
||||
`.trim(), {
|
||||
status: 404,
|
||||
headers: {
|
||||
'Content-Type': 'text/html; charset=utf-8'
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// ⚙️ 优化响应
|
||||
return this.optimizeResponse(response, pathname);
|
||||
|
||||
} catch (error) {
|
||||
console.error('Worker error:', error);
|
||||
return new Response(`服务暂时不可用: ${error.message}`, {
|
||||
status: 503,
|
||||
headers: {
|
||||
'Content-Type': 'text/plain; charset=utf-8'
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
optimizeResponse(response, pathname) {
|
||||
const newResponse = new Response(response.body, response);
|
||||
const headers = newResponse.headers;
|
||||
const contentType = headers.get('Content-Type') || '';
|
||||
|
||||
// 🔒 安全头
|
||||
headers.set('X-Content-Type-Options', 'nosniff');
|
||||
headers.set('X-Frame-Options', 'DENY');
|
||||
headers.set('X-XSS-Protection', '1; mode=block');
|
||||
headers.set('Referrer-Policy', 'strict-origin-when-cross-origin');
|
||||
|
||||
// 📦 智能缓存
|
||||
if (/\.(js|css|png|jpg|jpeg|gif|svg|webp|woff2|woff|ttf|eot|ico|json)$/.test(pathname)) {
|
||||
headers.set('Cache-Control', 'public, max-age=31536000, immutable');
|
||||
} else if (pathname.endsWith('.html')) {
|
||||
headers.set('Cache-Control', 'public, max-age=3600, stale-while-revalidate=86400');
|
||||
} else {
|
||||
headers.set('Cache-Control', 'public, max-age=86400');
|
||||
}
|
||||
|
||||
// 🌐 CORS
|
||||
headers.set('Access-Control-Allow-Origin', '*');
|
||||
|
||||
return newResponse;
|
||||
}
|
||||
};
|
||||
@@ -0,0 +1,29 @@
|
||||
# wrangler.toml - Cloudflare Workers 静态站点配置 (Wrangler 4.x)
|
||||
name = "swstatic-site"
|
||||
compatibility_date = "2026-07-08"
|
||||
|
||||
# ✅ 核心配置 - 只使用 main 字段
|
||||
main = "./src/index.js"
|
||||
|
||||
# 📦 静态站点配置 - 关键：使用 assets 而不是 site
|
||||
[assets]
|
||||
# 指向 Hugo 生成的 public 目录
|
||||
directory = "../public"
|
||||
# 指定绑定名称
|
||||
binding = "ASSETS"
|
||||
|
||||
# 🏗️ 构建配置 - Hugo 生成静态文件
|
||||
[build]
|
||||
command = "hugo --minify --cleanDestinationDir"
|
||||
# 构建工作目录设置为项目根目录
|
||||
cwd = ".."
|
||||
|
||||
# 🌐 开发环境配置
|
||||
[dev]
|
||||
port = 8787
|
||||
ip = "localhost"
|
||||
local_protocol = "http"
|
||||
upstream_protocol = "https"
|
||||
|
||||
# 🚀 部署配置
|
||||
compatibility_flags = ["nodejs_compat"]
|
||||
@@ -0,0 +1,4 @@
|
||||
---
|
||||
title: "SNOWARE"
|
||||
layout: "home"
|
||||
---
|
||||
@@ -0,0 +1,8 @@
|
||||
---
|
||||
title: "ISS 资源下载"
|
||||
description: "一班 · 自学支持 · 资源下载"
|
||||
accent: "#7a7a9e"
|
||||
---
|
||||
帮助学生查漏补缺、习题重练、预习复习。所有资源仅供自学使用。
|
||||
|
||||
提示：蓝奏云链接密码会自动填入，无需手动输入。
|
||||
@@ -0,0 +1,6 @@
|
||||
---
|
||||
title: "文件列表"
|
||||
description: "学科资源文件列表"
|
||||
accent: "#7a7a9e"
|
||||
layout: "filelist"
|
||||
---
|
||||
@@ -0,0 +1,5 @@
|
||||
---
|
||||
title: "我的作品"
|
||||
description: "S.A. 的开源项目与作品展示"
|
||||
accent: "#8a9a7e"
|
||||
---
|
||||
@@ -0,0 +1,9 @@
|
||||
---
|
||||
title: "btcli"
|
||||
description: "命令行翻译工具，配备 TUI 界面"
|
||||
accent: "#c8a87a"
|
||||
slug: "btcli"
|
||||
layout: "software-detail"
|
||||
project: "btcli"
|
||||
has_drag_ball: true
|
||||
---
|
||||
@@ -0,0 +1,8 @@
|
||||
---
|
||||
title: "MineSentinel"
|
||||
description: "Minecraft 服务器智能守护进程"
|
||||
accent: "#7a9a6e"
|
||||
slug: "minesentinel"
|
||||
layout: "software-detail"
|
||||
project: "minesentinel"
|
||||
---
|
||||
@@ -0,0 +1,8 @@
|
||||
---
|
||||
title: "Mint Runtime"
|
||||
description: "安全特性驱动的 Lua 运行时"
|
||||
accent: "#a890b8"
|
||||
slug: "mint"
|
||||
layout: "software-detail"
|
||||
project: "mint"
|
||||
---
|
||||
@@ -0,0 +1,8 @@
|
||||
---
|
||||
title: "Reverberation"
|
||||
description: "轻量级文本阅读器"
|
||||
accent: "#8a9a7e"
|
||||
slug: "reverberation"
|
||||
layout: "software-detail"
|
||||
project: "reverberation"
|
||||
---
|
||||
@@ -0,0 +1,5 @@
|
||||
---
|
||||
title: "XAGuarder"
|
||||
description: "网站安全拦截服务"
|
||||
accent: "#b87070"
|
||||
---
|
||||
@@ -0,0 +1,6 @@
|
||||
---
|
||||
title: "XA Defended!"
|
||||
description: "XAGuarder 拦截警告页面"
|
||||
layout: "warning"
|
||||
accent: "#b87070"
|
||||
---
|
||||
@@ -0,0 +1,91 @@
|
||||
[[projects]]
|
||||
name = "MineSentinel"
|
||||
slug = "minesentinel"
|
||||
description = "Minecraft 服务器智能守护进程，TCP 端口检测 + 崩溃自动重启 + 防循环冷却期"
|
||||
accent = "#7a9a6e"
|
||||
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 = "#c8a87a"
|
||||
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 = "#8a9a7e"
|
||||
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 = "#a890b8"
|
||||
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 = "#c89a6e"
|
||||
|
||||
[[subjects]]
|
||||
name = "数学"
|
||||
password = "6rp9"
|
||||
url = "https://snowcloud.lanzoum.com/b0zkf9u4j"
|
||||
color = "#8a9a7e"
|
||||
|
||||
[[subjects]]
|
||||
name = "英语"
|
||||
password = "4wxy"
|
||||
url = "https://snowcloud.lanzoum.com/b0zkfchyj"
|
||||
color = "#a890b8"
|
||||
|
||||
[[subjects]]
|
||||
name = "物理"
|
||||
password = "4n48"
|
||||
url = "https://snowcloud.lanzoum.com/b0zkf9u5a"
|
||||
color = "#c8a87a"
|
||||
|
||||
[[subjects]]
|
||||
name = "化学"
|
||||
password = "kc1b"
|
||||
url = "https://snowcloud.lanzoum.com/b0zkf9tyd"
|
||||
color = "#b87070"
|
||||
|
||||
[[subjects]]
|
||||
name = "生物"
|
||||
password = "dn3m"
|
||||
url = "https://snowcloud.lanzoum.com/b0zkf9u0f"
|
||||
color = "#7a9a6e"
|
||||
|
||||
[[subjects]]
|
||||
name = "政治"
|
||||
password = "4xej"
|
||||
url = "https://snowcloud.lanzoum.com/b0zkf9u6b"
|
||||
color = "#a08060"
|
||||
|
||||
[[subjects]]
|
||||
name = "历史"
|
||||
password = "i757"
|
||||
url = "https://snowcloud.lanzoum.com/b0zkf9u3i"
|
||||
color = "#7e6858"
|
||||
|
||||
[[subjects]]
|
||||
name = "地理"
|
||||
password = "dwrz"
|
||||
url = "https://snowcloud.lanzoum.com/b0zkf9u2h"
|
||||
color = "#6a8a78"
|
||||
@@ -0,0 +1,24 @@
|
||||
baseURL = 'https://sa-tale.eu.cc/'
|
||||
relativeURLs = true
|
||||
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/' },
|
||||
{ name = '我的作品', url = '/softwares/' },
|
||||
{ name = 'B站空间', url = 'https://space.bilibili.com/1875249243', external = true }
|
||||
]
|
||||
services = [
|
||||
{ name = 'Gitea', url = 'http://103.217.186.98:3000/', icon = 'git', desc = '代码仓库' },
|
||||
{ name = 'Cloudreve', url = 'http://103.217.186.98:5212/home', icon = 'cloud', desc = '云存储' },
|
||||
{ name = 'Minecraft Server', url = '', icon = 'game', desc = 'QQ 758522192 注明来意' },
|
||||
{ name = '学习与开发团队', url = '', icon = 'team', desc = '加入我们 QQ 758522192' }
|
||||
]
|
||||
|
||||
[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,22 @@
|
||||
<!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 }}">
|
||||
<script src="/js/nature-bg.js"></script>
|
||||
{{ 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,51 @@
|
||||
{{ define "body" }}
|
||||
<div class="home-hero">
|
||||
<div class="logo-wrap">
|
||||
<img src="{{ .Site.Params.logo }}" alt="SNOWARE Logo" class="home-logo" width="160" height="160">
|
||||
</div>
|
||||
<h1 class="home-title">SNOWARE</h1>
|
||||
<div class="home-poem">
|
||||
<p class="poem-line fade-1">群星璀璨而流星划过天际，曳尾长明而星空黯淡无光，我们如何在瞬间探寻永恒的答案？</p>
|
||||
<p class="poem-line fade-2">苦旅漫漫，雾霭蒙蒙，文牒拭作灰烬，家书遥遥无期。</p>
|
||||
<p class="poem-line fade-3">雾开雾散，云卷云舒，潮起潮息，光阴流转而你我不凡之辈，即亡没砂石亦必熠熠生辉</p>
|
||||
<p class="poem-line fade-4">曲折的进步似为唯一的答案，我心永恒，流光跃过风雨，终会与你同行。</p>
|
||||
<p class="poem-sig">S.A. 2026 7.5 @EDT</p>
|
||||
</div>
|
||||
<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>
|
||||
|
||||
{{ with .Site.Params.services }}
|
||||
<div class="home-services">
|
||||
<h2>服务</h2>
|
||||
<div class="services-grid">
|
||||
{{ range . }}
|
||||
{{ if .url }}
|
||||
<a href="{{ .url }}" class="service-card external" target="_blank" rel="noopener">
|
||||
{{ else }}
|
||||
<div class="service-card no-link">
|
||||
{{ end }}
|
||||
<div class="service-icon">
|
||||
{{ if eq .icon "git" }}
|
||||
<svg viewBox="0 0 24 24"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0020 4.77 5.07 5.07 0 0019.91 1S18.73.65 16 2.48a13.38 13.38 0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 005 4.77a5.44 5.44 0 00-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 009 18.13V22"/></svg>
|
||||
{{ else if eq .icon "cloud" }}
|
||||
<svg viewBox="0 0 24 24"><path d="M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z"/></svg>
|
||||
{{ else if eq .icon "game" }}
|
||||
<svg viewBox="0 0 24 24"><rect x="2" y="6" width="20" height="12" rx="2"/><line x1="6" y1="12" x2="10" y2="12"/><line x1="8" y1="10" x2="8" y2="14"/><circle cx="16" cy="10" r="1" fill="currentColor" stroke="none"/><circle cx="19" cy="12" r="1" fill="currentColor" stroke="none"/></svg>
|
||||
{{ else if eq .icon "team" }}
|
||||
<svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87"/><path d="M16 3.13a4 4 0 010 7.75"/></svg>
|
||||
{{ end }}
|
||||
</div>
|
||||
<h3>{{ .name }}</h3>
|
||||
<p>{{ .desc }}</p>
|
||||
{{ if .url }}</a>{{ else }}</div>{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,5 @@
|
||||
<footer class="site-footer">
|
||||
<div class="container">
|
||||
<p>{{ .Site.Copyright }}</p>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -0,0 +1,30 @@
|
||||
<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 }}
|
||||
<button class="theme-toggle" id="theme-toggle" title="切换主题">
|
||||
<svg class="theme-icon-warm" viewBox="0 0 24 24" width="18" height="18"><circle cx="12" cy="12" r="5" fill="currentColor" stroke="none"/><line x1="12" y1="1" x2="12" y2="3" stroke="currentColor" stroke-width="2"/><line x1="12" y1="21" x2="12" y2="23" stroke="currentColor" stroke-width="2"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64" stroke="currentColor" stroke-width="2"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78" stroke="currentColor" stroke-width="2"/><line x1="1" y1="12" x2="3" y2="12" stroke="currentColor" stroke-width="2"/><line x1="21" y1="12" x2="23" y2="12" stroke="currentColor" stroke-width="2"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36" stroke="currentColor" stroke-width="2"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22" stroke="currentColor" stroke-width="2"/></svg>
|
||||
<svg class="theme-icon-cyan" viewBox="0 0 24 24" width="18" height="18"><path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z" fill="none" stroke="currentColor" stroke-width="2"/></svg>
|
||||
</button>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<script>
|
||||
(function(){
|
||||
var t = localStorage.getItem('snoware-theme') || 'warm';
|
||||
document.documentElement.setAttribute('data-theme', t);
|
||||
var btn = document.getElementById('theme-toggle');
|
||||
if(btn) btn.addEventListener('click', function(){
|
||||
var cur = document.documentElement.getAttribute('data-theme');
|
||||
var next = cur === 'warm' ? 'cyan' : 'warm';
|
||||
document.documentElement.setAttribute('data-theme', next);
|
||||
localStorage.setItem('snoware-theme', next);
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
@@ -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: #7a7a9e">
|
||||
<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: #7a7a9e">
|
||||
<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: #8a9a7e">
|
||||
<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: #b87070">
|
||||
<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: #b87070; }
|
||||
</style>
|
||||
{{ end }}
|
||||
Generated
+1413
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,5 @@
|
||||
{
|
||||
"dependencies": {
|
||||
"wrangler": "^4.108.0"
|
||||
}
|
||||
}
|
||||
@@ -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,458 @@
|
||||
/* ===== SNOWARE — Dual Theme ===== */
|
||||
|
||||
:root {
|
||||
--bg: #1a1710;
|
||||
--bg-soft: #242016;
|
||||
--bg-card: #2c2818;
|
||||
--accent: #c8a87a;
|
||||
--accent-warm: #e8c9a0;
|
||||
--accent-cool: #8a9a7e;
|
||||
--text: #e0d8c8;
|
||||
--text-muted: #9e9585;
|
||||
--text-dim: #6b6358;
|
||||
--border: rgba(200,168,122,0.12);
|
||||
--border-hover: rgba(200,168,122,0.28);
|
||||
--radius: 10px;
|
||||
--font: 'Segoe UI', system-ui, -apple-system, sans-serif;
|
||||
--mono: 'Cascadia Code', 'Fira Code', monospace;
|
||||
--transition: 0.25s ease;
|
||||
--nav-bg: rgba(26,23,16,0.92);
|
||||
--logo-border: rgba(200,168,122,0.3);
|
||||
--logo-bg: rgba(44,40,24,0.5);
|
||||
--btn-hover-bg: rgba(200,168,122,0.08);
|
||||
--service-hover-bg: rgba(200,168,122,0.06);
|
||||
--code-bg: rgba(255,255,255,0.05);
|
||||
--code-inline-bg: rgba(255,255,255,0.06);
|
||||
--warning-bg: rgba(180,60,50,0.06);
|
||||
--warning-border: rgba(180,60,50,0.25);
|
||||
--warning-h: #b84040;
|
||||
--noise-svg: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
|
||||
--btn-accent-bg: rgba(200,168,122,0.1);
|
||||
--btn-accent-hover-bg: rgba(200,168,122,0.18);
|
||||
--subject-inline-bg: rgba(255,255,255,0.06);
|
||||
}
|
||||
|
||||
/* Macaron Cyan theme (dark) */
|
||||
[data-theme="cyan"] {
|
||||
--bg: #101820;
|
||||
--bg-soft: #161e2c;
|
||||
--bg-card: #1c2636;
|
||||
--accent: #5cb8e4;
|
||||
--accent-warm: #81d4fa;
|
||||
--accent-cool: #7ec8e3;
|
||||
--text: #c8dce8;
|
||||
--text-muted: #8aa4b8;
|
||||
--text-dim: #5a7a90;
|
||||
--border: rgba(92,184,228,0.12);
|
||||
--border-hover: rgba(92,184,228,0.28);
|
||||
--nav-bg: rgba(16,24,32,0.92);
|
||||
--logo-border: rgba(92,184,228,0.35);
|
||||
--logo-bg: rgba(28,38,54,0.5);
|
||||
--btn-hover-bg: rgba(92,184,228,0.08);
|
||||
--service-hover-bg: rgba(92,184,228,0.06);
|
||||
--code-bg: rgba(255,255,255,0.04);
|
||||
--code-inline-bg: rgba(255,255,255,0.06);
|
||||
--warning-bg: rgba(180,60,50,0.06);
|
||||
--warning-border: rgba(180,60,50,0.25);
|
||||
--warning-h: #c04040;
|
||||
--noise-svg: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
|
||||
--btn-accent-bg: rgba(92,184,228,0.1);
|
||||
--btn-accent-hover-bg: rgba(92,184,228,0.18);
|
||||
--subject-inline-bg: rgba(255,255,255,0.06);
|
||||
}
|
||||
|
||||
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
html { scroll-behavior: smooth; }
|
||||
|
||||
body {
|
||||
font-family: var(--font);
|
||||
background: transparent;
|
||||
color: var(--text);
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
line-height: 1.7;
|
||||
transition: color var(--transition);
|
||||
}
|
||||
|
||||
.container { max-width: 920px; margin: 0 auto; padding: 0 24px; }
|
||||
|
||||
/* ===== Theme Toggle ===== */
|
||||
.theme-toggle {
|
||||
background: none; border: none; cursor: pointer;
|
||||
padding: 4px; color: var(--text-muted);
|
||||
transition: color var(--transition);
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
}
|
||||
.theme-toggle:hover { color: var(--accent); }
|
||||
[data-theme="warm"] .theme-icon-warm,
|
||||
[data-theme="cyan"] .theme-icon-cyan { display: block; }
|
||||
[data-theme="warm"] .theme-icon-cyan,
|
||||
[data-theme="cyan"] .theme-icon-warm { display: none; }
|
||||
|
||||
/* Logo color shift for cyan theme — sepia+hue-rotate for precise warm→cool conversion */
|
||||
[data-theme="cyan"] .nav-logo,
|
||||
[data-theme="cyan"] .home-logo,
|
||||
[data-theme="cyan"] .xag-logo,
|
||||
[data-theme="cyan"] .warning-logo,
|
||||
[data-theme="cyan"] .error-logo {
|
||||
filter: sepia(0.6) hue-rotate(190deg) saturate(1.5) brightness(1.08);
|
||||
}
|
||||
|
||||
/* ===== Navigation ===== */
|
||||
.site-nav {
|
||||
position: sticky; top: 0; z-index: 100;
|
||||
background: var(--nav-bg);
|
||||
backdrop-filter: blur(14px);
|
||||
border-bottom: 1px solid var(--border);
|
||||
padding: 10px 0;
|
||||
transition: background-color var(--transition), border-color var(--transition);
|
||||
}
|
||||
.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: 17px; text-decoration: none;
|
||||
transition: color var(--transition);
|
||||
}
|
||||
.nav-brand img { border-radius: 50%; }
|
||||
.nav-links { display: flex; gap: 22px; align-items: center; }
|
||||
.nav-links a {
|
||||
color: var(--text-muted); text-decoration: none; font-size: 13.5px;
|
||||
transition: color var(--transition); position: relative;
|
||||
}
|
||||
.nav-links a:hover { color: var(--accent-warm); }
|
||||
.nav-links a::after {
|
||||
content: ''; position: absolute; bottom: -3px; left: 0;
|
||||
width: 0; height: 1.5px; background: var(--accent);
|
||||
transition: width var(--transition);
|
||||
}
|
||||
.nav-links a:hover::after { width: 100%; }
|
||||
|
||||
/* ===== Homepage ===== */
|
||||
.home-hero {
|
||||
min-height: 100vh;
|
||||
display: flex; flex-direction: column;
|
||||
align-items: center; justify-content: center;
|
||||
padding: 60px 24px;
|
||||
gap: 32px;
|
||||
}
|
||||
.home-hero .logo-wrap { text-align: center; }
|
||||
.home-hero .home-logo {
|
||||
width: 160px; height: 160px;
|
||||
border-radius: 50%;
|
||||
border: 2px solid var(--logo-border);
|
||||
background: var(--logo-bg);
|
||||
backdrop-filter: blur(8px);
|
||||
transition: border-color var(--transition), background-color var(--transition);
|
||||
}
|
||||
.home-title {
|
||||
font-size: 44px; font-weight: 700; letter-spacing: 6px;
|
||||
color: var(--accent-warm);
|
||||
margin: 0;
|
||||
transition: color var(--transition);
|
||||
}
|
||||
/* Poem section */
|
||||
.home-poem {
|
||||
text-align: center;
|
||||
max-width: 560px;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
}
|
||||
.poem-line {
|
||||
color: var(--text-muted);
|
||||
font-size: 14.5px;
|
||||
line-height: 2;
|
||||
opacity: 0;
|
||||
animation: poemFadeIn 1.2s ease forwards;
|
||||
transition: color var(--transition);
|
||||
}
|
||||
.poem-line.fade-1 { animation-delay: 0.3s; color: var(--accent-warm); font-size: 15px; }
|
||||
.poem-line.fade-2 { animation-delay: 0.9s; }
|
||||
.poem-line.fade-3 { animation-delay: 1.5s; color: var(--accent-warm); font-size: 15px; }
|
||||
.poem-line.fade-4 { animation-delay: 2.1s; }
|
||||
.poem-sig {
|
||||
color: var(--text-dim);
|
||||
font-size: 12px;
|
||||
margin-top: 14px;
|
||||
opacity: 0;
|
||||
animation: poemFadeIn 1s ease 2.7s forwards;
|
||||
font-family: var(--mono);
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
@keyframes poemFadeIn {
|
||||
from { opacity: 0; transform: translateY(10px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
.home-poem::before {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 60px;
|
||||
height: 1px;
|
||||
background: linear-gradient(to right, transparent, var(--accent), transparent);
|
||||
margin: 0 auto 20px auto;
|
||||
opacity: 0;
|
||||
animation: poemFadeIn 0.8s ease 0.1s forwards;
|
||||
}
|
||||
.home-poem::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 60px;
|
||||
height: 1px;
|
||||
background: linear-gradient(to right, transparent, var(--accent), transparent);
|
||||
margin: 20px auto 0 auto;
|
||||
opacity: 0;
|
||||
animation: poemFadeIn 0.8s ease 3.2s forwards;
|
||||
}
|
||||
|
||||
/* Homepage nav buttons */
|
||||
.home-nav { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
|
||||
.home-btn {
|
||||
padding: 11px 26px; border-radius: 8px;
|
||||
background: var(--bg-card); border: 1px solid var(--border);
|
||||
color: var(--text); text-decoration: none; font-size: 14px; font-weight: 500;
|
||||
transition: all var(--transition);
|
||||
}
|
||||
.home-btn:hover {
|
||||
border-color: var(--border-hover);
|
||||
background: var(--btn-hover-bg);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
/* Services section on homepage */
|
||||
.home-services {
|
||||
margin-top: 48px;
|
||||
text-align: center;
|
||||
}
|
||||
.home-services h2 {
|
||||
font-size: 15px; color: var(--text-dim); font-weight: 500;
|
||||
letter-spacing: 2px; text-transform: uppercase; margin-bottom: 20px;
|
||||
transition: color var(--transition);
|
||||
}
|
||||
.services-grid {
|
||||
display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
|
||||
max-width: 720px; margin: 0 auto;
|
||||
}
|
||||
.service-card {
|
||||
padding: 20px 16px; border-radius: var(--radius);
|
||||
background: var(--bg-card); border: 1px solid var(--border);
|
||||
text-decoration: none; color: var(--text);
|
||||
transition: all var(--transition);
|
||||
text-align: center;
|
||||
}
|
||||
.service-card:hover {
|
||||
border-color: var(--border-hover);
|
||||
background: var(--service-hover-bg);
|
||||
}
|
||||
.service-icon {
|
||||
display: flex; justify-content: center; margin-bottom: 10px;
|
||||
}
|
||||
.service-icon svg { width: 28px; height: 28px; stroke: var(--accent); fill: none; stroke-width: 1.8; }
|
||||
.service-card h3 { font-size: 14px; color: var(--accent-warm); margin-bottom: 4px; }
|
||||
.service-card p { font-size: 12.5px; color: var(--text-muted); }
|
||||
.service-card.no-link { cursor: default; }
|
||||
.service-card.no-link:hover { background: var(--bg-card); border-color: var(--border); transform: none; }
|
||||
|
||||
/* ===== Page Hero ===== */
|
||||
.page-hero {
|
||||
text-align: center; padding: 72px 24px 36px;
|
||||
}
|
||||
.page-hero h1 {
|
||||
font-size: 36px; font-weight: 700;
|
||||
color: var(--accent-warm); margin-bottom: 6px;
|
||||
transition: color var(--transition);
|
||||
}
|
||||
.page-hero .subtitle { color: var(--text-muted); font-size: 16px; }
|
||||
|
||||
/* ===== Page Content ===== */
|
||||
.page-content { padding: 16px 24px 60px; }
|
||||
|
||||
/* ===== Buttons ===== */
|
||||
.btn {
|
||||
display: inline-block; padding: 9px 22px; border-radius: 8px;
|
||||
font-size: 14px; font-weight: 500; text-decoration: none;
|
||||
transition: all var(--transition); cursor: pointer;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.btn-primary { background: var(--accent); color: var(--bg); border-color: var(--accent); }
|
||||
.btn-primary:hover { background: var(--accent-warm); }
|
||||
.btn-accent {
|
||||
background: var(--btn-accent-bg); color: var(--accent);
|
||||
border-color: var(--border-hover);
|
||||
}
|
||||
.btn-accent:hover { background: var(--btn-accent-hover-bg); }
|
||||
.btn-outline { background: transparent; color: var(--text-muted); border-color: var(--border); }
|
||||
.btn-outline:hover { border-color: var(--text-muted); color: var(--text); }
|
||||
.btn-lg { padding: 13px 30px; font-size: 16px; }
|
||||
|
||||
/* ===== Cards ===== */
|
||||
.card-base {
|
||||
background: var(--bg-card);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
backdrop-filter: blur(6px);
|
||||
transition: all var(--transition);
|
||||
}
|
||||
.card-base:hover { border-color: var(--border-hover); }
|
||||
|
||||
.feature-card {
|
||||
padding: 22px; text-align: center;
|
||||
}
|
||||
.feature-card h3 { color: var(--accent-warm); font-size: 15px; margin-bottom: 6px; }
|
||||
.feature-card p { color: var(--text-muted); font-size: 13px; }
|
||||
.feature-icon { font-size: 28px; margin-bottom: 10px; color: var(--accent); }
|
||||
|
||||
/* ===== Resources Section ===== */
|
||||
.res-intro { text-align: center; margin-bottom: 28px; }
|
||||
.res-intro-text { color: var(--text); font-size: 15px; }
|
||||
.res-actions {
|
||||
display: flex; gap: 14px; justify-content: center;
|
||||
margin-bottom: 36px; flex-wrap: wrap;
|
||||
}
|
||||
.res-features {
|
||||
display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 28px;
|
||||
}
|
||||
|
||||
/* ===== File List ===== */
|
||||
.filelist-grid {
|
||||
display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
|
||||
}
|
||||
.subject-card {
|
||||
display: flex; flex-direction: column; align-items: center; gap: 8px;
|
||||
padding: 24px 16px;
|
||||
background: var(--bg-card);
|
||||
border: 1px solid color-mix(in srgb, var(--color) 20%, transparent);
|
||||
border-radius: var(--radius);
|
||||
text-decoration: none; color: var(--text);
|
||||
transition: all var(--transition);
|
||||
}
|
||||
.subject-card:hover {
|
||||
border-color: var(--color);
|
||||
background: color-mix(in srgb, var(--color) 6%, var(--bg-card));
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
.subject-icon svg { width: 36px; height: 36px; stroke: var(--color); fill: none; stroke-width: 1.5; }
|
||||
.subject-card h3 { font-size: 17px; }
|
||||
.subject-pw { font-size: 12.5px; color: var(--text-muted); }
|
||||
.subject-pw code {
|
||||
background: var(--subject-inline-bg); padding: 2px 7px; border-radius: 4px;
|
||||
color: var(--color); font-family: var(--mono);
|
||||
}
|
||||
|
||||
/* ===== Software Section ===== */
|
||||
.about-intro {
|
||||
text-align: center; margin-bottom: 36px; padding: 22px;
|
||||
background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius);
|
||||
}
|
||||
.about-intro p { color: var(--text-muted); margin-bottom: 14px; }
|
||||
.project-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
|
||||
.project-card {
|
||||
display: flex; flex-direction: column; gap: 10px; padding: 24px;
|
||||
background: var(--bg-card);
|
||||
border: 1px solid color-mix(in srgb, var(--accent) 15%, transparent);
|
||||
border-radius: var(--radius);
|
||||
text-decoration: none; color: var(--text);
|
||||
transition: all var(--transition);
|
||||
}
|
||||
.project-card:hover {
|
||||
border-color: var(--accent);
|
||||
background: color-mix(in srgb, var(--accent) 4%, var(--bg-card));
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
.card-header { display: flex; justify-content: space-between; align-items: flex-start; }
|
||||
.card-header h3 { font-size: 18px; color: var(--accent-warm); }
|
||||
.card-tags { display: flex; gap: 5px; flex-wrap: wrap; }
|
||||
.tag {
|
||||
font-size: 11px; padding: 2px 9px; border-radius: 50px;
|
||||
background: color-mix(in srgb, var(--accent) 12%, var(--bg-card));
|
||||
color: var(--accent); border: 1px solid color-mix(in srgb, var(--accent) 25%, transparent);
|
||||
}
|
||||
.card-desc { color: var(--text-muted); font-size: 13.5px; }
|
||||
.card-links { margin-top: auto; }
|
||||
.card-link { font-size: 13.5px; color: var(--accent); }
|
||||
|
||||
/* ===== Software Detail ===== */
|
||||
.sw-links { display: flex; gap: 10px; justify-content: center; margin-bottom: 36px; flex-wrap: wrap; }
|
||||
.sw-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 36px; }
|
||||
.sw-section {
|
||||
margin-bottom: 28px; padding: 22px;
|
||||
background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius);
|
||||
}
|
||||
.sw-section h2 { color: var(--accent-warm); margin-bottom: 10px; font-size: 20px; }
|
||||
.sw-code {
|
||||
background: var(--code-bg); padding: 10px 16px; border-radius: 6px;
|
||||
font-family: var(--mono); font-size: 13px; overflow-x: auto; color: var(--text);
|
||||
}
|
||||
.usage-list { display: flex; flex-direction: column; gap: 10px; }
|
||||
.usage-item { display: flex; gap: 10px; align-items: center; }
|
||||
.usage-item code {
|
||||
background: var(--code-inline-bg); padding: 5px 10px; border-radius: 5px;
|
||||
font-family: var(--mono); font-size: 12.5px; white-space: nowrap;
|
||||
}
|
||||
.usage-item span { color: var(--text-muted); font-size: 13px; }
|
||||
|
||||
/* ===== Drag Ball ===== */
|
||||
.drag-ball-area {
|
||||
text-align: center; padding: 22px; margin: 36px 0;
|
||||
background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius);
|
||||
}
|
||||
.drag-hint { color: var(--text-muted); font-size: 13px; margin-top: 6px; }
|
||||
|
||||
/* ===== XAGuarder ===== */
|
||||
.xag-intro {
|
||||
text-align: center; padding: 36px;
|
||||
background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius);
|
||||
max-width: 560px; margin: 0 auto;
|
||||
}
|
||||
.xag-logo { border-radius: 50%; margin-bottom: 14px; }
|
||||
.xag-intro h2 { margin-bottom: 14px; color: var(--accent-warm); }
|
||||
.xag-intro p { color: var(--text-muted); margin-bottom: 18px; }
|
||||
|
||||
/* ===== Warning Page ===== */
|
||||
.warning-page {
|
||||
min-height: 80vh; display: flex; align-items: center; justify-content: center;
|
||||
}
|
||||
.warning-content {
|
||||
text-align: center; padding: 50px;
|
||||
background: var(--warning-bg); border: 2px solid var(--warning-border);
|
||||
border-radius: var(--radius); max-width: 480px;
|
||||
transition: background-color var(--transition), border-color var(--transition);
|
||||
}
|
||||
.warning-logo { border-radius: 50%; margin-bottom: 18px; }
|
||||
.warning-content h1 { color: var(--warning-h); font-size: 26px; margin-bottom: 14px; }
|
||||
.warning-text { font-size: 16px; color: var(--text); margin-bottom: 6px; }
|
||||
.warning-sub { color: var(--text-muted); font-size: 13px; margin-bottom: 22px; }
|
||||
|
||||
/* ===== 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: 18px; }
|
||||
.error-content h1 { font-size: 64px; color: var(--accent); margin-bottom: 10px; }
|
||||
.error-content p { color: var(--text-muted); }
|
||||
.error-hint { font-size: 13px; margin-bottom: 22px; }
|
||||
|
||||
/* ===== Footer ===== */
|
||||
.site-footer {
|
||||
text-align: center; padding: 22px;
|
||||
border-top: 1px solid var(--border);
|
||||
color: var(--text-dim); font-size: 12.5px; margin-top: auto;
|
||||
transition: border-color var(--transition), color var(--transition);
|
||||
}
|
||||
|
||||
/* ===== Responsive ===== */
|
||||
@media (max-width: 768px) {
|
||||
.nav-inner { flex-direction: column; gap: 10px; }
|
||||
.nav-links { gap: 14px; }
|
||||
.home-title { font-size: 30px; letter-spacing: 4px; }
|
||||
.home-hero .home-logo { width: 120px; height: 120px; }
|
||||
.services-grid { grid-template-columns: 1fr 1fr; max-width: 360px; }
|
||||
.page-hero h1 { font-size: 26px; }
|
||||
.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) {
|
||||
.services-grid { grid-template-columns: 1fr; max-width: 280px; }
|
||||
.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,216 @@
|
||||
// SNOWARE — Dynamic Nature Background (Stars + Mountains + Meteors)
|
||||
(function(){
|
||||
var canvas = document.createElement('canvas');
|
||||
canvas.id = 'nature-bg';
|
||||
canvas.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;';
|
||||
document.body.prepend(canvas);
|
||||
var ctx = canvas.getContext('2d');
|
||||
var stars = [], shootingStars = [];
|
||||
var W, H;
|
||||
var lastShooting = 0;
|
||||
|
||||
function resize(){
|
||||
W = canvas.width = window.innerWidth;
|
||||
H = canvas.height = window.innerHeight;
|
||||
initStars();
|
||||
}
|
||||
|
||||
function initStars(){
|
||||
stars = [];
|
||||
var count = Math.floor(W * H / 2800);
|
||||
for(var i = 0; i < count; i++){
|
||||
stars.push({
|
||||
x: Math.random() * W,
|
||||
y: Math.random() * H * 0.55,
|
||||
r: Math.random() * 1.5 + 0.3,
|
||||
a: Math.random() * 0.6 + 0.2,
|
||||
speed: Math.random() * 0.008 + 0.002,
|
||||
phase: Math.random() * Math.PI * 2
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function addShootingStar(){
|
||||
shootingStars.push({
|
||||
x: Math.random() * W * 0.6 + W * 0.1,
|
||||
y: Math.random() * H * 0.25,
|
||||
len: Math.random() * 120 + 60,
|
||||
speed: Math.random() * 6 + 4,
|
||||
angle: Math.random() * 0.25 + 0.15,
|
||||
a: 1,
|
||||
life: 0,
|
||||
sparks: []
|
||||
});
|
||||
}
|
||||
|
||||
function getTheme(){
|
||||
return document.documentElement.getAttribute('data-theme') || 'warm';
|
||||
}
|
||||
|
||||
function getColors(){
|
||||
var t = getTheme();
|
||||
if(t === 'cyan'){
|
||||
return {
|
||||
sky1: '#0a1525', sky2: '#101828', sky3: '#182436',
|
||||
star: '#c8dff0', starBright: '#81d4fa',
|
||||
mtn1: '#0e1826', mtn2: '#162230', mtn3: '#1e2e40',
|
||||
mtnLine: 'rgba(92,184,228,0.12)', mtnSnow: 'rgba(200,220,240,0.08)',
|
||||
shoot: '#81d4fa', shootGlow: 'rgba(129,212,250,0.2)'
|
||||
};
|
||||
}
|
||||
return {
|
||||
sky1: '#0a0c08', sky2: '#141210', sky3: '#1a1710',
|
||||
star: '#d4c0a0', starBright: '#e8c9a0',
|
||||
mtn1: '#0e0c08', mtn2: '#181610', mtn3: '#242014',
|
||||
mtnLine: 'rgba(200,168,122,0.08)', mtnSnow: 'rgba(232,201,160,0.06)',
|
||||
shoot: '#e8c9a0', shootGlow: 'rgba(232,201,160,0.15)'
|
||||
};
|
||||
}
|
||||
|
||||
function drawSky(c){
|
||||
var g = ctx.createLinearGradient(0, 0, 0, H);
|
||||
g.addColorStop(0, c.sky1);
|
||||
g.addColorStop(0.35, c.sky2);
|
||||
g.addColorStop(1, c.sky3);
|
||||
ctx.fillStyle = g;
|
||||
ctx.fillRect(0, 0, W, H);
|
||||
}
|
||||
|
||||
function drawStars(c, t){
|
||||
for(var i = 0; i < stars.length; i++){
|
||||
var s = stars[i];
|
||||
var twinkle = Math.sin(t * s.speed + s.phase) * 0.3 + 0.7;
|
||||
var alpha = s.a * twinkle;
|
||||
ctx.beginPath();
|
||||
ctx.arc(s.x, s.y, s.r, 0, Math.PI * 2);
|
||||
ctx.fillStyle = s.r > 1.2 ? c.starBright : c.star;
|
||||
ctx.globalAlpha = alpha;
|
||||
ctx.fill();
|
||||
}
|
||||
ctx.globalAlpha = 1;
|
||||
}
|
||||
|
||||
function drawShootingStars(c, t){
|
||||
// More frequent meteors: every 3-7 seconds
|
||||
if(t - lastShooting > 3000 + Math.random() * 4000){
|
||||
addShootingStar();
|
||||
lastShooting = t;
|
||||
}
|
||||
for(var i = shootingStars.length - 1; i >= 0; i--){
|
||||
var s = shootingStars[i];
|
||||
s.life += 1;
|
||||
s.x += s.speed;
|
||||
s.y += s.speed * s.angle;
|
||||
s.a -= 0.008;
|
||||
if(s.a <= 0){ shootingStars.splice(i, 1); continue; }
|
||||
|
||||
// Head glow
|
||||
ctx.save();
|
||||
ctx.globalAlpha = s.a * 0.6;
|
||||
var headGlow = ctx.createRadialGradient(s.x, s.y, 0, s.x, s.y, 8);
|
||||
headGlow.addColorStop(0, c.shoot);
|
||||
headGlow.addColorStop(1, 'transparent');
|
||||
ctx.fillStyle = headGlow;
|
||||
ctx.beginPath();
|
||||
ctx.arc(s.x, s.y, 8, 0, Math.PI * 2);
|
||||
ctx.fill();
|
||||
|
||||
// Main trail
|
||||
ctx.globalAlpha = s.a;
|
||||
ctx.strokeStyle = c.shoot;
|
||||
ctx.lineWidth = 1.8;
|
||||
ctx.lineCap = 'round';
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(s.x, s.y);
|
||||
var tailX = s.x - s.len * Math.cos(s.angle);
|
||||
var tailY = s.y - s.len * Math.sin(s.angle);
|
||||
ctx.lineTo(tailX, tailY);
|
||||
ctx.stroke();
|
||||
|
||||
// Wide glow trail
|
||||
ctx.globalAlpha = s.a * 0.25;
|
||||
ctx.lineWidth = 6;
|
||||
ctx.strokeStyle = c.shoot;
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(s.x, s.y);
|
||||
ctx.lineTo(s.x - s.len * 0.5 * Math.cos(s.angle), s.y - s.len * 0.5 * Math.sin(s.angle));
|
||||
ctx.stroke();
|
||||
|
||||
// Secondary thin glow trail
|
||||
ctx.globalAlpha = s.a * 0.12;
|
||||
ctx.lineWidth = 12;
|
||||
ctx.strokeStyle = c.shootGlow;
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(s.x, s.y);
|
||||
ctx.lineTo(s.x - s.len * 0.3 * Math.cos(s.angle), s.y - s.len * 0.3 * Math.sin(s.angle));
|
||||
ctx.stroke();
|
||||
|
||||
ctx.restore();
|
||||
}
|
||||
}
|
||||
|
||||
function drawMountainLayer(yBase, height, color, lineColor, snowPatches, seed){
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(0, yBase);
|
||||
var step = 3;
|
||||
for(var x = 0; x <= W; x += step){
|
||||
var h = 0;
|
||||
h += Math.sin(x * 0.003 + seed) * height * 0.5;
|
||||
h += Math.sin(x * 0.007 + seed * 2) * height * 0.3;
|
||||
h += Math.sin(x * 0.015 + seed * 3) * height * 0.15;
|
||||
ctx.lineTo(x, yBase - Math.abs(h));
|
||||
}
|
||||
ctx.lineTo(W, H);
|
||||
ctx.lineTo(0, H);
|
||||
ctx.closePath();
|
||||
ctx.fillStyle = color;
|
||||
ctx.fill();
|
||||
// subtle outline
|
||||
ctx.strokeStyle = lineColor;
|
||||
ctx.lineWidth = 1;
|
||||
ctx.stroke();
|
||||
// snow patches on peaks
|
||||
if(snowPatches > 0){
|
||||
ctx.globalAlpha = snowPatches;
|
||||
ctx.fillStyle = lineColor;
|
||||
for(var x = 0; x <= W; x += step){
|
||||
var h = 0;
|
||||
h += Math.sin(x * 0.003 + seed) * height * 0.5;
|
||||
h += Math.sin(x * 0.007 + seed * 2) * height * 0.3;
|
||||
h += Math.sin(x * 0.015 + seed * 3) * height * 0.15;
|
||||
var peakY = yBase - Math.abs(h);
|
||||
if(Math.abs(h) > height * 0.6){
|
||||
ctx.beginPath();
|
||||
ctx.arc(x, peakY + 2, 2 + Math.random(), 0, Math.PI * 2);
|
||||
ctx.fill();
|
||||
}
|
||||
}
|
||||
ctx.globalAlpha = 1;
|
||||
}
|
||||
}
|
||||
|
||||
function drawMountains(c){
|
||||
// far layer
|
||||
drawMountainLayer(H * 0.65, H * 0.18, c.mtn1, c.mtnLine, c.mtnSnow, 1.2);
|
||||
// mid layer
|
||||
drawMountainLayer(H * 0.72, H * 0.14, c.mtn2, c.mtnLine, 0, 3.7);
|
||||
// near layer
|
||||
drawMountainLayer(H * 0.82, H * 0.10, c.mtn3, c.mtnLine, 0, 7.1);
|
||||
}
|
||||
|
||||
var startTime = performance.now();
|
||||
function render(){
|
||||
var t = (performance.now() - startTime) / 1000;
|
||||
var c = getColors();
|
||||
ctx.clearRect(0, 0, W, H);
|
||||
drawSky(c);
|
||||
drawStars(c, t);
|
||||
drawShootingStars(c, performance.now());
|
||||
drawMountains(c);
|
||||
requestAnimationFrame(render);
|
||||
}
|
||||
|
||||
resize();
|
||||
window.addEventListener('resize', resize);
|
||||
render();
|
||||
})();
|
||||
@@ -0,0 +1,78 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
|
||||
<defs>
|
||||
<linearGradient id="bgGrad" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#2c2818"/>
|
||||
<stop offset="100%" stop-color="#1a1710"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="snowGrad" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0%" stop-color="#e8c9a0"/>
|
||||
<stop offset="100%" stop-color="#a08850"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<!-- Circle background -->
|
||||
<circle cx="100" cy="100" r="96" fill="url(#bgGrad)"/>
|
||||
<circle cx="100" cy="100" r="96" fill="none" stroke="#c8a87a" stroke-opacity="0.3" stroke-width="1.5"/>
|
||||
|
||||
<!-- Central hexagon -->
|
||||
<polygon points="100,84 113.86,92 113.86,108 100,116 86.14,108 86.14,92"
|
||||
fill="none" stroke="url(#snowGrad)" stroke-width="2.5" stroke-linejoin="round"/>
|
||||
|
||||
<!-- Y template: pointing upward from top vertex, then rotated 60° × 6 -->
|
||||
<!-- Each Y: stem from vertex outward → diamond on axis → two branch arms -->
|
||||
<g stroke="url(#snowGrad)" stroke-width="3" stroke-linecap="round" fill="url(#snowGrad)">
|
||||
|
||||
<!-- Y at 0° (top) -->
|
||||
<g transform="rotate(0,100,100)">
|
||||
<line x1="100" y1="84" x2="100" y2="38"/>
|
||||
<!-- Diamond embedded on stem axis -->
|
||||
<polygon points="100,54 106,60 100,66 94,60" stroke="none"/>
|
||||
<!-- Y branch arms -->
|
||||
<line x1="100" y1="48" x2="82" y2="32"/>
|
||||
<line x1="100" y1="48" x2="118" y2="32"/>
|
||||
</g>
|
||||
|
||||
<!-- Y at 60° -->
|
||||
<g transform="rotate(60,100,100)">
|
||||
<line x1="100" y1="84" x2="100" y2="38"/>
|
||||
<polygon points="100,54 106,60 100,66 94,60" stroke="none"/>
|
||||
<line x1="100" y1="48" x2="82" y2="32"/>
|
||||
<line x1="100" y1="48" x2="118" y2="32"/>
|
||||
</g>
|
||||
|
||||
<!-- Y at 120° -->
|
||||
<g transform="rotate(120,100,100)">
|
||||
<line x1="100" y1="84" x2="100" y2="38"/>
|
||||
<polygon points="100,54 106,60 100,66 94,60" stroke="none"/>
|
||||
<line x1="100" y1="48" x2="82" y2="32"/>
|
||||
<line x1="100" y1="48" x2="118" y2="32"/>
|
||||
</g>
|
||||
|
||||
<!-- Y at 180° -->
|
||||
<g transform="rotate(180,100,100)">
|
||||
<line x1="100" y1="84" x2="100" y2="38"/>
|
||||
<polygon points="100,54 106,60 100,66 94,60" stroke="none"/>
|
||||
<line x1="100" y1="48" x2="82" y2="32"/>
|
||||
<line x1="100" y1="48" x2="118" y2="32"/>
|
||||
</g>
|
||||
|
||||
<!-- Y at 240° -->
|
||||
<g transform="rotate(240,100,100)">
|
||||
<line x1="100" y1="84" x2="100" y2="38"/>
|
||||
<polygon points="100,54 106,60 100,66 94,60" stroke="none"/>
|
||||
<line x1="100" y1="48" x2="82" y2="32"/>
|
||||
<line x1="100" y1="48" x2="118" y2="32"/>
|
||||
</g>
|
||||
|
||||
<!-- Y at 300° -->
|
||||
<g transform="rotate(300,100,100)">
|
||||
<line x1="100" y1="84" x2="100" y2="38"/>
|
||||
<polygon points="100,54 106,60 100,66 94,60" stroke="none"/>
|
||||
<line x1="100" y1="48" x2="82" y2="32"/>
|
||||
<line x1="100" y1="48" x2="118" y2="32"/>
|
||||
</g>
|
||||
|
||||
</g>
|
||||
|
||||
<!-- Center dot -->
|
||||
<circle cx="100" cy="100" r="3.5" fill="url(#snowGrad)" fill-opacity="0.5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
Reference in New Issue
Block a user