230 lines
9.1 KiB
HTML
230 lines
9.1 KiB
HTML
<!--
|
||
星像素® - Starpixel
|
||
Copyright © 2026 星像素® Starpixel. 保留一切权利
|
||
Author: 陨星y
|
||
Time: NaN
|
||
Build: null
|
||
-->
|
||
<!doctype html>
|
||
<html lang="zh">
|
||
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<script>
|
||
const _time = Date.now();
|
||
</script>
|
||
<link rel="icon" type="image/svg+xml" href="/icon.svg" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
|
||
<title>Starpixel - unset</title>
|
||
<script type="module" crossorigin src="/assets/index-KFqvYqIH.js"></script>
|
||
<link rel="stylesheet" crossorigin href="/assets/index-BRZLJsOS.css">
|
||
</head>
|
||
|
||
<body>
|
||
<div id="load" class="load">
|
||
<div class="load-panel bg left"></div>
|
||
<div class="load-panel bg right"></div>
|
||
<div class="load-panel left"></div>
|
||
<div class="load-panel right"></div>
|
||
<div class="load-center">
|
||
<div class="load-logo" aria-hidden="true"></div>
|
||
<div class="load-progress">
|
||
<div class="bar" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
|
||
<div class="fill load-fill" style="width:0%"></div>
|
||
</div>
|
||
<div class="percent load-percent">0%</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<div class="container">
|
||
|
||
<section>
|
||
|
||
<div class="nav">
|
||
<div class="nav-links">
|
||
<a href="#home" title="首页" set-current-index="0">
|
||
<i class="fas fa-home"></i>
|
||
</a>
|
||
<a href="#about" title="关于" set-current-index="1">
|
||
<i class="fas fa-info-circle"></i>
|
||
</a>
|
||
<a href="#sites" title="相关站点" set-current-index="2">
|
||
<i class="fas fa-globe"></i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section home-section" id="home">
|
||
|
||
<div class="line angle_line"></div>
|
||
<div class="line straight_line"></div>
|
||
|
||
<div class="home-section-left">
|
||
<div class="title">
|
||
<h1>STARPIXEL</h1>
|
||
<div class="subtitle">
|
||
<p>- 好久不见 -</p>
|
||
</div>
|
||
</div>
|
||
<div class="home-btn">
|
||
<div class="btn download-btn" onclick="jumpto('download')">下载中心</div>
|
||
<div class="btn help-btn" onclick="jumpto('doc')">帮助中心</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="home-section-right">
|
||
<div class="home-logo">
|
||
<div class="home-border-1"></div>
|
||
<div class="home-border-2"></div>
|
||
<div class="home-logo-img">
|
||
<img src="/icon.svg" alt="Logo">
|
||
</div>
|
||
</div>
|
||
<div class="home-slogan">
|
||
<h4 id="home-slogan">点亮每个像素 成就璀璨星空</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="home-show">
|
||
<!-- <div class="home-show-item">
|
||
<div class="home-show-item-img">
|
||
<img src="/icon.svg" alt="item_logo">
|
||
</div>
|
||
<div class="home-show-item-name">Starpixel</div>
|
||
</div> -->
|
||
<p>暂无展示内容</p>
|
||
</div>
|
||
|
||
<div class="down-arrow">
|
||
<i class="fas fa-arrow-down"></i>
|
||
<p>SCROLL</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section about-section" id="about">
|
||
<div class="line straight_line_X"></div>
|
||
<div class="line straight_line_Y"></div>
|
||
|
||
<div class="line color_line_1"></div>
|
||
<div class="line color_line_2"></div>
|
||
<div class="line color_line_3"></div>
|
||
|
||
<div class="head">
|
||
<h2>ABOUT</h2>
|
||
<p>- 关于本站 -</p>
|
||
</div>
|
||
|
||
<div class="content">
|
||
<p>星像素® Starpixel 是一个在Internet不起眼的角落里生存的小站，这里是创意与梦想的交汇点。</p><br>
|
||
<p>本站致力于服务大众，为每个人提供简单易上手的服务。站长也曾是从此阶段一步一步走过来的，非常清楚新手时期与电脑小白的需求与痛点。</p><br>
|
||
<p>用爱发电 · 用心创造，这是站长一直铭记于心的 slogan。</p><br>
|
||
<p>本站首次在2020年开发，经过多次改版重构，学习新技术后，于2022年正式上线 v1 版本。本介绍书写于2026年3月份，这是站长在进行 v3 版本的主站开发时突现的灵感，经过多次删删改改也是上线了这版介绍
|
||
</p>
|
||
<br>
|
||
<p>对于 v2 版本的开发，其实是站长心里一直都过不去的坎。因为 v2 开发时 AI 盛行，就多次借用了工具进行开发，这违背了我自己的初衷，所以 v3 版本能够出现也是跟这个原因脱不了干系。TvT</p><br>
|
||
<p>站长创建本站的初衷是希望大部分人能够更加轻松地使用当代技术。</p><br>
|
||
<p>本站以后将会主力开发辅助类的软件，编写大众级软件的教程和分享站长个人多年以来的经验。</p><br>
|
||
<p>站长认为，每一个微小的创意，都是夜空中独一无二的像素点，像素点日积月累，最终成就璀璨星空。</p><br>
|
||
<p>点亮每个像素，成就璀璨星空。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section sites-section" id="sites">
|
||
|
||
<div class="head">
|
||
<h2>SITES</h2>
|
||
<p>- 相关站点 -</p>
|
||
</div>
|
||
|
||
<div class="content">
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section>
|
||
|
||
<div class="footer" id="foot">
|
||
<div class="footer-top">
|
||
<div class="footer-logo">
|
||
<div class="logo-wrapper">
|
||
<img src="/icon.svg" alt="Logo" width="40px" height="40px" class="logo-icon">
|
||
<span class="logo-text">星像素® Starpixel</span>
|
||
</div>
|
||
|
||
<div class="logo-tagline">
|
||
<p>用爱发电 · 用心创造</p>
|
||
<p>一个在Internet不起眼的角落里生存的小站</p>
|
||
<p>这里是创意与梦想的交汇点</p>
|
||
<p>点亮每个像素，成就璀璨星空。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer-info">
|
||
<h3>站点信息</h3>
|
||
<ul class="info-links">
|
||
<li>开发/维护: 陨星y</li>
|
||
<li>版本: <span id="version">获取失败</span></li>
|
||
<li>QQ: 1163246049</li>
|
||
<li>解析: 北京</li>
|
||
<li title="本数据取决于用户网络">服务响应: <span id="ping">获取中...</span></li>
|
||
</ul>
|
||
|
||
<div class="contact-details">
|
||
<div class="contact-item"><i class="fas fa-envelope"></i><a style="text-decoration: none; color: unset"
|
||
href="mailto:xiaoyong@starpixel.club">xiaoyong@starpixel.club</a></div>
|
||
<div class="contact-item"><i class="fab fa-weixin"></i><span>wx_zy0202</span></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer-social">
|
||
<div class="social-section">
|
||
<h3>社交网络</h3>
|
||
<div class="social-links">
|
||
<a href="https://space.bilibili.com/318582773" aria-label="BiliBili"><i class="fab fa-bilibili"></i></a>
|
||
<a href="https://github.com/xiaoyongyong666" aria-label="GitHub"><i class="fab fa-github"></i></a>
|
||
<a href="https://www.douyin.com/user/MS4wLjABAAAAn8yxpPToZi0edEB3qanDgtm9T9ne8gKWo9_pvuEi6B8"
|
||
aria-label="Douyin"><i class="fab fa-tiktok"></i></a>
|
||
</div>
|
||
<p style="font-size:0.85rem; color:#8193b0; margin-top: 1rem;">
|
||
<i class="fas fa-share-alt" style="margin-right:4px;"></i> 随时随地，保持连接
|
||
</p>
|
||
</div>
|
||
|
||
<!-- 数据统计直接放在footer-social内，位于社交网络下方 -->
|
||
<div class="stats-section">
|
||
<h3>数据统计</h3>
|
||
<div class="stat-item-container">
|
||
<div class="stat-item">
|
||
<i class="fas fa-download"></i>
|
||
<span class="stat-number" id="workCount">获取中</span>
|
||
<span class="stat-label">作品数量</span>
|
||
</div>
|
||
<div class="stat-item">
|
||
<i class="fas fa-users"></i>
|
||
<span class="stat-number" id="viewCount">获取中</span>
|
||
<span class="stat-label">总阅览量</span>
|
||
</div>
|
||
<div class="stat-item">
|
||
<i class="fas fa-clock"></i>
|
||
<span class="stat-number" id="uptime">获取中</span>
|
||
<span class="stat-label">在线天数</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer-bottom">
|
||
<div class="footer-icp">
|
||
<a href="https://beian.miit.gov.cn/" target="_blank" id="beian">黑ICP备2025046683号-1</a>
|
||
</div>
|
||
<div class="footer-copyright">Copyright © 2022 - 2026 星像素® Starpixel. 保留一切权利。</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
|
||
</html> |