181 lines
7.4 KiB
HTML
181 lines
7.4 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="description" content="sumi.work 服务入口，提供 FRP、Git、Syncthing、Gemini 与 DeepSeek 等常用服务导航。" />
|
|
<meta name="theme-color" content="#f7fbff" />
|
|
<title>sumi.work - 服务入口</title>
|
|
<link rel="stylesheet" href="assets/css/base.css?v=20260509-1" />
|
|
<link rel="stylesheet" href="assets/css/layout.css?v=20260509-1" />
|
|
<link rel="stylesheet" href="assets/css/components.css?v=20260509-1" />
|
|
</head>
|
|
<body>
|
|
<header class="site-header">
|
|
<a class="brand" href="#" aria-label="sumi.work 首页">
|
|
<span class="brand-mark" aria-hidden="true">S</span>
|
|
<span>sumi.work</span>
|
|
</a>
|
|
|
|
<nav class="nav-links" aria-label="主导航">
|
|
<a class="is-active" href="#services">
|
|
<svg class="nav-icon" aria-hidden="true" viewBox="0 0 24 24">
|
|
<rect x="4" y="4" width="6" height="6" rx="1.2"></rect>
|
|
<rect x="14" y="4" width="6" height="6" rx="1.2"></rect>
|
|
<rect x="4" y="14" width="6" height="6" rx="1.2"></rect>
|
|
<rect x="14" y="14" width="6" height="6" rx="1.2"></rect>
|
|
</svg>
|
|
服务入口
|
|
</a>
|
|
<a href="#status">
|
|
<svg class="nav-icon" aria-hidden="true" viewBox="0 0 24 24">
|
|
<path d="M4 12h4l3-7 4 14 3-7h2"></path>
|
|
</svg>
|
|
连接状态
|
|
</a>
|
|
</nav>
|
|
|
|
<div class="header-actions">
|
|
<a class="quick-link gemini" href="https://gemini.google.com/app" target="_blank" rel="noreferrer">
|
|
<img src="assets/icons/gemini.svg" alt="" aria-hidden="true" />
|
|
Gemini ↗
|
|
</a>
|
|
<a class="quick-link deepseek" href="https://platform.deepseek.com/" target="_blank" rel="noreferrer">
|
|
<img src="assets/icons/deepseek.svg" alt="" aria-hidden="true" />
|
|
DeepSeek ↗
|
|
</a>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="hero" aria-label="sumi.work 服务入口介绍">
|
|
<div class="hero-copy">
|
|
<p class="eyebrow">Private Service Gateway</p>
|
|
<h1>书上有路勤为径，<span>学海无涯苦作舟</span></h1>
|
|
<p class="subtitle">
|
|
聚合常用内部服务与外部应用，保持入口清晰、状态明确、访问路径简单。
|
|
</p>
|
|
|
|
<div class="hero-actions">
|
|
<a class="button primary" href="#services">
|
|
<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
<rect x="4" y="4" width="6" height="6" rx="1.2"></rect>
|
|
<rect x="14" y="4" width="6" height="6" rx="1.2"></rect>
|
|
<rect x="4" y="14" width="6" height="6" rx="1.2"></rect>
|
|
<rect x="14" y="14" width="6" height="6" rx="1.2"></rect>
|
|
</svg>
|
|
查看服务
|
|
</a>
|
|
<a class="button secondary" href="https://platform.deepseek.com/" target="_blank" rel="noreferrer">
|
|
<img src="assets/icons/deepseek.svg" alt="" aria-hidden="true" />
|
|
打开 DeepSeek
|
|
</a>
|
|
</div>
|
|
|
|
<div class="status-row" id="status" aria-label="服务状态">
|
|
<span class="shield" aria-hidden="true">
|
|
<svg viewBox="0 0 24 24">
|
|
<path d="M12 3.2 19 6v5.2c0 4.4-2.8 7.9-7 9.6-4.2-1.7-7-5.2-7-9.6V6l7-2.8Z"></path>
|
|
<path d="m9.5 12 1.7 1.7 3.6-4"></path>
|
|
</svg>
|
|
</span>
|
|
<strong>HTTPS 已启用</strong>
|
|
<span>安全连接 · 在线</span>
|
|
<i aria-hidden="true"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hero-art" aria-hidden="true">
|
|
<span class="cloud cloud-one"></span>
|
|
<span class="cloud cloud-two"></span>
|
|
<span class="star star-one">✦</span>
|
|
<span class="star star-two">✧</span>
|
|
<span class="dot dot-one"></span>
|
|
<span class="dot dot-two"></span>
|
|
<div class="portal">
|
|
<div class="portal-face">
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="portal-inner">
|
|
<span class="arrow">⌃</span>
|
|
</div>
|
|
</div>
|
|
<div class="road"></div>
|
|
<div class="bush bush-left"></div>
|
|
<div class="bush bush-right"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="services-section" id="services" aria-labelledby="services-title">
|
|
<div class="section-heading">
|
|
<div>
|
|
<h2 id="services-title"><span></span> Quick Access <i>/</i> 常用服务</h2>
|
|
<p class="section-note">像游戏门户一样把入口做成清晰的视觉卡片，看到就能点。</p>
|
|
</div>
|
|
<span class="dot-matrix" aria-hidden="true"></span>
|
|
</div>
|
|
|
|
<div class="services">
|
|
<a class="service-card card-blue" href="/frp/" aria-label="进入 FRP 面板">
|
|
<span class="service-icon"><img src="assets/icons/frp.svg" alt="" aria-hidden="true" /></span>
|
|
<span class="service-title">FRP 面板</span>
|
|
<span class="service-desc">内网穿透管理</span>
|
|
<span class="arrow-button">→</span>
|
|
</a>
|
|
|
|
<a class="service-card card-orange" href="/git/" aria-label="进入 Git 服务">
|
|
<span class="service-icon"><img src="assets/icons/git.svg" alt="" aria-hidden="true" /></span>
|
|
<span class="service-title">Git 服务</span>
|
|
<span class="service-desc">代码仓库</span>
|
|
<span class="arrow-button">→</span>
|
|
</a>
|
|
|
|
<a class="service-card card-green" href="/sync/" aria-label="进入 Syncthing">
|
|
<span class="service-icon"><img src="assets/icons/syncthing.svg" alt="" aria-hidden="true" /></span>
|
|
<span class="service-title">Syncthing</span>
|
|
<span class="service-desc">文件同步</span>
|
|
<span class="arrow-button">→</span>
|
|
</a>
|
|
|
|
<a
|
|
class="service-card card-purple"
|
|
href="https://gemini.google.com/app"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
aria-label="打开 Gemini"
|
|
>
|
|
<span class="service-icon"><img src="assets/icons/gemini.svg" alt="" aria-hidden="true" /></span>
|
|
<span class="service-title">Gemini</span>
|
|
<span class="service-desc">Google AI 助手</span>
|
|
<span class="arrow-button">→</span>
|
|
</a>
|
|
|
|
<a
|
|
class="service-card card-deepseek"
|
|
href="https://platform.deepseek.com/"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
aria-label="打开 DeepSeek 开发平台"
|
|
>
|
|
<span class="service-icon"><img src="assets/icons/deepseek.svg" alt="" aria-hidden="true" /></span>
|
|
<span class="service-title">DeepSeek</span>
|
|
<span class="service-desc">开发平台</span>
|
|
<span class="arrow-button">→</span>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="record">
|
|
<div class="record-main">
|
|
<span>© <span id="year"></span> sumi.work</span>
|
|
<span aria-hidden="true">|</span>
|
|
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noreferrer">粤ICP备2026053646号</a>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="assets/js/main.js?v=20260509-1"></script>
|
|
</body>
|
|
</html>
|