Skip to content

Commit

Permalink
Merge pull request canonical#13359 from lizzochek/task/WD-7205
Browse files Browse the repository at this point in the history 
WD-7205 - enrich /real-time page with images
  • Loading branch information
@lizzochek
lizzochek authored Nov 28, 2023
2 parents 33ea351 + fb9f481 commit 0359242
Showing 1 changed file with 101 additions and 6 deletions.
107 changes: 101 additions & 6 deletions templates/real-time/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,85 @@ <h2>Why use Real-time Ubuntu?</h2>
</section>

<section class="p-section">
<div class="row">
<div class="row u-hide--medium">
<hr class="p-rule">
<div class="col-12 col-medium-3 p-section--shallow">
<h2>Real-time Ubuntu use cases</h2>
</div>
<div class="col-3 col-medium-3">
<h3 class="p-heading--5">Industrial settings</h3>
<p class="p-cases">PLCs in assembly lines must deliver and process data in real-time to ensure system
integrity and continuous
production.</p>
<div class="u-hide--small" style="background-color: rgba(0, 0, 0, 0.03);">
{{
image(
url="https://assets.ubuntu.com/v1/[email protected]",
alt="",
width="284",
hi_def=True,
loading="lazy",
) | safe
}}
</div>
</div>
<div class="col-3 col-medium-3">
<h3 class="p-heading--5">Telco</h3>
<p class="p-cases">Real-time Ubuntu brings ultra-low latency and enhanced security capabilities to
telco workloads and the
critical
infrastructure they run on.</p>
<div class="u-hide--small" style="background-color: rgba(0, 0, 0, 0.03);">
{{
image(
url="https://assets.ubuntu.com/v1/[email protected]",
alt="",
width="284",
hi_def=True,
loading="lazy",
) | safe
}}
</div>
</div>
<div class="col-3 col-medium-3">
<h3 class="p-heading--5">Healthcare robotics</h3>
<p class="p-cases">From autonomous mobile robots to life-support medical equipment, healthcare systems
must complete tasks within
specified deadlines.</p>
<div class="u-hide--small" style="background-color: rgba(0, 0, 0, 0.03);">
{{
image(
url="https://assets.ubuntu.com/v1/[email protected]",
alt="",
width="284",
hi_def=True,
loading="lazy",
) | safe
}}
</div>
</div>
<div class="col-3 col-medium-3">
<h3 class="p-heading--5">Automotive</h3>
<p class="p-cases">Automotive manufacturers are increasingly reliant on real-time Linux for
infotainment systems, HMIs and
latency-sensitive scenarios.</p>
<div class="u-hide--small" style="background-color: rgba(0, 0, 0, 0.03);">
{{
image(
url="https://assets.ubuntu.com/v1/[email protected]",
alt="",
width="284",
hi_def=True,
loading="lazy",
) | safe
}}
</div>
</div>
<p>Not sure real-time is for you? <br /><a href="/kernel/real-time/contact-us">Get in touch</a> to talk over
your
use case with our sales team</p>
</div>
<div class="row u-hide--small u-hide--large">
<hr class="p-rule">
<div class="col-12 col-medium-3 p-section--shallow">
<h2>Real-time Ubuntu use cases</h2>
Expand All @@ -72,7 +150,8 @@ <h2>Real-time Ubuntu use cases</h2>
<h3 class="p-heading--5">Industrial settings</h3>
</div>
<div class="col-6">
<p>PLCs in assembly lines must deliver and process data in real-time to ensure system integrity and continuous production.</p>
<p>PLCs in assembly lines must deliver and process data in real-time to ensure system integrity and
continuous production.</p>
</div>
</div>
</div>
Expand All @@ -83,7 +162,8 @@ <h3 class="p-heading--5">Industrial settings</h3>
<h3 class="p-heading--5">Telco</h3>
</div>
<div class="col-6">
<p>Real-time Ubuntu brings ultra-low latency and enhanced security capabilities to telco workloads and the critical infrastructure they run on.</p>
<p>Real-time Ubuntu brings ultra-low latency and enhanced security capabilities to telco workloads and the
critical infrastructure they run on.</p>
</div>
</div>
</div>
Expand All @@ -94,7 +174,8 @@ <h3 class="p-heading--5">Telco</h3>
<h3 class="p-heading--5">Healthcare robotics</h3>
</div>
<div class="col-6">
<p>From autonomous mobile robots to life-support medical equipment, healthcare systems must complete tasks within specified deadlines.</p>
<p>From autonomous mobile robots to life-support medical equipment, healthcare systems must complete tasks
within specified deadlines.</p>
</div>
</div>
</div>
Expand All @@ -105,15 +186,17 @@ <h3 class="p-heading--5">Healthcare robotics</h3>
<h3 class="p-heading--5">Automotive</h3>
</div>
<div class="col-6">
<p>Automotive manufacturers are increasingly reliant on real-time Linux for infotainment systems, HMIs and latency-sensitive scenarios.</p>
<p>Automotive manufacturers are increasingly reliant on real-time Linux for infotainment systems, HMIs and
latency-sensitive scenarios.</p>
</div>
</div>
</div>
<div class="p-section--shallow">
<hr class="p-rule">
<div class="row">
<div class="col-6 col-start-large-4">
<p>Not sure real-time is for you? <br/><a href="/kernel/real-time/contact-us">Get in touch</a> to talk over your use case with our sales team</p>
<p>Not sure real-time is for you? <br /><a href="/kernel/real-time/contact-us">Get in touch</a> to talk over
your use case with our sales team</p>
</div>
</div>
</div>
Expand Down Expand Up @@ -220,5 +303,17 @@ <h2>Build with confidence on Real-time Ubuntu</h2>
<div class="u-hide" id="contact-form-container" data-form-location="/shared/forms/interactive/real-time" data-form-id="4914" data-lp-id="" data-return-url="/real-time#success" data-lp-url="https://ubuntu.com/kernel/real-time/contact-us">
</div>
<script src="/static/js/src/static-forms.js"></script>
<style>
@media (min-width: 1032px) {
.p-cases {
min-height: 130px;
}
}

@media (min-width: 620px) and (max-width: 1032px) {
.p-cases {
min-height: 105px;
}
}
</style>
{% endblock content %}

0 comments on commit 0359242

Please sign in to comment.