lwt/sumi.work
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

改为轻拟物服务入口风格

Browse Source
This commit is contained in:
lwt
2026-05-09 10:05:40 +08:00
parent a2dc0cf42d
commit 26b48dcc82
9 changed files with 691 additions and 272 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+69 -49
View File
@@ -4,7 +4,7 @@
<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="#f5f8ff" />
<meta name="theme-color" content="#f7fbff" />
<title>sumi.work - 服务入口</title>
<link rel="stylesheet" href="assets/css/base.css" />
<link rel="stylesheet" href="assets/css/layout.css" />
@@ -18,99 +18,121 @@
</a>
<nav class="nav-links" aria-label="主导航">
<a href="#services">服务入口</a>
<a href="#status">连接状态</a>
<a href="https://gemini.google.com/app" target="_blank" rel="noreferrer">Gemini</a>
<a href="https://platform.deepseek.com/" target="_blank" rel="noreferrer">DeepSeek</a>
<a class="is-active" href="#services">
<span class="nav-icon" aria-hidden="true">▦</span>
服务入口
</a>
<a href="#status">
<span class="nav-icon" aria-hidden="true">╱╲</span>
连接状态
</a>
</nav>
<div class="header-actions">
<a class="quick-link gemini" href="https://gemini.google.com/app" target="_blank" rel="noreferrer">✦ Gemini ↗</a>
<a class="quick-link deepseek" href="https://platform.deepseek.com/" target="_blank" rel="noreferrer">鲸 DeepSeek ↗</a>
</div>
</header>
<main>
<section class="hero" aria-label="sumi.work 服务入口介绍">
<div class="hero-copy">
<p class="eyebrow">Private Service Gateway</p>
<h1>Private Service <span>Gateway</span></h1>
<p class="subtitle">
聚合常用内部服务与外部应用，保持入口清晰、状态明确、访问路径简单。
</p>
<div class="hero-actions">
<a class="button primary" href="#services">查看服务</a>
<a class="button secondary" href="https://platform.deepseek.com/" target="_blank" rel="noreferrer">打开 DeepSeek</a>
<a class="button primary" href="#services"><span aria-hidden="true">▦</span> 查看服务</a>
<a class="button secondary" href="https://platform.deepseek.com/" target="_blank" rel="noreferrer">鲸 打开 DeepSeek</a>
</div>
<div class="status-row" id="status" aria-label="服务状态">
<span class="status-dot"></span>
<span class="shield" aria-hidden="true">◇</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>
<p class="eyebrow">Quick Access</p>
<h2 id="services-title">常用服务</h2>
<h2 id="services-title"><span></span> Quick Access <i>/</i> 常用服务</h2>
<p class="section-note">像游戏门户一样把入口做成清晰的视觉卡片，看到就能点。</p>
</div>
<p class="section-note">像游戏门户一样把入口做成清晰的视觉卡片，看到就能点。</p>
<span class="dot-matrix" aria-hidden="true"></span>
</div>
<div class="services">
<a class="service-card accent-blue" href="/frp/" aria-label="进入 FRP 面板">
<img src="assets/images/service-frp.jpg" alt="" loading="lazy" />
<span class="service-content">
<span class="service-icon">FRP</span>
<span class="service-title">FRP 面板</span>
<span class="service-desc">内网穿透管理</span>
</span>
<a class="service-card card-blue" href="/frp/" aria-label="进入 FRP 面板">
<span class="service-icon">◎</span>
<span class="service-title">FRP 面板</span>
<span class="service-desc">内网穿透管理</span>
<span class="arrow-button">→</span>
</a>
<a class="service-card accent-green" href="/git/" aria-label="进入 Git 服务">
<img src="assets/images/service-git.jpg" alt="" loading="lazy" />
<span class="service-content">
<span class="service-icon">Git</span>
<span class="service-title">Git 服务</span>
<span class="service-desc">代码仓库</span>
</span>
<a class="service-card card-orange" href="/git/" aria-label="进入 Git 服务">
<span class="service-icon">⌬</span>
<span class="service-title">Git 服务</span>
<span class="service-desc">代码仓库</span>
<span class="arrow-button">→</span>
</a>
<a class="service-card accent-orange" href="/sync/" aria-label="进入 Syncthing">
<img src="assets/images/workspace-hero.jpg" alt="" loading="lazy" />
<span class="service-content">
<span class="service-icon">Sync</span>
<span class="service-title">Syncthing</span>
<span class="service-desc">文件同步</span>
</span>
<a class="service-card card-green" href="/sync/" aria-label="进入 Syncthing">
<span class="service-icon">◌</span>
<span class="service-title">Syncthing</span>
<span class="service-desc">文件同步</span>
<span class="arrow-button">→</span>
</a>
<a
class="service-card accent-purple"
class="service-card card-purple"
href="https://gemini.google.com/app"
target="_blank"
rel="noreferrer"
aria-label="打开 Gemini"
>
<img src="assets/images/service-gemini.jpg" alt="" loading="lazy" />
<span class="service-content">
<span class="service-icon">AI</span>
<span class="service-title">Gemini</span>
<span class="service-desc">Google AI 助手</span>
</span>
<span class="service-icon">✦</span>
<span class="service-title">Gemini</span>
<span class="service-desc">Google AI 助手</span>
<span class="arrow-button">→</span>
</a>
<a
class="service-card accent-deepseek"
class="service-card card-deepseek"
href="https://platform.deepseek.com/"
target="_blank"
rel="noreferrer"
aria-label="打开 DeepSeek 开发平台"
>
<img src="assets/images/service-frp.jpg" alt="" loading="lazy" />
<span class="service-content">
<span class="service-icon">API</span>
<span class="service-title">DeepSeek</span>
<span class="service-desc">开发平台</span>
</span>
<span class="service-icon">鲸</span>
<span class="service-title">DeepSeek</span>
<span class="service-desc">开发平台</span>
<span class="arrow-button">→</span>
</a>
</div>
</section>
@@ -119,11 +141,9 @@
<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>
<p class="record-note">
页面图片素材来自王者荣耀官方壁纸页，相关角色与美术版权归腾讯及权利方所有；网站文字、结构与样式归 sumi.work 所有。
</p>
</footer>
<script src="assets/js/main.js"></script>