Add a scary banner

app/templates/views/design-patterns-content-guidance.html

@@ -1,3 +1,4 @@
+{% from "components/banner.html" import banner_wrapper %}
 {% extends "withoutnav_template.html" %}
 
 {% block page_title %}
@@ -13,6 +14,12 @@ Design patterns and content guidance – GOV.UK Notify
       Design patterns and content guidance
     </h1>
 
+    {% call banner_wrapper(type='warning') %}
+      <h2 class="heading-medium">This content is a work in progress</h2>
+
+      <p>It should not be relied upon</p>
+    {% endcall %}
+
     <section id="contents">
       <h2 class="heading-medium" id="contents">Contents</h2>
 

app/templates/views/information-security.html

@@ -1,3 +1,4 @@
+{% from "components/banner.html" import banner_wrapper %}
 {% extends "withoutnav_template.html" %}
 
 {% block page_title %}
@@ -13,6 +14,12 @@ Information security guidelines – GOV.UK Notify
       Information security for text messages, emails and letters
     </h1>
 
+    {% call banner_wrapper(type='warning') %}
+      <h2 class="heading-medium">This content is a work in progress</h2>
+
+      <p>It should not be relied upon</p>
+    {% endcall %}
+
     <p>A more pragmatic approach to information security</p>
 
     <p class="lede">In the past, government has taken a risk-averse approach to information security. This resulted in services that were unhelpful and hard to use.</p>