523 lines
21 KiB
HTML
523 lines
21 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="/css/font.css">
|
|
<link rel="stylesheet" href="/css/xadmin.css">
|
|
<link rel="stylesheet" href="/css/win10ui.css">
|
|
<link rel="stylesheet" href="/css/theme.css">
|
|
<link rel="stylesheet" href="/lib/layui/css/layui.css">
|
|
<script type="text/javascript" src="/lib/layui/layui.js" charset="utf-8"></script>
|
|
<script type="text/javascript" src="/js/xadmin.js"></script>
|
|
<script type="text/javascript" src="/assets/js/core/jquery.min.js"></script>
|
|
<script src="/assets/js/socket/Socket.IO.js"></script>
|
|
<title>银河锋锐软件开发工作室 - 文化理念</title>
|
|
<style>
|
|
body {
|
|
background-color: #ffffff;
|
|
font-family: "Microsoft YaHei", sans-serif;
|
|
}
|
|
.header {
|
|
background: linear-gradient(135deg, #6e8efb, #a777e3);
|
|
color: white;
|
|
padding: 80px 0;
|
|
text-align: center;
|
|
margin-bottom: 50px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.header h1 {
|
|
font-size: 3em;
|
|
margin-bottom: 20px;
|
|
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
|
|
}
|
|
.header p {
|
|
font-size: 1.2em;
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
opacity: 0.9;
|
|
}
|
|
.stars {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
pointer-events: none;
|
|
}
|
|
.star {
|
|
position: absolute;
|
|
background-color: white;
|
|
border-radius: 50%;
|
|
animation: twinkle 2s infinite alternate;
|
|
}
|
|
@keyframes twinkle {
|
|
0% { opacity: 0.2; }
|
|
100% { opacity: 1; }
|
|
}
|
|
.section-title {
|
|
text-align: center;
|
|
margin: 50px 0;
|
|
font-size: 2em;
|
|
color: #333;
|
|
position: relative;
|
|
}
|
|
.section-title:after {
|
|
content: "";
|
|
display: block;
|
|
width: 100px;
|
|
height: 3px;
|
|
background: linear-gradient(to right, #6e8efb, #a777e3);
|
|
margin: 15px auto;
|
|
}
|
|
.team-container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
}
|
|
.team-card {
|
|
width: 280px;
|
|
margin: 20px;
|
|
background: white;
|
|
border-radius: 10px;
|
|
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
|
|
overflow: hidden;
|
|
transition: transform 0.3s, box-shadow 0.3s;
|
|
}
|
|
.team-card:hover {
|
|
transform: translateY(-10px);
|
|
box-shadow: 0 15px 30px rgba(0,0,0,0.2);
|
|
}
|
|
.team-header {
|
|
background: linear-gradient(135deg, #6e8efb, #a777e3);
|
|
color: white;
|
|
padding: 15px;
|
|
text-align: center;
|
|
}
|
|
.team-body {
|
|
padding: 20px;
|
|
}
|
|
.team-body ul {
|
|
padding-left: 20px;
|
|
}
|
|
.team-body li {
|
|
margin-bottom: 8px;
|
|
}
|
|
.principle-container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
}
|
|
.principle-card {
|
|
width: 200px;
|
|
margin: 15px;
|
|
padding: 20px;
|
|
background: white;
|
|
border-radius: 10px;
|
|
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
|
|
text-align: center;
|
|
transition: all 0.3s;
|
|
}
|
|
.principle-card:hover {
|
|
transform: scale(1.05);
|
|
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
|
|
background: linear-gradient(135deg, #f5f7fa, #e4e8f0);
|
|
}
|
|
.principle-icon {
|
|
font-size: 40px;
|
|
color: #6e8efb;
|
|
margin-bottom: 15px;
|
|
}
|
|
.principle-text {
|
|
font-weight: bold;
|
|
font-size: 1.2em;
|
|
margin-bottom: 10px;
|
|
color: #333;
|
|
}
|
|
.principle-description {
|
|
color: #666;
|
|
font-size: 0.9em;
|
|
}
|
|
.timeline {
|
|
position: relative;
|
|
max-width: 800px;
|
|
margin: 50px auto;
|
|
padding: 0 20px;
|
|
}
|
|
.timeline:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 2px;
|
|
background: linear-gradient(to bottom, #6e8efb, #a777e3);
|
|
left: 50%;
|
|
margin-left: -1px;
|
|
}
|
|
.timeline-item {
|
|
position: relative;
|
|
margin-bottom: 50px;
|
|
}
|
|
.timeline-item:nth-child(odd) {
|
|
padding-right: 50%;
|
|
}
|
|
.timeline-item:nth-child(even) {
|
|
padding-left: 50%;
|
|
}
|
|
.timeline-content {
|
|
padding: 20px;
|
|
background: white;
|
|
border-radius: 8px;
|
|
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
|
|
position: relative;
|
|
}
|
|
.timeline-content:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 20px;
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
}
|
|
.timeline-item:nth-child(odd) .timeline-content:after {
|
|
right: -15px;
|
|
border-width: 15px 0 15px 15px;
|
|
border-color: transparent transparent transparent white;
|
|
}
|
|
.timeline-item:nth-child(even) .timeline-content:after {
|
|
left: -15px;
|
|
border-width: 15px 15px 15px 0;
|
|
border-color: transparent white transparent transparent;
|
|
}
|
|
.timeline-date {
|
|
position: absolute;
|
|
width: 120px;
|
|
background: linear-gradient(135deg, #6e8efb, #a777e3);
|
|
color: white;
|
|
padding: 5px 10px;
|
|
border-radius: 20px;
|
|
text-align: center;
|
|
font-size: 0.9em;
|
|
}
|
|
.timeline-item:nth-child(odd) .timeline-date {
|
|
right: -150px;
|
|
top: 10px;
|
|
}
|
|
.timeline-item:nth-child(even) .timeline-date {
|
|
left: -150px;
|
|
top: 10px;
|
|
}
|
|
.timeline-dot {
|
|
position: absolute;
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 50%;
|
|
background: #6e8efb;
|
|
left: 50%;
|
|
margin-left: -8px;
|
|
top: 20px;
|
|
border: 3px solid white;
|
|
box-shadow: 0 0 0 2px #6e8efb;
|
|
}
|
|
.footer {
|
|
background: linear-gradient(135deg, #6e8efb, #a777e3);
|
|
color: white;
|
|
text-align: center;
|
|
padding: 30px 0;
|
|
margin-top: 50px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="x-nav">
|
|
<span class="layui-breadcrumb">
|
|
<a>首页</a>
|
|
<a>工作室</a>
|
|
<a><cite>文化</cite></a>
|
|
</span>
|
|
<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
|
|
<i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
|
|
</a>
|
|
</div>
|
|
<div class="header">
|
|
<div class="stars" id="stars"></div>
|
|
<h1>银河锋锐软件开发工作室</h1>
|
|
<p>Galaxy Universal Software Development Studio (GVSDS)</p>
|
|
<p>一群怀揣梦想的初中生，用代码创造无限可能</p>
|
|
</div>
|
|
<div class="layui-container">
|
|
<h2 class="section-title">关于我们</h2>
|
|
<div class="layui-row layui-col-space20">
|
|
<div class="layui-col-md6">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">工作室简介</div>
|
|
<div class="layui-card-body">
|
|
<p>银河锋锐软件开发工作室(GVSDS)是一个由初中生组成的非盈利性技术团队，致力于通过技术创新解决实际问题。</p>
|
|
<p>我们虽然年轻，但充满激情与创造力，团队成员精通多种编程语言和技术栈，包括Python、C++、C#、C、汇编、前端开发和SQL等。</p>
|
|
<p>工作室创始人TermiNexus(旧网名WYT)是一位全栈开发者，擅长多种主流编程语言和技术。</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md6">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">星界工作室</div>
|
|
<div class="layui-card-body">
|
|
<p>星界工作室(Starscape Studio)是我们的子工作室，最初独立于GVSDS，后由原AKS工作室站长决定并入GVSDS。</p>
|
|
<p>星界工作室同样由初中生组成，站长是Chindows(一只小肝同学)，成员包括悠然自得和SYSTEM-WINDOWS。</p>
|
|
<p>团队成员各有所长：悠然自得精通前端、Python、C++，还是翻译工作者；SYSTEM-WINDOWS精通Python等语言；Chindows会Python并正在学习前端开发。</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 class="section-title">我们的团队</h2>
|
|
<div class="team-container">
|
|
<div class="team-card">
|
|
<div class="team-header">
|
|
<h3>TermiNexus</h3>
|
|
<p>创始人 & 全栈开发者</p>
|
|
</div>
|
|
<div class="team-body">
|
|
<p>旧网名WYT，精通多种编程语言和技术栈：</p>
|
|
<ul>
|
|
<li>Python</li>
|
|
<li>C++</li>
|
|
<li>C#</li>
|
|
<li>C</li>
|
|
<li>汇编</li>
|
|
<li>前端开发</li>
|
|
<li>SQL</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="team-card">
|
|
<div class="team-header">
|
|
<h3>Chindows</h3>
|
|
<p>星界工作室站长</p>
|
|
</div>
|
|
<div class="team-body">
|
|
<p>一只小肝同学，星界工作室的领导者：</p>
|
|
<ul>
|
|
<li>Python开发者</li>
|
|
<li>正在学习前端开发</li>
|
|
<li>对新技术充满好奇</li>
|
|
<li>团队协调者</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="team-card">
|
|
<div class="team-header">
|
|
<h3>悠然自得</h3>
|
|
<p>星界工作室成员</p>
|
|
</div>
|
|
<div class="team-body">
|
|
<p>多才多艺的技术专家：</p>
|
|
<ul>
|
|
<li>前端开发专家</li>
|
|
<li>Python/C++开发者</li>
|
|
<li>专业翻译工作者</li>
|
|
<li>跨领域问题解决者</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="team-card">
|
|
<div class="team-header">
|
|
<h3>SYSTEM-WINDOWS</h3>
|
|
<p>星界工作室成员</p>
|
|
</div>
|
|
<div class="team-body">
|
|
<p>专注于编程的技术专家：</p>
|
|
<ul>
|
|
<li>Python专家</li>
|
|
<li>其他编程语言熟练者</li>
|
|
<li>算法爱好者</li>
|
|
<li>系统思维者</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 class="section-title">我们的文化理念</h2>
|
|
<div class="principle-container">
|
|
<div class="principle-card bshow" data-scroll-reveal="enter top over 1s">
|
|
<div class="principle-icon">
|
|
<i class="layui-icon layui-icon-face-smile"></i>
|
|
</div>
|
|
<div class="principle-text">非盈利</div>
|
|
<div class="principle-description">不以盈利为目的，致力于公益事业</div>
|
|
</div>
|
|
<div class="principle-card bshow" data-scroll-reveal="enter top over 1s">
|
|
<div class="principle-icon">
|
|
<i class="layui-icon layui-icon-read"></i>
|
|
</div>
|
|
<div class="principle-text">学习性</div>
|
|
<div class="principle-description">不断学习新知识，提升自身能力</div>
|
|
</div>
|
|
<div class="principle-card bshow" data-scroll-reveal="enter top over 1s">
|
|
<div class="principle-icon">
|
|
<i class="layui-icon layui-icon-group"></i>
|
|
</div>
|
|
<div class="principle-text">合作性</div>
|
|
<div class="principle-description">积极与他人合作，共同完成项目</div>
|
|
</div>
|
|
<div class="principle-card bshow" data-scroll-reveal="enter top over 1s">
|
|
<div class="principle-icon">
|
|
<i class="layui-icon layui-icon-release"></i>
|
|
</div>
|
|
<div class="principle-text">公开性</div>
|
|
<div class="principle-description">保持信息公开，接受社会监督</div>
|
|
</div>
|
|
<div class="principle-card bshow" data-scroll-reveal="enter top over 1s">
|
|
<div class="principle-icon">
|
|
<i class="layui-icon layui-icon-star"></i>
|
|
</div>
|
|
<div class="principle-text">兴趣性</div>
|
|
<div class="principle-description">基于兴趣开展活动，享受工作乐趣</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div class="principle-container">
|
|
<div class="principle-card bshow" data-scroll-reveal="enter top over 1s">
|
|
<div class="principle-icon">
|
|
<i class="layui-icon layui-icon-fire"></i>
|
|
</div>
|
|
<div class="principle-text">创新性</div>
|
|
<div class="principle-description">不断探索创新，为项目注入新活力</div>
|
|
</div>
|
|
<div class="principle-card bshow" data-scroll-reveal="enter top over 1s">
|
|
<div class="principle-icon">
|
|
<i class="layui-icon layui-icon-templeate-1"></i>
|
|
</div>
|
|
<div class="principle-text">专业性</div>
|
|
<div class="principle-description">专业知识和技能，提供高质量服务</div>
|
|
</div>
|
|
<div class="principle-card bshow" data-scroll-reveal="enter top over 1s">
|
|
<div class="principle-icon">
|
|
<i class="layui-icon layui-icon-flag"></i>
|
|
</div>
|
|
<div class="principle-text">目标性</div>
|
|
<div class="principle-description">明确目标，有条不紊推进项目</div>
|
|
</div>
|
|
<div class="principle-card bshow" data-scroll-reveal="enter top over 1s">
|
|
<div class="principle-icon">
|
|
<i class="layui-icon layui-icon-util"></i>
|
|
</div>
|
|
<div class="principle-text">实用性</div>
|
|
<div class="principle-description">注重实际效果，确保项目实用价值</div>
|
|
</div>
|
|
<div class="principle-card bshow" data-scroll-reveal="enter top over 1s">
|
|
<div class="principle-icon">
|
|
<i class="layui-icon layui-icon-help"></i>
|
|
</div>
|
|
<div class="principle-text">服务性</div>
|
|
<div class="principle-description">以服务为宗旨，满足客户需求</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 class="section-title">我们的发展历程</h2>
|
|
<div class="timeline">
|
|
<div class="timeline-item">
|
|
<div class="timeline-dot"></div>
|
|
<div class="timeline-date">创始之初</div>
|
|
<div class="timeline-content">
|
|
<h3>GVSDS成立</h3>
|
|
<p>由TermiNexus(WYT)创立银河锋锐软件开发工作室，聚集了一批对编程充满热情的初中生开发者。</p>
|
|
</div>
|
|
</div>
|
|
<div class="timeline-item">
|
|
<div class="timeline-dot"></div>
|
|
<div class="timeline-date">星界工作室</div>
|
|
<div class="timeline-content">
|
|
<h3>星界工作室独立运作</h3>
|
|
<p>由Chindows(一只小肝同学)领导的星界工作室(原AKS工作室)开始独立运作，专注于创新项目开发。</p>
|
|
</div>
|
|
</div>
|
|
<div class="timeline-item">
|
|
<div class="timeline-dot"></div>
|
|
<div class="timeline-date">合并发展</div>
|
|
<div class="timeline-content">
|
|
<h3>星界工作室并入GVSDS</h3>
|
|
<p>经原AKS工作室站长决定，星界工作室正式并入银河锋锐软件开发工作室，成为其子工作室，实现资源共享。</p>
|
|
</div>
|
|
</div>
|
|
<div class="timeline-item">
|
|
<div class="timeline-dot"></div>
|
|
<div class="timeline-date">未来展望</div>
|
|
<div class="timeline-content">
|
|
<h3>持续创新与发展</h3>
|
|
<p>我们计划继续扩大团队规模，开发更多有意义的项目，同时保持学习与创新的精神，为社会创造价值。</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 class="section-title">我们的初心与目标</h2>
|
|
<div class="layui-row layui-col-space20">
|
|
<div class="layui-col-md12">
|
|
<div class="layui-card">
|
|
<div class="layui-card-body">
|
|
<p>作为一群初中生组成的团队，我们深知自己的技术可能还不够成熟，但我们拥有最宝贵的财富——热情、创造力和学习能力。</p>
|
|
<p>我们的初心是通过技术解决实际问题，在开发过程中不断学习和成长。我们不以盈利为目的，而是希望通过项目实践提升自己的技术水平，同时为社会创造价值。</p>
|
|
<p>我们的目标是：</p>
|
|
<ul>
|
|
<li>打造一个开放、包容的技术学习社区</li>
|
|
<li>开发有意义的公益项目</li>
|
|
<li>在实践中学以致用，提升技术水平</li>
|
|
<li>培养团队协作和项目管理能力</li>
|
|
<li>探索前沿技术，保持创新思维</li>
|
|
</ul>
|
|
<p>虽然我们年轻，但我们相信，年龄不是限制，热情和坚持才是成功的关键。银河锋锐软件开发工作室将继续秉持这些理念，在技术的宇宙中探索前行。</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<p>© 2023 银河锋锐软件开发工作室(GVSDS) | 用代码创造无限可能</p>
|
|
<p>Contact: TermiNexus & Chindows</p>
|
|
</div>
|
|
|
|
<script>
|
|
layui.use(['element', 'jquery'], function(){
|
|
var element = layui.element;
|
|
var $ = layui.jquery;
|
|
|
|
// 创建星星背景
|
|
function createStars() {
|
|
var stars = $('#stars');
|
|
var count = 100;
|
|
for (var i = 0; i < count; i++) {
|
|
var star = $('<div class="star"></div>');
|
|
star.css({
|
|
'width': Math.random() * 3 + 'px',
|
|
'height': Math.random() * 3 + 'px',
|
|
'top': Math.random() * 100 + '%',
|
|
'left': Math.random() * 100 + '%',
|
|
'animation-delay': Math.random() * 5 + 's',
|
|
'animation-duration': Math.random() * 3 + 2 + 's'
|
|
});
|
|
stars.append(star);
|
|
}
|
|
}
|
|
|
|
createStars();
|
|
|
|
// 卡片动画
|
|
$('.principle-card').each(function(index) {
|
|
$(this).css('transition-delay', index * 0.1 + 's');
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html> |