Skip to content

Different changes in make-up #335

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
DaanHoogland merged 12 commits into from
Jul 1, 2025
Merged

Different changes in make-up #335

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
dc2e107
external video on GitOps
Jun 30, 2025
88c65f9
update release picture
Jun 30, 2025
068453d
replace indiqus logo with yotta
Jun 30, 2025
3010503
cloudstack&ceph day removed
Jun 30, 2025
159e145
k8s bootstrapping video as link instead of embedded
Jun 30, 2025
c8d4c9d
add TF solution brief
Jun 30, 2025
8c074fc
allignments on phone
Jul 1, 2025
4d5d30a
syntax
Jul 1, 2025
be6b299
format
Jul 1, 2025
86a2654
button to case-study class of blogs
Jul 1, 2025
734ae92
rigit layout to prevent future error amap
Jul 1, 2025
a81b4bb
extra lifeincloud item + code format
Jul 1, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 1 addition & 5 deletions blog/2024-01-08-cloudstack-and-gitops-at-scale/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,11 +49,7 @@ questions to the AT&T team, to understand more about their choice of
technology and learn for their experience of managing infrastructure
at a large-scale and enterprise level.

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

<div class="text-center">
Alex Dometrius, Associate Director - Technology at AT&T, presents at
Expand Down
Binary file added blog/2024-01-08-cloudstack-and-gitops-at-scale/preview.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 0 additions & 11 deletions src/components/Events/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -121,17 +121,6 @@ involved with the community.
<a href="https://youtube.com/playlist?list=PLnIKk7GjgFlYRGmxK70VXSgpNXjEBHpYw&si=JQzS5sYCbmTeIsfs" target="_blank" className="btn btn-primary me-3">Watch</a>
</div>
</div>
<div className="row">
<div className="col-lg-9 pt-3 px-4">
<img src="/img/ceph day.png" alt="" className="events-img events-overview-img"/>
<p className="title mt-2">Ceph and CloudStack Day 2024</p>
<p className="events-info"><img src="img/pin_icon.png" className="me-2" alt=""/>Amsterdam, the Netherlands</p>
<p className="events-info"><img src="img/calendar_icon.png" className="me-2" alt=""/>February 22, 2024</p>
</div>
<div className="col-lg-3 px-4 events-btn-margin d-flex justify-content-center justify-content-lg-end align-items-center">
<a href="https://www.youtube.com/playlist?list=PLnIKk7GjgFlYgPbjM3os1YoE10Ys9gEB6" target="_blank" className="btn btn-primary me-3">Watch</a>
</div>
</div>
</div>

<div className="text-center load-more">
Expand Down
13 changes: 7 additions & 6 deletions src/css/custom.css
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

213 changes: 108 additions & 105 deletions src/pages/cloud-builders.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,113 +27,116 @@ function CloudBuildersHeader() {
export default function CloudBuilders() {
return (
<Layout title="Apache CloudStack - A Turnkey Solution for Cloud Builders">
<CloudBuildersHeader/>
<main>
<section>
<div className="container">
<div className="row">
<div className="col-lg-6 order-lg-2">
<h2 className="section-title mb-4">About Apache CloudStack</h2>
<p className="px18">Apache CloudStack is a highly
scalable IaaS cloud computing platform that provides a cloud
orchestration layer, automating the creation, provisioning and
configuration of IaaS components. It turns existing virtual
infrastructure into a cloud-based Infrastructure as a Service (IaaS)
platform. Because CloudStack leverages existing infrastructure, the
costs and time for the organization to build a multi-tenant IaaS
platform are greatly reduced.</p>
<p className="px18">CloudStack is a turnkey solution
for MSPs, cloud providers and telcos. It includes the entire “stack” of
features you need: compute orchestration, Network-as-a-Service, user
and account management, a full and open native API, resource accounting,
and a first-class User Interface.</p>
</div>
<div className="col-lg-6 text-center">
<a href="https://docs.google.com/forms/d/e/1FAIpQLScPHIRetdt-pxPT62IesXMoQUmhQ8ATGKcYZa507mB9uwzn-Q/viewform" target="_blank">
<img src="/img/CloudStack_survey3.png" className="img-fluid mt-4 mt-lg-2" alt="CloudStack survey"/>
</a>
</div>
</div>
</div>
</section>
<CloudBuildersHeader/>
<main>
<section>
<div className="container">
<div className="row">
<div className="col-lg-6 order-lg-2">
<h2 className="section-title mb-4">About Apache CloudStack</h2>
<p className="px18">Apache CloudStack is a highly
scalable IaaS cloud computing platform that provides a cloud
orchestration layer, automating the creation, provisioning and
configuration of IaaS components. It turns existing virtual
infrastructure into a cloud-based Infrastructure as a Service (IaaS)
platform. Because CloudStack leverages existing infrastructure, the
costs and time for the organization to build a multi-tenant IaaS
platform are greatly reduced.</p>
<p className="px18">CloudStack is a turnkey solution
for MSPs, cloud providers and telcos. It includes the entire “stack” of
features you need: compute orchestration, Network-as-a-Service, user
and account management, a full and open native API, resource accounting,
and a first-class User Interface.</p>
</div>
<div className="col-lg-6 text-center">
<a href="https://docs.google.com/forms/d/e/1FAIpQLScPHIRetdt-pxPT62IesXMoQUmhQ8ATGKcYZa507mB9uwzn-Q/viewform" target="_blank">
<img src="/img/CloudStack_survey3.png" className="img-fluid mt-4 mt-lg-2" alt="CloudStack survey"/>
</a>
</div>
</div>
</div>
</section>

<div className="container">
<div className="row">
<div className="col">
<div className="partners-holder">
<p className="blue-title mb-4 mb-lg-5">LEADING COMPANIES TRUST APACHE CLOUDSTACK</p>
<div className="partners cloud-partners">
<img src="/img/BT_logo.svg" height="50" alt=""/>
<img src="/img/CloudOps_logo.svg" height="30" alt=""/>
<img src="/img/ikoula_logo.svg" height="40" alt=""/>
<img src="/img/M5Hosting_logo.png" height="30" alt=""/>
<img src="/img/versio-logo.png" height="20" alt=""/>
<img src="/img/yourhosting.nl_logo.svg" height="30" alt=""/>
</div>
</div>
</div>
</div>
</div>
<div className="container">
<div className="row">
<div className="col">
<div className="partners-holder">
<p className="blue-title mb-4 mb-lg-5">LEADING COMPANIES TRUST APACHE CLOUDSTACK</p>
<div className="partners cloud-partners">
<img src="/img/BT_logo.svg" height="50" alt=""/>
<img src="/img/CloudOps_logo.svg" height="30" alt=""/>
<img src="/img/ikoula_logo.svg" height="40" alt=""/>
<img src="/img/M5Hosting_logo.png" height="30" alt=""/>
<img src="/img/versio-logo.png" height="20" alt=""/>
<img src="/img/yourhosting.nl_logo.svg" height="30" alt=""/>
</div>
</div>
</div>
</div>
</div>

<section className="powers bg-none">
<div className="container">
<div className="row">
<div className="col-lg-8 offset-lg-2">
<h2 className="section-title text-center mb-4">CloudStack Solves Key Challenges for Cloud Providers &amp; MSPs</h2>
<p className="px18 text-center mb-5">CloudStack can
manage tens of thousands of physical servers installed in geographically
distributed data centers. It is a powerful IaaS management solution,
but it is still easy to use and implement with a small team. Powered by a
solid open-source community, Apache CloudStack eliminates the
dependencies and allows you to follow your own cloud development plan,
and use the hardware and software of your choice and business
requirements.</p>
</div>
</div>
<div className="row">
<div className="col-lg-4 col-md-6">
<div className="power-card line">
<img src="/img/decrease_TCO_icon.svg" alt=""/>
<p className="card-title">Decrease TCO for your IaaS</p>
</div>
</div>
<div className="col-lg-4 col-md-6">
<div className="power-card line">
<img src="/img/open-source_icon.svg" alt=""/>
<p className="card-title">Completely open-source</p>
</div>
</div>
<div className="col-lg-4 col-md-6">
<div className="power-card line">
<img src="/img/community_icon.svg" alt=""/>
<p className="card-title">Powered by an active community</p>
</div>
</div>
<div className="col-lg-4 col-md-6">
<div className="power-card">
<img src="/img/easy_to_use_icon.svg" alt=""/>
<p className="card-title">Easy to use</p>
</div>
</div>
<div className="col-lg-4 col-md-6">
<div className="power-card">
<img src="/img/quick_deploy_icon.svg" alt=""/>
<p className="card-title">Quick to deploy</p>
</div>
</div>
<div className="col-lg-4 col-md-6">
<div className="power-card">
<img src="/img/vendor_integration_icon.svg" alt=""/>
<p className="card-title">Strong vendor integrations</p>
</div>
</div>
</div>
</div>
</section>
<section className="powers bg-none">
<div className="container">
<div className="row">
<div className="col-lg-8 offset-lg-2">
<h2 className="section-title text-center mb-4">CloudStack Solves Key Challenges for Cloud Providers &amp; MSPs</h2>
<p className="px18 text-center mb-5">CloudStack can
manage tens of thousands of physical servers installed in geographically
distributed data centers. It is a powerful IaaS management solution,
but it is still easy to use and implement with a small team. Powered by a
solid open-source community, Apache CloudStack eliminates the
dependencies and allows you to follow your own cloud development plan,
and use the hardware and software of your choice and business
requirements.</p>
</div>
</div>
<div className="row">
<div className="col-lg-4 col-md-6 key-values">
<div className="power-card line">
<img src="/img/decrease_TCO_icon.svg" alt=""/>
<p className="card-title">Decrease TCO for your IaaS</p>
</div>
</div>
<div className="col-lg-4 col-md-6 key-values">
<div className="power-card line">
<img src="/img/open-source_icon.svg" alt=""/>
<p className="card-title">Completely open-source</p>
</div>
</div>
<div className="col-lg-4 col-md-6 key-values">
<div className="power-card line">
<img src="/img/community_icon.svg" alt=""/>
<p className="card-title">Powered by an active community</p>
</div>
</div>
<div className="col-lg-4 col-md-6 key-values">
<div className="power-card line">
<img src="/img/easy_to_use_icon.svg" alt=""/>
<p className="card-title">Easy to use</p>
</div>
</div>
<div className="col-lg-4 col-md-6 key-values">
<div className="power-card line">
<img src="/img/quick_deploy_icon.svg" alt=""/>
<p className="card-title">Quick to deploy</p>
</div>
</div>
<div className="col-lg-4 col-md-6 key-values">
<div className="power-card line">
<img src="/img/vendor_integration_icon.svg" alt=""/>
<p className="card-title">Strong vendor integrations</p>
</div>
</div>
</div>
</div>
</section>

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

<LearnMore/>
</main>
<LearnMore/>
</main>
</Layout>
);
}
);
}
2 changes: 1 addition & 1 deletion src/pages/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ Apache CloudStack™ is an open-source software system designed to deploy and m
<img src="/img/brainboard.png" height="25" alt=""/>
<img src="/img/ntt.svg" height="18" alt=""/>
<img src="/img/leaseweb.svg" height="25" alt=""/>
<img src="/img/logo-indiqus.png" height="20" alt=""/>
<img src="/img/logo-yotta .png" height="20" alt=""/>
<img src="/img/Logo_arsat.png" height="20" alt=""/>
<img src="/img/we_systems.svg" height="50" alt=""/>
<img src="/img/AT&T_logo_2016.svg" height="38" alt=""/>
Expand Down
4 changes: 3 additions & 1 deletion src/pages/kubernetes.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,9 @@ kubicorn.
</p>
</div>
<div className="col-lg-6">
<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>
<a href="https://www.youtube.com/embed/NcfVkVT48Kk" target="_blank">
<img src="/img/bootstrapping_k8s_capc.png" className="img-fluid" alt="Bootstrapping Kubernetes using CAPC"/>
</a>
</div>
</div>
</div>
Expand Down
Loading