acepanel/acepanel.github.io
2
0
Fork 0
mirror of https://github.com/acepanel/acepanel.github.io.git synced 2026-02-05 17:27:26 +08:00
Code Issues Activity

feat: 补全文档

Browse Source
This commit is contained in:
耗子
2024-12-14 04:29:50 +08:00
parent 82cc03f791
commit 483882eeb2
9 changed files with 151 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
about.md
View File

@@ -11,36 +11,36 @@ next: false
耗子面板是一款专业的服务器运维管理面板，致力于为用户提供简单、高效、安全的服务器管理解决方案。
<style>
.features {
.about-features {
display: flex;
justify-content: space-between;
gap: 20px;
margin-bottom: 60px;
}
.feature-card {
.about-feature-card {
background: #f8f9fa;
padding: 20px;
border-radius: 8px;
flex: 1;
text-align: center;
}
.team {
.about-team {
text-align: center;
margin-bottom: 60px;
}
.team-members {
.about-team-members {
display: flex;
justify-content: space-around;
gap: 30px;
margin-top: 30px;
}
.team-member {
.about-team-member {
background: #f8f9fa;
padding: 20px;
border-radius: 8px;
flex: 1;
}
.team-icon {
.about-team-icon {
width: 60px;
height: 60px;
background: #e7f1ff;
@@ -50,12 +50,12 @@ next: false
align-items: center;
justify-content: center;
}
.timeline {
.about-timeline {
max-width: 800px;
margin: 0 auto 60px;
position: relative;
}
.timeline::before {
.about-timeline::before {
content: '';
position: absolute;
width: 2px;
@@ -64,18 +64,18 @@ next: false
bottom: 0;
left: 50%;
}
.timeline-item {
.about-timeline-item {
margin-bottom: 30px;
position: relative;
}
.timeline-content {
.about-timeline-content {
background: #f8f9fa;
padding: 20px;
border-radius: 8px;
width: 45%;
position: relative;
}
.timeline-dot {
.about-timeline-dot {
width: 12px;
height: 12px;
background: #4a90e2;
@@ -84,27 +84,27 @@ next: false
left: 50%;
transform: translateX(-50%);
}
.year {
.about-year {
color: #4a90e2;
font-weight: bold;
margin-bottom: 10px;
}
.contact {
.about-contact {
text-align: center;
}
.contact-items {
.about-contact-items {
display: flex;
justify-content: space-around;
gap: 30px;
margin-top: 30px;
}
.contact-item {
.about-contact-item {
background: #f8f9fa;
padding: 20px;
border-radius: 8px;
flex: 1;
}
.contact-icon {
.about-contact-icon {
font-size: x-large;
width: 60px;
height: 60px;
@@ -115,25 +115,25 @@ next: false
align-items: center;
justify-content: center;
}
h2 {
.about-h2 {
margin-bottom: 30px;
font-size: 24px;
}
p {
.about-p {
margin-bottom: 15px;
}
</style>
<div class="features">
<div class="feature-card">
<div class="about-features">
<div class="about-feature-card">
<h3>愿景</h3>
<p>成为领先的服务器管理解决方案提供商</p>
</div>
<div class="feature-card">
<div class="about-feature-card">
<h3>使命</h3>
<p>让服务器管理变得简单而强大</p>
</div>
<div class="feature-card">
<div class="about-feature-card">
<h3>价值观</h3>
<p>用户至上、创新驱动、专业专注</p>
</div>
@@ -141,20 +141,20 @@ next: false
## 团队介绍
<div class="team">
<div class="team-members">
<div class="team-member">
<div class="team-icon">👤</div>
<div class="about-team">
<div class="about-team-members">
<div class="about-team-member">
<div class="about-team-icon">👤</div>
<h3>耗子</h3>
<p>创始人 & CEO</p>
</div>
<div class="team-member">
<div class="team-icon">&lt;/&gt;</div>
<div class="about-team-member">
<div class="about-team-icon">&lt;/&gt;</div>
<h3>靓仔</h3>
<p>技术负责人</p>
</div>
<div class="team-member">
<div class="team-icon">🔒</div>
<div class="about-team-member">
<div class="about-team-icon">🔒</div>
<h3>冭</h3>
<p>证书销售</p>
</div>
@@ -163,51 +163,51 @@ next: false
## 发展历程
<div class="timeline">
<div class="timeline-item">
<div class="timeline-content" style="margin-left: auto;">
<div class="year">2024</div>
<div class="about-timeline">
<div class="about-timeline-item">
<div class="about-timeline-content" style="margin-left: auto;">
<div class="about-year">2024</div>
<h3>全新起航</h3>
<p>面板得到了众多赞助商的支持，2024 年下半年发布了全新的 2.3 版本</p>
</div>
<div class="timeline-dot"></div>
<div class="about-timeline-dot"></div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<div class="year">2023</div>
<div class="about-timeline-item">
<div class="about-timeline-content">
<div class="about-year">2023</div>
<h3>技术积累</h3>
<p>使用 Go 对面板进行重写，发布 2.0 2.1 系列版本，积累了大量开发经验</p>
</div>
<div class="timeline-dot"></div>
<div class="about-timeline-dot"></div>
</div>
<div class="timeline-item">
<div class="timeline-content" style="margin-left: auto;">
<div class="year">2022</div>
<div class="about-timeline-item">
<div class="about-timeline-content" style="margin-left: auto;">
<div class="about-year">2022</div>
<h3>项目立项</h3>
<p>2022 年中项目立项，年末发布 1.0 版本</p>
</div>
<div class="timeline-dot"></div>
<div class="about-timeline-dot"></div>
</div>
</div>
## 联系我们
<div class="contact">
<div class="contact-items">
<div class="contact-item">
<div class="contact-icon">📧</div>
<div class="about-contact">
<div class="about-contact-items">
<div class="about-contact-item">
<div class="about-contact-icon">📧</div>
<h3>电子邮件</h3>
<p>admin@haozi.net</p>
</div>
<div class="contact-item">
<div class="contact-icon">📞</div>
<div class="about-contact-item">
<div class="about-contact-icon">📞</div>
<h3>联系电话</h3>
<p>13820906945</p>
</div>
<div class="contact-item">
<div class="contact-icon">📍</div>
<div class="about-contact-item">
<div class="about-contact-icon">📍</div>
<h3>公司地址</h3>
<p>天津市武清区黄庄街道泉里路1号智库大厦206室</p>
</div>