Files
sumi.work/software.html
T
2026-06-18 10:11:25 +08:00

148 lines
6.3 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 软件中心,提供常用软件的安全下载、版本信息和更新记录。" />
<meta name="theme-color" content="#edf5ff" />
<title>sumi.work - 软件下载</title>
<link rel="stylesheet" href="assets/css/software.css?v=20260608-1" />
</head>
<body>
<header class="soft-topbar">
<div class="soft-topbar-inner">
<a class="soft-brand" href="index.html" aria-label="返回 sumi.work 首页">
<img src="assets/icons/software.svg" alt="" aria-hidden="true" />
<span>sumi.work 软件中心</span>
</a>
<nav class="soft-nav" aria-label="软件中心导航">
<a href="index.html">首页</a>
<a class="is-active" href="software.html">软件下载</a>
<a href="admin/software.html" data-player-auth data-next="/admin/software.html">管理后台</a>
<a href="admin/svn.html" data-player-auth data-next="/admin/svn.html">SVN 管理</a>
</nav>
<form class="soft-search" role="search">
<label class="sr-only" for="software-keyword">搜索软件</label>
<svg aria-hidden="true" viewBox="0 0 24 24">
<circle cx="11" cy="11" r="7"></circle>
<path d="m16.5 16.5 4 4"></path>
</svg>
<input id="software-keyword" name="keyword" type="search" autocomplete="off" placeholder="搜索软件" />
</form>
<div class="player-status" id="player-status" aria-live="polite">
<a class="player-login-link" href="login.html">玩家登录</a>
</div>
</div>
</header>
<main>
<section class="download-hero" aria-labelledby="download-title">
<div class="hero-content">
<p class="hero-kicker">Official Download Center</p>
<h1 id="download-title">海量软件下载,<span>管理无忧</span></h1>
<p class="hero-copy">统一沉淀安装包、版本号、更新记录和下载入口,让常用软件找得到、下得准、更新快。</p>
<div class="hero-actions">
<a class="primary-action" href="#software-list" data-player-auth data-next="/software.html#software-list">
<svg aria-hidden="true" viewBox="0 0 24 24">
<path d="M12 3v12"></path>
<path d="m7 10 5 5 5-5"></path>
<path d="M5 21h14"></path>
</svg>
开始下载
</a>
<a class="secondary-action" href="admin/software.html" data-player-auth data-next="/admin/software.html">
<svg aria-hidden="true" viewBox="0 0 24 24">
<path d="M12 3 5 6v5c0 4.6 2.8 8.5 7 10 4.2-1.5 7-5.4 7-10V6l-7-3Z"></path>
<path d="m9.5 12 1.7 1.7 3.6-4"></path>
</svg>
上传更新
</a>
</div>
<dl class="hero-stats" aria-label="软件中心统计">
<div>
<dt id="stat-count">0</dt>
<dd>软件收录</dd>
</div>
<div>
<dt id="stat-featured">0</dt>
<dd>精选推荐</dd>
</div>
<div>
<dt id="stat-updated">--</dt>
<dd>最近更新</dd>
</div>
</dl>
</div>
</section>
<section class="category-strip" aria-label="软件分类">
<button class="category-button is-active" type="button" data-category="all">全部</button>
<button class="category-button" type="button" data-category="office">办公效率</button>
<button class="category-button" type="button" data-category="dev">开发工具</button>
<button class="category-button" type="button" data-category="media">影音娱乐</button>
<button class="category-button" type="button" data-category="security">安全系统</button>
<button class="category-button" type="button" data-category="network">网络工具</button>
</section>
<section class="software-section" id="software-list" aria-labelledby="software-title">
<div class="section-title-row">
<div>
<h2 id="software-title">精选软件</h2>
<p>常用安装包、版本和更新记录集中展示。</p>
</div>
<button class="text-button" type="button" id="refresh-button">
<svg aria-hidden="true" viewBox="0 0 24 24">
<path d="M20 12a8 8 0 1 1-2.3-5.7"></path>
<path d="M20 4v6h-6"></path>
</svg>
刷新
</button>
</div>
<div class="software-grid" id="featured-list" aria-live="polite"></div>
</section>
<section class="topic-grid" aria-label="装机专题">
<article class="topic-panel topic-orange">
<div class="topic-heading">
<h2>办公必备</h2>
<span>效率套件</span>
</div>
<div class="topic-list" id="topic-office"></div>
</article>
<article class="topic-panel topic-blue">
<div class="topic-heading">
<h2>开发常用</h2>
<span>构建调试</span>
</div>
<div class="topic-list" id="topic-dev"></div>
</article>
<article class="topic-panel topic-green">
<div class="topic-heading">
<h2>安全维护</h2>
<span>系统工具</span>
</div>
<div class="topic-list" id="topic-security"></div>
</article>
</section>
<section class="all-section" aria-labelledby="all-title">
<div class="section-title-row">
<div>
<h2 id="all-title">全部软件</h2>
<p id="result-summary">正在加载软件列表...</p>
</div>
</div>
<div class="all-list" id="all-list" aria-live="polite"></div>
<p class="empty-state" id="empty-state" hidden>没有找到匹配的软件。</p>
</section>
</main>
<footer class="soft-footer">
<span>© <span id="year"></span> sumi.work</span>
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noreferrer">粤ICP备2026053646号</a>
</footer>
<script src="assets/js/software.js?v=20260609-2"></script>
</body>
</html>