Files
NebulaShell/website/index.html
Falck d3dab8a27a 官网全面适配 Python 技术栈 & 全新抽象 Logo 设计
- Design: 全新抽象几何曲线 Logo (旋转对称 + 插件概念)
- Update: 首页/快速开始/特性/架构页移除 Go 内容,改为 Python/Shell 指令
- Docs: README 与 Banner 添加贡献者 yongwanxing
2026-04-06 13:28:22 +08:00

82 lines
4.6 KiB
HTML

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Future OSS - 一切皆为插件的开发者工具运行时框架</title>
<meta name="description" content="Future OSS 是一个一切皆为插件的开发者工具运行时框架。支持插件热插拔、依赖自动解析、熔断降级、事件驱动,打造企业级稳定运行时。" />
<meta name="keywords" content="OSS, Future OSS, 插件化, 插件框架, Python框架, 开发者工具, 运行时, 微服务, 热插拔, 依赖解析, 事件驱动, 熔断降级" />
<meta name="author" content="Falck" />
<meta property="og:title" content="Future OSS - 一切皆为插件" />
<meta property="og:description" content="一切皆为插件的开发者工具运行时框架" />
<meta property="og:type" content="website" />
<link rel="canonical" href="https://oss-runtime.dev/" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" href="css/dock.css" />
<link rel="stylesheet" href="css/hero.css" />
</head>
<body>
<canvas id="particles"></canvas>
<!-- Dock 侧边栏 (由 js/dock.js 动态生成) -->
<div id="dock-container"></div>
<!-- 首页 Hero -->
<main class="page-hero">
<div class="hero-container">
<div class="hero-content">
<div class="badge">
<span class="badge-dot"></span>
<span>2026 · 插件驱动 · 一切皆可扩展</span>
</div>
<h1 class="hero-title">
<span class="title-line gradient-text">Future</span>
<span class="title-line gradient-text">OSS</span>
</h1>
<p class="hero-subtitle">一切皆为插件的开发者工具运行时框架</p>
<p class="hero-desc">协议、中间件、通知渠道……所有功能均以插件形式加载。内置熔断降级、依赖自动解析、事件驱动等企业级稳定性机制。</p>
<div class="hero-actions">
<a href="quickstart.html" class="btn btn-primary">
快速开始
<svg class="btn-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"/></svg>
</a>
<a href="features.html" class="btn btn-outline">了解更多</a>
</div>
<div class="hero-stats">
<div class="stat"><span class="stat-num">100+</span><span class="stat-label">配置参数</span></div>
<div class="stat"><span class="stat-num">10</span><span class="stat-label">插件类型</span></div>
<div class="stat"><span class="stat-num">自动</span><span class="stat-label">依赖解析</span></div>
</div>
</div>
<div class="hero-visual">
<div class="orbit orbit-1"><div class="orbit-dot"></div></div>
<div class="orbit orbit-2"><div class="orbit-dot orbit-dot-lg"></div></div>
<div class="code-window">
<div class="code-header">
<span class="code-dot code-dot-red"></span>
<span class="code-dot code-dot-yellow"></span>
<span class="code-dot code-dot-green"></span>
<span class="code-title">start.sh</span>
</div>
<pre class="code-body"><code><span class="code-comment"># 1. 克隆项目</span>
<span class="code-cmd">$ git clone</span> https://gitee.com/starlight-apk/feature-oss.git
<span class="code-cmd">$ cd</span> feature-oss
<span class="code-comment"># 2. 一键启动</span>
<span class="code-cmd">$ bash</span> start.sh
<span class="code-comment"># ✓ 服务已启动 → http://localhost:8080/</span></code></pre>
</div>
</div>
</div>
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
<script src="js/dock.js"></script>
<script src="js/particles.js"></script>
<script src="js/animations.js"></script>
</body>
</html>