Skip to content

Commit

Permalink
implement requested design/copy doc fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
@goulinkh
goulinkh committed Dec 11, 2024
1 parent 045c709 commit bfd46f0
Showing 1 changed file with 109 additions and 56 deletions.
165 changes: 109 additions & 56 deletions templates/solutions/ai/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,8 +23,6 @@ <h1 class="p-section--shallow">
<br />
built with trusted open source
</h1>
</div>
<div class="col">
<p>
Innovate at speed with compliant open source – from workstations to clouds and smart devices. Get all the enterprise AI solutions you need from a trusted partner at a predictable cost.
</p>
Expand All @@ -33,17 +31,17 @@ <h1 class="p-section--shallow">
href="/contact-us"
aria-controls="ai-modal">Contact Canonical</a>
</div>
</div>
<div class="u-fixed-width">
<div class="p-image-container--4-3 is-cover u-hide--small">
{{ image(url="https://assets.ubuntu.com/v1/0e1e51b8-hero-img.png",
alt="",
width="3696",
height="1540",
hi_def=True,
loading="auto",
attrs={"class": "p-image-container__image"},) | safe
}}
<div class="col">
<div class="u-embedded-media">
<iframe class="u-embedded-media__element"
width="560"
height="315"
src="https://www.youtube.com/embed/yerW2pOczvA?si=arG1DJW8pqHzmVNU"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen=""></iframe>
</div>
</div>
</div>
</section>
Expand Down Expand Up @@ -99,7 +97,7 @@ <h2>Use cases</h2>
</div>
</div>
<div class="p-equal-height-row__item">
<p>Confidential AI</p>
<h3 class="p-text--default">Confidential AI</h3>
</div>
</a>

Expand All @@ -119,7 +117,7 @@ <h2>Use cases</h2>
</div>
</div>
<div class="p-equal-height-row__item">
<p>Data science</p>
<h3 class="p-text--default">Data science</h3>
</div>
</a>

Expand All @@ -139,7 +137,7 @@ <h2>Use cases</h2>
</div>
</div>
<div class="p-equal-height-row__item">
<p>Ai infrastructure</p>
<h3 class="p-text--default">AI infrastructure</h3>
</div>
</a>

Expand All @@ -159,7 +157,7 @@ <h2>Use cases</h2>
</div>
</div>
<div class="p-equal-height-row__item">
<p>Data management</p>
<h3 class="p-text--default">Data management</h3>
</div>
</a>

Expand All @@ -179,7 +177,7 @@ <h2>Use cases</h2>
</div>
</div>
<div class="p-equal-height-row__item">
<p>MLOps</p>
<h3 class="p-text--default">MLOps</h3>
</div>
</a>

Expand All @@ -199,7 +197,7 @@ <h2>Use cases</h2>
</div>
</div>
<div class="p-equal-height-row__item">
<p>GenAI with RAG</p>
<h3 class="p-text--default">GenAI with RAG</h3>
</div>
</a>

Expand All @@ -219,7 +217,7 @@ <h2>Use cases</h2>
</div>
</div>
<div class="p-equal-height-row__item">
<p>Big data analytics</p>
<h3 class="p-text--default">Big data analytics</h3>
</div>
</a>

Expand All @@ -239,7 +237,7 @@ <h2>Use cases</h2>
</div>
</div>
<div class="p-equal-height-row__item">
<p>Edge AI</p>
<h3 class="p-text--default">Edge AI</h3>
</div>
</a>
</div>
Expand Down Expand Up @@ -296,10 +294,10 @@ <h2>Designed for any silicon</h2>
}}
</div>
<div class="p-logo-section__item">
{{ image(url="https://assets.ubuntu.com/v1/9ce9be39-intel-logo-updated.png",
{{ image(url="https://assets.ubuntu.com/v1/024a2182-intel-logo-updated-2.png",
alt="Intel",
width="154",
height="313",
width="157",
height="312",
hi_def=True,
loading="lazy",
attrs={"class": "p-logo-section__logo"}) | safe
Expand Down Expand Up @@ -502,7 +500,9 @@ <h3 class="p-heading--5">Power smart things with your models</h3>
<div class="row--50-50 p-section">
<hr class="p-rule" />
<div class="col">
<h2>Security – never an afterthought</h2>
<div class="p-section--shallow">
<h2>Security – never an afterthought</h2>
</div>
<div class="p-section--shallow">
<div class="p-section">
<h5>Confidential AI protects your models and data</h5>
Expand All @@ -513,6 +513,7 @@ <h5>Confidential AI protects your models and data</h5>
<a href="https://ubuntu.com/confidential-computing/ai">Discover confidential AI&nbsp;&rsaquo;</a>
</div>
<div class="p-section">
<hr class="p-rule--muted" />
<h5>Fast-track compliance with trusted AI software</h5>
<p>
Rapidly access all the open source software you need for AI, and run it with peace of mind. We maintain and support all of the key open source software in the AI lifecycle so you don’t have to. Leave the CVE fixes to us, so you can fast-track compliance and focus on your AI models.
Expand All @@ -538,30 +539,73 @@ <h5>Fast-track compliance with trusted AI software</h5>
</div>
</div>
</section>
<div class="p-section">
<div class="p-section--shallow">
<hr class="p-rule--highlight is-fixed-width" />
<div class="row">
<div class="col-3 col-medium-2">
<p class="p-muted-heading">What customers say</p>
</div>
</div>
</div>
<div class="row">
<hr class="p-rule--muted" />
<div class="row">
<div class="col-6">
<div class="p-section--shallow">
<p class="p-heading--6">
<i>
“We needed a cloud solution that was stable, reliable and performant. Canonical allowed us to do this by helping to design and deploy our cloud - and they helped us do this quickly.”
</i>
</p>
</div>
</div>
<div class="col-3">
<hr class="p-rule--muted u-hide--large" />
<p>
<strong>Peter Blain</strong>
<br />
<span class="u-text--muted">Director of Product and AI, Firmus</span>
</p>

</div>
<div class="col-3">
<p>

<a href="https://ubuntu.com/engage/ai-ml-casestudy-tasmania">Get the full case study&nbsp;›</a>
</p>
</div>
</div>
</div>
<div class="row">
<hr class="p-rule--muted" />
<div class="row">
<div class="col-6">
<div class="p-section--shallow">
<p class="p-heading--6">
<i>
“Partnering with Canonical lets us concentrate on our core business. Our data scientists can focus on data manipulation and model training rather than managing infrastructure.”
</i>
</p>
</div>
</div>
<div class="col-3">
<hr class="p-rule--muted u-hide--large" />
<p>
<strong>Machine Learning Engineer</strong>
<br />
<span class="u-text--muted">Consumer entertainment company</span>
</p>

{% call(slot) quote_wrapper(
title_text="What customers say",
quote_size="small",
quote_text="We needed a cloud solution that was stable, reliable and performant. Canonical allowed us to do this by helping to design and deploy our cloud - and they helped us do this quickly.",
citation_source_name_text="Peter Blain",
citation_source_organisation_text="Director of Product and AI, Firmus"
) -%}
{%- if slot == 'cta' -%}
<a class="p-button--positive"
href="https://ubuntu.com/engage/ai-ml-casestudy-tasmania">Get the full case study</a>
{%- endif -%}
{% endcall -%}
{% call(slot) quote_wrapper(
quote_size="small",
quote_text="Partnering with Canonical lets us concentrate on our core business. Our data scientists can focus on data manipulation and model training rather than managing infrastructure.",
citation_source_name_text="Machine Learning Engineer",
citation_source_organisation_text="Consumer entertainment company"
) -%}
{%- if slot == 'cta' -%}
<a class="p-button--positive"
href="https://ubuntu.com/engage/machine-learning-media-entertainment">Get the full case study</a>
{%- endif -%}
{% endcall -%}
</div>
<div class="col-3">
<p>
<a href="https://ubuntu.com/engage/machine-learning-media-entertainment">Get the full case study&nbsp;›</a>
</p>
</div>
</div>
</div>
</div>

<section class="p-section">
<hr class="p-rule is-fixed-width" />
Expand All @@ -573,7 +617,7 @@ <h2>All the open source you need for AI</h2>
<div class="p-equal-height-row--wrap">
<a class="p-equal-height-row__col"
href="https://charmed-kubeflow.io/"
aria-label="Charmed Kubeflow">
aria-label="Learn more about Kubeflow AI and MLOps">
<div class="p-equal-height-row__item">
<div class="p-image-container--16-9 is-highlighted">
{{ image(url="https://assets.ubuntu.com/v1/cd89477e-kubeflow-logo-container-vert-fill.png",
Expand All @@ -593,7 +637,7 @@ <h2>All the open source you need for AI</h2>

<a class="p-equal-height-row__col"
href="https://ubuntu.com/ai/mlflow"
aria-label="MLFlow">
aria-label="Learn more about MLflow">
<div class="p-equal-height-row__item">
<div class="p-image-container--16-9 is-highlighted">
{{ image(url="https://assets.ubuntu.com/v1/104192d9-mlflow-logo-container-vert-fill.png",
Expand All @@ -613,7 +657,7 @@ <h2>All the open source you need for AI</h2>

<a class="p-equal-height-row__col"
href="/data/spark"
aria-label="Apache Spark">
aria-label="Learn more about Apache Spark">
<div class="p-equal-height-row__item">
<div class="p-image-container--16-9 is-highlighted">
{{ image(url="https://assets.ubuntu.com/v1/855deda8-apache-spark-logo-container-vert-fill.png",
Expand All @@ -633,7 +677,7 @@ <h2>All the open source you need for AI</h2>

<a class="p-equal-height-row__col"
href="/data/opensearch"
aria-label="OpenSearch">
aria-label="Learn more about OpenSearch">
<div class="p-equal-height-row__item">
<div class="p-image-container--16-9 is-highlighted">
{{ image(url="https://assets.ubuntu.com/v1/a8185f91-opensearch-logo-container-vert-fill.png",
Expand All @@ -651,7 +695,9 @@ <h2>All the open source you need for AI</h2>
</div>
</a>

<a class="p-equal-height-row__col" href="/data/kafka" aria-label="Kafka">
<a class="p-equal-height-row__col"
href="/data/kafka"
aria-label="Learn more about Kafka">
<div class="p-equal-height-row__item">
<div class="p-image-container--16-9 is-highlighted">
{{ image(url="https://assets.ubuntu.com/v1/d30de1f1-kafka-logo-container-vert-fill.png",
Expand All @@ -671,7 +717,7 @@ <h2>All the open source you need for AI</h2>

<a class="p-equal-height-row__col"
href="/data/mongodb"
aria-label="MongoDB">
aria-label="Learn more about MongoDB">
<div class="p-equal-height-row__item">
<div class="p-image-container--16-9 is-highlighted">
{{ image(url="https://assets.ubuntu.com/v1/efdc8292-mongodb-logo-container-vert-fill.png",
Expand All @@ -691,7 +737,7 @@ <h2>All the open source you need for AI</h2>

<a class="p-equal-height-row__col"
href="/data/postgresql"
aria-label="PostgreSQL">
aria-label="Learn more about PostgreSQL">
<div class="p-equal-height-row__item">
<div class="p-image-container--16-9 is-highlighted">
{{ image(url="https://assets.ubuntu.com/v1/f5605b7e-postgre-sql-container-vert-fill.png",
Expand All @@ -711,7 +757,7 @@ <h2>All the open source you need for AI</h2>

<a class="p-equal-height-row__col"
href="/data/valkey"
aria-label="Valkey">
aria-label="Learn more about Valkey">
<div class="p-equal-height-row__item">
<div class="p-image-container--16-9 is-highlighted">
{{ image(url="https://assets.ubuntu.com/v1/a702abe9-valkey.png",
Expand Down Expand Up @@ -759,13 +805,20 @@ <h3 class="p-heading--5 u-no-margin--bottom">
</h3>
<p>Explore how Canonical partners with silicon vendors to optimize our solutions with certified hardware.</p>
</li>
<li class="p-list__item">
<h3 class="p-heading--5 u-no-margin--bottom">
<a href="https://ubuntu.com/engage/microk8s-with-charmed-kubeflow-on-nvidia-egx">MicroK8s with Charmed Kubeflow on NVIDIA EGX platform</a>
</h3>
<p>Download the reference architecture for a detailed guide to infrastructure for machine learning use cases.</p>
</li>
</ul>
</div>
</div>
</section>

<section class="p-strip is-deep">
<div class="u-fixed-width">
<hr class="p-rule" />
<h2>
<a href="#get-in-touch" aria-controls="ai-modal">Send us a message to discuss your AI needs&nbsp;&rsaquo;</a>
</h2>
Expand Down

0 comments on commit bfd46f0

Please sign in to comment.