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 a225eaa2c image paths (#183)
a225eaa2c is described below
commit a225eaa2c8d88c178c1d6a48d87e93da6ac9a1ba
Author: dahn <[email protected]>
AuthorDate: Fri Mar 8 10:33:59 2024 +0100
image paths (#183)
---
src/pages/integrations.js | 84 +++++++++++++++++++++++------------------------
1 file changed, 42 insertions(+), 42 deletions(-)
diff --git a/src/pages/integrations.js b/src/pages/integrations.js
index ef9261c0a..8d15f89f5 100644
--- a/src/pages/integrations.js
+++ b/src/pages/integrations.js
@@ -22,7 +22,7 @@ function IntegrationsHeader() {
<div class="center-buttons">
</div>
</div>
- <div class="col-lg-7"><img
src="img/oss_vs_css_integration_illustration.png" class="img-fluid"
alt=""/></div>
+ <div class="col-lg-7"><img
src="/img/oss_vs_css_integration_illustration.png" class="img-fluid"
alt=""/></div>
</div>
</div>
</header>
@@ -43,9 +43,9 @@ function OurUsers() {
<div class="col-md-4 order-lg-2">
<div class="card-users">
<div class="card-images clearfix mb-4">
- <img src="img/quotes_icon.svg" class="float-start" alt=""/>
- <img src="img/Kshtish_img.png" class="float-start" alt=""/>
- <img src="img/apiculus_logo.svg" class="float-end" alt=""/>
+ <img src="/img/quotes_icon.svg" class="float-start"
alt=""/>
+ <img src="/img/Kshtish_img.png" class="float-start"
alt=""/>
+ <img src="/img/apiculus_logo.svg" class="float-end"
alt=""/>
</div>
<div class="card-text">
<p class="mb-4">
@@ -68,9 +68,9 @@ robust cloud solution in 100+ countries and 300+”
<div class="col-md-4 order-lg-2">
<div class="card-users">
<div class="card-images clearfix mb-4">
- <img src="img/quotes_icon.svg" class="float-start" alt=""/>
- <img src="img/Tamara_img.png" class="float-start" alt=""/>
- <img src="img/Frauhofer_logo.svg" class="float-end"
alt=""/>
+ <img src="/img/quotes_icon.svg" class="float-start"
alt=""/>
+ <img src="/img/Tamara_img.png" class="float-start" alt=""/>
+ <img src="/img/Frauhofer_logo.svg" class="float-end"
alt=""/>
</div>
<div class="card-text">
<p class="mb-4">
@@ -95,9 +95,9 @@ collaborate on code.”
<div class="col-md-4 order-lg-2">
<div class="card-users">
<div class="card-images clearfix mb-4">
- <img src="img/quotes_icon.svg" class="float-start" alt=""/>
- <img src="img/Sven_img.png" class="float-start" alt=""/>
- <img src="img/ewerk_group_logo.png" class="float-end"
alt=""/>
+ <img src="/img/quotes_icon.svg" class="float-start"
alt=""/>
+ <img src="/img/Sven_img.png" class="float-start" alt=""/>
+ <img src="/img/ewerk_group_logo.png" class="float-end"
alt=""/>
</div>
<div class="card-text">
<p class="mb-4">
@@ -139,7 +139,7 @@ export default function CloudStackIntegrations() {
<Tabs className="tabbed-examples tab-box">
<TabItem value="automation" label="Automation" default>
<div class="tab-pane active" id="automation"
role="tabpanel" aria-labelledby="automation-tab" tabindex="0">
- <h2 class="integration-title"><img
src="img/automation_icon.svg" alt="" class="me-3"/>Automation</h2>
+ <h2 class="integration-title"><img
src="/img/automation_icon.svg" alt="" class="me-3"/>Automation</h2>
<p>
CloudStack supports automation integrations through its robust API and
integration capabilities, enabling <strong>seamless orchestration and
@@ -147,21 +147,21 @@ automation of cloud infrastructure tasks</strong>.
</p>
<div class="row integration-images">
<div class="col-md-6">
- <div class="tab-box box-puppet box278"><img
src="img/puppet_logo.svg" alt="hyper-v"/></div>
+ <div class="tab-box box-puppet box278"><img
src="/img/puppet_logo.svg" alt="hyper-v"/></div>
</div>
<div class="col-md-6">
- <div class="tab-box box-terraform box131"><img
src="img/terraform_logo.svg" alt="hyper-v"/></div>
- <div class="tab-box box-ansible box131"><img
src="img/ansible_logo.svg" alt="hyper-v"/></div>
+ <div class="tab-box box-terraform box131"><img
src="/img/terraform_logo.svg" alt="hyper-v"/></div>
+ <div class="tab-box box-ansible box131"><img
src="/img/ansible_logo.svg" alt="hyper-v"/></div>
</div>
<div class="col-md-12">
- <div class="tab-box box-chef box131"><img
src="img/chef-logo.png" alt="hyper-v"/></div>
+ <div class="tab-box box-chef box131"><img
src="/img/chef-logo.png" alt="hyper-v"/></div>
</div>
</div>
</div>
</TabItem>
<TabItem value="backup" label="Backup & Disaster
Recovery">
<div class="tab-pane" id="backup" role="tabpanel"
aria-labelledby="backup-tab" tabindex="0">
- <h2 class="integration-title"><img
src="img/Backup_icon.svg" alt="" class="me-3"/>Backup & Disaster
Recovery</h2>
+ <h2 class="integration-title"><img
src="/img/Backup_icon.svg" alt="" class="me-3"/>Backup & Disaster
Recovery</h2>
<p>
Supports backup and disaster recovery solutions through
CloudStack’s <strong>APIs and extensible architecture</strong>,
@@ -170,14 +170,14 @@ the platform for data protection and continuity.
</p>
<div class="row integration-images">
<div class="col">
- <div class="tab-box box-acronis box192"><img
src="img/acronis_logo.svg" alt=""/></div>
+ <div class="tab-box box-acronis box192"><img
src="/img/acronis_logo.svg" alt=""/></div>
</div>
</div>
</div>
</TabItem>
<TabItem value="containers" label="Containers">
<div class="tab-pane" id="containers" role="tabpanel"
aria-labelledby="containers-tab" tabindex="0">
- <h2 class="integration-title"><img
src="img/containers_icon.svg" alt="" class="me-3"/>Containers</h2>
+ <h2 class="integration-title"><img
src="/img/containers_icon.svg" alt="" class="me-3"/>Containers</h2>
<p>
CloudStack supports different containers through its Container
Service, which can manage and orchestrate container-based workloads
@@ -186,14 +186,14 @@ cloud infrastructure platform</strong>.
</p>
<div class="row integration-images">
<div class="col">
- <div class="tab-box box-kubernetes box192"><img
src="img/kubernetes_logo.svg" alt=""/></div>
+ <div class="tab-box box-kubernetes box192"><img
src="/img/kubernetes_logo.svg" alt=""/></div>
</div>
</div>
</div>
</TabItem>
<TabItem value="hypervisors" label="Hypervisors">
<div class="tab-pane" id="hypervisors" role="tabpanel"
aria-labelledby="hypervisors-tab" tabindex="0">
- <h2 class="integration-title"><img
src="img/Hypervisors_icon.svg" alt="" class="me-3"/>Hypervisors</h2>
+ <h2 class="integration-title"><img
src="/img/Hypervisors_icon.svg" alt="" class="me-3"/>Hypervisors</h2>
<p>
Supports different hypervisors through
CloudStack’s <strong>hypervisor-agnostic architecture</strong>,
@@ -202,26 +202,26 @@ various hypervisor platforms.
</p>
<div class="row integration-images">
<div class="col-md-6">
- <div class="tab-box box-blue box278"><img
src="img/MS_hyper-v_logo.png" alt="hyper-v"/></div>
+ <div class="tab-box box-blue box278"><img
src="/img/MS_hyper-v_logo.png" alt="hyper-v"/></div>
</div>
<div class="col-md-6">
- <div class="tab-box box-white box278"><img
src="img/VM_ware_logo.svg" alt="vmware"/></div>
+ <div class="tab-box box-white box278"><img
src="/img/VM_ware_logo.svg" alt="vmware"/></div>
</div>
<div class="col-md-12">
- <div class="tab-box box-citrix box131"><img
src="img/citrix_logo.svg" alt="citrix"/></div>
+ <div class="tab-box box-citrix box131"><img
src="/img/citrix_logo.svg" alt="citrix"/></div>
</div>
<div class="col-md-6">
- <div class="tab-box box-dgray box131"><img
src="img/KVM_logo.svg" alt=""/></div>
+ <div class="tab-box box-dgray box131"><img
src="/img/KVM_logo.svg" alt=""/></div>
</div>
<div class="col-md-6">
- <div class="tab-box box-lgray box131"><img
src="img/XCP-ng_logo.png" alt=""/></div>
+ <div class="tab-box box-lgray box131"><img
src="/img/XCP-ng_logo.png" alt=""/></div>
</div>
</div>
</div>
</TabItem>
<TabItem value="monitoring" label="Monitoring">
<div class="tab-pane" id="monitoring" role="tabpanel"
aria-labelledby="monitoring-tab" tabindex="0">
- <h2 class="integration-title"><img
src="img/monitoring_icon.svg" alt="" class="me-3"/>Monitoring</h2>
+ <h2 class="integration-title"><img
src="/img/monitoring_icon.svg" alt="" class="me-3"/>Monitoring</h2>
<p>
Apache CloudStack supports different hypervisors through
its <strong>hypervisor-agnostic architecture</strong>, allowing
@@ -230,14 +230,14 @@ hypervisor platforms.
</p>
<div class="row integration-images">
<div class="col">
- <div class="tab-box box-veeam box192"><img
src="img/veeam_logo.svg" alt=""/></div>
+ <div class="tab-box box-veeam box192"><img
src="/img/veeam_logo.svg" alt=""/></div>
</div>
</div>
</div>
</TabItem>
<TabItem value="networking" label="Networking">
<div class="tab-pane" id="networking" role="tabpanel"
aria-labelledby="networking-tab" tabindex="0">
- <h2 class="integration-title"><img
src="img/networking_icon.svg" alt="" class="me-3"/>Networking</h2>
+ <h2 class="integration-title"><img
src="/img/networking_icon.svg" alt="" class="me-3"/>Networking</h2>
<p>
Support different networking integrations through CloudStack’s modular
networking framework, which facilitates the integration
@@ -246,14 +246,14 @@ infrastructure needs</strong>.
</p>
<div class="row integration-images">
<div class="col">
- <div class="tab-box box-tfabric box192"><img
src="img/tungsten_logo.svg" alt=""/></div>
+ <div class="tab-box box-tfabric box192"><img
src="/img/tungsten_logo.svg" alt=""/></div>
</div>
</div>
</div>
</TabItem>
<TabItem value="storage" label="Storage">
<div class="tab-pane" id="storage" role="tabpanel"
aria-labelledby="storage-tab" tabindex="0">
- <h2 class="integration-title"><img
src="img/storage_icon.svg" alt="" class="me-3"/>Storage</h2>
+ <h2 class="integration-title"><img
src="/img/storage_icon.svg" alt="" class="me-3"/>Storage</h2>
<p>
Apache CloudStack supports different storage integrations through its
pluggable storage framework, allowing seamless integration with
@@ -262,28 +262,28 @@ management and storage options</strong>.
</p>
<div class="row integration-images">
<div class="col-md-6">
- <div class="tab-box box-white box278"><img
src="img/storpool_logo.svg" alt=""/></div>
+ <div class="tab-box box-white box278"><img
src="/img/storpool_logo.svg" alt=""/></div>
</div>
<div class="col-md-6">
- <div class="tab-box box-netapp box131"><img
src="img/net_app__solidfire_logo.svg" alt=""/></div>
+ <div class="tab-box box-netapp box131"><img
src="/img/net_app__solidfire_logo.svg" alt=""/></div>
</div>
<div class="col-md-6">
- <div class="tab-box box-pure box131"><img
src="img/pure_storage-logo.svg" alt=""/></div>
+ <div class="tab-box box-pure box131"><img
src="/img/pure_storage-logo.svg" alt=""/></div>
</div>
<div class="col-md-6">
- <div class="tab-box box-ceph box131"><img
src="img/ceph_logo.svg" alt=""/></div>
+ <div class="tab-box box-ceph box131"><img
src="/img/ceph_logo.svg" alt=""/></div>
</div>
<div class="col-md-6">
- <div class="tab-box box-gluster box90"><img
src="img/gluster_logo.png" alt=""/></div>
+ <div class="tab-box box-gluster box90"><img
src="/img/gluster_logo.png" alt=""/></div>
</div>
<div class="col-md-6">
- <div class="tab-box box-nutanix box172"><img
src="img/nutanix_logo.svg" alt=""/></div>
+ <div class="tab-box box-nutanix box172"><img
src="/img/nutanix_logo.svg" alt=""/></div>
</div>
<div class="col-md-6">
- <div class="tab-box box-dell box172"><img
src="img/dell_logo.svg" alt=""/></div>
+ <div class="tab-box box-dell box172"><img
src="/img/dell_logo.svg" alt=""/></div>
</div>
<div class="col-md-6">
- <div class="tab-box box-cloudian box90"><img
src="img/cloudian_logo.svg" alt=""/></div>
+ <div class="tab-box box-cloudian box90"><img
src="/img/cloudian_logo.svg" alt=""/></div>
</div>
</div>
</div>
@@ -320,7 +320,7 @@ organisation, including:
</div>
<div class="col-lg-6 text-center">
<a
href="https://docs.google.com/forms/d/e/1FAIpQLScPHIRetdt-pxPT62IesXMoQUmhQ8ATGKcYZa507mB9uwzn-Q/viewform";
target="_blank">
- <img src="img/CloudStack_survey4.png" class="img-fluid mt-4"
alt="CloudStack survey"/>
+ <img src="/img/CloudStack_survey4.png" class="img-fluid
mt-4" alt="CloudStack survey"/>
</a>
</div>
</div>
@@ -351,7 +351,7 @@ and thriving ecosystem.</strong>
<div class="row">
<div class="col-lg-4 mb-4">
<div class="apache-card card-border">
- <div class="img-holder"><img
src="img/Terraform%20Solution%20Brief_img.png" alt="" width="100%"/></div>
+ <div class="img-holder"><img
src="/img/Terraform%20Solution%20Brief_img.png" alt="" width="100%"/></div>
<div class="apache-card-body height300">
<p class="blue-title">CASE STUDY</p>
<div class="apache-card-title">Apache CloudStack and
Terraform Solution Brief</div>
@@ -367,7 +367,7 @@ diverse services in the short-term.
</div>
<div class="col-lg-4 mb-4">
<div class="apache-card card-border">
- <div class="img-holder"><img
src="img/StorPool%20Storage_img.png" alt="" width="100%"/></div>
+ <div class="img-holder"><img
src="/img/StorPool%20Storage_img.png" alt="" width="100%"/></div>
<div class="apache-card-body height300">
<p class="blue-title">CASE STUDY</p>
<div class="apache-card-title">
@@ -386,7 +386,7 @@ successful Proof of…
</div>
<div class="col-lg-4 mb-4">
<div class="apache-card card-border">
- <div class="img-holder"><img src="img/LinBit_img.png" alt=""
width="100%"/></div>
+ <div class="img-holder"><img src="/img/LinBit_img.png"
alt="" width="100%"/></div>
<div class="apache-card-body height300">
<p class="blue-title">CASE STUDY</p>
<div class="apache-card-title">CloudStack Integrations:
LINBIT - Open-source SDS Solution</div>
