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.

Sign up for GitHub

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

Jump to bottom

Rebrand certified configuration search result pages #14381

Open
wants to merge 6 commits into
base: main
Choose a base branch
from
+559 −747
Open

Rebrand certified configuration search result pages #14381

Show file tree
Hide file tree
Changes from 4 commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
b6c25bf
Rebrand search result pages
andrejvelichkovski Oct 2, 2024
262fd51
Merge branch 'main' into c3-803-rebrand-search-results-pages
andrejvelichkovski Nov 4, 2024
f4d0ac4
Adapt djlint in changes
andrejvelichkovski Nov 4, 2024
f000d21
Break down sections
andrejvelichkovski Nov 4, 2024
d133751
Fix jinja issues
andrejvelichkovski Nov 4, 2024
a811b2a
Merge branch 'main' into c3-803-rebrand-search-results-pages
andrejvelichkovski Nov 12, 2024
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
85 changes: 45 additions & 40 deletions templates/certified/desktops.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,48 +1,53 @@
{% extends "templates/base.html" %}

{% block title %}Certified desktops{% endblock %}
{% block meta_description %}Ubuntu certifies thousands of desktops to guarantee they work well with Ubuntu.{% endblock meta_description %}
{% block meta_copydoc %}https://docs.google.com/document/d/1OWoADcvZ-KQX-BzsCS--pvs9_pY3E-Lb8Ba6a-T-AZ8/edit{% endblock %}

{% block outer_content %}
{% block meta_description %}
Ubuntu certifies thousands of desktops to guarantee they work well with Ubuntu.
{% endblock meta_description %}

<section class="p-strip--suru-topped is-bordered">
<div class="u-fixed-width">
<a href="/certified">&lsaquo; Certified hardware</a>
</div>
<br />
<div class="row">
<div class="col-8">
<h1>Ubuntu certified desktops</h1>
<p>Many of the world's biggest PC manufacturers certify their desktops for Ubuntu.</p>
</div>
<div class="col-4 u-vertically-center u-align--center u-hide--small u-hide--medium">
{{ image (
url="https://assets.ubuntu.com/v1/21efb2ec-desktop.svg",
alt="",
width="126",
height="82",
hi_def=True,
loading="auto"
) | safe
}}
</div>
</div>
</section>
{% block meta_copydoc %}
https://docs.google.com/document/d/1OWoADcvZ-KQX-BzsCS--pvs9_pY3E-Lb8Ba6a-T-AZ8/edit
{% endblock %}

{% with
title="All certified desktops",
query=query,
placeholder="Search in certified desktops",
total_results=total_results,
total_pages=total_pages,
offset=offset,
limit=limit,
vendor_filters=vendor_filters,
release_filters=release_filters,
results=results
%}
{% include "certified/shared/category-search-results.html" %}
{% endwith %}
{% block body_class %}
is-paper
{% endblock body_class %}

{% block outer_content %}
<form class="js-search-results p-section--deep">
<section class="p-section--hero">
<div class="row--25-75">
<div class="col u-hide--small">
{% with category="Desktop" %}
{% include "certified/shared/category-image.html" %}
{% endwith %}
</div>
<div class="col">
<div class="p-section--shallow">
<h1>Ubuntu certified desktops</h1>
</div>
<div class="p-section--shallow">
<p>Many of the world's biggest PC manufacturers certify their desktops for Ubuntu.</p>
{% with query=query, placeholder="Search in certified desktops" %}
{% include "/certified/search/_query-search-box.html" %}
{% endwith %}
</div>
</div>
</div>
</section>
<hr class="p-rule is-fixed-width" />
{% with
title="All certified desktops",
total_results=total_results,
total_pages=total_pages,
offset=offset,
limit=limit,
vendor_filters=vendor_filters,
release_filters=release_filters,
results=results
%}
{% include "/certified/search/_search-results-main-block.html" %}
{% endwith %}
</form>
{% endblock %}
85 changes: 45 additions & 40 deletions templates/certified/devices.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,48 +1,53 @@
{% extends "templates/base.html" %}

{% block title %}Certified devices{% endblock %}
{% block meta_description %}Devices that have been certified for use with Ubuntu.{% endblock %}
{% block meta_copydoc %}https://docs.google.com/document/d/1HdOYjjt175MPJz86abLx5XGPaERccQuK8HlyUnVEEIQ/edit{% endblock %}

{% block outer_content %}
{% block meta_description %}Devices that have been certified for use with Ubuntu.{% endblock %}

<section class="p-strip--suru-topped is-bordered">
<div class="u-fixed-width">
<a href="/certified">&lsaquo; Certified hardware</a>
</div>
<br />
<div class="row">
<div class="col-8">
<h1>Ubuntu certified IoT devices</h1>
<p>IoT vendors rely on Ubuntu for their devices, from drones and robots to edge gateways and development boards. Ubuntu Core delivers bullet-proof security, reliable updates and access to a rich ecosystem on 32 and 64-bit ARM and X86 platforms. </p>
</div>
<div class="col-4 u-vertically-center u-align--center u-hide--small u-hide--medium">
{{ image (
url="https://assets.ubuntu.com/v1/f9f8ace9-gateway.svg",
alt="",
width="126",
height="150",
hi_def=True,
loading="auto"
) | safe
}}
</div>
</div>
</section>
{% block meta_copydoc %}
https://docs.google.com/document/d/1HdOYjjt175MPJz86abLx5XGPaERccQuK8HlyUnVEEIQ/edit
{% endblock %}

{% with
title="All certified devices",
query=query,
placeholder="Search in certified devices",
total_results=total_results,
total_pages=total_pages,
offset=offset,
limit=limit,
vendor_filters=vendor_filters,
release_filters=release_filters,
results=results
%}
{% include "certified/shared/category-search-results.html" %}
{% endwith %}
{% block body_class %}
is-paper
{% endblock body_class %}

{% block outer_content %}
<form class="js-search-results p-section--deep">
<section class="p-section--hero">
<div class="row--25-75">
<div class="col u-hide--small">
{% with category="Ubuntu Core" %}
{% include "certified/shared/category-image.html" %}
{% endwith %}
</div>
<div class="col">
<div class="p-section--shallow">
<h1>Ubuntu certified IoT devices</h1>
</div>
<div class="p-section--shallow">
<p>
IoT vendors rely on Ubuntu for their devices, from drones and robots to edge gateways and development boards. Ubuntu Core delivers bullet-proof security, reliable updates and access to a rich ecosystem on 32 and 64-bit ARM and X86 platforms.
</p>
{% with query=query, placeholder="Search in certified devices" %}
{% include "/certified/search/_query-search-box.html" %}
{% endwith %}
</div>
</div>
</div>
</section>
<hr class="p-rule is-fixed-width" />
{% with
title="All certified devices",
total_results=total_results,
total_pages=total_pages,
offset=offset,
limit=limit,
vendor_filters=vendor_filters,
release_filters=release_filters,
results=results
%}
{% include "/certified/search/_search-results-main-block.html" %}
{% endwith %}
</form>
{% endblock %}
85 changes: 45 additions & 40 deletions templates/certified/laptops.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,48 +1,53 @@
{% extends "templates/base.html" %}

{% block title %}Certified laptops{% endblock %}
{% block meta_description %}Laptops that have been certified for use with Ubuntu.{% endblock meta_description %}
{% block meta_copydoc %}https://docs.google.com/document/d/19pONXVlPLIMVdl9Sy5grJchc-tIQzVnwCen_gC32GQE/edit{% endblock %}

{% block outer_content %}
{% block meta_description %}
Laptops that have been certified for use with Ubuntu.
{% endblock meta_description %}

<section class="p-strip--suru-topped is-bordered">
<div class="u-fixed-width">
<a href="/certified">&lsaquo; Certified hardware</a>
</div>
<br />
<div class="row">
<div class="col-8">
<h1>Ubuntu certified laptops</h1>
<p>Many of the world's biggest PC manufacturers certify their laptops for Ubuntu.</p>
</div>
<div class="col-4 u-vertically-center u-align--center u-hide--small u-hide--medium">
{{ image (
url="https://assets.ubuntu.com/v1/4b732966-Laptop.svg",
alt="",
width="126",
height="82",
hi_def=True,
loading="auto"
) | safe
}}
</div>
</div>
</section>
{% block meta_copydoc %}
https://docs.google.com/document/d/19pONXVlPLIMVdl9Sy5grJchc-tIQzVnwCen_gC32GQE/edit
{% endblock %}

{% with
title="All certified laptops",
query=query,
placeholder="Search in certified laptops",
total_results=total_results,
total_pages=total_pages,
offset=offset,
limit=limit,
vendor_filters=vendor_filters,
release_filters=release_filters,
results=results
%}
{% include "certified/shared/category-search-results.html" %}
{% endwith %}
{% block body_class %}
is-paper
{% endblock body_class %}

{% block outer_content %}
<form class="js-search-results p-section--deep">
<section class="p-section--hero">
<div class="row--25-75">
<div class="col u-hide--small">
{% with category="Laptop" %}
{% include "certified/shared/category-image.html" %}
{% endwith %}
</div>
<div class="col">
<div class="p-section--shallow">
<h1>Ubuntu certified laptops</h1>
</div>
<div class="p-section--shallow">
<p>Many of the world's biggest PC manufacturers certify their laptops for Ubuntu.</p>
{% with query=query, placeholder="Search in certified laptops" %}
{% include "/certified/search/_query-search-box.html" %}
{% endwith %}
</div>
</div>
</div>
</section>
<hr class="p-rule is-fixed-width" />
{% with
title="All certified laptops",
total_results=total_results,
total_pages=total_pages,
offset=offset,
limit=limit,
vendor_filters=vendor_filters,
release_filters=release_filters,
results=results
%}
{% include "certified/search/_search-results-main-block.html" %}
{% endwith %}
</form>
{% endblock %}
Loading
Loading