Skip to content

Commit

Permalink
feat:modify oncloud homepage (#663)
Browse files Browse the repository at this point in the history 
Co-authored-by: davidChan3000 <davidChan3000@users.noreply.github.com>
  • Loading branch information
@davidChan3000
davidChan3000 and davidChan3000 authored Feb 24, 2023
1 parent 02520c5 commit 43f5b94
Show file tree
Hide file tree
Showing 13 changed files with 51 additions and 24 deletions.
2 changes: 1 addition & 1 deletion elasticjob/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -192,7 +192,7 @@ <h2>Features</h2>
</div>

<span class="text">
Copyright © 2018-2022, Apache ShardingSphere, ShardingSphere,
Copyright © 2018-2023, Apache ShardingSphere, ShardingSphere,
Apache, the Apache feather logo, and the Apache ShardingSphere
project logo are either registered trademarks or trademarks of The
Apache Software Foundation in the United States and other
Expand Down
2 changes: 1 addition & 1 deletion elasticjob/index_zh.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -192,7 +192,7 @@ <h2>特性</h2>
</div>

<span class="text">
Copyright © 2018-2022, Apache ShardingSphere, ShardingSphere,
Copyright © 2018-2023, Apache ShardingSphere, ShardingSphere,
Apache, the Apache feather logo, and the Apache ShardingSphere
project logo are either registered trademarks or trademarks of The
Apache Software Foundation in the United States and other
Expand Down
2 changes: 1 addition & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -640,7 +640,7 @@ <h2 class="title">Planning</h2>
</div>

<span class="text">
Copyright © 2018-2022, Apache ShardingSphere, ShardingSphere,
Copyright © 2018-2023, Apache ShardingSphere, ShardingSphere,
Apache, the Apache feather logo, and the Apache ShardingSphere
project logo are either registered trademarks or trademarks of The
Apache Software Foundation in the United States and other
Expand Down
2 changes: 1 addition & 1 deletion index_zh.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -620,7 +620,7 @@ <h2 class="title">规划中</h2>
</div>

<span class="text">
Copyright © 2018-2022, Apache ShardingSphere, ShardingSphere,
Copyright © 2018-2023, Apache ShardingSphere, ShardingSphere,
Apache, the Apache feather logo, and the Apache ShardingSphere
project logo are either registered trademarks or trademarks of The
Apache Software Foundation in the United States and other
Expand Down
2 changes: 1 addition & 1 deletion learning.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -311,7 +311,7 @@ <h3>What you’ll learn</h3>
</div>

<span class="text">
Copyright © 2018-2022, Apache ShardingSphere, ShardingSphere,
Copyright © 2018-2023, Apache ShardingSphere, ShardingSphere,
Apache, the Apache feather logo, and the Apache ShardingSphere
project logo are either registered trademarks or trademarks of The
Apache Software Foundation in the United States and other
Expand Down
2 changes: 1 addition & 1 deletion legacy.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -344,7 +344,7 @@
</div>

<span class="text">
Copyright © 2018-2022, Apache ShardingSphere, ShardingSphere,
Copyright © 2018-2023, Apache ShardingSphere, ShardingSphere,
Apache, the Apache feather logo, and the Apache ShardingSphere
project logo are either registered trademarks or trademarks of The
Apache Software Foundation in the United States and other
Expand Down
2 changes: 1 addition & 1 deletion legacy_zh.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -360,7 +360,7 @@
</div>

<span class="text">
Copyright © 2018-2022, Apache ShardingSphere, ShardingSphere,
Copyright © 2018-2023, Apache ShardingSphere, ShardingSphere,
Apache, the Apache feather logo, and the Apache ShardingSphere
project logo are either registered trademarks or trademarks of The
Apache Software Foundation in the United States and other
Expand Down
Binary file added oncloud/images/Horizontal Scaling.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added oncloud/images/Load Balancing.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added oncloud/images/kubebuiler.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
24 changes: 18 additions & 6 deletions oncloud/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -93,8 +93,8 @@
</nav>
<div class="overview">
<div class="wrap">
<h2>What is ShardingSphere-on-Cloud？</h2>
<p class="sub-tit">Take Apache ShardingSphere to the cloud with ShardingSphere-on-Cloud</p>
<h2>ShardingSphere-on-Cloud</h2>
<p class="sub-tit">Take Apache ShardingSphere to the cloud</p>
<div class="con">
<p>A collection of tools & best practices including automated deployment scripts to virtual machines in AWS, Google Cloud Platform, Alibaba Cloud, CloudFormation Stack templates, and Terraform one-click deployment scripts.</p>
<p>Helm Charts, Operators, automatic horizontal scaling, and other tools for the Kubernetes cloud-native environment are also included.</p>
Expand Down Expand Up @@ -126,8 +126,20 @@ <h3>Features</h3>
</div>
<div class="item">
<img src="./images/Terraform.png" />
<p class="tit">Fast Terraform Deployment</p>
<p>Rapid deployment of ShardingSphere Proxy based on Terraform in an AWS environment.
<p class="tit">Programmable Terraform Deployment</p>
<p>Deploy Terraform-based ShardingSphere-Proxy in an AWS environment.
</p>
</div>
<div class="item">
<img src="./images/Horizontal Scaling.png" />
<p class="tit">Automatic Horizontal Scaling</p>
<p>Custom metrics autoscaling on Kubernetes and AWS.
</p>
</div>
<div class="item">
<img src="./images/Load Balancing.png" />
<p class="tit">Programmable Terraform Deployment</p>
<p>Ensure proxy connection readiness behind the load balancer.
</p>
</div>
</div>
Expand All @@ -139,7 +151,7 @@ <h3>Open Source, Standardized & Consistent</h3>
<div class="con">
<img src="./images/Group 1036.png" />
<img src="./images/Group 1037.png" />
<img src="./images/Group 1038.png" />
<img src="./images/kubebuiler.png" />
<img src="./images/Group 1041.png" />
<img src="./images/Group 1040.png" />
<img src="./images/Group 1039.png" />
Expand Down Expand Up @@ -197,7 +209,7 @@ <h3>Community</h3>
</div>

<span class="text">
Copyright © 2018-2022, Apache ShardingSphere, ShardingSphere,
Copyright © 2018-2023, Apache ShardingSphere, ShardingSphere,
Apache, the Apache feather logo, and the Apache ShardingSphere
project logo are either registered trademarks or trademarks of The
Apache Software Foundation in the United States and other
Expand Down
20 changes: 16 additions & 4 deletions oncloud/index_zh.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -115,8 +115,20 @@ <h3>特性</h3>
</div>
<div class="item">
<img src="./images/Terraform.png" />
<p class="tit">快速 Terraform 部署</p>
<p>在 AWS 环境中快速部署基于 Terraform 的 ShardingSphere Proxy。
<p class="tit">可编程的 Terraform 部署</p>
<p>在 AWS 环境中部署基于 Terraform 的 ShardingSphere-Proxy。
</p>
</div>
<div class="item">
<img src="./images/Horizontal Scaling.png" />
<p class="tit">自动横向扩展</p>
<p>在 Kubernetes 和 AWS 上进行自定义指标的自动缩放。
</p>
</div>
<div class="item">
<img src="./images/Load Balancing.png" />
<p class="tit">负载平衡和准备</p>
<p>确保负载均衡器后的代理连接准备就绪
</p>
</div>
</div>
Expand All @@ -128,7 +140,7 @@ <h3>开源、标准化和一致性</h3>
<div class="con">
<img src="./images/Group 1036.png" />
<img src="./images/Group 1037.png" />
<img src="./images/Group 1038.png" />
<img src="./images/kubebuiler.png" />
<img src="./images/Group 1041.png" />
<img src="./images/Group 1040.png" />
<img src="./images/Group 1039.png" />
Expand Down Expand Up @@ -187,7 +199,7 @@ <h3>Community</h3>
</div>

<span class="text">
Copyright © 2018-2022, Apache ShardingSphere, ShardingSphere,
Copyright © 2018-2023, Apache ShardingSphere, ShardingSphere,
Apache, the Apache feather logo, and the Apache ShardingSphere
project logo are either registered trademarks or trademarks of The
Apache Software Foundation in the United States and other
Expand Down
17 changes: 10 additions & 7 deletions oncloud/style/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,8 @@ header .ico-3{
width: 120px;
height: 146px;
right:450px;
top: 598px;
/* top: 598px; */
bottom:56px;
background:url('../images/icon-3.png') no-repeat;
background-position: left top;
background-size: 100%;
Expand All @@ -81,7 +82,8 @@ header .ico-4{
width: 67px;
height: 110px;
left: 206px;
top: 608px;
/* top: 608px; */
bottom:56px;
background:url('../images/icon-4.png') no-repeat;
background-position: left top;
background-size: 100%;
Expand Down Expand Up @@ -247,9 +249,11 @@ nav .menu .i-drop-btn .i-drop-pop a:last-child{
}

.features .con{
display: flex;
flex-direction: row;

/* display: flex;
flex-direction: row; */
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 16px;
}

.features .con .item{
Expand Down Expand Up @@ -580,14 +584,13 @@ footer .copyright .logos img{
.features h3{font-size: 24px;}

.features .con{
flex-direction: column;
grid-template-columns: repeat(1,1fr);
}

.features .con .item{
margin:0 20px 16px;
background: #293252;
border-radius: 20px;

}

.core{
Expand Down

0 comments on commit 43f5b94

Please sign in to comment.