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.

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

Add product cards #13772

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
133 changes: 52 additions & 81 deletions templates/blog/product-cards.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,50 @@
{% elif article.tags and 2976 in article.tags %}
{% include "blog/product-cards/_multi_cloud.html" %}

{# Ubuntu 18.04 tag cards #}
{% elif article.tags and 3486 in article.tags %}
{% include "blog/product-cards/_ubuntu_18.04_end_of_support.html" %}
{# AI/ML tag cards #}
{% elif article.tags and 4062 in article.tags %}
{% include "blog/product-cards/_ai-solutions.html" %}

{# OpenSearch tag cards #}
{% elif article.tags and 4353 in article.tags %}
{% include "blog/product-cards/_opensearch.html" %}

{# MongoDB tag cards #}
{% elif article.tags and 3949 in article.tags %}
{% include "blog/product-cards/_charmed_mongodb.html" %}

{# MicroCloud tag cards #}
{% elif article.tags and 4499 in article.tags %}
{% include "blog/product-cards/_microcloud.html" %}

{# OpenStack tag cards #}
{% elif article.tags and 1327 in article.tags %}
{% include "blog/product-cards/_openstack.html" %}

{# LXD tag cards #}
{% elif article.tags and 1743 in article.tags %}
{% include "blog/product-cards/_lxd.html" %}

{# Infrastructure tag cards #}
{% elif article.tags and 2554 in article.tags %}
{% include "blog/product-cards/_infrastructure_optimised-costs-across-any-cloud.html" %}
{% include "blog/product-cards/_infrastructure_maximise-your-cloud-infrastructure.html" %}

{# Ubuntu desktop tag cards #}
{% elif article.tags and 1920 in article.tags %}
{% include "blog/product-cards/_desktop_ubuntu-for-desktops.html" %}

{# Ubuntu Server tag cards #}
{% elif article.tags and 1610 in article.tags %}
{% include "blog/product-cards/_server_scale-out-with-ubuntu-server.html" %}

{# Ubuntu WSL tag cards #}
{% elif article.tags and 3332 in article.tags %}
{% include "blog/product-cards/_wsl_ubuntu-on-windows.html" %}

{# Identity Management tag cards #}
{% elif article.tags and 4195 in article.tags %}
{% include "blog/product-cards/_desktop_ubuntu-desktop-for-organisations.html" %}

{# Hybrid-cloud tag cards #}
{% elif article.tags and 3150 in article.tags %}
Expand Down Expand Up @@ -57,109 +98,39 @@
{# Kubernetes tag cards #}
{% elif article.tags and 1833 in article.tags %}
{% include "blog/product-cards/_kubernetes_what-is-kubernetes.html" %}
{% include "blog/product-cards/_kubernetes.html" %}

{# Ceph tag cards #}
{% elif article.tags and 1780 in article.tags %}
{% include "blog/product-cards/_ceph_what-is-ceph.html" %}
{% include "blog/product-cards/_ceph_optimise-storage-costs.html" %}
{% include "blog/product-cards/_ceph_guide-sds-for-ent.html" %}
{% include "blog/product-cards/_ceph.html" %}

{# Bosch tag cards #}
{% elif article.tags and 3680 in article.tags %}
{% include "blog/product-cards/_bosch_ubuntu-for-iot.html" %}

{# Legacy fallback content #}
{% elif article.group and article.group.slug == "kubernetes" %}
<div class="p-card" id="rtp-k8s">
<h3>
<a href="/kubernetes">
Multi-cloud Kubernetes on Ubuntu
</a>
</h3>
<p>
Deploy, scale and upgrade Kubernetes clusters across multiple physical or virtual machines with Charmed Kubernetes, with full support available.
</p>
<p><a href="/kubernetes">Get started with Charmed K8s&nbsp;&rsaquo;</a></p>
</div>
{% elif article.group and article.group.slug == "openstack" %}
<div class="p-card" id="rtp-openstack">
<h3>
<a href="/openstack">
OpenStack deployment made easy
</a>
</h3>
<p>
Ready to move from expensive, proprietary virtualisation to OpenStack? Canonical designs, builds, operates and supports OpenStack private clouds.
</p>
<p><a href="/openstack">Move to OpenStack&nbsp;&rsaquo;</a></p>
</div>
{% elif article.group and article.group.slug == "support" %}
<div class="p-card" id="rtp-support">
<h3>
<a href="/support">
Open source enterprise support
</a>
<a href="/support">Enterprise support for your full open source stack</a>
</h3>
<p>
UA Infrastructure is a single subscription for open source software, security and IaaS support, with OpenStack and Kubernetes included.
Build with confidence and operate at scale with enterprise support from Canonical.
Our global team of experts is available 24/7 to provide the best support experience for Ubuntu and your full open source stack, from infrastructure to applications.
</p>
<p><a href="/support">Solve open source security and compliance&nbsp;&rsaquo;</a></p>
</div>
{% elif article.group and article.group.slug == "cloud-and-server" %}
<div class="p-card" id="rtp-cloud">
<h3>
<a href="/cloud">
Ubuntu cloud
</a>
</h3>
<p>
Ubuntu offers all the training, software infrastructure, tools,
services and support you need for your public and private clouds.
</p>
</div>
{% elif article.group and article.group.slug == "internet-of-things" %}
<div class="p-card" id="rtp-iot">
<h3>
<a href="/internet-of-things">
Internet of Things
</a>
</h3>
<p>
From home control to drones, robots and industrial systems, Ubuntu Core and Snaps provide robust security, app stores and reliable updates for all your IoT devices.
</p>
</div>
{% elif article.group and article.group.slug == "desktop" %}
<div class="p-card" id="rtp-desktop">
<h3>
<a href="/desktop">
Ubuntu desktop
</a>
</h3>
<p>
Learn how the Ubuntu desktop operating system powers millions of PCs and laptops around the world.
</p>
</div>
{% elif article.group and article.group.slug == "server" %}
<div class="p-card" id="rtp-server">
<h3>
<a href="/server">
Ubuntu Server
</a>
</h3>
<p>
The leading platform for scale-out computing, Ubuntu Server delivers the best value scale-out performance available.
<a href="/support">Learn more&nbsp;&rsaquo;</a>
</p>
</div>
{% else %}
<div class="p-card" id="rtp-contact-us">
<h3>
<a href="/about/contact-us/form">
Talk to us today
</a>
<a href="/about/contact-us/form">Talk to us today</a>
</h3>
<p>
Interested in running Ubuntu in your organisation?
</p>
<p>Interested in running Ubuntu in your organisation?</p>
</div>
{% endif %}
</div>
Expand Down
14 changes: 14 additions & 0 deletions templates/blog/product-cards/_ai-solutions.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<div class="p-card js-product-card u-hide">
<h3>
<a href="https://canonical.com/solutions/ai">Enterprise AI, simplified</a>
</h3>
<img class="p-card__thumbnail"
src="https://assets.ubuntu.com/v1/e549fdc0-Canonical-AI-ML-Illustrations-v5-03.png"
alt="canonical ai ml illustration" />
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It might not require an alt="" here. Please refer the doc I had pinned in one of comments.

<p>
AI doesn’t have to be difficult. Accelerate innovation with an end-to-end stack that delivers all the open source tooling you need for the entire AI/ML lifecycle.
</p>
<p>
<a href="https://canonical.com/solutions/ai">Explore Canonical’s AI solutions&nbsp;&rsaquo;</a>
</p>
</div>
11 changes: 11 additions & 0 deletions templates/blog/product-cards/_ceph.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<div class="p-card js-product-card u-hide">
<h3>
<a href="/ceph">Performant, reliable and cost-effective cloud scaling with Ceph</a>
</h3>
<p>
Canonical Ceph simplifies the entire management lifecycle of deployment, configuration, and operation of a Ceph cluster, no matter its size or complexity. Install, monitor, and scale cloud storage with extensive interoperability.
</p>
<p>
<a href="/ceph">Find out how Ceph scales clouds so cost-effectively&nbsp;&rsaquo;</a>
</p>
</div>
13 changes: 13 additions & 0 deletions templates/blog/product-cards/_charmed_mongodb.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<div class="p-card js-product-card u-hide">
<img class="p-card__thumbnail"
src="https://assets.ubuntu.com/v1/c4c9b3bd-Canonical%20Charmed%20MongoDB.svg"
alt="canonical charmed mongodb logo" />
<hr class="u-sv1" />
<h3>
<a href="/engage/mongodb-enterprise-data-management">What can Charmed MongoDB bring to modern data management?</a>
</h3>
<p>Explore core of MongoDB and use cases for financial, automotive and telecommunications sector in our guide.</p>
<p>
<a href="/engage/mongodb-enterprise-data-management">Download the guide&nbsp;&rsaquo;</a>
</p>
</div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<div class="p-card js-product-card u-hide">
<img class="p-card__thumbnail"
src="https://assets.ubuntu.com/v1/9e27d14a-Ubuntu%[email protected]"
alt="ubuntu logo" />
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We do not add "logo" word to mention it's logo. Just leaving out the name will be good enough

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please refer here for all alt="" related info

<hr class="u-sv1" />
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

With the latest vanilla version we either have p-rule or p-rule--muted class with <hr> tags. Could you please amend this for all hr tags in the PR

<h3>
<a href="/desktop/organisations">Bring Ubuntu to your organisation</a>
</h3>
<p>
Ubuntu Desktop combines enterprise-grade support, security and functionality with the best of open source.
<br />
<br />
Seamlessly integrate Ubuntu machines with your existing infrastructure and tools.
</p>
<p>
<a href="/desktop/organisations">Explore Ubuntu Desktop for organisations&nbsp;&rsaquo;</a>
</p>
</div>
18 changes: 18 additions & 0 deletions templates/blog/product-cards/_desktop_ubuntu-for-desktops.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<div class="p-card js-product-card u-hide">
<img class="p-card__thumbnail"
src="https://assets.ubuntu.com/v1/9e27d14a-Ubuntu%[email protected]"
alt="ubuntu logo" />
<hr class="u-sv1" />
<h3>
<a href="/desktop">Ubuntu for desktops</a>
</h3>
<p>
The open source Ubuntu desktop operating system powers millions of PCs and laptops around the world.
<br />
<br />
Ubuntu is fast, modern, secure and it comes with everything you need to run your organisation, school, home or enterprise.
</p>
<p>
<a href="/desktop">Explore Ubuntu Desktop&nbsp;&rsaquo;</a>
</p>
</div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<div class="p-card js-product-card u-hide">
<h3>
<a href="https://www.canonical.com/solutions/infrastructure">Maximise your cloud infrastructure</a>
</h3>
<p>
Canonical lets you take control of your cloud, cutting costs and easily mixing private and public cloud platforms – all with a 10-year security guarantee.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please add a emdash here

</p>
<p>
<a href="https://www.canonical.com/solutions/infrastructure">Explore Canonical's Infrastructure Solutions&nbsp;&rsaquo;</a>
</p>
</div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<div class="p-card js-product-card u-hide">
<h3>
<a href="https://www.canonical.com/solutions/infrastructure">Optimised costs across any cloud</a>
</h3>
<p>
Deploy and control your cloud environment seamlessly, with secure, stable, and performant cloud infrastructure that maximises CapEx and OpEx savings
</p>
<p>
<a href="https://www.canonical.com/solutions/infrastructure">Explore Canonical's Infrastructure Solutions&nbsp;&rsaquo;</a>
</p>
</div>
12 changes: 12 additions & 0 deletions templates/blog/product-cards/_kubernetes.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<div class="p-card js-product-card u-hide">
<h3>
<a href="/kubernetes">Give your platform the deep integration it needs</a>
</h3>
<p>
Canonical Kubernetes optimises your systems for any cloud, on a per-cloud basis. Maximise performance and deliver security and updates across your whole cloud.
Per-cloud optimisations for performance, boot speed, and drivers on all major public clouds Out-of-the-box cloud integration with the option of enterprise-grade commercial support.
</p>
<p>
<a href="/kubernetes">Get out-the-box integration with Canonical Kubernetes&nbsp;&rsaquo;</a>
</p>
</div>
11 changes: 11 additions & 0 deletions templates/blog/product-cards/_lxd.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<div class="p-card js-product-card u-hide">
<h3>
<a href="https://canonical.com/lxd">Fast, dense, and secure container and VM management at any scale</a>
</h3>
<p>
LXD brings flexible resource limits, advanced snapshot and networking support, and better security – all making for easier, leaner and more robust containerised solutions and VMs.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
LXD brings flexible resource limits, advanced snapshot and networking support, and better security all making for easier, leaner and more robust containerised solutions and VMs.
LXD brings flexible resource limits, advanced snapshot and networking support, and better security &mdash all making for easier, leaner and more robust containerised solutions and VMs.

</p>
<p>
<a href="https://canonical.com/lxd">Find out how LXD simplifies VM management&nbsp;&rsaquo;</a>
</p>
</div>
11 changes: 11 additions & 0 deletions templates/blog/product-cards/_microcloud.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<div class="p-card js-product-card u-hide">
<h3>
<a href="https://canonical.com/microcloud">Microcloud. Same great performance.</a>
</h3>
<p>
Deploy highly available, secure, and dense microcloud environments anywhere, with a lightweight cloud infrastructure that’s designed for the edge.
</p>
<p>
<a href="https://canonical.com/microcloud">Take compute anywhere, with Canonical MicroCloud&nbsp;&rsaquo;</a>
</p>
</div>
18 changes: 18 additions & 0 deletions templates/blog/product-cards/_opensearch.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<div class="p-card js-product-card u-hide">
<img class="p-card__thumbnail"
src="https://assets.ubuntu.com/v1/d6fc5627-Canonical%20Charmed%20OpenSearch%20logo.svg"
alt="canonical charmed opensearch logo" />
<hr class="u-sv1" />
<h3>
<a href="https://canonical.com/data/opensearch">What is Charmed OpenSearch?</a>
</h3>
<p>
Charmed OpenSearch is Canonical’s enterprise-grade OpenSearch offering. It is the cost-effective, reliable, secure and scalable way to use Opensearch on any cloud, hybrid cloud or on-premise.
<br />
<br />
It simplifies the operations of OpenSearch applications through automation, security, scalability, availability and monitoring.
</p>
<p>
<a href="https://canonical.com/data/opensearch">Learn more about Charmed OpenSearch&nbsp;&rsaquo;</a>
</p>
</div>
11 changes: 11 additions & 0 deletions templates/blog/product-cards/_openstack.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<div class="p-card js-product-card u-hide">
<h3>
<a href="/openstack">Smart operations, optimal architecture, better pricing.</a>
</h3>
<p>
OpenStack and Ubuntu bring automated deployment and management that help you optimise infrastructure costs – no matter your industry or use case.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

&mdash here

</p>
<p>
<a href="/openstack">Find out how OpenStack will work for you&nbsp;&rsaquo;</a>
</p>
</div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<div class="p-card js-product-card u-hide">
<img class="p-card__thumbnail"
src="https://assets.ubuntu.com/v1/ae61e611-Ubuntu%20Server%[email protected]"
alt="ubuntu server logo" />
<hr class="u-sv1" />
<h3>
<a href="/server">Scale out with Ubuntu Server</a>
</h3>
<p>
Ubuntu Server brings economic and technical scalability to your data centre, public or private cloud.
<br />
<br />
Whether you want to deploy an OpenStack cloud, a Kubernetes cluster or a 50,000-node render farm, Ubuntu Server delivers the best value scale-out performance available.
</p>
<p>
<a href="/server">Explore Ubuntu Server&nbsp;&rsaquo;</a>
</p>
</div>
18 changes: 18 additions & 0 deletions templates/blog/product-cards/_wsl_ubuntu-on-windows.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<div class="p-card js-product-card u-hide">
<img class="p-card__thumbnail"
src="https://assets.ubuntu.com/v1/9e27d14a-Ubuntu%[email protected]"
alt="ubuntu logo" />
<hr class="u-sv1" />
<h3>
<a href="/desktop/wsl">The full Ubuntu experience, now available on Windows</a>
</h3>
<p>
Access the power of a full Ubuntu terminal environment on Windows with Windows Subsystem for Linux (WSL).
<br />
<br />
Streamline web application development, leverage cutting-edge AI/ML tooling, develop cross-platform applications and manage IT infrastructure without leaving Windows.
</p>
<p>
<a href="/desktop/wsl">Explore Ubuntu on WSL&nbsp;&rsaquo;</a>
</p>
</div>
Loading