Merge pull request #1801 from pedoch/WD-23188-dev-create-solutions-automation

[new page] WD-23241 - feat: create solutions/automation page
This commit is contained in:
Ochuko Pedro
2025-07-18 17:51:23 +01:00
committed by GitHub
11 changed files with 952 additions and 29 deletions

View File

@ -531,6 +531,8 @@ solutions:
url: /observability
- title: Cloud-native apps
url: /solutions/cloud-native-development
- title: Automation
url: /solutions/automation
- title: Industries
links:

View File

@ -39,7 +39,7 @@
"react-dom": "^18.2.0",
"sass": "1.89.2",
"uuid": "^11.1.0",
"vanilla-framework": "4.24.1",
"vanilla-framework": "4.26.0",
"venobox": "2.1.8"
},
"devDependencies": {

View File

@ -241,26 +241,42 @@
});
};
/*
Toggles show board based on selection on small screens
This is used for the tabbed content in pages where
the tabbed list is hidden on small screens and a dropdown
is used to select the tab.
The dropdown is populated with the tab IDs and when a selection
is made, the corresponding tab content is shown.
The dropdown is hidden on larger screens.
The `data-tablist` attribute is used to group the tab components
and dropdowns together, allowing for multiple tabbed sections
on the same page without conflicts.
*/
(function () {
// Toggles show board based on selection on small screens
const dropdownSelects = document.getElementsByName("tabSelect");
const boards = document.querySelectorAll(`[role=tabpanel]`);
const dropdownSelect = document.getElementById("tabSelect");
dropdownSelect?.addEventListener("change", (event) => {
selectBoard();
dropdownSelects.forEach((dropdownSelect) => {
dropdownSelect.addEventListener("change", (event) => {
selectBoard(dropdownSelect.dataset.tablist, dropdownSelect.value);
});
});
function selectBoard() {
boards.forEach((board) => {
if (board.id === dropdownSelect.value) {
board.classList.remove("u-hide");
board.focus();
} else {
board.classList.add("u-hide");
}
function selectBoard(tablist, dropdownValue) {
const tabpanelParent = document.querySelectorAll(`div[data-tablist="${tablist}"]`);
tabpanelParent.forEach((parent) => {
const boards = parent.querySelectorAll("[role='tabpanel']");
boards.forEach((board) => {
if (board.id === dropdownValue) {
board.classList.remove("u-hide");
board.focus();
} else {
board.classList.add("u-hide");
}
});
});
}
}
})();
document.addEventListener("DOMContentLoaded", () => {

View File

@ -38,6 +38,7 @@ $p-small-lh-diff: map-get($line-heights, default-text) -
@import "maas_styles";
@include vanilla;
@include vf-p-grid-8;
@include vf-p-icon-status-waiting;
@include vf-p-icon-user-group;
@include vf-p-icon-video-play;

View File

@ -189,14 +189,14 @@
</li>
</ul>
<form class="u-hide--large u-hide--medium">
<select name="tabSelect" id="tabSelect">
<select name="tabSelect" data-tablist="hiring-process">
<option value="stage-1-tab" selected="">Stage 1</option>
<option value="stage-2-tab">Stage 2</option>
<option value="stage-3-tab">Stage 3</option>
</select>
</form>
</div>
<div class="col-9 col-medium-3">
<div class="col-9 col-medium-3" data-tablist="hiring-process">
<hr class="p-rule--muted" />
{% include "careers/hiring-process/tabs/stage-1.html" %}
{% include "careers/hiring-process/tabs/stage-2.html" %}

View File

@ -306,7 +306,7 @@
</li>
</ul>
<form class="u-hide--large u-hide--medium">
<select name="tabSelect" id="tabSelect">
<select name="tabSelect" data-tablist="consulting-services">
<option value="private-cloud-tab" selected="selected">Private cloud infrastructure</option>
<option value="app-modernization-tab">App modernization and Kubernetes</option>
<option value="data-platform-tab">Data platform and AI/ML</option>
@ -317,7 +317,7 @@
</div>
<!-- tab content -->
<div class="col-9 col-medium-4">
<div class="col-9 col-medium-4" data-tablist="consulting-services">
<div tabindex="0"
role="tabpanel"

View File

@ -0,0 +1,54 @@
{
"form": {
"/solutions/automation": {
"templatePath": "/solutions/automation/index.html",
"isModal": true,
"modalId": "automation-modal",
"formData": {
"title": "Get expert help with your automation",
"introText": "Want to learn more about our open source automation software and tooling, and explore how it can fit your business or use case? FIll out the form and well get in touch.",
"formId": "6311",
"returnUrl": "https://canonical.com/solutions/automation#contact-form-success",
"product": ""
},
"fieldsets": [
{
"title": "Explore the best automation for you",
"id": "about-you",
"noCommentsFromLead": true,
"fields": [
{
"type": "text",
"id": "company",
"label": "Company name",
"isRequired": true
},
{
"type": "text",
"id": "phone",
"label": "Phone number",
"isRequired": true
},
{
"type": "country",
"label": "Country",
"id": "country",
"isRequired": true
}
]
},
{
"title": "What would you like to talk to us about?",
"isRequired": false,
"noCommentsFromLead": false,
"fields": [
{
"type": "long-text",
"id": "comments"
}
]
}
]
}
}
}

View File

@ -0,0 +1,850 @@
{% extends 'base_index.html' %}
{% from "_macros/vf_hero.jinja" import vf_hero %}
{% from "_macros/vf_tiered-list.jinja" import vf_tiered_list %}
{% from "_macros/vf_cta-section.jinja" import vf_cta_section %}
{% from "_macros/vf_quote-wrapper.jinja" import vf_quote_wrapper %}
{% block title %}Open source IT automation{% endblock %}
{% block meta_copydoc %}
https://docs.google.com/document/d/12KMzjaVbi0ZWpw4BBkBTyOsaexGQdRkwsvW_t3Gw7x4/
{% endblock meta_copydoc %}
{% block meta_description %}
Get high-performance IT automation that cuts costs and time spent, for the widest selection of use cases and on any infrastructure or cloud. Do it all on open source.
{% endblock meta_description %}
{% block meta_keywords %}IT automation, system automation, software automation{% endblock %}
{% block body_class %}
is-paper
{% endblock body_class %}
{% block content %}
{% call(slot) vf_hero(
title_text='Open source IT automation',
layout='50/50'
) -%}
{%- if slot == 'description' -%}
<p>
Unlock powerful IT automation where you need it: whether youre working with bare metal, overseeing the infrastructure that sits on top, or managing apps and services. Deliver cost savings, seamless integration, and easy compliance pathways with automation that works on any cloud or infrastructure type.
</p>
{%- endif -%}
{%- if slot == 'cta' -%}
<hr class="is-muted" />
<p class="u-no-margin--bottom">
<a href="/contact-us"
aria-controls="automation-modal"
class="p-button--positive js-invoke-modal">Contact Canonical</a>
</p>
{%- endif -%}
{% endcall -%}
{%- call(slot) vf_tiered_list(
is_description_full_width_on_desktop=false,
is_list_full_width_on_tablet=true
) -%}
{%- if slot == 'title' -%}
<h2>Fast, simple, <br>and trusted automation</h2>
{%- endif -%}
{%- if slot == 'description' -%}
<p>
We offer IT automation solutions to simplify deployment, management, scaling, configurations and compliance.
</p>
{%- endif -%}
{%- if slot == 'list_item_title_1' -%}
<h3 class="p-heading--5">It works, anywhere</h3>
{%- endif -%}
{%- if slot == 'list_item_description_1' -%}
<div class="p-section--shallow">
<p>
Get automation solutions that work seamlessly no matter what your tech is or where its deployed &mdash; bare metal, VMs, private, public, or hybrid environments.
</p>
</div>
{%- endif -%}
{%- if slot == 'list_item_title_2' -%}
<h3 class="p-heading--5">Save time and money</h3>
{%- endif -%}
{%- if slot == 'list_item_description_2' -%}
<div class="p-section--shallow">
<p>
Highly performant automation options for a wide selection of use cases, designed to drive significant costs savings.
</p>
</div>
{%- endif -%}
{%- if slot == 'list_item_title_3' -%}
<h3 class="p-heading--5">Trusted and transparent</h3>
{%- endif -%}
{%- if slot == 'list_item_description_3' -%}
<div class="p-section--shallow">
<p>
Unlike most automation tools, our software, automations, and orchestrators are open source &mdash; giving you transparency and confidence to operate.
</p>
</div>
{%- endif -%}
{%- endcall -%}
<div class="p-section u-fixed-width u-no-padding--top">
<div class="grid-row">
<div class="grid-col-6 grid-col-medium-4 grid-col-start-large-3">
<div class="p-image-container--cinematic-on-large is-highlighted p-image-container--square-on-small" style="padding: 1.5rem;">
{{ image(url="https://assets.ubuntu.com/v1/72910538-72910538d75908ad5d123f0c8548d6f81ee51dc3.png",
alt="",
width="1068",
height="864",
hi_def=True,
loading="lazy",
attrs={"class": "p-image-container__image"}
) | safe
}}
</div>
</div>
</div>
</div>
<div class="p-section">
<hr class="p-rule" />
<div class="grid-row">
<div class="grid-col-4 grid-col-medium-2">
<div class="p-section--shallow">
<h2>Turn bare metal <br>into on-demand resources</h2>
</div>
</div>
<div class="grid-col-4 grid-col-medium-2 grid-col-start-medium-3">
<p>
Transform physical servers into on-demand resources and build a cloud infrastructure without breaking a sweat.
</p>
</div>
</div>
<div class="grid-row">
<div class="grid-col-2 grid-col-medium-2 grid-col-start-large-3">
<ul class="js-tabbed-content p-tabs--vertical is-black u-hide--small"
role="tablist"
aria-label="Automate bare metal operations tabs"
data-tablist="automate-bare-metal-operations">
<li>
<button class="p-tabs__item"
id="provision"
role="tab"
aria-selected="true"
aria-controls="provision-tab">Provision</button>
</li>
<li>
<button class="p-tabs__item"
id="manage"
role="tab"
aria-selected="false"
aria-controls="manage-tab">Manage</button>
</li>
<li>
<button class="p-tabs__item"
id="operational-cloud"
role="tab"
aria-selected="false"
aria-controls="operational-cloud-tab">Operational cloud in minutes</button>
</li>
</ul>
<form class="u-hide--large u-hide--medium">
<select name="tabSelect" data-tablist="automate-bare-metal-operations">
<option value="provision-tab" selected="">Provision</option>
<option value="manage-tab">Manage</option>
<option value="operational-cloud-tab">Operational cloud in minutes</option>
</select>
</form>
</div>
<div class="grid-col-4 grid-col-medium-2" data-tablist="automate-bare-metal-operations">
<!-- tab 1 -->
<div class="p-tabs__content"
id="provision-tab"
role="tabpanel"
aria-labelledby="provision">
<div class="p-section--shallow">
<h3 class="p-heading--5">
Quickly provision or tear down physical and virtual servers
</h3>
<p>
Remotely install operating systems and software, and quickly provision server resources on any bare metal, hybrid, private, or public cloud infra.
</p>
<ul class="p-list--divided">
<li class="p-list__item has-bullet">Create the cloud and server environment you need, and automate everything from scaling to long term maintenance.</li>
<li class="p-list__item has-bullet">Make your bare metal preparations reliable, repeatable, and efficient.</li>
<li class="p-list__item has-bullet">Automatically discover all devices over your network, for lightning-fast server configuration.</li>
</ul>
<div class="p-cta-block u-no-padding--bottom">
<p>
<a href="/maas">
Discover infrastructure provisioning with MAAS&nbsp;&rsaquo;
</a>
</p>
</div>
</div>
</div>
<!-- tab 2 -->
<div class="p-tabs__content"
id="manage-tab"
role="tabpanel"
aria-labelledby="manage">
<div class="p-section--shallow">
<h3 class="p-heading--5">Manage, secure, upgrade, monitor, and inventory all versions of Ubuntu</h3>
<p>
Manage all of your desktop, server, and cloud deployments, anywhere, from a single portal. Automate installation, configuration, compliance audits, and monitoring.
</p>
<ul class="p-list--divided">
<li class="p-list__item has-bullet">Reduce the cost of managing open source with a single pane of glass for containers, virtual machines, and physical nodes, anywhere.</li>
<li class="p-list__item has-bullet">Seamless 3rd party integrations with a versioned RESTful API and CLI utility.</li>
<li class="p-list__item has-bullet">Manage desktop, server and cloud deployments at enterprise-scale.</li>
<li class="p-list__item has-bullet">Distribute software packages with local mirrors, and control the flow of updates from staging to production for all your open source software.</li>
</ul>
<div class="p-cta-block u-no-padding--bottom">
<p>
<a href="https://ubuntu.com/landscape">
Learn more about Canonicals Landscape&nbsp;&rsaquo;
</a>
</p>
</div>
</div>
</div>
<!-- tab 3 -->
<div class="p-tabs__content"
id="operational-cloud-tab"
role="tabpanel"
aria-labelledby="operational-cloud">
<div class="p-section--shallow">
<h3 class="p-heading--5">Build your easiest, most performant cloud yet</h3>
<p>
Create and scale highly available and resource-efficient cloud services that grow as your organization does.
</p>
<ul class="p-list--divided">
<li class="p-list__item has-bullet">Deploy highly available clusters in minutes.</li>
<li class="p-list__item has-bullet">Replicate and scale your cloud across any hardware.</li>
<li class="p-list__item has-bullet">Automate deployment and on-site operations, with low to no-site maintenance.</li>
<li class="p-list__item has-bullet">Automatically roll out security updates and streamlined upgrades across your entire cloud infrastructure.</li>
</ul>
<div class="p-cta-block u-no-padding--bottom">
<p>
<a href="/microcloud">
Explore the simplicity and power of MicroClouds&nbsp;&rsaquo;
</a>
</p>
</div>
</div>
</div>
<div class="p-section--shallow u-hide--small">
<hr class="p-rule--muted" />
<div class="js-tab-buttons" id="automate-bare-metal-operations">
<button class="p-button js-prev-tab" disabled>&lsaquo;&nbsp;Previous</button>
<button class="p-button js-next-tab">Next&nbsp;&rsaquo;</button>
</div>
</div>
</div>
</div>
</div>
{% call(slot) vf_cta_section(
title_text='Moving from the public cloud to bare metal using Canonicals open source tools saved OneUptime $352,500 a year, or around 76% of their total cloud costs.',
layout='100',
) -%}
{%- if slot == 'cta' -%}
<a href="https://ubuntu.com/engage/oneuptime-cost-savings-case-study">Read how they did it&nbsp;&rsaquo;</a>
{%- endif -%}
{% endcall -%}
<div class="p-section u-fixed-width">
<hr class="p-rule" />
<div class="grid-row">
<div class="grid-col-4 grid-col-medium-2">
<div class="p-section--shallow">
<h2>Automate your infrastructure for seamless operations</h2>
</div>
</div>
<div class="grid-col-4 grid-col-medium-2">
<p>
With Canonicals infrastructure automation framework, you can create, maintain, and manage everything that runs on your infrastructure from the host OS to thousands of containers and VMs with ease.
</p>
<ul class="p-list--divided">
<li class="p-list__item has-bullet">Get automatic updates and unattended security patches for all your apps, for years to come.</li>
<li class="p-list__item has-bullet">You can manage everything from a single, centralized Juju controller or on each layer of your infrastructure.</li>
<li class="p-list__item has-bullet">Get apps that dont break after updates. Your optimal configurations persist even if one of the applications is scaled or upgraded, or the configuration changes.</li>
</ul>
</div>
</div>
<div class="grid-row">
<div class="grid-col-2 grid-col-medium-2 grid-col-start-large-3">
<ul class="js-tabbed-content p-tabs--vertical is-black u-hide--small"
role="tablist"
aria-label="Automate your infrastructure tabs"
data-tablist="automate-your-infrastructure">
<li>
<button class="p-tabs__item"
id="optimize-virtualization"
role="tab"
aria-selected="true"
aria-controls="optimize-virtualization-tab">Optimize virtualization</button>
</li>
<li>
<button class="p-tabs__item"
id="maximize-availability"
role="tab"
aria-selected="false"
aria-controls="maximize-availability-tab">Maximize availability</button>
</li>
<li>
<button class="p-tabs__item"
id="trusted-cloud"
role="tab"
aria-selected="false"
aria-controls="trusted-cloud-tab">A trusted cloud</button>
</li>
</ul>
<form class="u-hide--large u-hide--medium">
<select name="tabSelect" data-tablist="automate-your-infrastructure">
<option value="optimize-virtualization-tab" selected="">Optimize virtualization</option>
<option value="maximize-availability-tab">Maximize availability</option>
<option value="trusted-cloud-tab">A trusted cloud</option>
</select>
</form>
</div>
<div class="grid-col-4 grid-col-medium-2" data-tablist="automate-your-infrastructure">
<!-- tab 1 -->
<div class="p-tabs__content"
id="optimize-virtualization-tab"
role="tabpanel"
aria-labelledby="optimize-virtualization">
<div class="p-section--shallow">
<h3 class="p-heading--5">
Optimize your virtualization layer
</h3>
<p>
Take your virtualization to new heights, with better performance, a reduced attack surface, and more efficient operations.
</p>
<ul class="p-list--divided">
<li class="p-list__item has-bullet">Unlock your most efficient virtualization layer yet.</li>
<li class="p-list__item has-bullet">Streamline your VM experience with optimized choices, an image library, and a built-in agent for easier operations.</li>
<li class="p-list__item has-bullet">Run same type of workload as VMs but with resource efficiency in system containers.</li>
<li class="p-list__item has-bullet">Manage your workloads with ease and configure them with ease via a user-friendly web interface.</li>
</ul>
<div class="p-cta-block u-no-padding--bottom">
<p>
<a href="/lxd">
Explore LXDs powerful optimization&nbsp;&rsaquo;
</a>
</p>
</div>
</div>
</div>
<!-- tab 2 -->
<div class="p-tabs__content"
id="maximize-availability-tab"
role="tabpanel"
aria-labelledby="maximize-availability">
<div class="p-section--shallow">
<h3 class="p-heading--5">
Automate a highly available platform for all your apps and services
</h3>
<p>
Build infrastructure that deeply supports everything you own and run, no matter where its running.
</p>
<ul class="p-list--divided">
<li class="p-list__item has-bullet">Deploy highly available applications, with the power to create and maintain your secure containers.</li>
<li class="p-list__item has-bullet">Runs on premise, on the cloud, and at the edge.</li>
<li class="p-list__item has-bullet">Kubernetes deploys and grows seamlessly, from containers on your first laptop to thousands of instances in the data centre.</li>
<li class="p-list__item has-bullet">Get native, lightning-fast integration with Juju.</li>
</ul>
<div class="p-cta-block u-no-padding--bottom">
<p>
<a href="https://ubuntu.com/kubernetes">
Learn more about Canonical Kubernetes&nbsp;&rsaquo;
</a>
</p>
</div>
</div>
</div>
<!-- tab 3 -->
<div class="p-tabs__content"
id="trusted-cloud-tab"
role="tabpanel"
aria-labelledby="trusted-cloud">
<div class="p-section--shallow">
<h3 class="p-heading--5">Build a cloud with full transparency, through open source</h3>
<p>
Create your transparent, trusted, and vendor-free cloud that supports all your apps and services with unrivaled transparency thats built on a global trust network.
</p>
<ul class="p-list--divided">
<li class="p-list__item has-bullet">Build and deploy open source cloud that supports everything that you do: whether youre supporting apps on legacy hardware, or building a data center that runs like a cloud.</li>
<li class="p-list__item has-bullet">Get on-demand compute and automate resource provisioning across all your hardware.</li>
<li class="p-list__item has-bullet">Avoid vendor lock in and meet strict regional compliance requirements.</li>
<li class="p-list__item has-bullet">Get a performant, scalable cloud that deploys in minutes with up to 70% saved on TCO.</li>
</ul>
<div class="p-cta-block u-no-padding--bottom">
<p>
<a href="/microcloud">
Learn more about MicroCloud&nbsp;&rsaquo;
</a>
</p>
</div>
<div class="p-cta-block u-no-padding--bottom">
<p>
<a href="/openstack">
Explore the power of OpenStack&nbsp;&rsaquo;
</a>
</p>
</div>
</div>
</div>
<div class="p-section--shallow u-hide--small">
<hr class="p-rule--muted" />
<div class="js-tab-buttons" id="automate-your-infrastructure">
<button class="p-button js-prev-tab" disabled>&lsaquo;&nbsp;Previous</button>
<button class="p-button js-next-tab">Next&nbsp;&rsaquo;</button>
</div>
</div>
</div>
</div>
</div>
{% call(slot) vf_cta_section(
title_text='Customers adopting our management tooling have saved over $200,000 over the course of 3 years.*',
layout='100',
) -%}
{%- if slot == 'cta' -%}
<a href="https://ubuntu.com/blog/enterprise-class-ubuntu-management-with-canonical-landscape">*Source: Enterprise Management Associates report</a>
{%- endif -%}
{% endcall -%}
<div class="p-section u-fixed-width">
<hr class="p-rule" />
<div class="grid-row">
<div class="grid-col-4 grid-col-medium-2">
<div class="p-section--shallow">
<h2>Apps that manage themselves, for their entire lifecycle</h2>
</div>
</div>
<div class="grid-col-4 grid-col-medium-2">
<p>
Manage, configure, and securely configure all your apps and their integrations across any platform or cloud. Get observability, patching, identity, secret management, and more for your infra, services, and systems so that you can focus on building and scaling. Our charmed applications come with a secure-by-default configuration out the box without any additional hardening steps.
</p>
</div>
</div>
<div class="grid-row">
<div class="grid-col-2 grid-col-medium-2 grid-col-start-large-3">
<ul class="js-tabbed-content p-tabs--vertical is-black u-hide--small"
role="tablist"
aria-label="Manage you apps tabs"
data-tablist="manage-your-apps">
<li>
<button class="p-tabs__item"
id="automate-everything-everywhere"
role="tab"
aria-selected="true"
aria-controls="automate-everything-everywhere-tab">Automate everything, everywhere</button>
</li>
<li>
<button class="p-tabs__item"
id="seamless-integration"
role="tab"
aria-selected="false"
aria-controls="seamless-integration-tab">Get seamless integration</button>
</li>
<li>
<button class="p-tabs__item"
id="system-wide-management"
role="tab"
aria-selected="false"
aria-controls="system-wide-management-tab">System-wide management</button>
</li>
</ul>
<form class="u-hide--large u-hide--medium">
<select name="tabSelect" data-tablist="manage-your-apps">
<option value="automate-everything-everywhere-tab" selected="">Automate everything, everywhere</option>
<option value="seamless-integration-tab">Get seamless integration</option>
<option value="system-wide-management-tab">System-wide management</option>
</select>
</form>
</div>
<div class="grid-col-4 grid-col-medium-2" data-tablist="manage-your-apps">
<!-- tab 1 -->
<div class="p-tabs__content"
id="automate-everything-everywhere-tab"
role="tabpanel"
aria-labelledby="automate-everything-everywhere">
<div class="p-section--shallow">
<h3 class="p-heading--5">
Automate operations across cloud, metal, VMs and Kubernetes
</h3>
<p>
Charms allow you to use a single codebase to automate the lifecycle management of your system across Kubernetes containers, Linux containers, virtual machines, and bare metal machines, on public or private clouds.
</p>
<ul class="p-list--divided">
<li class="p-list__item has-bullet">Create an apps ecosystem that works anywhere on <a href="https://juju.is/docs/juju/juju-supported-clouds">multiple cloud backends</a>, different controllers, and different clouds, or even across virtual machines and Kubernetes.</li>
<li class="p-list__item has-bullet">Automate the deployment, management and configuration of your host OS and all your VMs.</li>
<li class="p-list__item has-bullet">Deploy, manage, and integrate software across Kubernetes, Linux containers, VMs, bare metal machines, public cloud, or private clouds.</li>
<li class="p-list__item has-bullet">Customize everything to your needs, with a scriptable API that integrates easily into your internal tools and processes.</li>
</ul>
<div class="p-cta-block u-no-padding--bottom">
<p>
<a href="https://juju.is/">
Learn more about Juju&nbsp;&rsaquo;
</a>
</p>
</div>
</div>
</div>
<!-- tab 2 -->
<div class="p-tabs__content"
id="seamless-integration-tab"
role="tabpanel"
aria-labelledby="seamless-integration">
<div class="p-section--shallow">
<h3 class="p-heading--5">
Seamless integrations across different clouds
</h3>
<p>
Automatically apply required networking and configuration changes for fast and easy integrations even if the workloads are deployed across different clouds (e.g. Openstack and AWS).
</p>
<ul class="p-list--divided">
<li class="p-list__item has-bullet">Seamlessly connect and integrate applications across clouds, automatically.</li>
<li class="p-list__item has-bullet">Connect, configure, integrate and maintain all of your apps and services in a single model, across their entire lifecycle.</li>
<li class="p-list__item has-bullet">Enjoy uninterrupted use of all major cloud providers.</li>
</ul>
<div class="p-cta-block u-no-padding--bottom">
<p>
<a href="https://juju.is/integrations">
Learn more about Jujus powerful integration management&nbsp;&rsaquo;
</a>
</p>
</div>
</div>
</div>
<!-- tab 3 -->
<div class="p-tabs__content"
id="system-wide-management-tab"
role="tabpanel"
aria-labelledby="system-wide-management">
<div class="p-section--shallow">
<h3 class="p-heading--5">
Lifecycle management for your system, not individual applications
</h3>
<p>
Go beyond per-app management, and optimize the lifecycle management of your entire system.
</p>
<ul class="p-list--divided">
<li class="p-list__item has-bullet">Keep all your apps automatically configured, updated, and security maintained, for their entire lifecycle.</li>
<li class="p-list__item has-bullet">Unlock persistent configurations for your apps and services, so they stay working no matter what changes happen.</li>
<li class="p-list__item has-bullet">Get automatic updates and unattended security patches for all your apps, for years to come.</li>
<li class="p-list__item has-bullet">You can manage everything from a single, centralized Juju controller or on each layer of your infrastructure.</li>
</ul>
<div class="p-cta-block u-no-padding--bottom">
<p>
<a href="https://juju.is/why-juju">
Learn more about Jujus lifecycle maintenance&nbsp;&rsaquo;
</a>
</p>
</div>
</div>
</div>
<div class="p-section--shallow u-hide--small">
<hr class="p-rule--muted" />
<div class="js-tab-buttons" id="manage-your-apps">
<button class="p-button js-prev-tab" disabled>&lsaquo;&nbsp;Previous</button>
<button class="p-button js-next-tab">Next&nbsp;&rsaquo;</button>
</div>
</div>
</div>
</div>
</div>
<div class="p-section u-fixed-width">
<hr class="p-rule" />
<div class="grid-row">
<div class="grid-col-4 grid-col-medium-2">
<div class="p-section--shallow">
<h2>Simplify compliance</h2>
</div>
</div>
<div class="grid-col-4 grid-col-medium-2">
<p>
Our security and support tools make it easier than ever to apply security hardening, automate security patching and vulnerability management, and get around-the-clock coverage all leading to a simplified compliance pathway.
</p>
</div>
</div>
<div class="grid-row">
<div class="grid-col-2 grid-col-medium-2 grid-col-start-large-3">
<ul class="js-tabbed-content p-tabs--vertical is-black u-hide--small"
role="tablist"
aria-label="Simplify compliance tabs"
data-tablist="simplify-compliance">
<li>
<button class="p-tabs__item"
id="out-the-box-hardening"
role="tab"
aria-selected="true"
aria-controls="out-the-box-hardening-tab">Out-the-box hardening</button>
</li>
<li>
<button class="p-tabs__item"
id="automate-security-patching"
role="tab"
aria-selected="false"
aria-controls="automate-security-patching-tab">Automate security patching</button>
</li>
<li>
<button class="p-tabs__item"
id="shrink-kernel-exploit-windows"
role="tab"
aria-selected="false"
aria-controls="shrink-kernel-exploit-windows-tab">Shrink kernel exploit windows</button>
</li>
<li>
<button class="p-tabs__item"
id="visibility-into-vulnerabilities"
role="tab"
aria-selected="false"
aria-controls="visibility-into-vulnerabilities-tab">Visibility into vulnerabilities</button>
</li>
</ul>
<form class="u-hide--large u-hide--medium">
<select name="tabSelect" data-tablist="simplify-compliance">
<option value="out-the-box-hardening-tab" selected="">Out-the-box hardening</option>
<option value="automate-security-patching-tab">Automate security patching</option>
<option value="shrink-kernel-exploit-windows-tab">Shrink kernel exploit windows</option>
<option value="visibility-into-vulnerabilities-tab">Visibility into vulnerabilities</option>
</select>
</form>
</div>
<div class="grid-col-4 grid-col-medium-2" data-tablist="simplify-compliance">
<!-- tab 1 -->
<div class="p-tabs__content"
id="out-the-box-hardening-tab"
role="tabpanel"
aria-labelledby="out-the-box-hardening">
<div class="p-section--shallow">
<h3 class="p-heading--5">
Apply hardening and configs at scale across your whole estate
</h3>
<p>
Build systems with security in mind from Day 0, with out-the-box hardening and one-click security deployments.
</p>
<ul class="p-list--divided">
<li class="p-list__item has-bullet">Easily define, configure, and deploy hardening across your estate from apps to bare metal.</li>
<li class="p-list__item has-bullet">Confidently deploy critical workloads while meeting rigorous cybersecurity standards, such as the CRA, PCI-DSS, FedRAMP, and more.</li>
<li class="p-list__item has-bullet">Automate the application and auditing of security baselines, through pre-packaged CIS Benchmarks and DISA-STIGs.</li>
<li class="p-list__item has-bullet">Our <a href="https://charmhub.io/">charmed apps</a> are designed to be secure by default.</li>
</ul>
<div class="p-cta-block u-no-padding--bottom">
<p>
<a href="https://ubuntu.com/security/security-standards">
Explore our hardening solutions&nbsp;&rsaquo;
</a>
</p>
</div>
</div>
</div>
<!-- tab 2 -->
<div class="p-tabs__content"
id="automate-security-patching-tab"
role="tabpanel"
aria-labelledby="automate-security-patching">
<div class="p-section--shallow">
<h3 class="p-heading--5">
Turn on automated defences against your greatest security threats
</h3>
<p>
Get automated and unattended security maintenance for all your bare metal, infra, apps and services even in airgapped or isolated environments.
</p>
<ul class="p-list--divided">
<li class="p-list__item has-bullet">Get security maintenance across your bare metal, containers, VMs, OS, and apps no matter where they are.</li>
<li class="p-list__item has-bullet">Automate vulnerability management, with security maintenance for the OS and 36,000+ open source packages.</li>
<li class="p-list__item has-bullet">Maintain stability of your systems and reduce downtime security updates are tested to maintain compatibility.</li>
<li class="p-list__item has-bullet">Get fast remediation for CVEs, and expert support that comes with industry-leading SLAs.</li>
<li class="p-list__item has-bullet">Get security coverage for up to 12 years with Ubuntu Pro and its Legacy Support add-on.</li>
</ul>
<div class="p-cta-block u-no-padding--bottom">
<p>
<a href="https://ubuntu.com/pro">
Learn more about Ubuntu Pro&nbsp;&rsaquo;
</a>
</p>
</div>
<div class="p-cta-block u-no-padding--bottom">
<p>
<a href="https://ubuntu.com/pro/subscribe">
Start your free trial&nbsp;&rsaquo;
</a>
</p>
</div>
</div>
</div>
<!-- tab 3 -->
<div class="p-tabs__content"
id="shrink-kernel-exploit-windows-tab"
role="tabpanel"
aria-labelledby="shrink-kernel-exploit-windows">
<div class="p-section--shallow">
<h3 class="p-heading--5">
Reduce downtime and exploit windows with livepatching
</h3>
<p>
Automatically patch the Linux kernel between security maintenance windows, while the system runs, and reduce your exploit window for critical and high severity Linux kernel vulnerabilities.
</p>
<ul class="p-list--divided">
<li class="p-list__item has-bullet">Livepatch reduces the unplanned work that comes from Linux kernel vulnerabilities.</li>
<li class="p-list__item has-bullet">Reduce downtime and maximize your productivity during work hours through livepatching and scheduled maintenance.</li>
<li class="p-list__item has-bullet">Define your rollout policy and remain in full control of which machines will get updated and when.</li>
</ul>
<div class="p-cta-block u-no-padding--bottom">
<p>
<a href="https://ubuntu.com/security/livepatch">
Explore Livepatchs security features&nbsp;&rsaquo;
</a>
</p>
</div>
</div>
</div>
<!-- tab 4 -->
<div class="p-tabs__content"
id="visibility-into-vulnerabilities-tab"
role="tabpanel"
aria-labelledby="visibility-into-vulnerabilities">
<div class="p-section--shallow">
<h3 class="p-heading--5">
Get around-the-clock visibility of the latest vulnerabilities
</h3>
<p>
We track all known vulnerabilities that affect Ubuntu packages, giving you up-to-date awareness and timely fixes for the risks that keep you up at night.
</p>
<ul class="p-list--divided">
<li class="p-list__item has-bullet">Get information about the latest vulnerabilities, as well as the latest available fixes for them.</li>
<li class="p-list__item has-bullet">Unlock observability and monitoring of the entire stack from a single pane of glass.</li>
<li class="p-list__item has-bullet">Get 24/7 monitoring, observability, alerting, capacity planning and continuous service checks to ensure optimal operations.</li>
<li class="p-list__item has-bullet">Vulnerability notices are available in human- and machine-readable industry-standard formats (including OVAL, OSV, and VEX), that can be integrated with any third-party tool that supports them.</li>
</ul>
<div class="p-cta-block u-no-padding--bottom">
<p>
<a href="https://ubuntu.com/security">
Discover our robust security features&nbsp;&rsaquo;
</a>
</p>
</div>
</div>
</div>
<div class="p-section--shallow u-hide--small">
<hr class="p-rule--muted" />
<div class="js-tab-buttons" id="simplify-compliance">
<button class="p-button js-prev-tab" disabled>&lsaquo;&nbsp;Previous</button>
<button class="p-button js-next-tab">Next&nbsp;&rsaquo;</button>
</div>
</div>
</div>
</div>
</div>
{% call(slot) vf_quote_wrapper(
title_text="See our solutions in action",
quote_size="small",
quote_text="Where other infrastructure providers in Switzerland that use traditional technologies might charge customers a premium uplift per year, we can offer the same capabilities for ten times less while still achieving a better margin.",
citation_source_name_text="Thomas Taroni",
citation_source_title_text="VP Product, Phoenix Systems"
) -%}
{%- if slot == 'signpost_image' -%}
<img src="https://assets.ubuntu.com/v1/c4923d10-phoenix.png" width="852" alt="Phoenix Systems" loading="lazy">
{%- endif -%}
{%- if slot == 'cta' -%}
<a href="https://ubuntu.com/engage/phoenix-systems-case-study-ibm-openstack">
Read our cloud automation and security case study&nbsp;&rsaquo;
</a>
{%- endif -%}
{% endcall -%}
{% call(slot) vf_quote_wrapper(
quote_size="small",
quote_text="The benefits have been astounding. Transitioning to bare-metal servers has provided us with dedicated resources [… and] complete control over our hardware. Overall, we cut out cloud costs by over 76%. Now, we can customize every aspect of our infrastructure, from the operating system and network architecture to the type and amount of storage used.",
citation_source_name_text="Nawaz Dhandala",
citation_source_title_text="Founder and CEO of OneUptime"
) -%}
{%- if slot == 'signpost_image' -%}
<img src="https://assets.ubuntu.com/v1/13f60dd7-one-uptime.png" width="852" alt="OneUptime" loading="lazy">
{%- endif -%}
{%- if slot == 'cta' -%}
<a href="https://ubuntu.com/engage/oneuptime-cost-savings-case-study?_gl=1*1sag7vn*_gcl_au*MTAzMDIyMDMyNi4xNzMyMTg4ODc4">
Read the cloud migration case study&nbsp;&rsaquo;
</a>
{%- endif -%}
{% endcall -%}
{% call(slot) vf_quote_wrapper(
quote_size="small",
quote_text="We wanted one partner for the whole on-premise cloud because were not just supporting Kubernetes but also our Ceph clusters and managed Postgres. Being able to scale and take advantage of the public cloud, while being able to keep critical infrastructure here on site these are all advantages.",
citation_source_name_text="Michael Hawkshaw",
citation_source_title_text="Mission Operations Infrastructure IT Service Manager at ESA"
) -%}
{%- if slot == 'signpost_image' -%}
<img src="https://assets.ubuntu.com/v1/52decb5b-esa.png" width="852" alt="ESA" loading="lazy">
{%- endif -%}
{%- if slot == 'cta' -%}
<a href="https://ubuntu.com/engage/European-space-agency-case-study?_gl=1*1sag7vn*_gcl_au*MTAzMDIyMDMyNi4xNzMyMTg4ODc4 ">
Read the managed services case study&nbsp;&rsaquo;
</a>
{%- endif -%}
{% endcall -%}
{% call(slot) vf_quote_wrapper(
quote_size="small",
quote_text="We wanted to consolidate onto a single, open platform. That way, we wouldnt be tied to a single vendor, and wed be able to change parameters at will. Canonical offered the most attractive licensing model for enterprise OpenStack support. Whereas other vendors wanted us to licence every OS we spun up in our environment, Canonical only charges per node. Particularly in the long term, Canonicals approach is more cost-effective.",
citation_source_name_text="Macdonald Chamba",
citation_source_title_text="Head of Infrastructure and Cloud Services at Telekom Networks Malawi"
) -%}
{%- if slot == 'signpost_image' -%}
<img src="https://assets.ubuntu.com/v1/369ed66b-tnm.png" width="852" alt="Telekom Networks Malawi" loading="lazy">
{%- endif -%}
{%- if slot == 'cta' -%}
<a href="https://ubuntu.com/engage/tnm-managed-openstack-case-study">
Read the cloud services case study&nbsp;&rsaquo;
</a>
{%- endif -%}
{% endcall -%}
{% call(slot) vf_cta_section(
variant='default',
layout='100',
) -%}
{%- if slot == 'cta' -%}
<a href="/contact-us"
aria-controls="automation-modal"
class="js-invoke-modal">Contact us about open source automation&nbsp;&rsaquo;</a>
{%- endif -%}
{% endcall -%}
{{ load_form("/solutions/automation") | safe }}
<script src="{{ versioned_static('js/tabbed-content.js') }}" defer></script>
{% endblock content %}

View File

@ -186,7 +186,7 @@
</li>
</ul>
<form class="u-hide--large u-hide--medium">
<select name="tabSelect" id="tabSelect">
<select name="tabSelect" data-tablist="why-finservs-choose-canonical">
<option value="cloud-confidence-tab" selected="">Cloud confidence</option>
<option value="multi-cloud-containers-tab">Multi-cloud containers</option>
<option value="ai-tab">AI</option>
@ -194,7 +194,7 @@
</select>
</form>
</div>
<div class="col-6 col-medium-3">
<div class="col-6 col-medium-3" data-tablist="why-finservs-choose-canonical">
<div tabindex="0"
role="tabpanel"
id="cloud-confidence-tab"

View File

@ -407,7 +407,7 @@
</li>
</ul>
<form class="u-hide--large u-hide--medium">
<select name="tabSelect" id="tabSelect">
<select name="tabSelect" data-tablist="automate-operations">
<option value="bare-metal-tab" selected="">Bare metal provisioning with MAAS</option>
<option value="kernel-patching-tab">Kernel patching with Livepatch</option>
<option value="machine-admin-tab">Machine administration</option>
@ -415,7 +415,7 @@
</select>
</form>
</div>
<div class="col-6 col-medium-3">
<div class="col-6 col-medium-3" data-tablist="automate-operations">
{% include "solutions/telco/tabs/_telco-bare-metal-tab.html" %}
{% include "solutions/telco/tabs/_telco-kernel-patching-tab.html" %}
{% include "solutions/telco/tabs/_telco-machine-admin-tab.html" %}
@ -469,13 +469,13 @@
</li>
</ul>
<form class="u-hide--large u-hide--medium">
<select name="tabSelect" id="tabSelect">
<select name="tabSelect" data-tablist="cloud-benefits">
<option value="self-healing-infra-tab">Self-healing infrastructure</option>
<option value="highest-level-compliance-tab">Highest level of compliance</option>
</select>
</form>
</div>
<div class="col-6 col-medium-3">
<div class="col-6 col-medium-3" data-tablist="cloud-benefits">
{% include "solutions/telco/tabs/_telco-self-healing-infra-tab.html" %}
{% include "solutions/telco/tabs/_telco-highest-level-compliance-tab.html" %}
<div class="p-strip js-tab-buttons is-shallow u-no-padding--bottom u-align--right u-hide--small"

View File

@ -4968,10 +4968,10 @@ validate-npm-package-license@^3.0.1:
spdx-correct "^3.0.0"
spdx-expression-parse "^3.0.0"
vanilla-framework@4.24.1:
version "4.24.1"
resolved "https://registry.yarnpkg.com/vanilla-framework/-/vanilla-framework-4.24.1.tgz#cd1f24ef3d048d410fda252aeafc015c44adc8cf"
integrity sha512-mX2kugxhMtoo1IbvRDyA0WY8IJ/z7Q3MO4k8LMz0Plc/ZnPTuOcUYretx/e/TmgLrCko0rmTLjrSiEkWJWySxA==
vanilla-framework@4.26.0:
version "4.26.0"
resolved "https://registry.yarnpkg.com/vanilla-framework/-/vanilla-framework-4.26.0.tgz#510e9fccae358cb8abbfedf483f17fc2e9340b8f"
integrity sha512-lFxAvQCwcx8DsHdAvS1Bd1iKCYWMwcjEjdVxQA2bm1Bk0M9ax1LjCZ7/zAcj6y1JkM06ThB2mqUkleghJTr/Tg==
vanilla-framework@4.9.0:
version "4.9.0"