This is an automated email from the ASF dual-hosted git repository.
dahn pushed a commit to branch staging-site
in repository https://gitbox.apache.org/repos/asf/cloudstack-www.git
The following commit(s) were added to refs/heads/staging-site by this push:
new 263065b9c paddings and margins (#163)
263065b9c is described below
commit 263065b9c5ef40c3cb79271d629385d9a18817f2
Author: dahn <d...@onecht.net>
AuthorDate: Fri Feb 9 12:21:08 2024 +0100
paddings and margins (#163)
---
src/css/custom.css | 27 +++++++++++++++++++--------
src/pages/index.tsx | 14 +++++++-------
2 files changed, 26 insertions(+), 15 deletions(-)
diff --git a/src/css/custom.css b/src/css/custom.css
index 0fdb465fd..1d82972e9 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -159,8 +159,8 @@ h1 {
font-family: 'DM Sans', sans-serif;
}
.partners-holder {
- margin: 100px 0 30px;
- width: 100%;
+ margin: 100px 0 30px;
+ width: 100%;
}
.partners {
display: flex;
@@ -683,8 +683,9 @@ iframe {
text-align: center;
}
.partners-holder {
- overflow-x: scroll;
- margin-top: 50px;
+ overflow-x: scroll;
+ margin-top: 50px;
+ padding: 0px 5px 0px;
}
.partners {
justify-content: left;
@@ -695,7 +696,8 @@ iframe {
display: none;
}
.partners img {
- margin-right: 20px;
+ margin-right: 20px;
+ width: 100%;
}
.img-release {
margin: 50px 0;
@@ -710,10 +712,10 @@ iframe {
margin-top: 50px;
}
.load-more {
- margin-bottom: 0;
+ margin-bottom: 5px;
}
.events-btn-margin {
- margin: 15px 0 20px;
+ margin: 15px 5px 20px;
}
.center-buttons {
text-align: center;
@@ -733,7 +735,7 @@ iframe {
margin-top: 0;
}
.light-blue, .dark-blue {
- padding: 30px 0;
+ padding: 30px 10px;
}
.px18 {
font-size: 1rem;
@@ -790,6 +792,15 @@ iframe {
.carousel-control-prev {
left: calc(30px);
}
+ .community light-blue {
+ padding: 0px 5px 0px;
+ }
+ .join-card {
+ border-radius: 8px;
+ padding: 5px 5px 5px;
+ margin-right: 0px;
+ margin-bottom: 10px;
+ }
}
/* bootstrap.css from the dev */
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 21926ca34..9a3eaef6d 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -86,7 +86,7 @@ CloudStack provides an API that’s compatible with AWS EC2 and
S3 for
organizations that wish to deploy hybrid clouds.
</p>
</div>
- <ArchitectureSVG class="col-lg-6 text-center"/>
+ <ArchitectureSVG class="col col-lg-6"/>
</div>
</div>
</section>
@@ -216,7 +216,7 @@ specific infrastructure.
</div>
<div class="row">
- <div class="col-lg-5">
+ <div class="col col-lg-5">
<h2 class="section-title mb-4 margin-second">Latest
Release</h2>
<div class="center-buttons">
<p class="px18">Apache CloudStack 4.19.0.0 is out!<br/>This
is the latest LTS release.</p>
@@ -240,7 +240,7 @@ specific infrastructure.
<div class="light-blue">
<div class="container">
<div class="row">
- <div class="col-lg-6">
+ <div class="col col-lg-6">
<div class="section-title">Join Our Community</div>
<p class="px18 my-4">
Learn more about involved with Apache CloudStack on the Contributing
@@ -249,7 +249,7 @@ to Apache page, or go straight to our Developer Resources
page.
</div>
</div>
<div class="row">
- <div class="col-lg-3 col-md-6">
+ <div class="col col-lg-3 col-md-6">
<div class="join-card">
<img src="/img/git_logo.svg" alt=""/>
<p class="blue-title">DEVELOPER RESOURCES</p>
@@ -261,7 +261,7 @@ participation from anybody willing to work The Apache Way.
<a href="https://github.com/apache/cloudstack"; class="btn
btn-primary">Learn More</a>
</div>
</div>
- <div class="col-lg-3 col-md-6">
+ <div class="col col-lg-3 col-md-6">
<div class="join-card">
<img src="/img/slack_logo.svg" alt=""/>
<p class="blue-title">JOIN US ON SLACK</p>
@@ -273,7 +273,7 @@ having someone with snazzy Web design skills would not be a
bad thing!
<a
href="https://join.slack.com/t/apachecloudstack/shared_invite/zt-2aegc22z7-tPCxpptfcebTBtd59qcZSQ";
class="btn btn-primary">Learn More</a>
</div>
</div>
- <div class="col-lg-3 col-md-6">
+ <div class="col col-lg-3 col-md-6">
<div class="join-card">
<img src="/img/blog_icon.svg" alt=""/>
<p class="blue-title">CONTRIBUTE CONTENT</p>
@@ -286,7 +286,7 @@ Video Series.
<a href="blog" class="btn btn-primary">Learn More</a>
</div>
</div>
- <div class="col-lg-3 col-md-6">
+ <div class="col col-lg-3 col-md-6">
<div class="join-card">
<img src="/img/mailing_list_icon.svg" alt=""/>
<p class="blue-title">WHERE TO ASK FOR HELP</p>
