From f22b61b9f4c1b7d0dce198f7219a98fa58e1ecc0 Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Thu, 28 Jul 2016 09:05:10 +0100
Subject: [PATCH] Add beta banner to homepage
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Because the homepage of the app is discoverable to the public, it makes
“gives the wrong impression” for it not to have a beta banner.
---
 app/assets/stylesheets/app.scss    | 7 ++++++-
 app/assets/stylesheets/main.scss   | 1 +
 app/templates/views/signedout.html | 7 +++++++
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/app.scss b/app/assets/stylesheets/app.scss
index 9a1b05c57..f28724c93 100644
--- a/app/assets/stylesheets/app.scss
+++ b/app/assets/stylesheets/app.scss
@@ -1,7 +1,7 @@
 // Extra CSS overlaying elements
 
 #global-header-bar {
-  background-color: $red;
+  background-color: $govuk-blue;
 }
 
 #global-header {
@@ -174,3 +174,8 @@ details summary {
   }
 
 }
+
+.phase-banner-beta {
+  border: 0;
+  margin-bottom: -$gutter + 2px;
+}
diff --git a/app/assets/stylesheets/main.scss b/app/assets/stylesheets/main.scss
index a6d147629..7f6450c7b 100644
--- a/app/assets/stylesheets/main.scss
+++ b/app/assets/stylesheets/main.scss
@@ -30,6 +30,7 @@ $path: '/static/images/';
 @import 'elements/layout';
 @import 'elements/lists';
 @import 'elements/panels';
+@import 'elements/phase-banner';
 @import 'elements/tables';
 
 
diff --git a/app/templates/views/signedout.html b/app/templates/views/signedout.html
index b9158511e..44e784b89 100644
--- a/app/templates/views/signedout.html
+++ b/app/templates/views/signedout.html
@@ -9,6 +9,13 @@
 
 {% block maincolumn_content %}
 
+  <div class="phase-banner-beta">
+    <p>
+      <strong class="phase-tag">BETA</strong>
+      <span>This is a new service – your <a href="{{ url_for('main.feedback') }}">feedback</a> will help us to improve it.</span>
+    </p>
+  </div>
+
   {% call banner_wrapper(type='intro') %}
     <h1 class="heading-medium">
       GOV.UK Notify makes it easy to send text messages and emails to