This is an automated email from the ASF dual-hosted git repository.
nvazquez pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/cloudstack-www.git
The following commit(s) were added to refs/heads/main by this push:
new c2d91b0e Fix Kubernetes page video and use cases
c2d91b0e is described below
commit c2d91b0e685bd1be52dca2f8913eb1f436446277
Author: nvazquez <[email protected]>
AuthorDate: Wed Apr 5 11:21:57 2023 -0300
Fix Kubernetes page video and use cases
---
content/kubernetes.html | 20 +++++++++++++++++---
source/kubernetes.html.markdown | 20 +++++++++++++++++---
2 files changed, 34 insertions(+), 6 deletions(-)
diff --git a/content/kubernetes.html b/content/kubernetes.html
index cc76d97a..2711cca2 100644
--- a/content/kubernetes.html
+++ b/content/kubernetes.html
@@ -157,6 +157,20 @@
background-color: #ecf0f1;
border-radius: 10px;
}
+.title {
+ background-color: #ecf0f1;
+ border-radius: 5px 5px 0 0;
+ }
+.img-holder-three {
+ border-radius: 5px;
+ border: 1px solid #ecf0f1;
+}
+.title {
+ padding: 5px 10px;
+}
+.btn {
+ padding: 2px 10px;
+}
.text-10 {
padding: 10px;
}
@@ -244,7 +258,7 @@
<h2 class="text-center">Explore the Kubernetes Cluster API Provider<br
/>for Apache CloudStack</h2>
</div>
<div class="col-md-6 col-6">
- <iframe width="100%" height="315"
src="https://www.youtube.com/watch?v=NcfVkVT48Kk"; title="YouTube video player"
frameborder="0" allow="accelerometer; autoplay; clipboard-write;
encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen=""></iframe>
+ <iframe width="100%" height="315"
src="https://www.youtube.com/embed/NcfVkVT48Kk"; title="Bootstrapping K8S
Cluster using CAPC - Apache CloudStack - Kubernetes" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope;
picture-in-picture; web-share" allowfullscreen=""></iframe>
</div>
<div class="col-md-6 col-6" style="padding-top: 50px;">
<p>The Kubernetes Cluster API (CAPI) provider for Apache CloudStack allows
Ku-
@@ -271,8 +285,8 @@
vious cluster managers such as kops and kubicorn.</p>
<a
href="https://cluster-api-cloudstack.sigs.k8s.io/getting-started.html";><button
type="button" class="btn btn-success" style="margin-top: 20px;">Read
more</button></a>
</div>
- <div class="col-md-5 px-5">
- <img src="images/Kubernetes_logo.svg"
style="width:200px;float:right" alt="Kubernetes logo" />
+ <div class="col-md-5 px-5" style="text-align:center">
+ <img src="images/Kubernetes_logo.svg" style="width:300px"
alt="Kubernetes logo" />
</div>
</div>
</div>
diff --git a/source/kubernetes.html.markdown b/source/kubernetes.html.markdown
index 9a2ccd27..ffb482f1 100644
--- a/source/kubernetes.html.markdown
+++ b/source/kubernetes.html.markdown
@@ -32,6 +32,20 @@ title: Kubernetes
background-color: #ecf0f1;
border-radius: 10px;
}
+.title {
+ background-color: #ecf0f1;
+ border-radius: 5px 5px 0 0;
+ }
+.img-holder-three {
+ border-radius: 5px;
+ border: 1px solid #ecf0f1;
+}
+.title {
+ padding: 5px 10px;
+}
+.btn {
+ padding: 2px 10px;
+}
.text-10 {
padding: 10px;
}
@@ -119,7 +133,7 @@ title: Kubernetes
<h2 class="text-center">Explore the Kubernetes Cluster API Provider<br>for
Apache CloudStack</h2>
</div>
<div class="col-md-6 col-6">
- <iframe width="100%" height="315"
src="https://www.youtube.com/watch?v=NcfVkVT48Kk"; title="YouTube video player"
frameborder="0" allow="accelerometer; autoplay; clipboard-write;
encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
+ <iframe width="100%" height="315"
src="https://www.youtube.com/embed/NcfVkVT48Kk"; title="Bootstrapping K8S
Cluster using CAPC - Apache CloudStack - Kubernetes" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope;
picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<div class="col-md-6 col-6" style="padding-top: 50px;">
<p>The Kubernetes Cluster API (CAPI) provider for Apache CloudStack allows
Ku-
@@ -146,8 +160,8 @@ title: Kubernetes
vious cluster managers such as kops and kubicorn.</p>
<a
href="https://cluster-api-cloudstack.sigs.k8s.io/getting-started.html";><button
type="button" class="btn btn-success" style="margin-top: 20px;">Read
more</button></a>
</div>
- <div class="col-md-5 px-5">
- <img src="images/Kubernetes_logo.svg"
style="width:200px;float:right" alt="Kubernetes logo" />
+ <div class="col-md-5 px-5" style="text-align:center">
+ <img src="images/Kubernetes_logo.svg" style="width:300px"
alt="Kubernetes logo" />
</div>
</div>
</div>
