Updates p-link--inverted to have a parent with is-dark (#13745)

* Updates p-link--inverted to have a parent with is-dark * Delete /press-centre * Fix takeovers * Format flask image functions * Fix failing search results test
canonical · Apr 17, 2024 · 73fc34e · 73fc34e
1 parent 6da3ac7
commit 73fc34e
Show file tree

Hide file tree

Showing 34 changed files with 10,966 additions and 10,605 deletions.
diff --git a/templates/16-04/index.html b/templates/16-04/index.html
diff --git a/templates/aws/fips.html b/templates/aws/fips.html
diff --git a/templates/azure/fips.html b/templates/azure/fips.html
diff --git a/templates/base_index.html b/templates/base_index.html
diff --git a/templates/blog/desktop.html b/templates/blog/desktop.html
@@ -2,24 +2,31 @@
 
 {% block title %}Desktop{% endblock %}
 
-{% block meta_description %}All you need to know about the fast, free and user-friendly Ubuntu desktop operating system.{% endblock %}
+{% block meta_description %}
+  All you need to know about the fast, free and user-friendly Ubuntu desktop operating system.
+{% endblock %}
 
 {% block content %}
-  <section class="p-strip--suru-blog-header">
+  <section class="p-strip--suru-blog-header is-dark">
     <div class="u-fixed-width">
-      <h1>
-        Desktop
-      </h1>
-      <h2 class="p-heading--4">All you need to know about the fast, free and user <br class="u-hide u-show--large">friendly Ubuntu desktop operating system.</h2>
+      <h1>Desktop</h1>
+      <h2 class="p-heading--4">
+        All you need to know about the fast, free and user
+        <br class="u-hide u-show--large" />
+        friendly Ubuntu desktop operating system.
+      </h2>
       <p>
-        <a class="p-link--inverted" href="https://www.ubuntu.com/desktop">Learn more about Desktop</a>
+        <a href="https://www.ubuntu.com/desktop" class="p-link--inverted">Learn more about Desktop</a>
       </p>
       <div id="rtp-banner" class="rtp-banner"></div>
     </div>
   </section>
 
-  <section class="p-strip is-shallow{% if current_page and current_page == 1 and upcoming_events %} is-bordered{% endif %}" id="posts-list">
-    {% with topic="desktop" %}{% include "blog/filters.html" %}{% endwith %}
+  <section class="p-strip is-shallow{% if current_page and current_page == 1 and upcoming_events %} is-bordered{% endif %}"
+           id="posts-list">
+    {% with topic="desktop" %}
+      {% include "blog/filters.html" %}
+    {% endwith %}
     {% include 'blog/posts.html' %}
   </section>
 

diff --git a/templates/blog/press-centre.html b/templates/blog/press-centre.html
diff --git a/templates/blog/topics/design.html b/templates/blog/topics/design.html
@@ -6,12 +6,14 @@
 
 {% block content %}
 
-  <section class="p-strip--suru">
+  <section class="p-strip--suru is-dark">
     <div class="row">
       <div class="col-10">
         <h1>Web engineering and design team</h1>
         <p class="p-heading--4">Discover the latest news and work from the web and design team</p>
-        <p>The Web and design team at Canonical pride themselves on building things properly, not quickly. Always looking for creative ways to push the bounderies of the web.</p>
+        <p>
+          The Web and design team at Canonical pride themselves on building things properly, not quickly. Always looking for creative ways to push the bounderies of the web.
+        </p>
         <p class="u-no-margin--bottom">
           <a class="p-link--inverted" href="https://webteam.canonical.com/">Learn more from the web and design team portal&nbsp;&rsaquo;</a>
         </p>

diff --git a/templates/blog/topics/juju.html b/templates/blog/topics/juju.html
@@ -2,26 +2,29 @@
 
 {% block title %}Juju and JAAS{% endblock %}
 
-{% block meta_description %}Operate big software at scale on any cloud. All the latest news on Juju – the open source application modelling tool for public and private clouds.{% endblock %}
+{% block meta_description %}
+  Operate big software at scale on any cloud. All the latest news on Juju – the open source application modelling tool for public and private clouds.
+{% endblock %}
 
 {% block content %}
 
-  <section class="p-strip--suru-blog-header">
+  <section class="p-strip--suru-blog-header is-dark">
     <div class="u-fixed-width">
       <p>
-        {{
-          image(
-            url="https://assets.ubuntu.com/v1/67057b2c-product-page-juju-logo.svg",
-            alt="",
-            height="50",
-            width="140",
-            hi_def=True,
-            loading="auto",
-            attrs={"class": "p-blog-heading__icon", "style": "height: 50px;"}
-          ) | safe
+        {{ image(url="https://assets.ubuntu.com/v1/67057b2c-product-page-juju-logo.svg",
+                alt="",
+                height="50",
+                width="140",
+                hi_def=True,
+                loading="auto",
+                attrs={"class": "p-blog-heading__icon", "style": "height: 50px;"}) | safe
         }}
       </p>
-      <h2 class="p-heading--4">All the latest news on Juju &ndash; the open source application <br class="u-hide u-show--large" />modelling tool for public and private clouds.</h2>
+      <h2 class="p-heading--4">
+        All the latest news on Juju &ndash; the open source application
+        <br class="u-hide u-show--large" />
+        modelling tool for public and private clouds.
+      </h2>
       <p>
         <a class="p-link--inverted" href="https://jaas.ai">Learn more about Juju</a>
       </p>

diff --git a/templates/blog/topics/maas.html b/templates/blog/topics/maas.html
@@ -2,25 +2,28 @@
 
 {% block title %}MAAS{% endblock %}
 
-{% block meta_description %}All the latest news on MAAS (Metal as a Service) - the smartest way to manage bare metal.{% endblock %}
+{% block meta_description %}
+  All the latest news on MAAS (Metal as a Service) - the smartest way to manage bare metal.
+{% endblock %}
 
 {% block content %}
 
-  <section class="p-strip--suru-blog-header">
+  <section class="p-strip--suru-blog-header is-dark">
     <div class="u-fixed-width">
       <h1>
-        {{
-          image(
-            url="https://assets.ubuntu.com/v1/4fac1d52-MAAS-Logo.svg",
-            alt="MAAS",
-            height="50",
-            width="200",
-            hi_def=True,
-            loading="auto"
-          ) | safe
+        {{ image(url="https://assets.ubuntu.com/v1/4fac1d52-MAAS-Logo.svg",
+                alt="MAAS",
+                height="50",
+                width="200",
+                hi_def=True,
+                loading="auto") | safe
         }}
       </h1>
-      <h2 class="p-heading--4">All the latest news on MAAS<br>&ndash; the smartest way to manage bare metal.</h2>
+      <h2 class="p-heading--4">
+        All the latest news on MAAS
+        <br />
+        &ndash; the smartest way to manage bare metal.
+      </h2>
       <p>
         <a class="p-link--inverted" href="https://maas.io">Learn more about MAAS</a>
       </p>

diff --git a/templates/blog/topics/robotics.html b/templates/blog/topics/robotics.html
@@ -11,24 +11,23 @@
       <div class="col-7">
         <h1>Robotics</h1>
 
-        <p class="p-heading--4">Whether you're starting in the lab or already in production, Canonical can help manage the complexity of the open-source software underpinning your robot's brains and personality.</p>
+        <p class="p-heading--4">
+          Whether you're starting in the lab or already in production, Canonical can help manage the complexity of the open-source software underpinning your robot's brains and personality.
+        </p>
 
         <p>
           <a class="p-link--inverted" href="/internet-of-things/robotics">Learn more about robotics from Canonical&nbsp;&rsaquo;</a>
         </p>
       </div>
 
       <div class="col-5 u-align--center u-vertically-center">
-        {{
-          image(
-            url="https://assets.ubuntu.com/v1/5ee71af0-Robot+arm+-+white.svg",
-            alt="",
-            height="201",
-            width="200",
-            hi_def=True,
-            loading="auto",
-            attrs={"class": "u-hide--small"}
-          ) | safe
+        {{ image(url="https://assets.ubuntu.com/v1/5ee71af0-Robot+arm+-+white.svg",
+                alt="",
+                height="201",
+                width="200",
+                hi_def=True,
+                loading="auto",
+                attrs={"class": "u-hide--small"}) | safe
         }}
       </div>
     </div>
@@ -45,5 +44,5 @@ <h1>Robotics</h1>
       {% include "shared/_pagination.html" %}
     {% endwith %}
   </section>
-</section>
+
 {% endblock %}
diff --git a/templates/blog/topics/snapcraft.html b/templates/blog/topics/snapcraft.html
@@ -2,26 +2,29 @@
 
 {% block title %}Snapcraft and Snaps{% endblock %}
 
-{% block meta_description %}Package any app for any Linux and deliver updates directly. All the latest from the Snappy team &mdash; articles on application architecture, prototyping, packaging paradigms and more.{% endblock %}
+{% block meta_description %}
+  Package any app for any Linux and deliver updates directly. All the latest from the Snappy team &mdash; articles on application architecture, prototyping, packaging paradigms and more.
+{% endblock %}
 
 {% block content %}
 
-  <section class="p-strip--suru-blog-header">
+  <section class="p-strip--suru-blog-header is-dark">
     <div class="u-fixed-width">
       <p>
-        {{
-          image(
-            url="https://assets.ubuntu.com/v1/b46c8d7d-snapcraft-logo-hor-white.svg",
-            alt="Snapcraft",
-            height="62",
-            width="272",
-            hi_def=True,
-            loading="auto",
-            attrs={"class": "p-blog-heading__icon", "style": "height: 62px;"}
-          ) | safe
+        {{ image(url="https://assets.ubuntu.com/v1/b46c8d7d-snapcraft-logo-hor-white.svg",
+                alt="Snapcraft",
+                height="62",
+                width="272",
+                hi_def=True,
+                loading="auto",
+                attrs={"class": "p-blog-heading__icon", "style": "height: 62px;"}) | safe
         }}
       </p>
-      <h2 class="p-heading--4">All the latest from the Snappy team &ndash; articles on application<br class="u-hide u-show--large">architecture, prototyping, packaging paradigms and more.</h2>
+      <h2 class="p-heading--4">
+        All the latest from the Snappy team &ndash; articles on application
+        <br class="u-hide u-show--large" />
+        architecture, prototyping, packaging paradigms and more.
+      </h2>
       <p>
         <a class="p-link--inverted" href="https://snapcraft.io">Learn more about Snapcraft</a>
       </p>