Merge pull request #811 from alphagov/beta-banner

Add beta banner to homepage

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;
+}

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';
 
 

app/templates/admin_template.html

@@ -5,9 +5,11 @@
   <!--[if gt IE 8]><!-->
   <link rel="stylesheet" media="screen" href="{{ asset_url('stylesheets/main.css') }}" />
   <!--<![endif]-->
+  {% if current_user.is_authenticated %}
   <style>
-    #global-header-bar { background-color: {{header_colour}} }
+      #global-header-bar { background-color: {{header_colour}} }
   </style>
+  {% endif %}
   <!--[if IE 6]>
   <link rel="stylesheet" media="screen" href="{{ asset_url('stylesheets/main-ie6.css') }}" />
   <![endif]-->

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