Add a 'prototype' message throughout

nhsuk-archive · Aug 15, 2016 · 7e70c97 · 7e70c97
1 parent 9416956
commit 7e70c97
Show file tree

Hide file tree

Showing 6 changed files with 40 additions and 0 deletions.
diff --git a/app/assets/sass/homepage_ipmb.scss b/app/assets/sass/homepage_ipmb.scss
@@ -182,3 +182,6 @@ html {
   font-size: 14px;
   line-height: 16px;
 }
+
+// Prototype warning banner
+@import "modules/prototype-warning";
diff --git a/app/assets/sass/modules/prototype-warning.scss b/app/assets/sass/modules/prototype-warning.scss
@@ -0,0 +1,22 @@
+.prototype-warning {
+  p {
+    margin: 0;
+    padding: 1em 0;
+    font-size: 13px;
+    border-bottom: 1px solid #b9d2dc;
+  }
+  b {
+    color: #9B004F;
+  }
+}
+
+.prototype-warning-container {
+  max-width: 960px;
+  margin: 0 auto;
+  padding-left: 15px;
+  padding-right: 15px;
+  @media (min-width: 641px) {
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+}
diff --git a/app/assets/sass/nhs_application.scss b/app/assets/sass/nhs_application.scss
@@ -71,3 +71,6 @@
   ul { @extend .list-bullet; }
   ol { @extend .list-number; }
 }
+
+// Prototype warning banner
+@import "modules/prototype-warning";
diff --git a/app/views/homepage.html b/app/views/homepage.html
@@ -29,6 +29,8 @@
       </div>
     </div>
 
+    {% include "includes/prototype-warning.html" %}
+
     <header role="banner" id="global-header">
       <div class="header-container">
 

diff --git a/app/views/includes/prototype-warning.html b/app/views/includes/prototype-warning.html
@@ -0,0 +1,8 @@
+<div class="prototype-warning">
+  <div class="prototype-warning-container">
+    <p>
+      <b>This is an idea</b> we developed for testing.
+      <a href="http://transformation.blog.nhs.uk/">Find out what we’re working on now.</a>
+    </p>
+  </div>
+</div>
diff --git a/app/views/templates/nhs_template.html b/app/views/templates/nhs_template.html
@@ -38,6 +38,8 @@
     </header>
     <!--end header-->
 
+    {% include "includes/prototype-warning.html" %}
+
 
     {% block afterHeader %}{% endblock %}
-Original file line number
+Diff line change
@@ Expand Up / @@ -29,6 +29,8 @@ @@
           </div>
         </div>
+        {% include "includes/prototype-warning.html" %}
         <header role="banner" id="global-header">
           <div class="header-container">
@@ Expand Down @@