Merge pull request #3753 from ONSdigital/feature-site-example-of-bann…

…er-revamp

Override dev-disclaimer to hardcode the banner

_includes/components/dev-disclaimer.html

@@ -0,0 +1,18 @@
+{% unless site.disclaimer.hidden %}
+<div class="container">
+  <div class="disclaimer-alert">
+    <p><strong class="phase-tag">{{ site.disclaimer.phase | default: page.t.header.alpha | t }}</strong>
+    Your feedback will help us continue to improve the site. Complete the short survey to share your thoughts.
+    {% include components/dev-disclaimer-custom.html %}
+    </p> 
+    <p>
+      <strong>
+      Since September 2023 we have <a href="https://www.ons.gov.uk/aboutus/whatwedo/statistics/changestoourpublicationsandactivities">paused</a>
+      the uploading of data reported on this site. However, the hyperlinks for the indicator data sources could be used to see where the data is
+      published and whether newer data will become available in future. You can also find up to date SDG data on the
+      <a href="https://unstats.un.org/sdgs/dataportal/">UN SDG website</a> which reports globally comparable data.
+      </strong>
+    </p>
+  </div>
+</div>
+{% endunless %}

_sass/custom.scss

@@ -103,7 +103,7 @@
 .btn-takepart {
   background: #DD1367 !important;
   float: right;
-  margin-top: -105px;
+  margin-top: -10px;
   margin-right: -9px;
   box-shadow: 0 2px 0 #580829;
   @media only screen and (min-width: 992px) {
@@ -113,13 +113,13 @@
     display: block;
     width: 220px;
     float: unset;
-    margin-top: -105px;
+    margin-top: 0px;
   }
   @media only screen and (min-width: 1px) and (max-width: 767px) {
     display: block;
     width: 220px;
     float: unset;
-    margin-top: -105px;
+    margin-top: 10px;
   }
   &:hover, &:active {
     background: #A01951 !important;