Skip to content
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

Code Suggestion for #14498 #2

Closed
wants to merge 1 commit into from
Closed

Code Suggestion for #14498 #2

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
120 changes: 60 additions & 60 deletions templates/ceph/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -400,18 +400,17 @@ <h3 class="p-heading--5">Tested architecture</h3>
<h2>Getting started with Ceph on Ubuntu</h2>
</div>
</div>
<div class="row">
<div class="col-6">
<hr class="p-rule--highlight u-no-margin--bottom" />
<div class="p-card--overlay u-no-padding--top"
style="padding: 1.5rem;
height: 95%;
overflow: hidden">
<div class="row p-section--shallow">
<h3>Charmed Ceph</h3>
</div>
<hr class="p-rule--muted" />
<ul class="p-list--divided p-section--shallow">
<div class="p-equal-height-row--wrap p-equal-height-row-50-50"
style="grid-gap: 2rem">
<div class="p-equal-height-row__col p-card--overlay u-no-padding--top u-no-padding--bottom"
style="position: relative;
padding: 1.5rem">
<hr class="p-rule--highlight u-no-margin--bottom card-top-outline" />
<div class="p-equal-height-row__item">
<h3>Charmed Ceph</h3>
</div>
<div class="p-equal-height-row__item">
<ul class="p-list--divided u-no-margin--top u-no-margin--bottom">
<li class="p-list__item is-ticked">Deploy large-scale complex Ceph clusters in minutes</li>
<li class="p-list__item is-ticked">Easily upgrade to newer Ceph versions</li>
<li class="p-list__item is-ticked">Provide model-driven orchestration for repeatability and predictability</li>
Expand All @@ -421,22 +420,20 @@ <h3>Charmed Ceph</h3>
<li class="p-list__item is-ticked">Replace failing disk drives and retire old hardware</li>
<li class="p-list__item is-ticked">Expand the capacity of your storage cluster</li>
</ul>
<div class="p-cta-block">
<a href="https://ubuntu.com/ceph/install">Install Charmed Ceph&nbsp;&rsaquo;</a>
</div>
</div>
<div class="p-equal-height-row__item">
<a class="p-cta-block" href="/ceph/install">Install Charmed Ceph&nbsp;&rsaquo;</a>
</div>
</div>
<div class="col-6">
<hr class="p-rule--highlight u-no-margin--bottom" />
<div class="p-card--overlay u-no-padding--top"
style="padding: 1.5rem;
height: 95%;
overflow: hidden">
<div class="row p-section--shallow">
<h3>Ceph support on Ubuntu</h3>
</div>
<hr class="p-rule--muted" />
<ul class="p-list--divided p-section u-sv1">
<div class="p-equal-height-row__col p-card--overlay u-no-padding--top u-no-padding--bottom"
style="position: relative;
padding: 1.5rem">
<hr class="p-rule--highlight u-no-margin--bottom card-top-outline" />
<div class="p-equal-height-row__item">
<h3>Ceph support on Ubuntu</h3>
</div>
<div class="p-equal-height-row__item">
<ul class="p-list--divided u-no-margin--top u-no-margin--bottom">
<li class="p-list__item is-ticked">
Ceph support is included in <a href="/pro">Ubuntu Pro</a>
</li>
Expand All @@ -448,57 +445,51 @@ <h3>Ceph support on Ubuntu</h3>
Alternatively, get extended security maintenance if all you need is peace of mind by consuming security patches from the world's leading security team
</li>
</ul>
<div class="p-cta-block">
<a href="/pricing/infra">Learn more about Ubuntu Pro&nbsp;&rsaquo;</a>
</div>
</div>
<div class="p-equal-height-row__item">
<a class="p-cta-block" href="/pricing/infra">Learn more about Ubuntu Pro&nbsp;&rsaquo;</a>
</div>
</div>
</div>
<div class="row">
<div class="col-6">
<hr class="p-rule--highlight u-no-margin--bottom" />
<div class="p-card--overlay u-no-padding--top"
style="padding: 1.5rem;
height: 95%;
overflow: hidden">
<div class="row p-section--shallow">
<h3>MicroCeph</h3>
</div>
<hr class="p-rule--muted" />
<ul class="p-list--divided p-section--shallow">
<div class="p-equal-height-row__col p-card--overlay u-no-padding--top u-no-padding--bottom"
style="position: relative;
padding: 1.5rem">
<hr class="p-rule--highlight u-no-margin--bottom card-top-outline" />
<div class="p-equal-height-row__item">
<h3>MicroCeph</h3>
</div>
<div class="p-equal-height-row__item">
<ul class="p-list--divided u-no-margin--top u-no-margin--bottom">
<li class="p-list__item is-ticked">Streamlined and effortless Ceph</li>
<li class="p-list__item is-ticked">Opinionated and automated cluster deployment and management</li>
<li class="p-list__item is-ticked">RBD, CephFS and RGW support</li>
<li class="p-list__item is-ticked">Perfect for edge computing and remote offices</li>
<li class="p-list__item is-ticked">Isolated deployment package to protect underlying systems</li>
<li class="p-list__item is-ticked">Developer friendly, ideal for training delivery and local development</li>
</ul>
<div class="p-cta-block">
<a href="https://snapcraft.io/microceph">Install MicroCeph&nbsp;&rsaquo;</a>
</div>
</div>
<div class="p-equal-height-row--item">
<a class="p-cta-block" href="https://snapcraft.io/microceph">Install MicroCeph&nbsp;&rsaquo;</a>
</div>
</div>
<div class="col-6">
<hr class="p-rule--highlight u-no-margin--bottom" />
<div class="p-card--overlay u-no-padding--top"
style="padding: 1.5rem;
height: 95%;
overflow: hidden">
<div class="row p-section--shallow">
<h3>Managed Ceph</h3>
</div>
<hr class="p-rule--muted" />
<ul class="p-list--divided p-section--shallow">
<div class="p-equal-height-row__col p-card--overlay u-no-padding--top u-no-padding--bottom"
style="position: relative;
padding: 1.5rem">
<hr class="p-rule--highlight u-no-margin--bottom card-top-outline" />
<div class="p-equal-height-row__item">
<h3>Managed Ceph</h3>
</div>
<div class="p-equal-height-row__item">
<ul class="p-list--divided u-no-margin--top u-no-margin--bottom">
<li class="p-list__item is-ticked">Fully managed storage cluster, on your servers, at your location</li>
<li class="p-list__item is-ticked">Built in 2 weeks using a proven reference architecture</li>
<li class="p-list__item is-ticked">Customize the architecture in iterations based on your storage needs</li>
<li class="p-list__item is-ticked">Your team has access to all machines at all times</li>
<li class="p-list__item is-ticked">Modern monitoring and log management</li>
<li class="p-list__item is-ticked">Canonical hands over the keys when you are ready</li>
</ul>
<div class="p-cta-block">
<a href="/ceph/managed">Learn more about fully managed Ceph&nbsp;&rsaquo;</a>
</div>
</div>
<div class="p-equal-height-row__item">
<a class="p-cta-block" href="/ceph/managed">Learn more about fully managed Ceph&nbsp;&rsaquo;</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -543,9 +534,18 @@ <h3 class="p-heading--5">Whitepapers</h3>
</div>
</div>
</div>

</div>
</div>
</section>

<style>
.card-top-outline {
position: absolute;
top: 0;
left: 0;
right: 0;
}
</style>

{% endblock content %}