SPIKE into a research banner first draft

Author: CharlotteDowns

src/stylesheets/main.scss

@@ -418,3 +418,15 @@ pre .language-plaintext {
 .app-campaign-cookie-banner .govuk-grid-column-two-thirds {
   width: 100%;
 }
+
+// Add styling for research banner
+.app-research-banner {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  border-bottom: 1px solid $govuk-border-colour;
+  background-color: #ffee80;
+
+  p {
+    margin-bottom: 0;
+  }
+}

views/layouts/_generic.njk

@@ -45,6 +45,7 @@
 {% block main %}
   {% include "_header.njk" %}
   {% include "_navigation.njk" %}
+  {% include "_research-banner.njk" %}
   {% include "_banner.njk" %}
   {% block body %}
     {{ contents | safe }}

views/partials/_research-banner.njk

@@ -0,0 +1,5 @@
+<div class="app-research-banner">
+  <div class="app-width-container">
+    <p class="govuk-body-m">Are you a new or infrequent user? <a class="govuk-link" href="/">Sign up to test the GOV.UK Design System</a></p>
+  </div>
+</div>