Skip to content

Commit 0b8a1d2

Browse files
DaanHooglandDaan Hoogland
DaanHoogland
and
Daan Hoogland
authored
Different changes in make-up (#335)
* external video on GitOps * update release picture * replace indiqus logo with yotta * cloudstack&ceph day removed * k8s bootstrapping video as link instead of embedded * add TF solution brief * allignments on phone * syntax * format * button to case-study class of blogs * rigit layout to prevent future error amap * extra lifeincloud item + code format --------- Co-authored-by: Daan Hoogland <dahn@apache.org>
1 parent d1d4cc0 commit 0b8a1d2

11 files changed

Lines changed: 224 additions & 199 deletions

File tree

‎blog/2024-01-08-cloudstack-and-gitops-at-scale/index.md‎

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -49,11 +49,7 @@ questions to the AT&T team, to understand more about their choice of
4949
technology and learn for their experience of managing infrastructure
5050
at a large-scale and enterprise level.
5151

52-
<iframe width="100%" height="480p" src="https://www.youtube.com/embed/Bc1a8YHdEq4?si=V7QZM660_YS9pjKp"
53-
title="YouTube video player" frameborder="0" allow="accelerometer;
54-
autoplay; clipboard-write; encrypted-media; gyroscope;
55-
picture-in-picture; web-share" allowfullscreen>
56-
</iframe>
52+
[![](preview.png "CloudStack GitOps at Scale - video")](https://www.youtube.com/watch?v=Bc1a8YHdEq4)
5753

5854
<div class="text-center">
5955
Alex Dometrius, Associate Director - Technology at AT&T, presents at

‎blog/2024-01-08-cloudstack-and-gitops-at-scale/preview.png‎

3.6 MB
Loading

‎src/components/Events/index.tsx‎

Lines changed: 0 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -121,17 +121,6 @@ involved with the community.
121121
<a href="https://youtube.com/playlist?list=PLnIKk7GjgFlYRGmxK70VXSgpNXjEBHpYw&si=JQzS5sYCbmTeIsfs" target="_blank" className="btn btn-primary me-3">Watch</a>
122122
</div>
123123
</div>
124-
<div className="row">
125-
<div className="col-lg-9 pt-3 px-4">
126-
<img src="/img/ceph day.png" alt="" className="events-img events-overview-img"/>
127-
<p className="title mt-2">Ceph and CloudStack Day 2024</p>
128-
<p className="events-info"><img src="img/pin_icon.png" className="me-2" alt=""/>Amsterdam, the Netherlands</p>
129-
<p className="events-info"><img src="img/calendar_icon.png" className="me-2" alt=""/>February 22, 2024</p>
130-
</div>
131-
<div className="col-lg-3 px-4 events-btn-margin d-flex justify-content-center justify-content-lg-end align-items-center">
132-
<a href="https://www.youtube.com/playlist?list=PLnIKk7GjgFlYgPbjM3os1YoE10Ys9gEB6" target="_blank" className="btn btn-primary me-3">Watch</a>
133-
</div>
134-
</div>
135124
</div>
136125

137126
<div className="text-center load-more">

‎src/css/custom.css‎

Lines changed: 7 additions & 6 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/pages/cloud-builders.js‎

Lines changed: 108 additions & 105 deletions
Original file line numberDiff line numberDiff line change
@@ -27,113 +27,116 @@ function CloudBuildersHeader() {
2727
export default function CloudBuilders() {
2828
return (
2929
<Layout title="Apache CloudStack - A Turnkey Solution for Cloud Builders">
30-
<CloudBuildersHeader/>
31-
<main>
32-
<section>
33-
<div className="container">
34-
<div className="row">
35-
<div className="col-lg-6 order-lg-2">
36-
<h2 className="section-title mb-4">About Apache CloudStack</h2>
37-
<p className="px18">Apache CloudStack is a highly
38-
scalable IaaS cloud computing platform that provides a cloud
39-
orchestration layer, automating the creation, provisioning and
40-
configuration of IaaS components. It turns existing virtual
41-
infrastructure into a cloud-based Infrastructure as a Service (IaaS)
42-
platform. Because CloudStack leverages existing infrastructure, the
43-
costs and time for the organization to build a multi-tenant IaaS
44-
platform are greatly reduced.</p>
45-
<p className="px18">CloudStack is a turnkey solution
46-
for MSPs, cloud providers and telcos. It includes the entire “stack” of
47-
features you need: compute orchestration, Network-as-a-Service, user
48-
and account management, a full and open native API, resource accounting,
49-
and a first-class User Interface.</p>
50-
</div>
51-
<div className="col-lg-6 text-center">
52-
<a href="https://docs.google.com/forms/d/e/1FAIpQLScPHIRetdt-pxPT62IesXMoQUmhQ8ATGKcYZa507mB9uwzn-Q/viewform" target="_blank">
53-
<img src="/img/CloudStack_survey3.png" className="img-fluid mt-4 mt-lg-2" alt="CloudStack survey"/>
54-
</a>
55-
</div>
56-
</div>
57-
</div>
58-
</section>
30+
<CloudBuildersHeader/>
31+
<main>
32+
<section>
33+
<div className="container">
34+
<div className="row">
35+
<div className="col-lg-6 order-lg-2">
36+
<h2 className="section-title mb-4">About Apache CloudStack</h2>
37+
<p className="px18">Apache CloudStack is a highly
38+
scalable IaaS cloud computing platform that provides a cloud
39+
orchestration layer, automating the creation, provisioning and
40+
configuration of IaaS components. It turns existing virtual
41+
infrastructure into a cloud-based Infrastructure as a Service (IaaS)
42+
platform. Because CloudStack leverages existing infrastructure, the
43+
costs and time for the organization to build a multi-tenant IaaS
44+
platform are greatly reduced.</p>
45+
<p className="px18">CloudStack is a turnkey solution
46+
for MSPs, cloud providers and telcos. It includes the entire “stack” of
47+
features you need: compute orchestration, Network-as-a-Service, user
48+
and account management, a full and open native API, resource accounting,
49+
and a first-class User Interface.</p>
50+
</div>
51+
<div className="col-lg-6 text-center">
52+
<a href="https://docs.google.com/forms/d/e/1FAIpQLScPHIRetdt-pxPT62IesXMoQUmhQ8ATGKcYZa507mB9uwzn-Q/viewform" target="_blank">
53+
<img src="/img/CloudStack_survey3.png" className="img-fluid mt-4 mt-lg-2" alt="CloudStack survey"/>
54+
</a>
55+
</div>
56+
</div>
57+
</div>
58+
</section>
5959

60-
<div className="container">
61-
<div className="row">
62-
<div className="col">
63-
<div className="partners-holder">
64-
<p className="blue-title mb-4 mb-lg-5">LEADING COMPANIES TRUST APACHE CLOUDSTACK</p>
65-
<div className="partners cloud-partners">
66-
<img src="/img/BT_logo.svg" height="50" alt=""/>
67-
<img src="/img/CloudOps_logo.svg" height="30" alt=""/>
68-
<img src="/img/ikoula_logo.svg" height="40" alt=""/>
69-
<img src="/img/M5Hosting_logo.png" height="30" alt=""/>
70-
<img src="/img/versio-logo.png" height="20" alt=""/>
71-
<img src="/img/yourhosting.nl_logo.svg" height="30" alt=""/>
72-
</div>
73-
</div>
74-
</div>
75-
</div>
76-
</div>
60+
<div className="container">
61+
<div className="row">
62+
<div className="col">
63+
<div className="partners-holder">
64+
<p className="blue-title mb-4 mb-lg-5">LEADING COMPANIES TRUST APACHE CLOUDSTACK</p>
65+
<div className="partners cloud-partners">
66+
<img src="/img/BT_logo.svg" height="50" alt=""/>
67+
<img src="/img/CloudOps_logo.svg" height="30" alt=""/>
68+
<img src="/img/ikoula_logo.svg" height="40" alt=""/>
69+
<img src="/img/M5Hosting_logo.png" height="30" alt=""/>
70+
<img src="/img/versio-logo.png" height="20" alt=""/>
71+
<img src="/img/yourhosting.nl_logo.svg" height="30" alt=""/>
72+
</div>
73+
</div>
74+
</div>
75+
</div>
76+
</div>
7777

78-
<section className="powers bg-none">
79-
<div className="container">
80-
<div className="row">
81-
<div className="col-lg-8 offset-lg-2">
82-
<h2 className="section-title text-center mb-4">CloudStack Solves Key Challenges for Cloud Providers &amp; MSPs</h2>
83-
<p className="px18 text-center mb-5">CloudStack can
84-
manage tens of thousands of physical servers installed in geographically
85-
distributed data centers. It is a powerful IaaS management solution,
86-
but it is still easy to use and implement with a small team. Powered by a
87-
solid open-source community, Apache CloudStack eliminates the
88-
dependencies and allows you to follow your own cloud development plan,
89-
and use the hardware and software of your choice and business
90-
requirements.</p>
91-
</div>
92-
</div>
93-
<div className="row">
94-
<div className="col-lg-4 col-md-6">
95-
<div className="power-card line">
96-
<img src="/img/decrease_TCO_icon.svg" alt=""/>
97-
<p className="card-title">Decrease TCO for your IaaS</p>
98-
</div>
99-
</div>
100-
<div className="col-lg-4 col-md-6">
101-
<div className="power-card line">
102-
<img src="/img/open-source_icon.svg" alt=""/>
103-
<p className="card-title">Completely open-source</p>
104-
</div>
105-
</div>
106-
<div className="col-lg-4 col-md-6">
107-
<div className="power-card line">
108-
<img src="/img/community_icon.svg" alt=""/>
109-
<p className="card-title">Powered by an active community</p>
110-
</div>
111-
</div>
112-
<div className="col-lg-4 col-md-6">
113-
<div className="power-card">
114-
<img src="/img/easy_to_use_icon.svg" alt=""/>
115-
<p className="card-title">Easy to use</p>
116-
</div>
117-
</div>
118-
<div className="col-lg-4 col-md-6">
119-
<div className="power-card">
120-
<img src="/img/quick_deploy_icon.svg" alt=""/>
121-
<p className="card-title">Quick to deploy</p>
122-
</div>
123-
</div>
124-
<div className="col-lg-4 col-md-6">
125-
<div className="power-card">
126-
<img src="/img/vendor_integration_icon.svg" alt=""/>
127-
<p className="card-title">Strong vendor integrations</p>
128-
</div>
129-
</div>
130-
</div>
131-
</div>
132-
</section>
78+
<section className="powers bg-none">
79+
<div className="container">
80+
<div className="row">
81+
<div className="col-lg-8 offset-lg-2">
82+
<h2 className="section-title text-center mb-4">CloudStack Solves Key Challenges for Cloud Providers &amp; MSPs</h2>
83+
<p className="px18 text-center mb-5">CloudStack can
84+
manage tens of thousands of physical servers installed in geographically
85+
distributed data centers. It is a powerful IaaS management solution,
86+
but it is still easy to use and implement with a small team. Powered by a
87+
solid open-source community, Apache CloudStack eliminates the
88+
dependencies and allows you to follow your own cloud development plan,
89+
and use the hardware and software of your choice and business
90+
requirements.</p>
91+
</div>
92+
</div>
93+
<div className="row">
94+
<div className="col-lg-4 col-md-6 key-values">
95+
<div className="power-card line">
96+
<img src="/img/decrease_TCO_icon.svg" alt=""/>
97+
<p className="card-title">Decrease TCO for your IaaS</p>
98+
</div>
99+
</div>
100+
<div className="col-lg-4 col-md-6 key-values">
101+
<div className="power-card line">
102+
<img src="/img/open-source_icon.svg" alt=""/>
103+
<p className="card-title">Completely open-source</p>
104+
</div>
105+
</div>
106+
<div className="col-lg-4 col-md-6 key-values">
107+
<div className="power-card line">
108+
<img src="/img/community_icon.svg" alt=""/>
109+
<p className="card-title">Powered by an active community</p>
110+
</div>
111+
</div>
112+
<div className="col-lg-4 col-md-6 key-values">
113+
<div className="power-card line">
114+
<img src="/img/easy_to_use_icon.svg" alt=""/>
115+
<p className="card-title">Easy to use</p>
116+
</div>
117+
</div>
118+
<div className="col-lg-4 col-md-6 key-values">
119+
<div className="power-card line">
120+
<img src="/img/quick_deploy_icon.svg" alt=""/>
121+
<p className="card-title">Quick to deploy</p>
122+
</div>
123+
</div>
124+
<div className="col-lg-4 col-md-6 key-values">
125+
<div className="power-card line">
126+
<img src="/img/vendor_integration_icon.svg" alt=""/>
127+
<p className="card-title">Strong vendor integrations</p>
128+
</div>
129+
</div>
130+
</div>
131+
</div>
132+
</section>
133133

134+
<div class="col col-3 col-lg text-center">
135+
<a class="button button--primary button--lg" href="/blog/tags/case-studies" target="_blank">Case Studies</a>
136+
</div>
134137

135-
<LearnMore/>
136-
</main>
138+
<LearnMore/>
139+
</main>
137140
</Layout>
138-
);
139-
}
141+
);
142+
}

‎src/pages/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ Apache CloudStack™ is an open-source software system designed to deploy and m
3838
<img src="/img/brainboard.png" height="25" alt=""/>
3939
<img src="/img/ntt.svg" height="18" alt=""/>
4040
<img src="/img/leaseweb.svg" height="25" alt=""/>
41-
<img src="/img/logo-indiqus.png" height="20" alt=""/>
41+
<img src="/img/logo-yotta .png" height="20" alt=""/>
4242
<img src="/img/Logo_arsat.png" height="20" alt=""/>
4343
<img src="/img/we_systems.svg" height="50" alt=""/>
4444
<img src="/img/AT&T_logo_2016.svg" height="38" alt=""/>

‎src/pages/kubernetes.js‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -87,7 +87,9 @@ kubicorn.
8787
</p>
8888
</div>
8989
<div className="col-lg-6">
90-
<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>
90+
<a href="https://www.youtube.com/embed/NcfVkVT48Kk" target="_blank">
91+
<img src="/img/bootstrapping_k8s_capc.png" className="img-fluid" alt="Bootstrapping Kubernetes using CAPC"/>
92+
</a>
9193
</div>
9294
</div>
9395
</div>

0 commit comments

Comments
 (0)