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 a230558e3 add a billing integrations tab (#226)
a230558e3 is described below
commit a230558e38c67b333aa5c61bb3d3d6c303fccadb
Author: dahn <[email protected]>
AuthorDate: Fri Aug 16 06:26:57 2024 -0700
add a billing integrations tab (#226)
---
src/css/custom.css | 15 +++++++++++++++
src/css/img/cloudmc-background.png | Bin 0 -> 559017 bytes
src/css/img/hostbill-background.png | Bin 0 -> 23801 bytes
src/pages/integrations.js | 30 ++++++++++++++++++++++++++++++
static/img/Stack Console SVG.svg | 23 +++++++++++++++++++++++
static/img/apiculus-logo.png | Bin 0 -> 9229 bytes
static/img/cloud-mc-white.png | Bin 0 -> 10328 bytes
static/img/hostbill-logo.png | Bin 0 -> 9920 bytes
static/img/stack-bill-logo-02.png | Bin 0 -> 6897 bytes
9 files changed, 68 insertions(+)
diff --git a/src/css/custom.css b/src/css/custom.css
index 3b629e78d..baf26582a 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -583,6 +583,21 @@ iframe {
background-image: url(img/cloudian_bkg.png);
background-size: 100%;
}
+.box-cloudmc {
+ background-image: url(img/cloudmc-background.png);
+}
+.box-stackconsole {
+ background-color: #adc9ec;
+}
+.box-stackbill {
+ background-color: #4a84d1;
+}
+.box-hostbill {
+ background-image: url(img/hostbill-background.png);
+}
+.box-apiculus {
+ background-color: #cfe9ff;
+}
.box278 {
height: 278px;
}
diff --git a/src/css/img/cloudmc-background.png
b/src/css/img/cloudmc-background.png
new file mode 100644
index 000000000..5e13e594f
Binary files /dev/null and b/src/css/img/cloudmc-background.png differ
diff --git a/src/css/img/hostbill-background.png
b/src/css/img/hostbill-background.png
new file mode 100644
index 000000000..ee4360792
Binary files /dev/null and b/src/css/img/hostbill-background.png differ
diff --git a/src/pages/integrations.js b/src/pages/integrations.js
index f68035533..5ef6e91ee 100644
--- a/src/pages/integrations.js
+++ b/src/pages/integrations.js
@@ -288,6 +288,36 @@ management and storage options</strong>.
</div>
</div>
</TabItem>
+ <TabItem value="billing" label="Billing">
+ <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>
+ <p>
+Apache CloudStack offers integrations with a variety of self-service
+intuitive billing and cloud management portals, designed to empower
+administrators, and service providers with the tools they need to
+manage cloud resources effectively . These solutions offer tools for
+service orchestration, automation, billing, and seamless integration
+with various IaaS cloud ecosystems.
+ </p>
+ <div class="row integration-images">
+ <div class="col-md-6">
+ <div class="tab-box box-cloudmc box131"><img
src="/img/cloud-mc-white.png" height="47p" alt=""/></div>
+ </div>
+ <div class="col-md-6">
+ <div class="tab-box box-stackconsole box131"><img
src="/img/Stack Console SVG.svg" alt=""/></div>
+ </div>
+ <div class="col-md-6">
+ <div class="tab-box box-stackbill box131"><img
src="/img/stack-bill-logo-02.png" height="47p" alt=""/></div>
+ </div>
+ <div class="col-md-6">
+ <div class="tab-box box-hostbill box131"><img
src="/img/hostbill-logo.png" height="47p" alt=""/></div>
+ </div>
+ <div class="col-md-12">
+ <div class="tab-box box-apiculus box131"><img
src="/img/apiculus-logo.png" height="47p" alt=""/></div>
+ </div>
+ </div>
+ </div>
+ </TabItem>
</Tabs>
</div>
<div class="col-lg-6">
diff --git a/static/img/Stack Console SVG.svg b/static/img/Stack Console SVG.svg
new file mode 100644
index 000000000..83fcf3cdd
--- /dev/null
+++ b/static/img/Stack Console SVG.svg
@@ -0,0 +1,23 @@
+<svg width="165" height="47" viewBox="0 0 165 47" fill="none"
xmlns="http://www.w3.org/2000/svg";>
+<path d="M18.344 46.962C28.4751 46.962 36.688 38.7492 36.688 28.618C36.688
18.4869 28.4751 10.274 18.344 10.274C8.21289 10.274 0 18.4869 0 28.618C0
38.7492 8.21289 46.962 18.344 46.962Z" fill="#E22B2B"/>
+<path d="M64.261 46.962C74.3921 46.962 82.605 38.7492 82.605 28.618C82.605
18.4869 74.3921 10.274 64.261 10.274C54.1299 10.274 45.917 18.4869 45.917
28.618C45.917 38.7492 54.1299 46.962 64.261 46.962Z" fill="#396BC6"/>
+<path d="M41.303 46.962C54.2712 46.962 64.784 36.4492 64.784 23.481C64.784
10.5128 54.2712 0 41.303 0C28.3348 0 17.822 10.5128 17.822 23.481C17.822
36.4492 28.3348 46.962 41.303 46.962Z" fill="#F2D430"/>
+<path d="M45.918 28.618C45.9165 31.529 46.6088 34.3984 47.9377 36.9884C49.2665
39.5784 51.1935 41.8144 53.559 43.511C56.2446 41.8682 58.5724 39.7021 60.404
37.1414C62.2355 34.5808 63.5333 31.6779 64.2203 28.6055C64.9072 25.5332 64.9692
22.354 64.4026 19.2572C63.8359 16.1603 62.6523 13.2091 60.922 10.579C56.7078
11.3597 52.8999 13.5913 50.1592 16.8864C47.4185 20.1814 45.918 24.3321 45.918
28.618Z" fill="#94BE50"/>
+<path d="M36.6891 28.618C36.6883 24.3334 35.1879 20.1841 32.4481
16.8899C29.7082 13.5958 25.9018 11.3645 21.6891 10.583C19.9591 13.213 18.7757
16.164 18.2093 19.2605C17.6428 22.3571 17.7049 25.5359 18.3918 28.608C19.0787
31.68 20.3765 34.5826 22.2078 37.143C24.0392 39.7034 26.3667 41.8693 29.0521
43.512C31.4169 41.8149 33.3433 39.5786 34.6714 36.9884C35.9995 34.3982 36.6912
31.5288 36.6891 28.618Z" fill="#ED9846"/>
+<path d="M82.606 23.1851H0V25.9351H82.606V23.1851Z" fill="white"/>
+<path d="M82.606 33.53H0V36.28H82.606V33.53Z" fill="white"/>
+<g opacity="0.6">
+<path opacity="0.6" d="M95.002 44.251C94.226 43.79 93.6067 43.106 93.225
42.288C92.7918 41.3425 92.5798 40.3107 92.6051 39.271C92.579 38.2367 92.7911
37.2102 93.225 36.271C93.6105 35.4597 94.2292 34.7818 95.002 34.324C95.831
33.8536 96.7722 33.6175 97.725 33.641C98.4401 33.6331 99.151 33.7512 99.8251
33.99C100.446 34.2138 101.011 34.5716 101.478 35.038L100.997 36.015C100.537
35.6019 100.009 35.2713 99.4371 35.038C98.8938 34.8339 98.3174 34.7322 97.737
34.738C97.2089 34.7085 96.681 34.799 [...]
+<path opacity="0.6" d="M105.402 44.251C104.638 43.7855 104.03 43.1019 103.657
42.288C103.23 41.3468 103.02 40.3214 103.044 39.288C103.019 38.2521 103.225
37.2237 103.649 36.278C104.02 35.467 104.625 34.7859 105.387 34.323C106.211
33.8748 107.134 33.64 108.072 33.64C109.009 33.64 109.932 33.8748 110.756
34.323C111.518 34.7862 112.123 35.4672 112.494 36.278C112.894 37.2279 113.099
38.2482 113.098 39.2787C113.097 40.3093 112.889 41.3291 112.487 42.278C112.111
43.0897 111.503 43.7725 110.741 [...]
+<path opacity="0.6" d="M124.287 33.762V44.809H123.294L116.623
35.919V44.809H115.428V33.762H116.406L123.078 42.652V33.762H124.287Z"
fill="#151515" stroke="#151515" stroke-width="0.5" stroke-miterlimit="10"/>
+<path opacity="0.6" d="M126.382 43.537L126.863 42.56C127.355 42.9923 127.924
43.329 128.539 43.553C129.18 43.7607 129.851 43.8604 130.525 43.848C131.248
43.8931 131.966 43.7116 132.581 43.329C132.815 43.1648 133.004 42.9444 133.13
42.688C133.256 42.4316 133.316 42.1475 133.303 41.862C133.31 41.695 133.282
41.5284 133.222 41.3725C133.162 41.2165 133.071 41.0745 132.954 40.955C132.694
40.7053 132.381 40.5171 132.039 40.404C131.543 40.2362 131.038 40.0964 130.526
39.985C129.813 39.8387 129. [...]
+<path opacity="0.6" d="M138.623 44.251C137.859 43.7855 137.251 43.1019 136.878
42.288C136.451 41.3468 136.241 40.3214 136.265 39.288C136.24 38.2521 136.447
37.2237 136.87 36.278C137.241 35.4672 137.846 34.7862 138.608 34.323C139.432
33.8748 140.355 33.64 141.293 33.64C142.23 33.64 143.153 33.8748 143.977
34.323C144.739 34.7862 145.344 35.4672 145.715 36.278C146.115 37.2279 146.32
38.2483 146.319 39.2788C146.317 40.3094 146.109 41.3292 145.707 42.278C145.331
43.0897 144.723 43.7725 143.96 [...]
+<path opacity="0.6" d="M148.647
33.762H149.92V43.723H155.459V44.809H148.648L148.647 33.762Z" fill="#151515"
stroke="#151515" stroke-width="0.5" stroke-miterlimit="10"/>
+<path opacity="0.6" d="M157.102
33.762H164.084V34.817H158.359V38.665H163.774V39.736H158.359V43.754H164.084V44.809H157.102V33.762Z"
fill="#151515" stroke="#151515" stroke-width="0.5" stroke-miterlimit="10"/>
+</g>
+<path d="M95.136 27.3771C94.1691 27.1426 93.2538 26.7317 92.436 26.1651L93.69
23.3381C94.42 23.8021 95.2104 24.1631 96.039 24.4111C96.8497 24.6566 97.692
24.782 98.539 24.7831C99.209 24.8181 99.8781 24.698 100.494 24.4321C100.688
24.3597 100.857 24.2311 100.978 24.0627C101.099 23.8944 101.167 23.6938 101.174
23.4865C101.181 23.2793 101.126 23.0746 101.016 22.8986C100.907 22.7226 100.747
22.5832 100.558 22.4981C99.8252 22.1428 99.0448 21.8955 98.241 21.7641C97.0849
21.5702 95.9614 21.2161 [...]
+<path d="M110.381
15.726H105.873V12.494H118.93V15.726H114.42V27.635H110.381V15.726Z"
fill="#151515"/>
+<path d="M128.767 24.506H122.048L120.708 27.631H116.708L123.787
12.493H126.934L134.034 27.631H130.1L128.767 24.506ZM127.467 21.506L125.405
16.722L123.343 21.506H127.467Z" fill="#151515"/>
+<path d="M137.753 26.856C136.604 26.2313 135.664 25.2808 135.053
24.124C134.402 22.8632 134.077 21.4596 134.107 20.041C134.078 18.6331 134.403
17.2404 135.053 15.991C135.667 14.8391 136.606 13.8929 137.753 13.27C139.02
12.6014 140.436 12.2681 141.868 12.302C142.846 12.2999 143.818 12.4508 144.749
12.749C145.574 12.9899 146.338 13.403 146.992 13.961L145.78 16.788C144.681
15.9416 143.339 15.4724 141.952 15.45C141.427 15.4177 140.902 15.5051 140.416
15.7057C139.929 15.9063 139.495 16.2149 1 [...]
+<path d="M159.131 27.635L153.07 20.765V27.635H149.07V12.494H153.07V19L158.959
12.494H163.637L156.937 19.68L163.87 27.635H159.131Z" fill="#151515"/>
+</svg>
diff --git a/static/img/apiculus-logo.png b/static/img/apiculus-logo.png
new file mode 100644
index 000000000..853d6dc66
Binary files /dev/null and b/static/img/apiculus-logo.png differ
diff --git a/static/img/cloud-mc-white.png b/static/img/cloud-mc-white.png
new file mode 100644
index 000000000..0dac37d6b
Binary files /dev/null and b/static/img/cloud-mc-white.png differ
diff --git a/static/img/hostbill-logo.png b/static/img/hostbill-logo.png
new file mode 100644
index 000000000..094109947
Binary files /dev/null and b/static/img/hostbill-logo.png differ
diff --git a/static/img/stack-bill-logo-02.png
b/static/img/stack-bill-logo-02.png
new file mode 100644
index 000000000..2f205d8b8
Binary files /dev/null and b/static/img/stack-bill-logo-02.png differ
