完成v1.1.0
This commit is contained in:
Falck
87
website/views/layouts/main.ejs
Normal file
87
website/views/layouts/main.ejs
Normal file
@@ -0,0 +1,87 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title><%= title %></title>
|
||||
<meta name="description" content="<%= description %>">
|
||||
<meta name="keywords" content="FutureOSS, 插件化, 运行时框架, 微服务, Python, 开发者工具">
|
||||
|
||||
<!-- 外部CSS引入 -->
|
||||
<link rel="stylesheet" href="/css/main.css">
|
||||
<link rel="stylesheet" href="/css/components.css">
|
||||
<link rel="stylesheet" href="/css/animations.css">
|
||||
|
||||
<!-- 字体和图标 -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/svg+xml" href="/images/logo.svg">
|
||||
|
||||
<!-- 页面特定CSS -->
|
||||
<% if (page === 'home') { %>
|
||||
<link rel="stylesheet" href="/css/pages/home.css">
|
||||
<% } else if (page === 'features') { %>
|
||||
<link rel="stylesheet" href="/css/pages/features.css">
|
||||
<% } else if (page === 'architecture') { %>
|
||||
<link rel="stylesheet" href="/css/pages/architecture.css">
|
||||
<% } else if (page === 'plugins') { %>
|
||||
<link rel="stylesheet" href="/css/pages/plugins.css">
|
||||
<% } %>
|
||||
</head>
|
||||
<body class="page-<%= page %>">
|
||||
<!-- 加载动画 - 默认隐藏，由JavaScript控制 -->
|
||||
<div id="loading-overlay" class="loading-overlay hidden">
|
||||
<div class="loading-spinner">
|
||||
<div class="spinner"></div>
|
||||
<div class="loading-text">FutureOSS 加载中...</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 导航栏组件 -->
|
||||
<%- include('../partials/navbar', { page: page }) %>
|
||||
|
||||
<!-- 页面内容 -->
|
||||
<main id="main-content" class="page-content">
|
||||
<%- body %>
|
||||
</main>
|
||||
|
||||
<!-- 页脚组件 -->
|
||||
<%- include('../partials/footer') %>
|
||||
|
||||
<!-- 页面切换动画遮罩 -->
|
||||
<div id="page-transition" class="page-transition"></div>
|
||||
|
||||
<!-- 外部JS引入 -->
|
||||
<script src="/js/main.js"></script>
|
||||
<script src="/js/router.js"></script>
|
||||
<script src="/js/animations.js"></script>
|
||||
|
||||
<!-- 页面特定JS -->
|
||||
<% if (page === 'home') { %>
|
||||
<script src="/js/pages/home.js"></script>
|
||||
<% } else if (page === 'features') { %>
|
||||
<script src="/js/pages/features.js"></script>
|
||||
<% } else if (page === 'architecture') { %>
|
||||
<script src="/js/pages/architecture.js"></script>
|
||||
<% } else if (page === 'plugins') { %>
|
||||
<script src="/js/pages/plugins.js"></script>
|
||||
<% } %>
|
||||
|
||||
<!-- 初始化脚本 -->
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// 初始化页面
|
||||
if (typeof initPage === 'function') {
|
||||
initPage();
|
||||
}
|
||||
|
||||
// 初始化路由
|
||||
if (typeof initRouter === 'function') {
|
||||
initRouter();
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
299
website/views/pages/features.ejs
Normal file
299
website/views/pages/features.ejs
Normal file
@@ -0,0 +1,299 @@
|
||||
<!-- 特性页面 -->
|
||||
<section class="page-features">
|
||||
<!-- 页面标题 -->
|
||||
<div class="page-header">
|
||||
<div class="container">
|
||||
<h1 class="page-title">核心特性</h1>
|
||||
<p class="page-subtitle">FutureOSS 的六大核心特性，专为现代开发需求设计</p>
|
||||
<div class="page-actions">
|
||||
<a href="/" class="btn btn-outline" data-page="home">
|
||||
<i class="fas fa-arrow-left"></i>
|
||||
<span>返回首页</span>
|
||||
</a>
|
||||
<a href="/architecture" class="btn btn-primary" data-page="architecture">
|
||||
<i class="fas fa-arrow-right"></i>
|
||||
<span>查看架构</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 特性网格 -->
|
||||
<div class="features-section">
|
||||
<div class="container">
|
||||
<div class="features-grid">
|
||||
<!-- 特性1: 插件化架构 -->
|
||||
<div class="feature-card feature-highlight">
|
||||
<div class="feature-header">
|
||||
<div class="feature-icon">
|
||||
<i class="fas fa-puzzle-piece"></i>
|
||||
</div>
|
||||
<h3 class="feature-title">插件化架构</h3>
|
||||
<span class="feature-badge">核心</span>
|
||||
</div>
|
||||
<div class="feature-content">
|
||||
<p class="feature-desc">
|
||||
核心功能全部插件化，按需加载，极致轻量。从 HTTP 服务到 Web 界面，一切皆为插件。
|
||||
</p>
|
||||
<ul class="feature-list">
|
||||
<li class="feature-item">
|
||||
<i class="fas fa-check"></i>
|
||||
<span>按需加载，减少资源占用</span>
|
||||
</li>
|
||||
<li class="feature-item">
|
||||
<i class="fas fa-check"></i>
|
||||
<span>热插拔，无需重启服务</span>
|
||||
</li>
|
||||
<li class="feature-item">
|
||||
<i class="fas fa-check"></i>
|
||||
<span>模块化设计，易于维护</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="feature-footer">
|
||||
<span class="feature-tag">架构</span>
|
||||
<span class="feature-tag">扩展性</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 特性2: 安全沙箱 -->
|
||||
<div class="feature-card">
|
||||
<div class="feature-header">
|
||||
<div class="feature-icon">
|
||||
<i class="fas fa-shield-alt"></i>
|
||||
</div>
|
||||
<h3 class="feature-title">安全沙箱</h3>
|
||||
<span class="feature-badge">安全</span>
|
||||
</div>
|
||||
<div class="feature-content">
|
||||
<p class="feature-desc">
|
||||
数字签名验证 + 权限分级控制，确保插件来源可信，运行安全。
|
||||
</p>
|
||||
<ul class="feature-list">
|
||||
<li class="feature-item">
|
||||
<i class="fas fa-check"></i>
|
||||
<span>插件数字签名验证</span>
|
||||
</li>
|
||||
<li class="feature-item">
|
||||
<i class="fas fa-check"></i>
|
||||
<span>权限分级控制系统</span>
|
||||
</li>
|
||||
<li class="feature-item">
|
||||
<i class="fas fa-check"></i>
|
||||
<span>可选沙箱环境隔离</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="feature-footer">
|
||||
<span class="feature-tag">安全</span>
|
||||
<span class="feature-tag">验证</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 特性3: 热重载支持 -->
|
||||
<div class="feature-card">
|
||||
<div class="feature-header">
|
||||
<div class="feature-icon">
|
||||
<i class="fas fa-sync-alt"></i>
|
||||
</div>
|
||||
<h3 class="feature-title">热重载支持</h3>
|
||||
<span class="feature-badge">开发</span>
|
||||
</div>
|
||||
<div class="feature-content">
|
||||
<p class="feature-desc">
|
||||
开发阶段插件实时更新，无需重启服务，提升开发效率。
|
||||
</p>
|
||||
<ul class="feature-list">
|
||||
<li class="feature-item">
|
||||
<i class="fas fa-check"></i>
|
||||
<span>代码变更实时生效</span>
|
||||
</li>
|
||||
<li class="feature-item">
|
||||
<i class="fas fa-check"></i>
|
||||
<span>开发模式专属功能</span>
|
||||
</li>
|
||||
<li class="feature-item">
|
||||
<i class="fas fa-check"></i>
|
||||
<span>状态保持，无需重新登录</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="feature-footer">
|
||||
<span class="feature-tag">开发</span>
|
||||
<span class="feature-tag">效率</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 特性4: 可视化控制台 -->
|
||||
<div class="feature-card">
|
||||
<div class="feature-header">
|
||||
<div class="feature-icon">
|
||||
<i class="fas fa-tachometer-alt"></i>
|
||||
</div>
|
||||
<h3 class="feature-title">可视化控制台</h3>
|
||||
<span class="feature-badge">监控</span>
|
||||
</div>
|
||||
<div class="feature-content">
|
||||
<p class="feature-desc">
|
||||
Web 仪表盘实时监控系统状态与插件运行情况，管理更直观。
|
||||
</p>
|
||||
<ul class="feature-list">
|
||||
<li class="feature-item">
|
||||
<i class="fas fa-check"></i>
|
||||
<span>实时系统状态监控</span>
|
||||
</li>
|
||||
<li class="feature-item">
|
||||
<i class="fas fa-check"></i>
|
||||
<span>插件运行状态可视化</span>
|
||||
</li>
|
||||
<li class="feature-item">
|
||||
<i class="fas fa-check"></i>
|
||||
<span>一键启用/禁用插件</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="feature-footer">
|
||||
<span class="feature-tag">UI</span>
|
||||
<span class="feature-tag">监控</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 特性5: 双协议服务 -->
|
||||
<div class="feature-card">
|
||||
<div class="feature-header">
|
||||
<div class="feature-icon">
|
||||
<i class="fas fa-network-wired"></i>
|
||||
</div>
|
||||
<h3 class="feature-title">双协议服务</h3>
|
||||
<span class="feature-badge">性能</span>
|
||||
</div>
|
||||
<div class="feature-content">
|
||||
<p class="feature-desc">
|
||||
同时支持 HTTP API 和 TCP 高性能模式，满足不同场景需求。
|
||||
</p>
|
||||
<ul class="feature-list">
|
||||
<li class="feature-item">
|
||||
<i class="fas fa-check"></i>
|
||||
<span>HTTP RESTful API 服务</span>
|
||||
</li>
|
||||
<li class="feature-item">
|
||||
<i class="fas fa-check"></i>
|
||||
<span>TCP 高性能 HTTP 服务</span>
|
||||
</li>
|
||||
<li class="feature-item">
|
||||
<i class="fas fa-check"></i>
|
||||
<span>WebSocket 实时通信</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="feature-footer">
|
||||
<span class="feature-tag">网络</span>
|
||||
<span class="feature-tag">性能</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 特性6: 依赖自动解析 -->
|
||||
<div class="feature-card">
|
||||
<div class="feature-header">
|
||||
<div class="feature-icon">
|
||||
<i class="fas fa-cogs"></i>
|
||||
</div>
|
||||
<h3 class="feature-title">依赖自动解析</h3>
|
||||
<span class="feature-badge">便捷</span>
|
||||
</div>
|
||||
<div class="feature-content">
|
||||
<p class="feature-desc">
|
||||
插件依赖自动安装，告别手动配置烦恼，开箱即用。
|
||||
</p>
|
||||
<ul class="feature-list">
|
||||
<li class="feature-item">
|
||||
<i class="fas fa-check"></i>
|
||||
<span>依赖自动检测与安装</span>
|
||||
</li>
|
||||
<li class="feature-item">
|
||||
<i class="fas fa-check"></i>
|
||||
<span>版本冲突智能解决</span>
|
||||
</li>
|
||||
<li class="feature-item">
|
||||
<i class="fas fa-check"></i>
|
||||
<span>离线安装支持</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="feature-footer">
|
||||
<span class="feature-tag">依赖</span>
|
||||
<span class="feature-tag">自动化</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 特性对比 -->
|
||||
<div class="comparison-section">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<h2 class="section-title">与传统框架对比</h2>
|
||||
<p class="section-subtitle">FutureOSS 带来的变革性优势</p>
|
||||
</div>
|
||||
<div class="comparison-table">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>特性</th>
|
||||
<th>FutureOSS</th>
|
||||
<th>传统框架</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>架构设计</td>
|
||||
<td><span class="comparison-good">插件化微内核</span></td>
|
||||
<td><span class="comparison-bad">单体或微服务</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>资源占用</td>
|
||||
<td><span class="comparison-good">按需加载，极致轻量</span></td>
|
||||
<td><span class="comparison-bad">全量加载，资源浪费</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>扩展性</td>
|
||||
<td><span class="comparison-good">无限扩展，热插拔</span></td>
|
||||
<td><span class="comparison-bad">有限扩展，需重启</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>安全性</td>
|
||||
<td><span class="comparison-good">数字签名 + 沙箱</span></td>
|
||||
<td><span class="comparison-bad">依赖开发者自觉</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>开发体验</td>
|
||||
<td><span class="comparison-good">热重载，实时更新</span></td>
|
||||
<td><span class="comparison-bad">修改后需重启</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 下一步行动 -->
|
||||
<div class="next-section">
|
||||
<div class="container">
|
||||
<div class="next-content">
|
||||
<h2 class="next-title">深入了解技术实现？</h2>
|
||||
<p class="next-subtitle">查看 FutureOSS 的技术架构和设计思想</p>
|
||||
<div class="next-actions">
|
||||
<a href="/architecture" class="btn btn-primary btn-large" data-page="architecture">
|
||||
<i class="fas fa-sitemap"></i>
|
||||
<span>查看架构</span>
|
||||
</a>
|
||||
<a href="/plugins" class="btn btn-secondary btn-large" data-page="plugins">
|
||||
<i class="fas fa-puzzle-piece"></i>
|
||||
<span>探索插件</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
173
website/views/pages/home.ejs
Normal file
173
website/views/pages/home.ejs
Normal file
@@ -0,0 +1,173 @@
|
||||
<!-- 首页 -->
|
||||
<section class="page-home">
|
||||
<!-- 英雄区域 -->
|
||||
<div class="hero-section">
|
||||
<div class="container">
|
||||
<div class="hero-content">
|
||||
<h1 class="hero-title">
|
||||
<span class="title-line">一切皆为</span>
|
||||
<span class="title-highlight">插件</span>
|
||||
</h1>
|
||||
<p class="hero-subtitle">
|
||||
FutureOSS 是一款面向开发者的插件化运行时框架，让功能扩展变得前所未有的简单。
|
||||
</p>
|
||||
<div class="hero-actions">
|
||||
<a href="#start" class="btn btn-primary btn-large" data-action="scroll-to-start">
|
||||
<i class="fas fa-rocket"></i>
|
||||
<span>快速开始</span>
|
||||
</a>
|
||||
<a href="https://gitee.com/starlight-apk/future-oss" class="btn btn-secondary btn-large" target="_blank" rel="noopener noreferrer">
|
||||
<i class="fab fa-gitee"></i>
|
||||
<span>查看源码</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="hero-stats">
|
||||
<div class="stat-card">
|
||||
<div class="stat-number">100%</div>
|
||||
<div class="stat-label">插件化</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-number">15+</div>
|
||||
<div class="stat-label">核心插件</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-number">3</div>
|
||||
<div class="stat-label">协议支持</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-number">∞</div>
|
||||
<div class="stat-label">扩展可能</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-visual">
|
||||
<div class="visual-container">
|
||||
<div class="plugin-animation">
|
||||
<div class="core-node">
|
||||
<i class="fas fa-cube"></i>
|
||||
<span class="node-label">核心</span>
|
||||
</div>
|
||||
<div class="plugin-node" style="--delay: 0s;">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span class="node-label">HTTP</span>
|
||||
</div>
|
||||
<div class="plugin-node" style="--delay: 0.3s;">
|
||||
<i class="fas fa-bolt"></i>
|
||||
<span class="node-label">WebSocket</span>
|
||||
</div>
|
||||
<div class="plugin-node" style="--delay: 0.6s;">
|
||||
<i class="fas fa-chart-line"></i>
|
||||
<span class="node-label">Dashboard</span>
|
||||
</div>
|
||||
<div class="plugin-node" style="--delay: 0.9s;">
|
||||
<i class="fas fa-shield-alt"></i>
|
||||
<span class="node-label">Security</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 核心价值 -->
|
||||
<div class="value-section">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<h2 class="section-title">为什么选择 FutureOSS？</h2>
|
||||
<p class="section-subtitle">专为现代开发需求设计的强大框架</p>
|
||||
</div>
|
||||
<div class="value-grid">
|
||||
<div class="value-card">
|
||||
<div class="value-icon">
|
||||
<i class="fas fa-weight"></i>
|
||||
</div>
|
||||
<h3 class="value-title">极致轻量</h3>
|
||||
<p class="value-desc">核心框架最小化，所有功能通过插件实现，按需加载，资源占用极低。</p>
|
||||
</div>
|
||||
<div class="value-card">
|
||||
<div class="value-icon">
|
||||
<i class="fas fa-shield-alt"></i>
|
||||
</div>
|
||||
<h3 class="value-title">安全可靠</h3>
|
||||
<p class="value-desc">数字签名验证 + 权限分级控制 + 沙箱环境，确保插件来源可信。</p>
|
||||
</div>
|
||||
<div class="value-card">
|
||||
<div class="value-icon">
|
||||
<i class="fas fa-bolt"></i>
|
||||
</div>
|
||||
<h3 class="value-title">高性能</h3>
|
||||
<p class="value-desc">支持 HTTP、TCP、WebSocket 多协议，满足不同场景的性能需求。</p>
|
||||
</div>
|
||||
<div class="value-card">
|
||||
<div class="value-icon">
|
||||
<i class="fas fa-expand-arrows-alt"></i>
|
||||
</div>
|
||||
<h3 class="value-title">无限扩展</h3>
|
||||
<p class="value-desc">插件化架构让功能扩展变得简单，社区生态持续壮大。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 快速开始 -->
|
||||
<div id="start" class="start-section">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<h2 class="section-title">快速开始</h2>
|
||||
<p class="section-subtitle">几分钟内启动你的第一个 FutureOSS 项目</p>
|
||||
</div>
|
||||
<div class="start-steps">
|
||||
<div class="step-card">
|
||||
<div class="step-number">1</div>
|
||||
<h3 class="step-title">安装依赖</h3>
|
||||
<pre class="step-code"><code>pip install -e .</code></pre>
|
||||
<p class="step-desc">安装 FutureOSS 及其依赖</p>
|
||||
</div>
|
||||
<div class="step-card">
|
||||
<div class="step-number">2</div>
|
||||
<h3 class="step-title">启动服务</h3>
|
||||
<pre class="step-code"><code>oss serve</code></pre>
|
||||
<p class="step-desc">启动 FutureOSS 服务器</p>
|
||||
</div>
|
||||
<div class="step-card">
|
||||
<div class="step-number">3</div>
|
||||
<h3 class="step-title">访问控制台</h3>
|
||||
<pre class="step-code"><code>http://localhost:8080</code></pre>
|
||||
<p class="step-desc">打开浏览器访问 Web 控制台</p>
|
||||
</div>
|
||||
<div class="step-card">
|
||||
<div class="step-number">4</div>
|
||||
<h3 class="step-title">安装插件</h3>
|
||||
<pre class="step-code"><code># 通过控制台或API安装插件</code></pre>
|
||||
<p class="step-desc">按需安装功能插件</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="start-actions">
|
||||
<a href="https://gitee.com/starlight-apk/future-oss/wikis/快速开始" class="btn btn-outline" target="_blank" rel="noopener noreferrer">
|
||||
<i class="fas fa-book"></i>
|
||||
<span>查看完整文档</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CTA区域 -->
|
||||
<div class="cta-section">
|
||||
<div class="container">
|
||||
<div class="cta-content">
|
||||
<h2 class="cta-title">准备好开始了吗？</h2>
|
||||
<p class="cta-subtitle">加入 FutureOSS 社区，一起构建更好的开发者工具生态</p>
|
||||
<div class="cta-actions">
|
||||
<a href="https://gitee.com/starlight-apk/future-oss" class="btn btn-primary btn-large" target="_blank" rel="noopener noreferrer">
|
||||
<i class="fab fa-gitee"></i>
|
||||
<span>Star 项目</span>
|
||||
</a>
|
||||
<a href="/features" class="btn btn-secondary btn-large" data-page="features">
|
||||
<i class="fas fa-star"></i>
|
||||
<span>了解更多</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
122
website/views/partials/footer.ejs
Normal file
122
website/views/partials/footer.ejs
Normal file
@@ -0,0 +1,122 @@
|
||||
<!-- 页脚组件 -->
|
||||
<footer class="footer" role="contentinfo">
|
||||
<div class="container">
|
||||
<!-- 主要页脚内容 -->
|
||||
<div class="footer-main">
|
||||
<!-- 品牌信息 -->
|
||||
<div class="footer-brand">
|
||||
<div class="footer-logo">
|
||||
<img src="/images/logo.svg" alt="FutureOSS Logo" class="footer-logo-img">
|
||||
</div>
|
||||
<div class="footer-brand-info">
|
||||
<h3 class="footer-brand-name">FutureOSS</h3>
|
||||
<p class="footer-brand-tagline">一切皆为插件</p>
|
||||
<p class="footer-brand-desc">面向开发者的插件化运行时框架</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 快速链接 -->
|
||||
<div class="footer-links">
|
||||
<h4 class="footer-heading">快速链接</h4>
|
||||
<ul class="footer-link-list">
|
||||
<li class="footer-link-item">
|
||||
<a href="/" class="footer-link">首页</a>
|
||||
</li>
|
||||
<li class="footer-link-item">
|
||||
<a href="/features" class="footer-link">核心特性</a>
|
||||
</li>
|
||||
<li class="footer-link-item">
|
||||
<a href="/architecture" class="footer-link">技术架构</a>
|
||||
</li>
|
||||
<li class="footer-link-item">
|
||||
<a href="/plugins" class="footer-link">插件生态</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 资源链接 -->
|
||||
<div class="footer-resources">
|
||||
<h4 class="footer-heading">资源</h4>
|
||||
<ul class="footer-link-list">
|
||||
<li class="footer-link-item">
|
||||
<a href="https://gitee.com/starlight-apk/future-oss" class="footer-link" target="_blank" rel="noopener noreferrer">
|
||||
<i class="fab fa-gitee"></i> 代码仓库
|
||||
</a>
|
||||
</li>
|
||||
<li class="footer-link-item">
|
||||
<a href="https://gitee.com/starlight-apk/future-oss/wikis" class="footer-link" target="_blank" rel="noopener noreferrer">
|
||||
<i class="fas fa-book"></i> 文档
|
||||
</a>
|
||||
</li>
|
||||
<li class="footer-link-item">
|
||||
<a href="https://gitee.com/starlight-apk/future-oss/issues" class="footer-link" target="_blank" rel="noopener noreferrer">
|
||||
<i class="fas fa-bug"></i> 问题反馈
|
||||
</a>
|
||||
</li>
|
||||
<li class="footer-link-item">
|
||||
<a href="https://gitee.com/starlight-apk/future-oss-pkg" class="footer-link" target="_blank" rel="noopener noreferrer">
|
||||
<i class="fas fa-box"></i> 包仓库
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 联系信息 -->
|
||||
<div class="footer-contact">
|
||||
<h4 class="footer-heading">联系</h4>
|
||||
<ul class="footer-link-list">
|
||||
<li class="footer-link-item">
|
||||
<a href="https://gitee.com/starlight-apk" class="footer-link" target="_blank" rel="noopener noreferrer">
|
||||
<i class="fas fa-user"></i> 作者: Falck
|
||||
</a>
|
||||
</li>
|
||||
<li class="footer-link-item">
|
||||
<a href="https://gitcode.com/yongwanxing" class="footer-link" target="_blank" rel="noopener noreferrer">
|
||||
<i class="fas fa-users"></i> 贡献者
|
||||
</a>
|
||||
</li>
|
||||
<li class="footer-link-item">
|
||||
<span class="footer-text">
|
||||
<i class="fas fa-code-branch"></i> 版本: 1.0.0
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 分隔线 -->
|
||||
<div class="footer-divider"></div>
|
||||
|
||||
<!-- 底部信息 -->
|
||||
<div class="footer-bottom">
|
||||
<div class="footer-copyright">
|
||||
<p class="copyright-text">
|
||||
© 2026 FutureOSS. 保留所有权利。
|
||||
<span class="license-info">
|
||||
基于 <a href="/LICENSE" class="license-link">Apache License 2.0</a> 开源。
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="footer-social">
|
||||
<a href="https://gitee.com/starlight-apk/future-oss" class="social-link gitee-link" target="_blank" rel="noopener noreferrer" aria-label="Gitee">
|
||||
<i class="fab fa-gitee"></i>
|
||||
</a>
|
||||
<a href="https://gitee.com/starlight-apk/future-oss/wikis" class="social-link docs-link" target="_blank" rel="noopener noreferrer" aria-label="文档">
|
||||
<i class="fas fa-book"></i>
|
||||
</a>
|
||||
<a href="https://gitee.com/starlight-apk/future-oss/issues" class="social-link issues-link" target="_blank" rel="noopener noreferrer" aria-label="问题反馈">
|
||||
<i class="fas fa-bug"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 声明 -->
|
||||
<div class="footer-disclaimer">
|
||||
<p class="disclaimer-text">
|
||||
FutureOSS 是一款面向开发者的插件化运行时框架，秉承「一切皆为插件」的设计理念。
|
||||
本网站仅用于展示项目信息，实际功能请参考项目文档。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
108
website/views/partials/navbar.ejs
Normal file
108
website/views/partials/navbar.ejs
Normal file
@@ -0,0 +1,108 @@
|
||||
<!-- 导航栏组件 -->
|
||||
<nav class="navbar" role="navigation" aria-label="主导航">
|
||||
<div class="container">
|
||||
<!-- 品牌标识 -->
|
||||
<div class="navbar-brand">
|
||||
<a href="/" class="brand-link" data-page="home">
|
||||
<div class="brand-logo">
|
||||
<img src="/images/logo.svg" alt="FutureOSS Logo" class="logo-img">
|
||||
</div>
|
||||
<div class="brand-text">
|
||||
<span class="brand-name">FutureOSS</span>
|
||||
<span class="brand-tagline">一切皆为插件</span>
|
||||
</div>
|
||||
</a>
|
||||
<button class="navbar-toggle" aria-label="切换导航菜单" aria-expanded="false">
|
||||
<span class="toggle-icon"></span>
|
||||
<span class="toggle-icon"></span>
|
||||
<span class="toggle-icon"></span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- 导航菜单 -->
|
||||
<div class="navbar-menu">
|
||||
<ul class="nav-list">
|
||||
<li class="nav-item">
|
||||
<a href="/" class="nav-link <%= page === 'home' ? 'active' : '' %>" data-page="home">
|
||||
<i class="fas fa-home nav-icon"></i>
|
||||
<span class="nav-text">首页</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/features" class="nav-link <%= page === 'features' ? 'active' : '' %>" data-page="features">
|
||||
<i class="fas fa-star nav-icon"></i>
|
||||
<span class="nav-text">特性</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/architecture" class="nav-link <%= page === 'architecture' ? 'active' : '' %>" data-page="architecture">
|
||||
<i class="fas fa-sitemap nav-icon"></i>
|
||||
<span class="nav-text">架构</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/plugins" class="nav-link <%= page === 'plugins' ? 'active' : '' %>" data-page="plugins">
|
||||
<i class="fas fa-puzzle-piece nav-icon"></i>
|
||||
<span class="nav-text">插件</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- 外部链接 -->
|
||||
<div class="nav-external">
|
||||
<a href="https://gitee.com/starlight-apk/future-oss" class="external-link gitee-link" target="_blank" rel="noopener noreferrer">
|
||||
<i class="fab fa-gitee"></i>
|
||||
<span>Gitee</span>
|
||||
</a>
|
||||
<a href="https://gitee.com/starlight-apk/future-oss/wikis" class="external-link docs-link" target="_blank" rel="noopener noreferrer">
|
||||
<i class="fas fa-book"></i>
|
||||
<span>文档</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 移动端菜单 -->
|
||||
<div class="navbar-mobile">
|
||||
<div class="mobile-menu">
|
||||
<ul class="mobile-nav-list">
|
||||
<li class="mobile-nav-item">
|
||||
<a href="/" class="mobile-nav-link <%= page === 'home' ? 'active' : '' %>" data-page="home">
|
||||
<i class="fas fa-home"></i>
|
||||
<span>首页</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mobile-nav-item">
|
||||
<a href="/features" class="mobile-nav-link <%= page === 'features' ? 'active' : '' %>" data-page="features">
|
||||
<i class="fas fa-star"></i>
|
||||
<span>特性</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mobile-nav-item">
|
||||
<a href="/architecture" class="mobile-nav-link <%= page === 'architecture' ? 'active' : '' %>" data-page="architecture">
|
||||
<i class="fas fa-sitemap"></i>
|
||||
<span>架构</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mobile-nav-item">
|
||||
<a href="/plugins" class="mobile-nav-link <%= page === 'plugins' ? 'active' : '' %>" data-page="plugins">
|
||||
<i class="fas fa-puzzle-piece"></i>
|
||||
<span>插件</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mobile-nav-item">
|
||||
<a href="https://gitee.com/starlight-apk/future-oss" class="mobile-nav-link" target="_blank" rel="noopener noreferrer">
|
||||
<i class="fab fa-gitee"></i>
|
||||
<span>Gitee</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mobile-nav-item">
|
||||
<a href="https://gitee.com/starlight-apk/future-oss/wikis" class="mobile-nav-link" target="_blank" rel="noopener noreferrer">
|
||||
<i class="fas fa-book"></i>
|
||||
<span>文档</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
Reference in New Issue
Block a user