[East Herts] Cobranded frontend

For mysociety/FixMyStreet-Commercial#773.

19 files changed, 681 insertions, 1 deletions

diff --git a/perllib/FixMyStreet/Cobrand/EastHerts.pm b/perllib/FixMyStreet/Cobrand/EastHerts.pm
new file mode 100644
index 000000000..ea5ed7f55
--- /dev/null
+++ b/perllib/FixMyStreet/Cobrand/EastHerts.pm
@@ -0,0 +1,54 @@
+package FixMyStreet::Cobrand::EastHerts;
+use parent 'FixMyStreet::Cobrand::UKCouncils';
+
+use strict;
+use warnings;
+
+sub council_id { return 2342; }
+sub council_area { return 'East Hertfordshire'; }
+sub council_name { return 'East Hertfordshire District Council'; }
+sub council_url { return 'eastherts'; }
+
+sub base_url {
+    my $self = shift;
+    return $self->next::method() if FixMyStreet->config('STAGING_SITE');
+    return 'https://fixmystreet.eastherts.gov.uk';
+}
+
+
+sub enter_postcode_text {
+    my ($self) = @_;
+    return 'Enter an ' . $self->council_area . ' postcode, or street name and area';
+}
+
+sub example_places {
+    return ( 'SG14 2AP', "Mangrove Road" );
+}
+
+sub disambiguate_location {
+    my $self    = shift;
+    my $string  = shift;
+
+    return {
+        %{ $self->SUPER::disambiguate_location() },
+        town => 'Hertford',
+        centre => '51.8650537133491,-0.00819715483544082',
+        span   => '0.26293637547365,0.379186581552513',
+        bounds => [ 51.7341800736161, -0.18359132013981, 51.9971164490897, 0.195595261412703 ],
+    };
+}
+
+sub pin_colour {
+    my ( $self, $p, $context ) = @_;
+    return 'grey' if $p->state eq 'not responsible';
+    return 'green' if $p->is_fixed || $p->is_closed;
+    return 'red' if $p->state eq 'confirmed';
+    return 'yellow';
+}
+
+sub contact_email {
+    my $self = shift;
+    return join( '@', 'enquiries', 'eastherts.gov.uk' );
+}
+
+1;
\ No newline at end of file
diff --git a/templates/web/eastherts/about/faq-en-gb.html b/templates/web/eastherts/about/faq-en-gb.html
new file mode 100644
index 000000000..697536df8
--- /dev/null
+++ b/templates/web/eastherts/about/faq-en-gb.html
@@ -0,0 +1,139 @@
+[% INCLUDE 'header.html', title = 'Help', bodyclass = 'twothirdswidthpage' %]
+
+<div class="sticky-sidebar">
+    <aside>
+        <ul class="plain-list">
+            <li><a href="#faq">Frequently Asked Questions</a></li>
+            <li><a href="/privacy">Privacy and cookies</a></li>
+            <li><a href="/contact">Contact FixMyStreet</a></li>
+        </ul>
+    </aside>
+</div>
+
+<h1> Frequently Asked Questions </h1>
+
+<p>These pages are for reporting things which are broken, dirty, damaged or
+dumped, and need fixing, cleaning or clearing such as the following: </p>
+<ul>
+    <li>Abandoned vehicles</li>
+    <li>Dog Bin overflow</li>
+    <li>Dog fouling</li>
+    <li>Drugs Paraphernalia</li>
+    <li>Litter </li>
+    <li>Litter Bin overflow</li>
+    <li>Flyposting</li>
+    <li>Flytipping</li>
+    <li>Graffiti</li>
+    <li>Grass Cutting</li>
+    <li>Public toilets</li>
+    <li>Street cleaning</li>
+    </ul>
+    <p>
+    Note that though most of these services are provided by East Hertfordshire District Council, 
+    FixMyStreet will forward some categories of issue to Stevenage Council.
+    </p>
+
+<dl>
+    <dt><a name="emergencies"></a>Reporting emergencies (Out of Hours)</dt>
+    <dd>
+    <p> Please do not report problems which present an immediate risk to life,
+    for example fallen trees, broken glass. </p>
+    <p> Issues reported via the website are only actioned during office hours.
+    If you require an Out of Hours service please ring our main number
+    01279 655261 and a message will direct you to the relevant Out of Hours
+    service. </p>
+
+    </dd>
+
+        <dt>How do I report a problem here?</dt>
+        <dd>After entering a postcode or location, you are shown
+a map of that area. You can view problems already reported in that area,
+or report ones of your own by clicking on the map at the location of
+the problem.</dd>
+        <dt>How are the problems solved?</dt>
+        <dd>They are reported directly to us so we can then resolve the problem.
+        You can also discuss the problem on the website with others if you wish.</dd>
+
+        <dt>Do you remove silly or illegal content?</dt>
+        <dd>East Hertfordshire District Council and FixMyStreet are not responsible for the content and accuracy
+of material submitted by its users. We reserve the right to edit or remove any
+problems or updates which we consider to be inappropriate upon being informed
+by a user of the site.</dd>
+
+    <dt>Can I use FixMyStreet on my mobile?</dt>
+    <dd>
+    <p>The FixMyStreet website will already work on your mobile phone, adapting to
+    the size of your screen automatically. Using an app has some advantages, though
+	&mdash; for example, you can create a report even when you have no network 
+	connection.
+	<ul>
+	    <li>
+			<a href="https://itunes.apple.com/gb/app/fixmystreet/id297456545">FixMyStreet app for iPhone</a>		
+	    <li>
+			<a href="https://play.google.com/store/apps/details?id=org.mysociety.FixMyStreet">FixMyStreet app for Android</a>
+	</ul>
+    </dd>
+
+    <dt>Can I use these pages to report problems outside of the East Hertfordshire district?</dd>
+    <dd>Yes, if you enter a postcode or address outside the district you will be re-directed to the main FixMyStreet site that will enable you to report problems elsewhere. FixMyStreet will forward these on to the relevant council.</dd>
+
+    <dt>The site is powered by FixMyStreet, who are they?</dt>
+        <dd>FixMyStreet was built by <a href="http://www.mysociety.org/">mySociety</a>, in conjunction with the <a href="http://www.youngfoundation.org.uk/">Young Foundation</a>. 
+mySociety is the project of a registered charity which has grown out of the community of
+volunteers who built sites like <a href="http://www.theyworkforyou.com/">TheyWorkForYou</a>. 
+mySociety&rsquo;s primary mission is to build Internet projects which give people simple, tangible
+benefits in the civic and community aspects of their lives.
+The charity is called UK Citizens Online Democracy and is charity number 1076346. mySociety
+can be contacted by email at <a href="mailto:hello&#64;mysociety.org">hello&#64;mysociety.org</a>,
+or by post at mySociety, 483 Green Lanes, London, N13 4BS.</dd>
+
+    <dt>Why does the site use kilometres for measurements?</dt>
+    <dd>The British national
+    grid reference system, devised by Ordnance Survey (the British national
+    mapping agency) around the time of the second world war, uses eastings and
+    northings measured in metres and kilometres; the maps we use are from
+    Ordnance Survey and so this is what we use to display distances.
+    There you have it: not everything British is in miles!</dd>
+
+    <dt>Why can&rsquo;t I zoom out more on the reporting map?</dt>
+    <dd>We want to keep reports locally focused, so we restrict the ability to
+    move radically between areas. The map on <a href="/my">Your Reports</a> will let you see all
+    the reports you&rsquo;ve made, wherever they are.</dd>
+
+        <dt>I&rsquo;d like a site like this for my own location/ where&rsquo;s the "source code" to this site?</dt>
+        <dd>
+The mySociety software behind this site is open source, and available
+under the GNU Affero GPL software license. You can <a
+href="http://github.com/mysociety/fixmystreet">download the
+source code</a> and help mySociety develop it.
+You&rsquo;re welcome to use it in your own projects, although you must also
+make available the source code to any such projects.
+<a href="http://www.fiksgatami.no/">Fiksgatami</a> is an example of our code
+being used in a Norwegian version of this site.
+</dd>
+
+</dl>
+
+    <h2><a name="privacy"></a>Privacy Questions</h2>
+
+    <dl>
+        <dt>Who gets to see my email address?</dt>
+        <dd>
+<p>If you submit a problem, your details, and details of the problem, will be
+submitted to East Hertfordshire District Council, or Stevenage Council, as
+appropriate. Other than the council, only people we authorise to view the
+FixMyStreet administration interface will be able to see your email address and
+they will never use it for anything other than to help administer
+FixMyStreet.</p>
+<p>We will never give or sell your email address to anyone else, unless we are
+obliged to by law. Your name will not be published anywhere unless you let us.</p>
+</dd>
+
+        <dt>What emails will you send to me?</dt>
+        <dd>We will email you when we have received your report, and when it has
+        been investigated and actioned. We will only send you emails that
+        relate to an issue you have reported.</dd>
+
+    </dl>
+
+[% INCLUDE 'footer.html' pagefooter = 'yes' %]
diff --git a/templates/web/eastherts/footer.html b/templates/web/eastherts/footer.html
new file mode 100644
index 000000000..b0e5e0ae0
--- /dev/null
+++ b/templates/web/eastherts/footer.html
@@ -0,0 +1,56 @@
+                </div><!-- .content role=main -->
+            </div><!-- .container -->
+        </div><!-- .table-cell -->
+
+        <div class="nav-wrapper">
+            <div class="nav-wrapper-2">
+                <div id="main-nav" role="navigation">
+[%
+    SET base = "";
+    SET base = c.cobrand.base_url IF admin;
+%]
+                    <ul class="nav-menu nav-menu--main">
+                        <li><[% IF c.req.uri.path == '/'
+                            %]span[% ELSE %]a href="[% base %]/"[% END %] class="report-a-problem-btn"
+                            >[% loc("Report a problem") %]</[% c.req.uri.path == '/' ? 'span' : 'a' %]></li>[%
+                        %]<li><[% IF c.req.uri.path == '/my'
+                            %]span[% ELSE %]a href="[% base %]/my"[% END
+                            %]>[% loc("Your reports") %]</[% c.req.uri.path == '/my' ? 'span' : 'a' %]></li>[%
+                        %]<li><[% IF c.req.uri.path == '/reports'
+                            %]span[% ELSE %]a href="[% base %]/reports"[% END
+                            %]>[% loc("All reports") %]</[% c.req.uri.path == '/reports' ? 'span' : 'a' %]></li>[%
+                        %]<li><[% IF c.req.uri.path == '/alert'
+                            %]span[% ELSE %]a href="[% base %]/alert[% pc ? '/list?pc=' : '' %][% pc | uri %]"[% END
+                            %]>[% loc("Local alerts") %]</[% c.req.uri.path == '/alert' ? 'span' : 'a' %]></li>[%
+                        %]<li><[% IF c.req.uri.path == '/faq'
+                            %]span[% ELSE %]a href="[% base %]/faq"[% END
+                            %]>[% loc("Help") %]</[% c.req.uri.path == '/faq' ? 'span' : 'a' %]></li>[%
+                        %]<li class="nav-menu__item--privacy"><[% IF c.req.uri.path == '/privacy'
+                            %]span[% ELSE %]a href="[% base %]/privacy"[% END
+                            %]>[% loc("Privacy") %]</[% c.req.uri.path == '/privacy' ? 'span' : 'a' %]></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+
+<!-- [% INCLUDE 'debug_footer.html' %] -->
+    </div> <!-- .wrapper -->
+
+    [% IF pagefooter %]
+    <footer role="contentinfo">
+        <ul>
+            <li><a href="http://www.eastherts.gov.uk/article/10/A-to-Z">A to Z</a></li>
+            <li><a href="http://www.eastherts.gov.uk/article/3347/Accessibility" accesskey="0">Accessibility</a></li>
+            <li><a href="http://www.eastherts.gov.uk/article/3351/Disclaimer">Disclaimer</a></li>
+            <li><a href="http://www.eastherts.gov.uk/article/3352/Copyright-2016">Copyright 2016</a></li>
+            <li><a href="http://www.eastherts.gov.uk/privacy">Privacy, Data Protection and Fraud Prevention</a></li>
+            <li class="last"><a href="http://www.eastherts.gov.uk/article/6653/Neighbouring-Councils">Neighbouring Councils</a></li>
+        </ul>
+        <p>© 2016 East Herts Council , <strong>Telephone:</strong> +44 (0)1279 655261 <strong>Bishop's Stortford Office:</strong>- Charringtons House, Bishop's Stortford, Herts, CM23 2EN. <strong>Hertford Office:</strong>- Wallfields, Pegs Lane, Hertford, SG13 8EQ.</p>
+    </footer>
+    [% END %]
+
+    [% TRY %][% PROCESS 'footer_extra.html' %][% CATCH file %][% END %]
+
+</body>
+</html>
diff --git a/templates/web/eastherts/header_logo.html b/templates/web/eastherts/header_logo.html
new file mode 100644
index 000000000..868edc6cd
--- /dev/null
+++ b/templates/web/eastherts/header_logo.html
@@ -0,0 +1,25 @@
+<a href="[% c.cobrand.base_url IF admin %]/" id="site-logo">[% site_name %]</a>
+<a href="[% c.cobrand.base_url IF admin %]/" id="report-cta" title="[%- loc('Report a problem') -%]">[%- loc('Report') -%]</a>
+
+<div class="header__eh_top_nav">
+    <ul id="toputilnav" class="internal">
+        <li><a href="http://www.eastherts.gov.uk/">Home</a>
+        </li>
+        <li><a href="http://www.eastherts.gov.uk/cookies">Cookies on our site</a></li>
+        [%# <li><a href="http://www.eastherts.gov.uk/article/5/Log-in">Log in</a></li> %]
+        <li><a href="http://www.eastherts.gov.uk/search" accesskey="4">Search the site</a></li>
+        <li><a href="http://www.eastherts.gov.uk/article/42/Site-Map" accesskey="3">Site Map</a></li>
+        <li class="last"><a href="http://www.eastherts.gov.uk/article/6715/Translation-Services">Translation Services</a></li>
+    </ul>
+    <ul id="bannerimages">
+        <li><a href="http://www.eastherts.gov.uk/payments"><img src="[% version('/cobrands/eastherts/img/paymentsd1.gif') %]" width="110" height="50" alt="Payments"></a>
+        </li>
+        <li><a href="http://www.eastherts.gov.uk/report"><img src="[% version('/cobrands/eastherts/img/reportd1.gif') %]" width="110" height="50" alt="Report"></a>
+        </li>
+        <li><a href="http://www.eastherts.gov.uk/contactus"><img src="[% version('/cobrands/eastherts/img/contactusd1.gif') %]" width="110" height="50" alt="Contact Us"></a>
+        </li>
+        <li>
+        <img src="[% version('/cobrands/eastherts/img/consultationd1.gif') %]" width="110" height="50" alt="Consultations">
+        </li>
+    </ul>
+</div>
\ No newline at end of file
diff --git a/templates/web/eastherts/header_site.html b/templates/web/eastherts/header_site.html
new file mode 100644
index 000000000..30f692573
--- /dev/null
+++ b/templates/web/eastherts/header_site.html
@@ -0,0 +1,87 @@
+<header id="site-header" role="banner">
+    <div class="container">
+        [% INCLUDE 'header_logo.html' %]
+        <a href="#main-nav" id="nav-link">Main Navigation</a>
+    </div>
+    <div class="header__eh_nav">
+        <div class="container">
+            <ul>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/11/A">A - Z Index - A</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/12/B">B</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/13/C">C</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/14/D">D</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/15/E">E</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/16/F">F</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/17/G">G</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/18/H">H</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/29071/I">I</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/20/J">J</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/21/K">K</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/22/L">L</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/23/M">M</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/24/N">N</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/25/O">O</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/26/P">P</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/28/R">R</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/29/S">S</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/30/T">T</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/31/U">U</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/32/V">V</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/33/W">W</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/34/X">X</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/35/Y">Y</a>
+                </li>
+                <li>
+                    <a href="http://www.eastherts.gov.uk/article/36/Z">Z</a>
+                </li>
+            </ul>
+        </div>
+    </div>
+</header>
diff --git a/templates/web/fixmystreet.com/about/council.html b/templates/web/fixmystreet.com/about/council.html
index 8552d0d86..45871305c 100644
--- a/templates/web/fixmystreet.com/about/council.html
+++ b/templates/web/fixmystreet.com/about/council.html
@@ -101,7 +101,7 @@
     <div class="fixed-container">
         <div class="section-content">
             <h2>Who's using FixMyStreet for councils?</h2>
-            <p>Our UK client councils include <a href="https://fix.angus.gov.uk/">Angus</a>, <a href="https://fixmystreet.bristol.gov.uk/">Bristol</a>, <a href="http://fixmystreet.stevenage.gov.uk/">Stevenage</a>, <a href="http://fix.bromley.gov.uk/">Bromley</a>, <a href="http://harrogate.fixmystreet.com/">Harrogate</a>, <a href="http://fixmystreet.oxfordshire.gov.uk/">Oxfordshire</a>, <a href="http://hart.fixmystreet.com/">Hart</a>, <a href="http://eastsussex.fixmystreet.com/">East Sussex County Council</a>, <a href="http://fix.royalgreenwich.gov.uk/">Greenwich</a>, and <a href="http://warwickshire.fixmystreet.com/">Warwickshire County Council</a>.</p>
+            <p>Our UK client councils include <a href="https://fix.angus.gov.uk/">Angus</a>, <a href="https://fixmystreet.bristol.gov.uk/">Bristol</a>, <a href="http://fixmystreet.stevenage.gov.uk/">Stevenage</a>, <a href="http://fix.bromley.gov.uk/">Bromley</a>, <a href="http://harrogate.fixmystreet.com/">Harrogate</a>, <a href="http://fixmystreet.oxfordshire.gov.uk/">Oxfordshire</a>, <a href="http://hart.fixmystreet.com/">Hart</a>, <a href="https://fixmystreet.eastherts.gov.uk/">East Herts Council</a>, <a href="http://eastsussex.fixmystreet.com/">East Sussex County Council</a>, <a href="http://fix.royalgreenwich.gov.uk/">Greenwich</a>, and <a href="http://warwickshire.fixmystreet.com/">Warwickshire County Council</a>.</p>
             <p>FixMyStreet for Councils is also in use outside the UK, in the city of <a href="https://www.zueriwieneu.ch/">Zurich</a>, Switzerland.</p>
             <h3>Case studies</h3>
             <p>For the insider view, and to understand the integration process, read these councils’ stories.</p>
diff --git a/templates/web/fixmystreet.com/reports/_extras.html b/templates/web/fixmystreet.com/reports/_extras.html
index 260a87621..d5aee674c 100755
--- a/templates/web/fixmystreet.com/reports/_extras.html
+++ b/templates/web/fixmystreet.com/reports/_extras.html
@@ -3,6 +3,7 @@
         'Angus Council' = 'fix.angus.gov.uk'
         'Bromley Council' = 'fix.bromley.gov.uk'
         'Bristol City Council' = 'fixmystreet.bristol.gov.uk'
+        'East Hertfordshire District Council' = 'fixmystreet.eastherts.gov.uk'
         'East Sussex County Council' = 'eastsussex.fixmystreet.com'
         'Harrogate Borough Council' = 'harrogate.fixmystreet.com'
         'Hart District Council' = 'hart.fixmystreet.com'
@@ -15,6 +16,7 @@
         'fixmystreet.bristol.gov.uk' = 's'
         'fix.bromley.gov.uk' = 's'
         'fix.angus.gov.uk' = 's'
+        'fixmystreet.eastherts.gov.uk' = 's'
     }
     site = fms_councils.${body.name}
 %]
diff --git a/web/cobrands/eastherts/_colours.scss b/web/cobrands/eastherts/_colours.scss
new file mode 100644
index 000000000..f4a1142ac
--- /dev/null
+++ b/web/cobrands/eastherts/_colours.scss
@@ -0,0 +1,32 @@
+/* COLOURS */
+
+$eh_dark_grey: #555;
+$eh_med_grey: #dadcda;
+$eh_dark_green: #007900;
+$eh_green: #2c992c;
+$eh_purple: #609;
+$eh_blue: #4e96e8;
+
+$primary: $eh_green;
+$primary_b: #000000;
+$primary_text: #222222;
+
+$base_bg: white;
+$base_fg: $eh_dark_grey;
+
+$map_nav_bg: $eh_green;
+$nav_fg: #000;
+$nav_fg_hover: $primary;
+
+// Colour used for front page 'how to report a problem' steps
+$col_big_numbers: #ccc;
+
+$col_click_map: $eh_green;
+$col_click_map_dark: darken($eh_green, 10%);
+
+$col_fixed_label: #00BD08;
+$col_fixed_label_dark: #4B8304;
+
+$body-font: Verdana,Arial,Helvetica,Geneva,sans-serif;
+$meta-font: $body-font;
+$heading-font: $body-font;
\ No newline at end of file
diff --git a/web/cobrands/eastherts/base.scss b/web/cobrands/eastherts/base.scss
new file mode 100644
index 000000000..1c8f9795b
--- /dev/null
+++ b/web/cobrands/eastherts/base.scss
@@ -0,0 +1,56 @@
+@import "../sass/h5bp";
+@import "./_colours";
+@import "../sass/mixins";
+
+@import "../sass/base";
+
+.header__eh_nav, .header__eh_top_nav, .nav-menu li.user-meta--nav {
+  display: none;
+}
+
+#site-header {
+  border-top: none;
+  background: $eh_blue;
+}
+
+#site-logo {
+  background: url(img/toplogo.gif);
+  background-size: 51px 48px;
+  height: 48px;
+  width: 51px;
+  top: 0px;
+  left: 2px;
+}
+
+h1, h2, h3, h4 {
+  color: $eh_green;
+}
+
+footer {
+  background-color: $eh_med_grey;
+  background-image: url(img/footer.gif);
+  background-repeat: repeat-x;
+  background-position: top;
+
+  text-align: center;
+  padding: 1em;
+  margin: 0;
+
+  p {
+    margin: 0;
+  }
+
+  ul {
+    margin: 0;
+    li {
+      list-style: none;
+
+      a, a:visited, a:hover, a:active {
+        color: $eh_dark_grey;
+      }
+      a:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/web/cobrands/eastherts/img/consultationd1.gif b/web/cobrands/eastherts/img/consultationd1.gif
new file mode 100644
index 000000000..d7e1ffd5e
--- /dev/null
+++ b/web/cobrands/eastherts/img/consultationd1.gif
diff --git a/web/cobrands/eastherts/img/contactusd1.gif b/web/cobrands/eastherts/img/contactusd1.gif
new file mode 100644
index 000000000..38a6ed5ef
--- /dev/null
+++ b/web/cobrands/eastherts/img/contactusd1.gif
diff --git a/web/cobrands/eastherts/img/footer.gif b/web/cobrands/eastherts/img/footer.gif
new file mode 100644
index 000000000..b324dc9c5
--- /dev/null
+++ b/web/cobrands/eastherts/img/footer.gif
diff --git a/web/cobrands/eastherts/img/header_mid.jpg b/web/cobrands/eastherts/img/header_mid.jpg
new file mode 100644
index 000000000..2712c01e1
--- /dev/null
+++ b/web/cobrands/eastherts/img/header_mid.jpg
diff --git a/web/cobrands/eastherts/img/paymentsd1.gif b/web/cobrands/eastherts/img/paymentsd1.gif
new file mode 100644
index 000000000..eceaf413c
--- /dev/null
+++ b/web/cobrands/eastherts/img/paymentsd1.gif
diff --git a/web/cobrands/eastherts/img/reportd1.gif b/web/cobrands/eastherts/img/reportd1.gif
new file mode 100644
index 000000000..20bc4db21
--- /dev/null
+++ b/web/cobrands/eastherts/img/reportd1.gif
diff --git a/web/cobrands/eastherts/img/toplogo.gif b/web/cobrands/eastherts/img/toplogo.gif
new file mode 100644
index 000000000..b51183702
--- /dev/null
+++ b/web/cobrands/eastherts/img/toplogo.gif
diff --git a/web/cobrands/eastherts/img/toplogo.jpg b/web/cobrands/eastherts/img/toplogo.jpg
new file mode 100644
index 000000000..bfa111a04
--- /dev/null
+++ b/web/cobrands/eastherts/img/toplogo.jpg
diff --git a/web/cobrands/eastherts/img/welcome_mid.gif b/web/cobrands/eastherts/img/welcome_mid.gif
new file mode 100644
index 000000000..430b4e95c
--- /dev/null
+++ b/web/cobrands/eastherts/img/welcome_mid.gif
diff --git a/web/cobrands/eastherts/layout.scss b/web/cobrands/eastherts/layout.scss
new file mode 100644
index 000000000..9623f33de
--- /dev/null
+++ b/web/cobrands/eastherts/layout.scss
@@ -0,0 +1,229 @@
+@import "_colours";
+@import "../sass/layout";
+
+#site-header {
+  // default layout.scss sets this, so we need it here as well as base.scss
+  background: $eh_blue;
+  background-image: url(img/header_mid.jpg);
+  background-repeat: repeat-x;
+}
+
+// Get rid of the top border
+.nav-wrapper .nav-wrapper-2 {
+  border-top: none;
+}
+
+body.fullwidthpage, body.twothirdswidthpage, body.authpage, body.frontpage {
+  $logo-height: 90px;
+  $eh-nav-height: 32px;
+  $fms-nav-height: 43px;
+
+  #site-header {
+    background-color: $base_bg;
+    height: $logo-height + $eh-nav-height + $fms-nav-height;
+
+    .container {
+      height: auto;
+    }
+
+    .container:first-child {
+      height: $logo-height;
+    }
+
+    .header__eh_nav {
+      display: block;
+      background-color: $eh_dark_green;
+      background-image: url(img/welcome_mid.gif);
+      background-repeat: repeat-x;
+      background-position: 0 0;
+      height: $eh-nav-height;
+
+      ul, span {
+        font-size: 1.1em;
+        line-height: $eh-nav-height;
+        color: white;
+      }
+
+      ul {
+        float: right;
+        text-align: right;
+        list-style: none;
+        margin: 0;
+        padding: 0;
+
+        li {
+          display: inline;
+          margin: 0;
+          padding: 0;
+
+          a {
+            color: white;
+            padding: 0 0.5em 0 0.6em;
+          }
+        }
+      }
+    }
+
+    .header__eh_top_nav {
+      display: block;
+      position: relative;
+      z-index: 4;
+
+      ul {
+        float: right;
+        margin: 0;
+        list-style: none;
+
+        li {
+          display: inline;
+          list-style: none;
+        }
+      }
+
+      ul#toputilnav {
+        width: 100%;
+        text-align: right;
+
+        li {
+          margin: 0;
+          padding: 0;
+
+          a {
+            padding: 0 0.5em 0 0.25em;
+            font-size: 0.9em;
+            color: black;
+          }
+
+          &:after {
+            content: "";
+            border-right: solid 1px $eh_dark_grey;
+          }
+
+          // For some reason the spacing isn't even on the 'cookies' link,
+          // so this sorts it out.
+          &:first-child {
+            margin-right: 0.25em;
+          };
+
+          &:last-child {
+            a {
+              padding-right: 0;
+            }
+            &:after {
+              border-right: none;
+            }
+          }
+        }
+      }
+
+      ul#bannerimages {
+        margin-top: 0.25em;
+      }
+    }
+  }
+
+  #site-logo {
+    $img-height: 184px;
+    $img-width: 399px;
+    top: $logo-height - $img-height;
+    width: $img-width;
+    height: $img-height;
+    background-image: url(img/toplogo.jpg);
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-color: $eh_blue;
+    background-size: $img-width $img-height;
+  }
+
+  .nav-menu {
+    position: absolute;
+    top: $logo-height + $eh-nav-height;
+    height: $fms-nav-height;
+    margin: 0 auto;
+    width: 60em;
+    padding: 0;
+    text-align: center;
+    float: none;
+    li {
+      float: none;
+      display: inline-block;
+    }
+  }
+
+  // Make elements beneath clickable
+  .nav-wrapper .nav-wrapper-2 {
+    min-height: 0;
+    height: 0;
+  }
+}
+
+#front-main {
+  background-color: #f6f6f6;
+}
+
+.content, #front-main {
+  color: $eh_dark_grey;
+}
+
+body.twothirdswidthpage .content .sticky-sidebar aside {
+  top: 11em;
+  box-shadow: none;
+}
+
+body.mappage {
+  .nav-wrapper .nav-wrapper-2 {
+    background-color: $eh_blue;
+    background-image: url(img/header_mid.jpg);
+    background-repeat: repeat-x;
+    background-position: top;
+  }
+
+  #site-logo {
+    top: 8px;
+  }
+
+  .nav-menu--main {
+    a {
+      color: white;
+    }
+    span {
+      color: $eh_dark_grey;
+    }
+  }
+}
+
+
+footer ul {
+  margin-bottom: 0.5em;
+  li {
+    display: inline-block;
+    margin: 0;
+    padding: 0;
+
+    &:after {
+      content: "";
+      border-right: solid 1px $eh_dark_grey;
+    }
+    &:last-child:after {
+      border-right: none;
+    }
+
+    a {
+      padding: 0 0.5em 0 0.25em;
+    }
+  }
+}
+
+// Stop the FMS nav being too wide and off to the right off the page
+// at this break point.
+@media only screen and (min-width: 48em) and (max-width: 61em) {
+  #main-nav {
+    float: $left;
+    padding-#{$left}: 0;
+  }
+  body.fullwidthpage, body.twothirdswidthpage, body.authpage, body.frontpage {
+    .nav-menu {
+      width: 100%;
+    }
+  }
+}
\ No newline at end of file