Skip to content

Commit 35a42c8

Browse files
朱阿南朱阿南
authored andcommitted
appstore
1 parent e04d3e8 commit 35a42c8

File tree

11 files changed

+134
-40
lines changed

11 files changed

+134
-40
lines changed

app_store/css/appstore-xq.css

Lines changed: 55 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -604,7 +604,6 @@ img {
604604

605605
/* Sidebar styles */
606606
.sidebar {
607-
width: clamp(270px, 17vw, 400px);
608607
height: 100%;
609608
overflow-y: auto;
610609
padding: 32px 8px 32px 20px;
@@ -746,7 +745,7 @@ img {
746745
display: flex;
747746
align-items: center;
748747
justify-content: flex-start;
749-
width: 80%;
748+
width: 75%;
750749
padding-right: 30px;
751750
}
752751

@@ -897,7 +896,7 @@ img {
897896
}
898897

899898
.app-h5 {
900-
width: 60%;
899+
width: 56%;
901900
border-right: 1px solid var(--Gray-Modern-250, #DFE2EA);
902901
border-left: 1px solid var(--Gray-Modern-250, #DFE2EA);
903902
padding: 32px 40px;
@@ -908,6 +907,7 @@ img {
908907
align-items: flex-start;
909908
justify-content: space-between;
910909
flex-direction: column;
910+
width: 100%;
911911
}
912912

913913
.title-logo {
@@ -957,7 +957,7 @@ img {
957957

958958
.hard-top-title {
959959
margin-left: 24px;
960-
width: 700px;
960+
width: 600px;
961961
}
962962

963963
.stars {
@@ -1055,14 +1055,15 @@ img {
10551055
.buttons {
10561056
display: flex;
10571057
gap: 12px;
1058-
width: 20%;
1058+
width: 25%;
1059+
justify-content: flex-end;
10591060
}
10601061

10611062
/* Carousel styles */
10621063
.carousel {
10631064
text-align: center;
10641065
position: relative;
1065-
width: 700px;
1066+
width: 80%;
10661067
margin: 0 auto;
10671068
padding-top: 32px;
10681069
}
@@ -1322,10 +1323,12 @@ button::-moz-focus-inner {
13221323
}
13231324

13241325
.app-faq {
1325-
width: 640px;
1326+
width: 22%;
13261327
padding: 20px;
13271328
}
1328-
1329+
.left-list{
1330+
width: 22%;
1331+
}
13291332
.app-h5-left {
13301333
width: 100%;
13311334
margin-bottom: 32px;
@@ -1583,16 +1586,59 @@ button::-moz-focus-inner {
15831586

15841587
@media screen and (max-width: 1200px) {
15851588

1589+
.app-decistore{
1590+
font-size: 12px;
1591+
}
1592+
.yaml-button, .deploy-button {
1593+
padding: 6px 12px;
1594+
font-size: 12px;
1595+
}
1596+
.app-h5 {
1597+
padding: 20px 20px;
1598+
}
15861599

15871600

15881601
}
15891602

15901603
@media screen and (max-width: 1440px) {
15911604

1605+
.step{
1606+
padding: 12px 6px;
1607+
}
1608+
.sidebar {
1609+
padding: 20px 8px 32px 8px;
1610+
}
1611+
.app-h5 { padding: 20px 40px;
1612+
}
1613+
.app-decistore{
1614+
font-size: 12px;
1615+
}
15921616

15931617
}
15941618

15951619
@media screen and (max-width: 1680px) {
1596-
1620+
.yaml-button,.deploy-button{
1621+
padding: 6px 14px;
1622+
}
1623+
.title-logo{
1624+
height: 60px;
1625+
}
1626+
.carousel-nav{
1627+
left: -30px;
1628+
width: 110%;
1629+
}
1630+
.step p{
1631+
font-size: 12px;
1632+
}
1633+
.left-list{
1634+
width: 20%;
1635+
}
1636+
.app-faq {
1637+
width: 20%;
15971638

15981639
}
1640+
.app-h5{
1641+
width: 60%;
1642+
}
1643+
1644+
}

app_store/js/navbar.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ document.addEventListener('DOMContentLoaded', function() {
88
</a>
99
<ul class="nav-links">
1010
<li><a href="/" target="_blank">首页</a></li>
11+
<li><a href="/devbox/" target="_blank">Devbox</a></li>
1112
<li class="dropdown"> <a href="#appstore">应用商店</a>
1213
<div class="dropdown-content">
1314
<div class="navbar-list">
@@ -518,7 +519,7 @@ document.addEventListener('DOMContentLoaded', function() {
518519
</div>
519520
</div>
520521
<!--appstore-结束-->
521-
<li><a href="/devbox/" target="_blank">Devbox</a></li>
522+
522523
<li><a href="/price" target="_blank">定价</a></li>
523524
<li><a href="/case">客户案例</a></li>
524525
<li><a href="https://sealos.run/docs/Intro/" target="_blank">开发文档</a></li>

app_store/tool/alist/index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@ <h1>Alist</h1>
5959
</div>
6060
<div class="buttons">
6161
<button class="deploy-button">
62-
<a href="https://hzh.sealos.run/?openapp=system-template%3FtemplateName%3Dalist%26sealos_inside%3Dtrue" target="_blank">一键安装</a>
62+
<a href="https://hzh.sealos.run/?openapp=system-template%3FtemplateName%3Dalist%26sealos_inside%3Dtrue" target="_blank">私有云部署</a>
6363
</button>
6464
<button class="yaml-button">
6565
<a href="https://fael3z0zfze.feishu.cn/wiki/VWW3wcIR0i1KBbkm1pmc5H5fnRK?from=from_copylink" download target="_blank">部署文档</a>
@@ -124,10 +124,10 @@ <h3>Sealos部署优势</h3>
124124
🛡️ 安全稳定:应用级和租户级网络隔离能力。
125125
</p>
126126
</div>
127+
<h3>Alist部署交流群</h3>
127128
<div class="app-h5-left3">
129+
128130
<img src="/app_store/tool/alist/images/alistewm.png">微信Alist交流群
129-
130-
131131
</div>
132132
</div>
133133
</div>
4.62 KB
Loading

app_store/tool/overleaf/index.html

Lines changed: 33 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<script src="/js/sem.js" defer></script>
1212
<script src="../../../app_store/js/navbar.js"></script>
1313
<script src="../../../app_store/js/header-left.js"></script>
14-
<script src="../../../app_store/js/about-right.js"></script>
1514
<script src="../../../app_store/js/foooter.js"></script>
1615
<script src="../../../app_store/js/step.js"></script>
1716
<script type="text/javascript">
@@ -51,12 +50,12 @@ <h1>Overleaf</h1>
5150
</div>
5251
</div>
5352
<div class="buttons">
54-
<button class="yaml-button">
55-
<a href="./images/overleaf.yaml" download>导出 Yaml</a>
56-
</button>
5753
<button class="deploy-button">
5854
<a href="https://hzh.sealos.run/?openapp=system-template%3FtemplateName%3Doverleaf%26sealos_inside%3Dtrue"
59-
target="_blank">一键安装</a>
55+
target="_blank">私有云部署</a>
56+
</button>
57+
<button class="yaml-button">
58+
<a href="https://fael3z0zfze.feishu.cn/wiki/Lbr2wT46QiInIZkUImTc6cJCnVc?from=from_copylink" download>操作文档</a>
6059
</button>
6160
</div>
6261
</div>
@@ -83,22 +82,44 @@ <h2 class="quick-start-h2"><img src="../../img/Rectangle 34624253.svg">如何部
8382
<h2 class="quick-start-h2"><img src="../../img/Rectangle 34624253.svg">什么是 Overleaf</h2>
8483
<ul class="features-list-ul">
8584
<li>Overleaf是一款在线latex编辑器,不用配置本地环境,一般不会创建空项目来写论文,更多的是上传一个给定的Latex模板。编辑公式的工具,LaTeX在线:吴文中数学公式编辑器</li>
86-
</ul>
87-
</div>
88-
<div class="features-list">
89-
<h2 class="quick-start-h2"><img src="../../img/Rectangle 34624253.svg">功能列表</h2>
90-
<ul class="features-list-ul">
91-
9285
<li>实时协作:多人可以同时编辑同一个文档,实时查看对方的修改。</li>
9386
<li>自动编译:Overleaf会自动编译LaTeX代码,实时显示文档的预览效果。</li>
9487
<li>版本控制:支持Git版本控制,可以方便地管理和回溯文档的修改历史。</li>
9588
<li>丰富的模板:提供了各种学术论文、期刊模板,方便用户快速开始撰写。</li>
9689
<li>方便的分享与发布:可以将文档分享给他人,并且支持导出为PDF格式。</li>
9790
</ul>
9891
</div>
92+
<div class="features-list">
93+
<h2 class="quick-start-h2"><img src="../../img/Rectangle 34624253.svg">云端部署优势</h2>
94+
<ul class="features-list-ul">
95+
<li><b>价格优势:</b> 低至 0.77 元/天的成本享受高性能的 Overleaf 服务,相比阿里云便宜数倍。</li>
96+
<li><b>快速部署:</b> 1分钟内完成 Overleaf 的安装和自动配置,节省时间和精力。</li>
97+
<li><b>稳定性:</b> 企业级的稳定性和可靠性,在高负载下依然能够平稳运行,保障用户的数据安全和访问流畅。</li>
98+
<li><b>随开随用:</b>支持按需使用、随开随用,用户可以根据需要随时启动和停止服务,暂停不收费。</li>
99+
<li><b>弹性扩容:</b>提供弹性扩容能力,可以根据业务需求动态调整资源配置,确保服务的高效运行。</li>
100+
<li><b>用多少扣多少:</b> Sealos 采用按使用量计费的模式,用户只需为实际使用的资源付费,进一步降低成本。</li>
101+
</ul>
102+
</div>
103+
</div>
104+
</div>
105+
<div class="app-faq" id="about-right">
106+
<div class="app-h5-left">
107+
<h3>什么是Sealos?</h3>
108+
<p class="sealos-detice">提供高性能可伸缩的容器应用管理能力,支持企业级 Kubernetes 容器化应用的全生命周期管理,一站式集成应用创建、开发、部署、上线等功能,提供了应用引擎、前后端开发框架、API网关、调度引擎等模块,一键部署Helm应用。</p>
109+
<span class="sealos-detice-span"><a href="/">了解更多 ></a></span>
110+
</div>
111+
<div class="app-h5-left">
112+
<h3>Sealos部署优势</h3>
113+
<p class="sealos-detice"> 💰 快速上云:一键创建容器,自动化部署应用<br/>
114+
🌐 成本缩减:仅容器付费,资源成本减少 80%<br/>
115+
🛡️ 安全稳定:应用级和租户级网络隔离能力。
116+
</p>
117+
</div>
118+
<h3>Overleaf部署交流群</h3>
119+
<div class="app-h5-left3">
120+
<img src="/app_store/tool/overleaf/images/Overleaf-s.png">微信交流群
99121
</div>
100122
</div>
101-
<div class="app-faq" id="about-right"></div>
102123
</div>
103124
<div class="h5footer" id="footer">
104125
</div>

app_store/tool/plane/images/Plane.png

4.63 KB
Loading

app_store/tool/plane/index.html

Lines changed: 33 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<script src="/js/sem.js" defer></script>
1212
<script src="../../../app_store/js/navbar.js"></script>
1313
<script src="../../../app_store/js/header-left.js"></script>
14-
<script src="../../../app_store/js/about-right.js"></script>
1514
<script src="../../../app_store/js/foooter.js"></script>
1615
<script src="../../../app_store/js/step.js"></script>
1716
<script type="text/javascript">
@@ -51,12 +50,12 @@ <h1>Plane</h1>
5150
</div>
5251
</div>
5352
<div class="buttons">
54-
<button class="yaml-button">
55-
<a href="./images/plane.yaml" download>导出 Yaml</a>
56-
</button>
5753
<button class="deploy-button">
5854
<a href="https://hzh.sealos.run/?openapp=system-template%3FtemplateName%3Dplane%26sealos_inside%3Dtrue"
59-
target="_blank">一键安装</a>
55+
target="_blank">私有化部署</a>
56+
</button>
57+
<button class="yaml-button">
58+
<a href="https://fael3z0zfze.feishu.cn/wiki/Nx00wpIM6iiXFlkdyXtcMKQUnFw?from=from_copylink" download>操作文档</a>
6059
</button>
6160
</div>
6261
</div>
@@ -86,21 +85,44 @@ <h2 class="quick-start-h2"><img src="../../img/Rectangle 34624253.svg">什么是
8685
<li>Plane 的诞生源于开发者对现有项目管理工具的不满。创始团队意识到,一个理想的工具应该既能满足复杂项目的需求,又能保持足够的灵活性和易用性。Plane
8786
的核心理念是提供一个简洁、灵活、功能强大的项目管理解决方案,涵盖从基础到高级的各种项目管理需求,同时保持开源透明,让团队能够完全掌控和定制自己的项目管理工具。
8887
</li>
89-
</ul>
90-
</div>
91-
<div class="features-list">
92-
<h2 class="quick-start-h2"><img src="../../img/Rectangle 34624253.svg">功能列表</h2>
93-
<ul class="features-list-ul">
9488
<li><b>周期管理</b> 迭代规划:通过 “周期” (Cycles) 功能规划和跟踪短期目标。进度可视化:燃尽图等工具提供直观的项目进度洞察。回顾与分析:周期结束后进行回顾,持续改进团队效率。</li>
9589
<li><b>模块化</b>项目拆分:将大型项目分解为可管理的模块。跨团队协作:在团队间分配模块,实现更好的协作。进度跟踪:轻松监控各模块的完成情况。</li>
9690
<li><b>自定义视图</b> 灵活过滤:创建自定义过滤器,只显示关键信息。一键保存与共享:轻松保存和分享自定义视图。多种展示模式:支持看板、列表、甘特图等多种视图模式。</li>
9791
<li><b>页面功能</b>AI 辅助编辑:集成 AI 功能,辅助内容创作。即时协作:团队成员可以实时协作编辑页面。任务关联:轻松将页面内容转化为可操作的任务。</li>
9892
<li><b>实时分析</b>数据可视化:直观展示项目进度、团队效率等关键指标。趋势分析:发现潜在问题,及时调整项目方向。自定义报告:根据需求生成定制化的项目报告。</li>
9993
</ul>
10094
</div>
95+
<div class="features-list">
96+
<h2 class="quick-start-h2"><img src="../../img/Rectangle 34624253.svg">功能列表</h2>
97+
<ul class="features-list-ul">
98+
<li><b>价格优势:</b> 低至 1.76 元/天的成本享受高性能的 Overleaf 服务,相比阿里云便宜数倍。</li>
99+
<li><b>快速部署:</b> 1分钟内完成 Overleaf 的安装和自动配置,节省时间和精力。</li>
100+
<li><b>稳定性:</b> 企业级的稳定性和可靠性,在高负载下依然能够平稳运行,保障用户的数据安全和访问流畅。</li>
101+
<li><b>随开随用:</b>支持按需使用、随开随用,用户可以根据需要随时启动和停止服务,暂停不收费。</li>
102+
<li><b>弹性扩容:</b>提供弹性扩容能力,可以根据业务需求动态调整资源配置,确保服务的高效运行。</li>
103+
<li><b>用多少扣多少:</b> Sealos 采用按使用量计费的模式,用户只需为实际使用的资源付费,进一步降低成本。</li>
104+
</ul>
105+
</div>
106+
</div>
107+
</div>
108+
<div class="app-faq" id="about-right">
109+
<div class="app-h5-left">
110+
<h3>什么是Sealos?</h3>
111+
<p class="sealos-detice">提供高性能可伸缩的容器应用管理能力,支持企业级 Kubernetes 容器化应用的全生命周期管理,一站式集成应用创建、开发、部署、上线等功能,提供了应用引擎、前后端开发框架、API网关、调度引擎等模块,一键部署Helm应用。</p>
112+
<span class="sealos-detice-span"><a href="/">了解更多 ></a></span>
113+
</div>
114+
<div class="app-h5-left">
115+
<h3>Sealos部署优势</h3>
116+
<p class="sealos-detice"> 💰 快速上云:一键创建容器,自动化部署应用<br/>
117+
🌐 成本缩减:仅容器付费,资源成本减少 80%<br/>
118+
🛡️ 安全稳定:应用级和租户级网络隔离能力。
119+
</p>
120+
</div>
121+
<h3>Plane 部署交流群</h3>
122+
<div class="app-h5-left3">
123+
<img src="/app_store/tool/plane/images/Plane.png">微信交流群
101124
</div>
102125
</div>
103-
<div class="app-faq" id="about-right"></div>
104126
</div>
105127
<div class="h5footer" id="footer">
106128
</div>

devbox/img/devbox.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -504,7 +504,7 @@ background: #EFF8FF;
504504

505505
.wrangle-stack-item:nth-child(2) .wrangle-version {}
506506

507-
.wrangle-stack-item:nth-child(2) .wrangle-icon-wrapper {var(--Bright-Blue-500, #219BF4);}
507+
.wrangle-stack-item:nth-child(2) .wrangle-icon-wrapper { color: var(--Bright-Blue-500, #219BF4);}
508508

509509
.wrangle-stack-item:nth-child(3) {
510510
border-radius: 12px;

devbox/img/yuncloud.svg

Lines changed: 5 additions & 1 deletion
Loading

devbox/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@
3333
<h1 class="hero-title">Devbox</h1>
3434
<p class="hero-subtitle"><span>本地开发、线上测试、部署上线</span>为一体<br> 云端代码同步,多语言远程协同开发,自动分配外网域名,一键部署上线</p>
3535
<div class="devboxzh"><a href="https://hzh.sealos.run/"><button class="cta-button">免费体验</button></a> <a
36-
href="https://hzh.sealos.run/"><button class="cta-button cat-faq">操作手册</button></a></div>
36+
href="https://fael3z0zfze.feishu.cn/wiki/PpdRwz9oHiy3cEkLZMycfJmWnnc?from=from_copylink"><button class="cta-button cat-faq">操作手册</button></a></div>
3737
</div>
3838
</div>
3939

0 commit comments

Comments
 (0)