Files

316 lines
23 KiB
Plaintext

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="viewport" id="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<title>GVSDS - 银河锋锐软件开发工作室</title>
<script src="https://tailwind.gvsds.com"></script>
<link href="https://cdn.gvsds.com/font-awesome/css/all.min.css" rel="stylesheet" media="print" onload="this.media='all'">
<script src="https://cdn.gvsds.com/Chart.js/dist/chart.umd.js"></script>
<script src="/assets/js/scrollreveal.min.js"></script>
<!--script src="https://cdn.bootcdn.net/ajax/libs/particles.js/2.0.0/particles.min.js"></script-->
<link rel="preconnect" href="https://fonts.googleapis.com" media="print" onload="this.media='all'">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin media="print" onload="this.media='all'">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
<script src="/assets/js/tailwind-config.js"></script>
<img src="/assets/icon/icon.png" alt="hide-log" style="display: none;">
<style type="text/tailwindcss">
@layer utilities {
.content-auto { content-visibility: auto; }
.svg-container {
@apply w-full h-auto transition-all ease-in-out;
transition-duration: 3000ms !important;
margin-right: 20px
}
.svg-container-desktop { @apply max-w-5xl max-h-[80vh]; }
.svg-container-mobile { @apply max-w-full max-h-[60vh]; }
.text-item { @apply text-white opacity-0 transition-opacity duration-1000 ease-in-out; display: none; }
.reveal {
opacity: 0;
transform: translateY(20px);
transition:
opacity 0.25s ease-out,
transform 0.25s ease-out,
visibility 0.25s ease-out;
visibility: hidden;
}
.reveal.active {
opacity: 1;
transform: translateY(0);
visibility: visible;
}
.reveal[style*="transition-delay"] {
transition-delay: inherit;
}
.text-fill {
background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 100%, transparent 100%);
background-size: 0% 100%;
background-repeat: no-repeat;
background-position: left bottom;
-webkit-background-clip: text;
background-clip: text;
}
/* 粒子背景容器 */
.particles-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
}
</style>
<link rel="text/tailwindcss" href="/assets/css/gvsds-tailwindcss.css">
<link rel="stylesheet" href="/assets/css/gvsds-page.css">
<link rel="stylesheet" href="/assets/css/typewriter.css">
</head>
<body>
<nav id="navbar" class="fixed w-full top-0 z-50 transition-all duration-500 py-4 px-4 md:px-8">
<div class="container mx-auto flex items-center justify-between">
<!-- 品牌标识 -->
<div class="reveal">
<a href="/index.html" class="flex items-center">
<span id="logo-text" class="text-2xl md:text-3xl font-extrabold text-white transition-all duration-500">
G<span class="transition-transform duration-500 hover:translate-x-1">V</span>S<span class="transition-transform duration-500 hover:translate-x-1">D</span>S
</span>
</a>
</div>
<!-- 主导航(桌面端) -->
<div class="hidden md:flex items-center space-x-1 md:space-x-8 reveal">
<a href="/index.html" class="text-white font-normal hover:text-gray-300 transition-colors duration-300 border-b-2 border-transparent py-1">主页</a>
<a href="/gallery.html" class="text-white font-normal hover:text-gray-300 transition-colors duration-300 border-b-2 border-transparent py-1">画廊</a>
<a href="https://doc.gvsds.com/9bc298e9c1d03ed3bd4777181bf7411d" target="_blank" class="text-white font-normal hover:text-gray-300 transition-colors duration-300 border-b-2 border-transparent py-1 flex items-center">
文档 <i class="fa fa-external-link ml-1 text-xs"></i>
</a>
<!--a href="/news.html" class="text-white font-normal hover:text-gray-300 transition-colors duration-300 border-b-2 border-transparent py-1">通告</a-->
<!--a href="/ProJect/index.html" class="text-white font-normal hover:text-gray-300 transition-colors duration-300 border-b-2 border-transparent py-1">项目</a-->
<a href="/members.html?Type=Members" class="text-white font-normal hover:text-gray-300 transition-colors duration-300 border-b-2 border-transparent py-1">成员</a>
<a href="/history.html" class="text-white font-normal hover:text-gray-300 transition-colors duration-300 border-b-2 border-transparent py-1">历史</a>
</div>
<!-- 用户入口 -->
<div class="relative reveal hidden md:block">
<div id="user-avatar" class="w-10 h-10 md:w-12 md:h-12 rounded-full border border-white flex items-center justify-center transition-all duration-300 hover:scale-110 cursor-pointer p-0 m-0">
<i id="user-null" class="fa fa-user text-white"></i>
</div>
<!-- 登录/注册下拉框 -->
<div id="user-dropdown" class="absolute right-0 top-full mt-2 w-48 bg-gray-900 border border-gray-700 rounded-md p-3 opacity-0 invisible transition-all duration-300 z-50">
<a id="user-dropdown-login-pc" href="/login.html" target="_blank"" class="block text-white hover:text-gray-300 py-2 transition-colors duration-200">登录</a>
<a id="user-dropdown-register-pc" href="/register.html" target="_blank" class="block text-white hover:text-gray-300 py-2 transition-colors duration-200">注册</a>
<a id="user-dropdown-admin-pc" href="https://ugm.gvsds.com/LJUMPM.api" target="_blank" class="block text-white hover:text-gray-300 py-2 transition-colors duration-200">后台</a>
<div class="mt-2 pt-2 border-t border-gray-700">
</div>
</div>
</div>
<!-- 移动端菜单按钮 -->
<div class="md:hidden reveal">
<button id="mobile-menu-btn" class="text-white text-2xl p-2 focus:outline-none hover:bg-gray-800 rounded-md transition-colors duration-200">
<i class="fa fa-bars"></i>
</button>
</div>
</div>
<!-- 移动端菜单背景遮罩 -->
<div id="mobile-menu-backdrop" class="fixed inset-0 bg-black bg-opacity-50 z-40 md:hidden opacity-0 invisible transition-opacity duration-300"></div>
<!-- 移动端侧边导航 -->
<div id="mobile-menu" class="fixed top-0 right-0 w-64 h-full bg-gray-900 z-50 transform translate-x-full transition-transform duration-300 ease-in-out md:hidden shadow-2xl">
<!-- 菜单内容容器,允许滚动 -->
<div class="p-6 h-full flex flex-col overflow-y-auto">
<div class="flex justify-between items-center mb-8">
<span class="text-xl font-bold text-white">菜单</span>
<button id="close-menu-btn" class="text-white p-2 hover:bg-gray-800 rounded-md transition-colors duration-200">
<i class="fa fa-times text-xl"></i>
</button>
</div>
<div class="flex flex-col space-y-1 flex-grow">
<a href="/index.html" class="text-white font-normal hover:bg-gray-800 transition-colors duration-300 py-3 px-4 border-l-4 border-transparent hover:border-gray-700">主页</a>
<a href="/gallery.html" class="text-white font-normal hover:bg-gray-800 transition-colors duration-300 py-3 px-4 border-l-4 border-transparent hover:border-gray-700">画廊</a>
<a href="https://doc.gvsds.com/9bc298e9c1d03ed3bd4777181bf7411d" target="_blank" class="text-white font-normal hover:bg-gray-800 transition-colors duration-300 py-3 px-4 border-l-4 border-transparent hover:border-gray-700 flex items-center">
文档 <i class="fa fa-external-link ml-1 text-xs"></i>
</a>
<!--a href="/news.html" class="text-white font-normal hover:bg-gray-800 transition-colors duration-300 py-3 px-4 border-l-4 border-transparent hover:border-gray-700">通告</a-->
<!--a href="/ProJect/index.html" class="text-white font-normal hover:bg-gray-800 transition-colors duration-300 py-3 px-4 border-l-4 border-transparent hover:border-gray-700">项目</a-->
<a href="/members.html?Type=Members" class="text-white font-normal hover:bg-gray-800 transition-colors duration-300 py-3 px-4 border-l-4 border-transparent hover:border-gray-700">成员</a>
<a href="/history.html" class="text-white font-normal hover:bg-gray-800 transition-colors duration-300 py-3 px-4 border-l-4 border-transparent hover:border-gray-700">历史</a>
<!-- 可以添加更多菜单项测试滚动 -->
</div>
<div class="mt-6 pt-6 border-t border-gray-700">
<a id="user-dropdown-login-mb" href="/login.html" target="_blank" class="text-white hover:bg-gray-800 transition-colors duration-200 flex items-center py-3 px-4 rounded-md">
<i class="fa fa-user mr-3 w-5 text-center"></i> 登录
</a>
<a id="user-dropdown-register-mb" href="/register.html" target="_blank" class="text-white hover:bg-gray-800 transition-colors duration-200 flex items-center py-3 px-4 rounded-md">
<i class="fa fa-user mr-3 w-5 text-center"></i> 注册
</a>
<a id="user-dropdown-admin-mb" href="https://ugm.gvsds.com/LJUMPM.api" target="_blank" class="text-white hover:bg-gray-800 transition-colors duration-200 flex items-center py-3 px-4 rounded-md">
<i class="fa fa-user mr-3 w-5 text-center"></i> 后台
</a>
</div>
</div>
</div>
</nav>
<main>
{{ MAIN }}
</main>
<footer class="bg-gvsds-black bg-[#202020] pt-16 pb-8 px-4 md:px-8" id="footer">
<div class="container mx-auto">
<!-- 上层:导航与联系(3列布局) -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-12 mb-12">
<!-- 快速导航 -->
<div class="reveal">
<h3 class="text-xl font-bold mb-6 text-gvsds-white">快速导航</h3>
<ul class="space-y-3">
<li><a href="/index.html" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">主页</a></li>
<li><a href="/Gallery.html" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">画廊</a></li>
<li><a href="https://doc.gvsds.com/9bc298e9c1d03ed3bd4777181bf7411d" target="_blank" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">文档</a></li>
<!--li><a href="/news.html" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">通告</a></li>
<li><a href="/ProJect/index.html" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">项目</a></li-->
<li><a href="/members.html?Type=Members" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">成员</a></li>
</ul>
</div>
<!-- 工作室信息 -->
<div class="reveal" style="transition-delay: 200ms;">
<h3 class="text-xl font-bold mb-6 text-gvsds-white">工作室信息</h3>
<ul class="space-y-3">
<li class="text-gvsds-white font-semibold">银河锋锐软件开发工作室</li>
<li class="text-gvsds-light">定位:IT 技术团队</li>
<li class="text-gvsds-light">
<a href="https://beian.miit.gov.cn/" target="_blank" class="hover:text-gvsds-white transition-colors duration-200">
津ICP备2025031204号
</a>
</li>
</ul>
</div>
<div class="reveal" style="transition-delay: 400ms;">
<h3 class="text-xl font-bold mb-6 text-gvsds-white">联系我们</h3>
<ul class="space-y-3">
<li>
<a href="mailto:support@gvsds.com" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200 flex items-center">
<i class="fa fa-envelope mr-2"></i> 反馈邮箱:support@gvsds.com
</a>
</li>
<li>
<a href="mailto:wyt@gvsds.com" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200 flex items-center">
<i class="fa fa-envelope mr-2"></i> 站长邮箱:wyt@gvsds.com
</a>
</li>
<li>
<a href="weixin://dl/add/?username=GVSADS" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200 flex items-center">
<i class="fa-brands fa-weixin mr-2"></i> 微信:GVSADS
</a>
</li>
<li>
<a href="https://github.com/GVSDS" target="_blank" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200 flex items-center">
<i class="fa-brands fa-github mr-2"></i> Github: GVSDS
</a>
</li>
</ul>
</div>
</div>
<!-- 新增:扩展内容区域(占footer 90%宽度,点击展开/收回) -->
<div class="reveal mb-8" style="transition-delay: 500ms;">
<!-- 扩展按钮容器:宽度90%,居中 -->
<div class="w-[90%] mx-auto">
<button id="expandFooterBtn" class="w-full py-3 px-4 bg-gvsds-white/5 hover:bg-gvsds-white/10 rounded-lg transition-all duration-300 flex justify-center items-center gap-2 text-gvsds-white font-medium">
<span id="expandBtnText">显示更多选项</span>
<i id="expandBtnIcon" class="fa fa-chevron-down transition-transform duration-300"></i>
</button>
</div>
</div>
<!-- 扩展内容:默认隐藏,点击后动画弹出 -->
<div id="footerExpandContent" class="mt-4 py-5 px-6 bg-gvsds-black rounded-lg w-full overflow-hidden transition-all duration-500 max-h-0 opacity-0">
<!-- 上层:导航与联系(3列布局) -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-12 mb-12 min-w-full">
<!-- 快速导航 -->
<div class="reveal">
<h3 class="text-xl font-bold mb-6 text-gvsds-white">更多</h3>
<ul class="space-y-3">
<li><a href="/history.html" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">历史</a></li>
<li><a href="/links.html" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">友情链接</a></li>
<li><a href="/about.html" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">关于我们</a></li>
<li><a href="/ContactUS.html" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">联系我们</a></li>
</ul>
</div>
<div class="reveal">
<h3 class="text-xl font-bold mb-6 text-gvsds-white">工作室</h3>
<ul class="space-y-3">
<li><a href="/members.html?Type=Members" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">成员</a></li>
<li><a href="/members.html?Type=AKS" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">SS 成员</a></li>
<li><a href="/members.html?Type=Collaborators" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">合作成员</a></li>
<li><a href="mailto:hr@gvsds.com?subject=我申请加入银河锋锐软件开发工作室&body=您好!%0D%0A%0D%0A我是 [ 姓名 / 网名 ],我期望加入银河锋锐软件开发工作室。%0D%0A我的联系方式是 [ 微信(必填) / QQ / TEL / X / 电报 / DISCORD ] %0D%0A我的兴趣爱好是 [ 选填 ],我的能力是 [ 选填 ]。%0D%0A我能够作为 [ 画师 / 程序员 / 测试人员 ] 加入工作室。%0D%0A [ 您的更多个人信息(选填)(个人简历等) ] %0D%0A希望您能提供一个机会,感谢!%0D%0A—— [ 姓名 / 网民 ] [ 年-月-日 ]" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">加入我们</a></li>
</ul>
</div>
<div class="reveal">
<h3 class="text-xl font-bold mb-6 text-gvsds-white">文档</h3>
<ul class="space-y-3">
<li><a href="https://doc.gvsds.com/d2ae1dd63e9c35d687464a160896e1ab" target="_blank" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">用户协议</a></li>
<li><a href="https://doc.gvsds.com/ed15ec087f7339c5a8fecb1c4ccb6904" target="_blank" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">第三方免责协议</a></li>
<li><a href="https://doc.gvsds.com/29ee496f7e1b394ca7a7715419b2c690" target="_blank" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">通告</a></li>
</ul>
</div>
<!--div class="reveal">
<h3 class="text-xl font-bold mb-6 text-gvsds-white">其它文档</h3>
<ul class="space-y-3">
<li><a href="https://doc.gvsds.com/42be05d96dc33dd781930925fba827c7" target="_blank" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">用户协议</a></li>
<li><a href="https://doc.gvsds.com/795b4f5d550b319d8081bc4aa17f7d73" target="_blank" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">第三方免责协议</a></li>
<li><a href="https://doc.gvsds.com/47b8cf8073d13c3bbd8785616504f104" target="_blank" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">通告</a></li>
</ul>
</div-->
<!--div class="reveal">
<h3 class="text-xl font-bold mb-6 text-gvsds-white">合作伙伴</h3>
<ul class="space-y-3">
<li><a href="/partners.html" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">合作伙伴</a></li>
<li><a href="/sponsors.html" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">赞助商</a></li>
</ul>
</div-->
<div class="reveal">
<h3 class="text-xl font-bold mb-6 text-gvsds-white">页面</h3>
<ul class="space-y-3">
<li><a href="https://nanjingmassacre.gvsds.com" target="_blank" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">南京大屠杀</a></li>
<li><a href="https://www.gvsds.org" target="_blank" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">SVE</a></li>
<li><a href="https://omc.gvsds.com" target="_blank" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">在线 MC</a></li>
<li><a href="https://mc.gvsds.com" target="_blank" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">MC 服务器</a></li>
<li><a href="https://3crb.gvsds.com" target="_blank" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">MC 3CRB</a></li>
<li><a href="https://3c.gvsds.com" target="_blank" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">MC 3C</a></li>
<li><a href="http://mc.gvsds.com:8100" target="_blank" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">MC 服务器地图</a></li>
<li><a href="https://api.gvsds.com" target="_blank" class="text-gvsds-light hover:text-gvsds-white transition-colors duration-200">API</a></li>
</ul>
</div>
</div>
</div>
<!-- 下层:版权与法律 -->
<div class="border-t border-gvsds-white/10 pt-8 reveal mb-8" style="transition-delay: 600ms; opacity: 1; visibility: visible;">
<div class="flex flex-col md:flex-row justify-between items-center w-full max-w-7xl mx-auto px-4">
<p class="text-gvsds-light text-sm mb-4 md:mb-0" style="color: rgba(255,255,255,0.8);">
&copy; 2025 GVSDS. All Rights Reserved. - <a href="https://beian.miit.gov.cn/" target="_blank" class="hover:text-gvsds-white transition-colors duration-200">津ICP备2025031204号</a>
</p>
<div class="flex space-x-6">
<a href="https://doc.gvsds.com/fc084ab20a283208adb19033ca4de173" target="_blank" class="text-gvsds-light hover:text-gvsds-white text-sm transition-colors duration-200" style="color: rgba(255,255,255,0.8);">隐私政策</a>
<a href="https://doc.gvsds.com/1f07d3b8cec43a2ab9892a15b150bdd6" target="_blank" class="text-gvsds-light hover:text-gvsds-white text-sm transition-colors duration-200" style="color: rgba(255,255,255,0.8);">服务条款</a>
<a href="https://doc.gvsds.com/d2ae1dd63e9c35d687464a160896e1ab" target="_blank" class="text-gvsds-light hover:text-gvsds-white text-sm transition-colors duration-200" style="color: rgba(255,255,255,0.8);">用户协议</a>
</div>
</div>
</div>
</div>
</footer>
<script src="/assets/js/nav.js"></script>
<script src="/assets/js/reveal.js"></script>
<script src="/assets/js/footer.js"></script>
</body>
</html>