Skip to content

Commit

Permalink
Merge pull request #14158 from mtruj013/managed-apps
Browse files Browse the repository at this point in the history 
/managed/apps redesign
  • Loading branch information
@mtruj013
mtruj013 authored Aug 9, 2024
2 parents eca6c0c + b425e98 commit 8047a9f
Show file tree
Hide file tree
Showing 3 changed files with 350 additions and 559 deletions.
2 changes: 1 addition & 1 deletion static/sass/_pattern_lists.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -426,7 +426,7 @@
// TODO: Link corresponding Vanilla ticket
// A list with separators between items
@mixin vf-list-item-divided {
.p-list--divided > .p-list__item:first-child {
.p-list--divided.is-homepage > .p-list__item:first-child {
box-shadow: inset 0 1px 0 0 $colors--theme--border-low-contrast;
}
}
42 changes: 21 additions & 21 deletions templates/base_index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -178,7 +178,7 @@ <h2 class="p-heading--1 u-no-margin--bottom">Energise your engineers</h2>
Loved by developers and trusted by enterprises. Ubuntu is the first pick for organisations to support their software infrastructure and the OS chosen by 66% of experienced developers. <span class="u-text--muted">(HackerEarth, Developer Survey, 2020)</span>
</p>
</div>
<ul class="p-list--divided">
<ul class="p-list--divided is-homepage">
<li class="p-list__item is-ticked">Authentically open source</li>
<li class="p-list__item is-ticked">Secure by design</li>
<li class="p-list__item is-ticked">A release cadence you can depend on</li>
Expand Down Expand Up @@ -275,7 +275,7 @@ <h2 class="p-heading--1 u-no-margin--bottom">Open source security</h2>
</div>
</div>

<ul class="row p-list--divided u-no-margin--bottom">
<ul class="row p-list--divided is-homepage u-no-margin--bottom">
<li class="p-list__item is-ticked col-medium-3 col-3 u-no-padding--top u-no-padding--bottom">
<p>10 year security maintenance and CVE Patching</p>
</li>
Expand All @@ -295,7 +295,7 @@ <h2 class="p-heading--1 u-no-margin--bottom">Open source security</h2>
</p>
</li>
</ul>
<ul class="row p-list--divided">
<ul class="row p-list--divided is-homepage">
<li class="p-list__item is-ticked col-medium-3 col-3 u-no-padding--top u-no-padding--bottom">
<p>
<a href="/security/certifications#common-criteria">Common Criteria EAL2</a>: ISO/IEC IS 15408 validated by CSEC
Expand Down Expand Up @@ -349,7 +349,7 @@ <h2 class="p-heading--1 u-no-margin--bottom">Significant enterprise savings</h2>
Rethink what's possible with Linux and open source. Companies engage Canonical to drive down open source operating costs. Automate everything: multi-cloud operations, bare metal provisioning, edge clusters and IoT.
</p>
</div>
<ul class="p-list--divided">
<ul class="p-list--divided is-homepage">
<li class="p-list__item is-ticked">No mandatory subscriptions for Ubuntu</li>
<li class="p-list__item is-ticked">
<a href="/security">Security</a>, <a href="/support">support</a> and fully managed <a href="/openstack/managed">infra</a> and <a href="/managed">apps</a>
Expand Down Expand Up @@ -406,7 +406,7 @@ <h2 class="p-heading--1 u-no-margin--bottom">Public cloud optimisation</h2>
</div>
</div>
</div>
<ul class="row p-list--divided u-no-margin--bottom">
<ul class="row p-list--divided is-homepage u-no-margin--bottom">
<li class="p-list__item is-ticked col-medium-3 col-3 u-no-padding--top u-no-padding--bottom">
<p>Optimised kernels for AWS, Azure, Google, Oracle, IBM</p>
</li>
Expand All @@ -424,7 +424,7 @@ <h2 class="p-heading--1 u-no-margin--bottom">Public cloud optimisation</h2>
<p>Network & storage performance optimisation</p>
</li>
</ul>
<ul class="row p-list--divided u-no-margin--bottom">
<ul class="row p-list--divided is-homepage u-no-margin--bottom">
<li class="p-list__item is-ticked col-medium-3 col-3 u-no-padding--top u-no-padding--bottom">
<p>GPU enablement for machines and containers</p>
</li>
Expand All @@ -440,7 +440,7 @@ <h2 class="p-heading--1 u-no-margin--bottom">Public cloud optimisation</h2>
<p>Cloud workload migration service</p>
</li>
</ul>
<ul class="row p-list--divided">
<ul class="row p-list--divided is-homepage">
<li class="p-list__item is-ticked col-medium-3 col-3 u-no-padding--top u-no-padding--bottom">
<p>Containerisation and cloud-native migration service</p>
</li>
Expand Down Expand Up @@ -507,7 +507,7 @@ <h2 class="p-heading--1 u-no-margin--bottom u-no-max-width">Multi-cloud Kubernet
</div>
</div>

<ul class="p-list--divided">
<ul class="p-list--divided is-homepage">
<li class="p-list__item is-ticked">Support for all public cloud Kubernetes</li>
<li class="p-list__item is-ticked">On-prem MicroK8s, Charmed K8s, kubeadm</li>
<li class="p-list__item is-ticked">
Expand Down Expand Up @@ -607,7 +607,7 @@ <h2 class="p-heading--1 u-no-margin--bottom">Carrier-grade private cloud</h2>
</div>
</div>

<ul class="row p-list--divided u-no-margin--bottom">
<ul class="row p-list--divided is-homepage u-no-margin--bottom">
<li class="p-list__item is-ticked col-medium-3 col-3 u-no-padding--top u-no-padding--bottom">
<p>
10 year <a href="/esm">security maintenance</a> and <a href="/support">support</a>
Expand All @@ -627,7 +627,7 @@ <h2 class="p-heading--1 u-no-margin--bottom">Carrier-grade private cloud</h2>
<p>Wide choice of SDN and storage</p>
</li>
</ul>
<ul class="row p-list--divided u-no-margin--bottom">
<ul class="row p-list--divided is-homepage u-no-margin--bottom">
<li class="p-list__item is-ticked col-medium-3 col-3 u-no-padding--top u-no-padding--bottom">
<p>
<a href="/engage/charmed-openstack-adoption-whitepaper">Upgrades and day-2 operations, automated</a>
Expand All @@ -643,7 +643,7 @@ <h2 class="p-heading--1 u-no-margin--bottom">Carrier-grade private cloud</h2>
<p>High availability</p>
</li>
</ul>
<ul class="row p-list--divided">
<ul class="row p-list--divided is-homepage">
<li class="p-list__item is-ticked col-medium-3 col-3 u-no-padding--top u-no-padding--bottom">
<p>
<a href="/telco">Carrier-grade NFVI</a>
Expand Down Expand Up @@ -716,7 +716,7 @@ <h2 class="p-heading--1 u-no-margin--bottom">Ultra secure things</h2>
</div>
</div>
</div>
<ul class="p-list--divided">
<ul class="p-list--divided is-homepage">
<li class="p-list__item is-ticked">OTA compressed updates for apps, kernel and OS</li>
<li class="p-list__item is-ticked">Automatic rollback and data snapshots</li>
<li class="p-list__item is-ticked">
Expand Down Expand Up @@ -802,7 +802,7 @@ <h2 class="p-heading--1 u-no-margin--bottom">Workstations and desktops</h2>
</div>
</div>

<ul class="row p-list--divided u-no-margin--bottom">
<ul class="row p-list--divided is-homepage u-no-margin--bottom">
<li class="p-list__item is-ticked col-medium-3 col-3 u-no-padding--top u-no-padding--bottom">
<p>
<a href="/engage/microsoft-active-directory">Active Directory</a> and LDAP integration
Expand All @@ -822,7 +822,7 @@ <h2 class="p-heading--1 u-no-margin--bottom">Workstations and desktops</h2>
</p>
</li>
</ul>
<ul class="row p-list--divided">
<ul class="row p-list--divided is-homepage">
<li class="p-list__item is-ticked col-medium-3 col-3 u-no-padding--top u-no-padding--bottom">
<p>Configuration lockdown</p>
</li>
Expand Down Expand Up @@ -907,7 +907,7 @@ <h2 class="p-heading--1 u-no-margin--bottom">Data centre automation</h2>
</div>
</div>
</div>
<ul class="row p-list--divided u-no-margin--bottom">
<ul class="row p-list--divided is-homepage u-no-margin--bottom">
<li class="p-list__item is-ticked col-medium-3 col-3 u-no-padding--top u-no-padding--bottom">
<p>
<a href="https://maas.io/how-it-works">Bare metal cloud</a> with on-demand servers
Expand All @@ -927,7 +927,7 @@ <h2 class="p-heading--1 u-no-margin--bottom">Data centre automation</h2>
</p>
</li>
</ul>
<ul class="row p-list--divided u-no-margin--bottom">
<ul class="row p-list--divided is-homepage u-no-margin--bottom">
<li class="p-list__item is-ticked col-medium-3 col-3 u-no-padding--top u-no-padding--bottom">
<p>
<a href="https://maas.io/install">Super fast install</a> from scratch
Expand All @@ -943,7 +943,7 @@ <h2 class="p-heading--1 u-no-margin--bottom">Data centre automation</h2>
<a href="https://maas.io/docs/storage">Disk</a> and <a href="https://maas.io/docs/networking">network</a> configuration
</li>
</ul>
<ul class="row p-list--divided">
<ul class="row p-list--divided is-homepage">
<li class="p-list__item is-ticked col-medium-3 col-3 u-no-padding--bottom">
API-driven DHCP, DNS, PXE, IPAM, provisioning
</li>
Expand Down Expand Up @@ -1012,7 +1012,7 @@ <h2 class="p-heading--1 u-no-margin--bottom">Smart robots of all shapes and size
</div>
</div>

<ul class="row p-list--divided u-no-margin--bottom">
<ul class="row p-list--divided is-homepage u-no-margin--bottom">
<li class="p-list__item is-ticked col-medium-3 col-3 u-no-padding--top u-no-padding--bottom">
<p>
Full support for <a href="/robotics/what-is-ros">ROS and ROS2</a>
Expand All @@ -1030,7 +1030,7 @@ <h2 class="p-heading--1 u-no-margin--bottom">Smart robots of all shapes and size
</p>
</li>
</ul>
<ul class="row p-list--divided">
<ul class="row p-list--divided is-homepage">
<li class="p-list__item is-ticked col-medium-3 col-3 u-no-padding--bottom">
Trim time-to-market with SMART START consulting
</li>
Expand Down Expand Up @@ -1093,7 +1093,7 @@ <h2 class="p-heading--1 u-no-margin--bottom">Multi-cloud applications&nbsp;&ndas
</div>
</div>

<ul class="row p-list--divided u-no-margin--bottom">
<ul class="row p-list--divided is-homepage u-no-margin--bottom">
<li class="p-list__item is-ticked col-medium-3 col-3 u-no-padding--top u-no-padding--bottom">
<p>Operate smoothly across public and private cloud</p>
</li>
Expand All @@ -1107,7 +1107,7 @@ <h2 class="p-heading--1 u-no-margin--bottom">Multi-cloud applications&nbsp;&ndas
<p>Bring the K8s operator pattern to classic workloads</p>
</li>
</ul>
<ul class="row p-list--divided">
<ul class="row p-list--divided is-homepage">
<li class="p-list__item is-ticked col-medium-3 col-3 u-no-padding--top u-no-padding--bottom">
<p>Lifecycle management and Day 2 operations</p>
</li>
Expand Down
Loading

0 comments on commit 8047a9f

Please sign in to comment.