This is an automated email from the ASF dual-hosted git repository.
rohit pushed a commit to branch blog-css-fixes
in repository https://gitbox.apache.org/repos/asf/cloudstack-www.git
commit 919aea44f39a2552caa12dccdd0efd1b77ae6fa5
Author: Rohit Yadav <rohit.ya...@shapeblue.com>
AuthorDate: Tue Jan 23 22:18:03 2024 +0530
fix blog css and button colours
Signed-off-by: Rohit Yadav <rohit.ya...@shapeblue.com>
---
.../index.md | 5 +----
.../index.md | 2 +-
src/css/custom.css | 25 +++++++++++-----------
src/pages/index.tsx | 16 +++++++-------
src/theme/BlogLayout/style.scss | 1 -
5 files changed, 23 insertions(+), 26 deletions(-)
diff --git a/blog/2024-01-08-cloudstack-and-gitops-at-scale/index.md
b/blog/2024-01-08-cloudstack-and-gitops-at-scale/index.md
index 2ac84096f..e384e7eca 100644
--- a/blog/2024-01-08-cloudstack-and-gitops-at-scale/index.md
+++ b/blog/2024-01-08-cloudstack-and-gitops-at-scale/index.md
@@ -119,7 +119,4 @@ Our expectation is essentially all workloads in the
enterprise
can/could be managed with CloudStack. Web applications, Kubernetes
clusters, databases, etc.
-<br/>
-<br/>
-
-## More about AT&T: https://www.att.com/
+<h4>More about AT&T: <a href="https://www.att.com";>https://www.att.com</a></h4>
diff --git a/blog/2024-01-08-cloudstack-india-user-group-2024/index.md
b/blog/2024-01-08-cloudstack-india-user-group-2024/index.md
index d47ee793c..af3b4eeda 100644
--- a/blog/2024-01-08-cloudstack-india-user-group-2024/index.md
+++ b/blog/2024-01-08-cloudstack-india-user-group-2024/index.md
@@ -43,7 +43,7 @@ As the user group is still accepting session proposals, the
agenda is still to b
Our meetups attendees benefit from catching up with the latest developments in
the CloudStack ecosystem as well as learn about real-world use of CloudStack
from actual users, learn about their interesting solutions, integrations and
meet them face to face. It's just a great place to be at for anybody using
CloudStack or considering to build a private cloud."
-- <a href="https://www.linkedin.com/in/rohityadavcloud/";>Rohit Yadav</a>, PMC
Chair and VP Apache CloudStack
+-<a href="https://www.linkedin.com/in/rohityadavcloud/";>Rohit Yadav</a>, PMC
Chair and VP Apache CloudStack
</div>
<div className="col col--3">
diff --git a/src/css/custom.css b/src/css/custom.css
index b63584973..5c0f41234 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -89,13 +89,19 @@ body {
}
/* header */
-header {
+.header-homepage {
background: url('img/blue_splash_updated.svg') no-repeat center top;
}
.navbar {
background-color: #fff;
padding: 0;
}
+.navbar__logo {
+ flex: 0 0 auto;
+ height: 2rem;
+ margin-left: 1rem;
+ margin-right: 0.5rem;
+}
.top-search-holder {
position: relative;
}
@@ -153,6 +159,7 @@ h1 {
background-color: #F0F2F5A6;
border-radius: 18px;
padding: 40px 30px 30px;
+ margin-right: 20px;
margin-bottom: 20px;
}
.power-card.line {
@@ -244,6 +251,7 @@ h1 {
border: 1px solid #2AA5DC40;
border-radius: 18px;
padding: 20px;
+ margin-right: 20px;
margin-bottom: 20px;
}
.join-card img {
@@ -274,7 +282,7 @@ h1 {
}
.user-survey {
width: 100%;
- height: 6175px;
+ min-height: 600px;
}
.margin-thirth {
margin-top: 100px;
@@ -283,9 +291,6 @@ h1 {
/* footer */
footer {
/* background-color: #08111F;*/
- text-align: center;
- color: #fff;
- padding: 50px 0;
}
.social {
margin: 20px 0;
@@ -608,9 +613,8 @@ iframe {
/* responsive */
@media only screen and (min-width: 1024px) {
- header {
+ .header-homepage {
padding-top: 180px;
-/* background-size: 100%;*/
}
.events {
background: url('img/blue_splash_v2.png') no-repeat calc(50% +
600px) 600px;
@@ -626,7 +630,7 @@ iframe {
.top-search {
width: 100%;
}
- header {
+ .header-homepage {
padding-top: 80px;
}
.section-title {
@@ -1039,9 +1043,6 @@ sub,sup{
sub{bottom:-.25em}
sup{top:-.5em}
-a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));}
-a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}
-a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}
pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}
pre code{font-size:inherit;color:inherit;word-break:normal}
@@ -1610,7 +1611,7 @@ textarea.form-control-lg{min-height:calc(1.5em + 1rem +
calc(var(--bs-border-wid
.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}
.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}
.btn.disabled,.btn:disabled,fieldset:disabled
.btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}
-.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset
0 3px 5px rgba(0, 0, 0,
0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}
+.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#2d9ed2;--bs-btn-border-color:#2d9ed2;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#42a8d6;--bs-btn-hover-border-color:#42a8d6;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#2d9ed2;--bs-btn-active-border-color:#2d9ed2;--bs-btn-active-shadow:inset
0 3px 5px rgba(0, 0, 0,
0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}
.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset
0 3px 5px rgba(0, 0, 0,
0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}
.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset
0 3px 5px rgba(0, 0, 0,
0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}
.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset
0 3px 5px rgba(0, 0, 0,
0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index d8b8b4c36..6c497381d 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -15,11 +15,11 @@ const recentPosts =
require("../../.docusaurus/docusaurus-plugin-content-blog/de
function HomepageHeader() {
const {siteConfig} = useDocusaurusContext();
return (
- <header>
+ <header class="header-homepage">
<div class="container">
<div class="row">
<div class="col-lg-5 text-white">
- <h1><strong>Open–Source</strong> Cloud Computing</h1>
+ <h1><strong>Open–Source</strong> Cloud Computing™</h1>
<p class="px18 my-4">
An open source software designed to deploy and manage large networks
of virtual machines, as a highly available, highly scalable
@@ -28,8 +28,8 @@ Infrastructure as a Service (IaaS) cloud computing platform.
<div class="center-buttons">
<a href="downloads" class="btn btn-light btn-size">Download</a>
- <a href="https://docs.cloudstack.apache.org/en/4.18.1.0/";
class="btn btn-outline-light btn-size">Documentation</a>
- <p class="small mt-3">Apache CloudStack 4.18.0.0 is out!</p>
+ <a href="https://docs.cloudstack.apache.org/en/4.18.1.0/";
target="_blank" class="btn btn-outline-light btn-size">Documentation</a>
+ <p class="small mt-3">Apache CloudStack 4.18.1.0 is out!</p>
</div>
</div>
<div class="col-lg-7"><img src="img/CloudStack_monkey_cloud.png"
class="img-fluid" alt=""/></div>
@@ -212,10 +212,10 @@ specific infrastructure.
<div class="col-lg-5">
<h2 class="section-title mb-4 margin-second">Latest
Release</h2>
<div class="center-buttons">
- <p class="px18">Apache CloudStack 4.18.0.0 is out!<br/>This
is the latest LTS release.</p>
- <a href="#" class="btn btn-primary btn-size">Download</a>
+ <p class="px18">Apache CloudStack 4.18.1.0 is out!<br/>This
is the latest LTS release.</p>
+ <a href="downloads" class="btn btn-primary
btn-size">Download</a>
- <a href="#" class="btn btn-outline-secondary
btn-size">Documentation</a>
+ <a href="https://docs.cloudstack.apache.org/en/4.18.1.0/";
target="_blank" class="btn btn-outline-secondary btn-size">Documentation</a>
</div>
</div>
<div class="col-lg-7"><img
src="img/CloudStack_release_illustration.png" class="img-fluid img-release"
alt=""/></div>
@@ -359,7 +359,7 @@ Video Series.
</div>
</div>
</div>
- <div class="user-servey">
+ <div class="user-survey">
<div class="container">
<div class="row">
<div class="col-lg-6">
diff --git a/src/theme/BlogLayout/style.scss b/src/theme/BlogLayout/style.scss
index 588cb9637..14eda90bf 100644
--- a/src/theme/BlogLayout/style.scss
+++ b/src/theme/BlogLayout/style.scss
@@ -1,5 +1,4 @@
.blog-container {
- margin-top: 0 !important;
}
.sidebar {
