[East Sussex] Build templates from fragments published on eastsussex.gov.uk

 - Update styles to handle new templates
 - Ignore built templates
 - Ignore downloaded template fragments
 - Put East Sussex CSS before FMS overrides
 - Allow template build script to be run from outside its directory
 - Add file-watching capability to East Sussex template building script for local dev

6 files changed, 172 insertions, 265 deletions

diff --git a/templates/web/eastsussex/.gitignore b/templates/web/eastsussex/.gitignore
new file mode 100644
index 000000000..8380978ad
--- /dev/null
+++ b/templates/web/eastsussex/.gitignore
@@ -0,0 +1,6 @@
+header.html
+footer.html
+FooterDesktop.html
+HeaderDesktop.html
+HtmlTag.html
+MetadataDesktop.html
diff --git a/templates/web/eastsussex/build_eastsussex_templates.py b/templates/web/eastsussex/build_eastsussex_templates.py
new file mode 100755
index 000000000..389755042
--- /dev/null
+++ b/templates/web/eastsussex/build_eastsussex_templates.py
@@ -0,0 +1,96 @@
+#!/usr/bin/env python
+import urllib2
+import os
+import sys
+import argparse
+import time
+
+try:
+    from fsevents import Stream, Observer
+    WATCH_AVAILABLE = True
+except ImportError:
+    WATCH_AVAILABLE = False
+
+TEMPLATES = {
+    "header.html.template": (
+        "HtmlTag",
+        "MetadataDesktop",
+        (
+            "HeaderDesktop",
+            (
+                ("<header>", '<header class="eastsussex">'),
+            )
+        ),
+    ),
+    "footer.html.template": (
+        "FooterDesktop",
+    )
+}
+
+BASE_URL = "https://www.eastsussex.gov.uk/masterpages/remote/control.aspx?control={fragment}&host=mysociety.org"
+
+
+def patch_fragment(fragment, patches):
+    if not patches:
+        return fragment
+    for search, replacement in patches:
+        fragment = fragment.replace(search, replacement)
+    return fragment
+
+
+def update_templates():
+    for template_path, fragment_names in TEMPLATES.items():
+        template = open(template_path).read()
+        fragments = {}
+        for name in fragment_names:
+            if isinstance(name, tuple):
+                name, patches = name
+            else:
+                patches = None
+            url = BASE_URL.format(fragment=name)
+            content = urllib2.urlopen(url).read().replace("\r", "")
+            fragments[name] = patch_fragment(content, patches)
+            open("{0}.html".format(name), "wb").write(fragments[name])
+        with open(template_path[:-9], "wb") as outfile:
+            outfile.write(template.format(**fragments))
+
+
+def event_callback(event):
+    filename = os.path.basename(event.name)
+    if filename in TEMPLATES.keys():
+        print "{} has changed, updating templates...".format(filename)
+        update_templates()
+        print "done."
+
+def watch_local_files():
+    print "Watching for changes to: {}".format(", ".join(TEMPLATES.keys()))
+    observer = Observer()
+    stream = Stream(event_callback, os.getcwd(), file_events=True)
+    observer.schedule(stream)
+    try:
+        observer.start()
+        while True:
+            time.sleep(86400)
+    except KeyboardInterrupt:
+        observer.stop()
+
+
+def main():
+    os.chdir(os.path.dirname(__file__))
+
+    parser = argparse.ArgumentParser(description="Build header.html and footer.html from online East Sussex template fragments.")
+    parser.add_argument("-w", "--watch", action="store_true")
+
+    args = parser.parse_args()
+
+    if args.watch:
+        if not WATCH_AVAILABLE:
+            print "Watch functionality not available. This currently needs OS X and the macfsevents Python package."
+            sys.exit(1)
+        watch_local_files()
+    else:
+        update_templates()
+
+
+if __name__ == '__main__':
+    main()
diff --git a/templates/web/eastsussex/footer.html b/templates/web/eastsussex/footer.html
deleted file mode 100644
index 7f8ec74bc..000000000
--- a/templates/web/eastsussex/footer.html
+++ /dev/null
@@ -1,106 +0,0 @@
-            </div> <!-- content -->
-        </div> <!-- container -->
-    </div>
-
-</div></div></div> <!-- 3 levels of wrapper -->
-
-    <div class="nav-wrapper clearfix">
-        <div class="main-menu-wrapper">
-            <div class="main-menu">
-            <ul class="clearfix" id="mobile-menu">
-                <li class="home"><[% IF c.req.uri.path == '/' %]span[% ELSE %]a href="/"[% END %] class="report-a-problem-btn"
-                    >[% "Report" %]</[% c.req.uri.path == '/' ? 'span' : 'a' %]></li>[%
-                %]<li><[% IF c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) %]span[% ELSE %]a href="/my"[% END
-                    %]>[% loc("Your reports") %]</[% ( c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) ) ? 'span' : 'a' %]></li>[%
-                %]<li><[% IF c.req.uri.path == '/reports/East+Sussex' %]span[% ELSE %]a href="/reports/East+Sussex"[% END
-                    %]>[% loc("All reports") %]</[% c.req.uri.path == '/reports' ? 'span' : 'a' %]></li>[%
-                %]<li><[% IF c.req.uri.path == '/alert' %]span[% ELSE %]a href="/alert[% pc ? '/list?pc=' : '' %][% pc | uri %]"[% END
-                    %]>[% loc("Local alerts") %]</[% c.req.uri.path == '/alert' ? 'span' : 'a' %]></li>[%
-                %]<li class="last"><[% IF c.req.uri.path == '/faq' %]span[% ELSE %]a href="/faq"[% END
-                    %]>[% loc("Help") %]</[% c.req.uri.path == '/faq' ? 'span' : 'a' %]></li>
-            </ul>
-            </div>
-        </div>
-        <div class="sign-in">
-            [% IF c.user_exists %]
-                <p>
-                    [% tprintf(loc('Hi %s'), c.user.name || c.user.email) %]
-                    <a href="/auth/sign_out">[% loc('sign out') %]</a>
-                </p>
-            [% END %]
-        </div>
-    </div>
-</div>
-    
-<footer>
-<div class="footer screen" role="contentinfo">
-    
-<div class="languages clearfix">
-    <div class="container">
-        <ul>
-            <li lang="zh-Hans" xml:lang="zh-Hans" class="nonLatin">
-                <a href="/contactus/translation.aspx?c=zh-Hans&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_chinese" hreflang="zh-Hans" rel="nofollow alternate">中文</a>
-            </li>
-            <li lang="ar" xml:lang="ar" dir="rtl" class="nonLatin">
-                <a href="/contactus/translation.aspx?c=ar&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_arabic" hreflang="ar" rel="nofollow alternate">العربية</a>
-            </li>
-            <li lang="ur" xml:lang="ur" dir="rtl" class="nonLatin">
-                <a href="/contactus/translation.aspx?c=ur&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_urdu" hreflang="ur" rel="nofollow alternate">اردو</a>
-            </li>
-            <li lang="ku" xml:lang="ku" dir="rtl" class="nonLatin">
-                <a href="/contactus/translation.aspx?c=ku&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_kurdish" hreflang="ku" rel="nofollow alternate">کوردی سۆرانی</a>
-            </li>
-            <li lang="pt" xml:lang="pt">
-                <a href="/contactus/translation.aspx?c=pt&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_portugese" hreflang="pt" rel="nofollow alternate">Português</a>
-            </li>
-            <li lang="pl" xml:lang="pl">
-                <a href="/contactus/translation.aspx?c=pl&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_polish" hreflang="pl" rel="nofollow alternate">Polski</a>
-            </li>
-            <li lang="sk" xml:lang="sk">
-                <a href="/contactus/translation.aspx?c=sk&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_slovakian" hreflang="sk" rel="nofollow alternate">Slovenčina</a>
-            </li>
-            <li lang="tr" xml:lang="tr">
-                <a href="/contactus/translation.aspx?c=tr&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_turkish" hreflang="tr" rel="nofollow alternate">Türkçe</a>
-            </li>
-            
-        </ul>
-    </div>
-</div> 
-
-    <div class="container footer-content">
-        <div class="online">
-            <nav>
-            <h2>Connect with us</h2>
-            
-            <p class="social"><a href="/contactus/socialmedia/default.htm" id="footer_ctl01_social"><span class="twitter"><span class="facebook"><span class="youtube"><span class="flickr">&nbsp;</span></span></span></span><span class="find">Find us on social media</span></a></p>
-            <ul><li><a href="/about/" id="footer_ctl01_about" accesskey="8">About this site</a></li>
-            <li><a href="/about/privacypolicy/default.htm" id="footer_ctl01_privacy">Privacy and cookies</a></li></ul>
-            </nav>
-        </div>
-                
-        <form method="post" class="newsletter form" action="https://www.eastsussex.gov.uk/registered/updates/subscribe.aspx">
-            <h2>Get money for your project with our Funding News</h2>
-            <p><label for="newsletter">My email address is:</label></p>
-            <input type="email" id="newsletter" name="newsletter" class="email" />
-            <input type="hidden" name="item" value="6" />
-            <input type="submit" value="Sign up" class="button" />
-        </form>
-
-        <div id="footer_ctl01__ctrl_0_feed" class="petitions">
-	
-	<div>
-        <p><a href="/yourcouncil/consultation/petitions/default.htm" id="footer_ctl01__ctrl_0_feed_footer_start">Start your own petition</a></p>
-        </div>
-	
-</div>
-    </div>
-</div>
-</footer>
-    
-<!-- <script src="http://www.eastsussex.gov.uk/js/analytics-autosuggest-config-crossoriginie-documents-home-hometabs-jqueryload-jqueryui-media-statistics-switchview-v19.jsx"></script> -->
-
-  </body>
-</html>
-
-
-
diff --git a/templates/web/eastsussex/footer.html.template b/templates/web/eastsussex/footer.html.template
new file mode 100644
index 000000000..f561aff40
--- /dev/null
+++ b/templates/web/eastsussex/footer.html.template
@@ -0,0 +1,38 @@
+            </div> <!-- content -->
+        </div> <!-- container -->
+    </div>
+
+</div></div></div> <!-- 3 levels of wrapper -->
+
+    <div class="nav-wrapper clearfix">
+        <div class="main-menu-wrapper">
+            <div class="main-menu">
+            <ul class="clearfix" id="mobile-menu">
+                <li class="home"><[% IF c.req.uri.path == '/' %]span[% ELSE %]a href="/"[% END %] class="report-a-problem-btn"
+                    >[% "Report" %]</[% c.req.uri.path == '/' ? 'span' : 'a' %]></li>[%
+                %]<li><[% IF c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) %]span[% ELSE %]a href="/my"[% END
+                    %]>[% loc("Your reports") %]</[% ( c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) ) ? 'span' : 'a' %]></li>[%
+                %]<li><[% IF c.req.uri.path == '/reports/East+Sussex' %]span[% ELSE %]a href="/reports/East+Sussex"[% END
+                    %]>[% loc("All reports") %]</[% c.req.uri.path == '/reports' ? 'span' : 'a' %]></li>[%
+                %]<li><[% IF c.req.uri.path == '/alert' %]span[% ELSE %]a href="/alert[% pc ? '/list?pc=' : '' %][% pc | uri %]"[% END
+                    %]>[% loc("Local alerts") %]</[% c.req.uri.path == '/alert' ? 'span' : 'a' %]></li>[%
+                %]<li class="last"><[% IF c.req.uri.path == '/faq' %]span[% ELSE %]a href="/faq"[% END
+                    %]>[% loc("Help") %]</[% c.req.uri.path == '/faq' ? 'span' : 'a' %]></li>
+            </ul>
+            </div>
+        </div>
+        <div class="sign-in">
+            [% IF c.user_exists %]
+                <p>
+                    [% tprintf(loc('Hi %s'), c.user.name || c.user.email) %]
+                    <a href="/auth/sign_out">[% loc('sign out') %]</a>
+                </p>
+            [% END %]
+        </div>
+    </div>
+</div>
+
+{FooterDesktop}
+
+</body>
+</html>
diff --git a/templates/web/eastsussex/header.html b/templates/web/eastsussex/header.html
deleted file mode 100644
index 1b2883f4a..000000000
--- a/templates/web/eastsussex/header.html
+++ /dev/null
@@ -1,159 +0,0 @@
-<!DOCTYPE html>
-
-<!--[if lt IE 7 ]> <html class="no-js ie6 ie67" lang="en"> <![endif]-->
-<!--[if IE 7 ]>    <html class="no-js ie7 ie67" lang="en"> <![endif]-->
-<!--[if IE 8 ]>    <html class="no-js ie8" lang="en"> <![endif]-->
-<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#"
-      xmlns:fb="https://www.facebook.com/2008/fbml" prefix="og: http://ogp.me/ns# fb: https://www.facebook.com/2008/fbml schema: http://schema.org/"> <!--<![endif]-->
-
-<head>
-<meta charset="UTF-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-
-<link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/base.css') %]">
-<link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/layout.css') %]" media="(min-width:48em)">
-<link rel="stylesheet" href="[% version('/cobrands/eastsussex/cmsconsolesmall-v50.css') %]>
-[% extra_css %]
-<!--[if (lt IE 9) & (!IEMobile)]>
-    <link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/layout.css') %]">
-<![endif]-->
-
-<link rel="stylesheet" type="text/css" href="[% start %][% version('/cobrands/eastsussex/mqMedium.css') %]" 
-    media="only screen and (min-width: 474px)" class="mqMedium" />
-
-<!--[if (lte IE 8) & !(IEMobile 7) ]
-<link rel="stylesheet" type="text/css" href="[% start %][% version('/cobrands/eastsussex/mqMedium.css') %]" 
-    class="mqIE mqMedium" />
-<![endif]-->
-
-<link rel="stylesheet" type="text/css" href="[% start %][% version('/cobrands/eastsussex/mqLarge.css') %]"
-    media="only screen and (min-width: 802px)" class="mqLarge" />
-
-<!--[if (lte IE 8) & !(IEMobile 7) ]>
-<link rel="stylesheet" type="text/css" href="[% start %][% version('/cobrands/eastsussex/mqLarge.css') %]"
-    class="myIE mqLarge" />
-<![endif]-->
-
-<script src="[% start %][% version('/js/modernizr.custom.js') %]" charset="utf-8"></script>
-<script src="[% start %][% version('/cobrands/fixmystreet/position_map.js') %]" charset="utf-8"></script>
-[% INCLUDE 'common_header_tags.html', js_override = '/cobrands/fixmystreet/fixmystreet.js', site_title = c.cobrand.site_title %]
-[% extra_js %]
-
-[% IF c.req.uri.host == 'osm.fixmystreet.com' %]
-    <link rel="canonical" href="http://www.fixmystreet.com[% c.req.uri.path_query %]">
-[% END %]
-
-[% INCLUDE 'tracking_code.html' %]
-
-<link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" />
-<link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" />
-<meta name="DC.title" content="East Sussex County Council" lang="en-GB" xml:lang="en-GB" />
-<meta property="og:title" content="East Sussex County Council" lang="en-GB" xml:lang="en-GB" />
-<meta name="twitter:title" content="East Sussex County Council" lang="en-GB" xml:lang="en-GB" />
-<meta name="DC.creator" content="Web and Intranet Editor, Digital Services, 01273 335847" lang="en-GB" xml:lang="en-GB" />
-<meta name="DCTERMS.created" class="DCTERMS.W3CDTF" content="2006-10-23" />
-<meta name="DCTERMS.issued" class="DCTERMS.W3CDTF" content="2006-11-02" />
-<meta name="DCTERMS.modified" class="DCTERMS.W3CDTF" content="2014-05-22" />
-<meta name="DC.subject" class="eGMS.IPSV" content="Government, politics and public administration" lang="en-GB" xml:lang="en-GB" />
-<meta name="eGMS.accessibility" class="eGMS.WCAG10" content="Double-A" />
-<meta name="eGMS.systemID" content="{15D28A23-DC25-4E88-B903-A170F0206C35}" />
-<meta property="og:url" content="http://www.eastsussex.gov.uk/default.htm" />
-<meta name="DC.publisher" content="East Sussex County Council" lang="en-GB" xml:lang="en-GB" />
-<meta name="DCTERMS.spatial" content="East Sussex, UK" lang="en-GB" xml:lang="en-GB" />
-<meta name="DC.language" class="DCTERMS.ISO639-2" content="eng" />
-<meta name="DC.description" content="East Sussex County Council&#39;s website has a wealth of advice on council services and related subjects, for residents, businesses and visitors to the county." lang="en-GB" xml:lang="en-GB" />
-<meta name="description" content="East Sussex County Council&#39;s website has a wealth of advice on council services and related subjects, for residents, businesses and visitors to the county." lang="en-GB" xml:lang="en-GB" />
-<meta property="og:description" content="East Sussex County Council&#39;s website has a wealth of advice on council services and related subjects, for residents, businesses and visitors to the county." lang="en-GB" xml:lang="en-GB" />
-<meta name="twitter:description" content="East Sussex County Council&#39;s website has a wealth of advice on council services and related subjects, for residents, businesses and visitors to the county." lang="en-GB" xml:lang="en-GB" />
-<meta name="keywords" content="Government, politics and public administration" lang="en-GB" xml:lang="en-GB" />
-<meta name="DC.subject" class="eGMS.LGIL" content="Providing information" lang="en-GB" xml:lang="en-GB" />
-<meta name="DC.type" class="eGMS.LGTL" content="Home page" lang="en-GB" xml:lang="en-GB" />
-<meta property="og:type" content="government" lang="en-GB" xml:lang="en-GB" />
-<meta name="DC.format" class="DCTERMS.IMT" content="text/html" />
-<meta name="eGMS.disposalReview" class="DCTERMS.W3CDTF" content="2014-07-02" />
-<meta name="eGMS.copyright" class="DCTERMS.URI" content="http://www.eastsussex.gov.uk/about/copyright/" />
-<link rel="copyright" href="http://www.eastsussex.gov.uk/about/copyright/" title="Copyright information for this page" />
-<link rel="apple-touch-icon-precomposed" href="http://www.eastsussex.gov.uk/apple-touch-icon-precomposed.png" />
-<meta name="msapplication-TileImage" content="http://www.eastsussex.gov.uk/windows-tile.png" />
-<meta name="msapplication-TileColor" content="#ffffff" />
-<meta property="og:image" content="https://www.eastsussex.gov.uk/img/logo-for-facebook.png" />
-<meta property="og:site_name" content="East Sussex County Council" lang="en-GB" xml:lang="en-GB" />
-<meta property="fb:app_id" content="169406409819518" />
-<meta property="twitter:card" content="summary" />
-<meta property="twitter:site" content="@eastsussexcc" />
-<link rel="alternate" type="application/rss+xml" href="http://www.eastsussex.gov.uk/rss/features.xml" title="News - East Sussex County Council" />
-<link rel="alternate" type="application/rss+xml" href="http://www.eastsussex.gov.uk/rss/whatson.xml" title="What's on - East Sussex County Council" />
-<link rel="alternate" type="application/rss+xml" href="http://www.eastsussex.gov.uk/rss/get-involved.xml" title="Get involved - East Sussex County Council" />
-<link rel="search" type="application/opensearchdescription+xml" title="East Sussex County Council" href="http://www.eastsussex.gov.uk/search/opensearch.xml" />
-
-    <link rel="alternate" type="application/rdf+xml" href="/eastsussexcountycouncil.rdf" title="RDF/XML version of this document"/>    
-    
-    
-<title>
-    East Sussex County Council
-</title></head>
-
-<body id="eastsussex-gov-uk" class="[% bodyclass | html IF bodyclass %]">
-    
-<p><a class="aural keyboard" href="#main" accesskey="s">Skip to main content</a></p>
-<p><a href="/webhome/masterpages/choose.ashx?template=mobile" id="ctl12_switchView" class="aural keyboard switch">Use our mobile site &#8211; it's better for keyboard users</a></p>
-<span id="fb-root"></span>
-
-<header id="site-header" class="eastsussex">
-<div class="header" role="banner">
-    <div class="eastsussex-context eastsussex-container">  
-        <div class="mask" typeof="schema:Organization">  
-            <div class="logo-small"><img alt="" src="//static2.eastsussexcc.gov.uk/img/header/logo-small.gif" width="43" height="31" /> <span property="schema:name">East Sussex County Council</span></div>
-            <img property="schema:logo" alt="" src="//static2.eastsussexcc.gov.uk/img/header/logo-large.gif" width="118" height="85" class="logo-large large" />
-            <a href="/contactus/default.htm" id="header_ctl01_contact" class="contact screen" accesskey="7">Contact us</a>
-
-            <nav role="navigation">
-                <div id="header_ctl01_az" class="screen alphabet">
-    <h2>Our services:</h2><a href="/atoz/default.aspx?index=a" title="Services beginning with A">A</a><a href="/atoz/default.aspx?index=b" title="Services beginning with B">B</a><a href="/atoz/default.aspx?index=c" title="Services beginning with C">C</a><a href="/atoz/default.aspx?index=d" title="Services beginning with D">D</a><a href="/atoz/default.aspx?index=e" title="Services beginning with E">E</a><a href="/atoz/default.aspx?index=f" title="Services beginning with F">F</a><a href="/atoz/default.aspx?index=g" title="Services beginning with G">G</a><a href="/atoz/default.aspx?index=h" title="Services beginning with H">H</a><a href="/atoz/default.aspx?index=i" class="i" title="Services beginning with I">I</a><a href="/atoz/default.aspx?index=j" title="Services beginning with J">J</a><a href="/atoz/default.aspx?index=k" title="Services beginning with K">K</a><a href="/atoz/default.aspx?index=l" title="Services beginning with L">L</a><a href="/atoz/default.aspx?index=m" title="Services beginning with M">M</a><a href="/atoz/default.aspx?index=n" title="Services beginning with N">N</a><a href="/atoz/default.aspx?index=o" title="Services beginning with O">O</a><a href="/atoz/default.aspx?index=p" title="Services beginning with P">P</a><a href="/atoz/default.aspx?index=r" title="Services beginning with R">R</a><a href="/atoz/default.aspx?index=s" title="Services beginning with S">S</a><a href="/atoz/default.aspx?index=t" title="Services beginning with T">T</a><a href="/atoz/default.aspx?index=u" title="Services beginning with U">U</a><a href="/atoz/default.aspx?index=v" title="Services beginning with V">V</a><a href="/atoz/default.aspx?index=w" title="Services beginning with W">W</a><a href="/atoz/default.aspx?index=y" title="Services beginning with Y">Y</a><a href="/atoz/default.aspx?index=z" class="z" title="Services beginning with Z">Z</a>
-</div>
-            </nav>
-
-            <form action="/search/search.aspx" method="get" id="search" role="search" class="screen">
-                <div class="search-inner">
-                    <div class="term-outer">
-                        <div class="term-inner">
-                            <label for="q" class="aural">Search</label>
-                            <input type="search" class="search" placeholder="Enter your search term" id="q" name="q" accesskey="4" value="" />
-                        </div>
-                    </div>
-                    <div class="submit"><input type="submit" value="Go" /></div>
-                </div>
-            </form>
-                        
-            <div id="menu" role="navigation" class="screen">
-            <nav>
-                <ul>
-                    <li class="mobile"><a href="/default.htm" id="header_ctl01_mobileHome" accesskey="1">Home</a></li>
-                    <li class="mobile"><a href="#mobile-menu" id="header_ctl01_mobileMenu" accesskey="3">Menu</a></li>
-                    <li class="jobs"><a href="/jobs/default.htm" id="header_ctl01_jobs">Jobs</a></li>
-                    <li class="libraries"><a href="/libraries/default.htm" id="header_ctl01_libraries">Libraries</a></li>
-                    <li class="leisure"><a href="/leisureandtourism/default.htm" id="header_ctl01_leisure">Leisure</a></li>
-                    <li class="education"><a href="/educationandlearning/default.htm" id="header_ctl01_education">Education</a></li>
-                    <li class="transport long"><a href="/roadsandtransport/default.htm" id="header_ctl01_transport">Roads &amp; transport</a></li>
-                    <li class="environment long"><a href="/environment/default.htm" id="header_ctl01_environment">Environment &amp;&nbsp;planning</a></li>
-                    <li class="council long"><a href="/yourcouncil/default.htm" id="header_ctl01_council">Your<br />Council</a></li>
-                    <li class="community"><a href="/community/default.htm" id="header_ctl01_community">Community</a></li>
-                    <li class="families"><a href="/childrenandfamilies/default.htm" id="header_ctl01_families">Families</a></li>
-                    <li class="socialcare long"><a href="/socialcare/default.htm" id="header_ctl01_socialcare">Adult social care&nbsp;&amp;&nbsp;health</a></li>
-                    <li class="business"><a href="/business/default.htm" id="header_ctl01_business">Business</a></li>
-                </ul>
-            </nav>
-        </div>
-    </div>
-</div>
-
-</div>
-</header>
-
-<div class="wrapper" id="wrapper"><div id="wrapper2"><div id="wrapper3">
-
-    <div id="mysociety" role="main" class="body">
-        <div class="container">
-            [% pre_container_extra %]
-            <div class="content[% " $mainclass" | html IF mainclass %]" role="main">
-
diff --git a/templates/web/eastsussex/header.html.template b/templates/web/eastsussex/header.html.template
new file mode 100644
index 000000000..8b60779fa
--- /dev/null
+++ b/templates/web/eastsussex/header.html.template
@@ -0,0 +1,32 @@
+{HtmlTag}
+
+<head>
+    {MetadataDesktop}
+
+    <link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/base.css') %]">
+    <link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/layout.css') %]" media="(min-width:48em)">
+    [% extra_css %]
+    <!--[if (lt IE 9) & (!IEMobile)]>
+        <link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/layout.css') %]">
+    <![endif]-->
+
+    <script src="[% start %][% version('/cobrands/fixmystreet/position_map.js') %]" charset="utf-8"></script>
+    [% INCLUDE 'common_header_tags.html', js_override = '/cobrands/fixmystreet/fixmystreet.js', site_title = c.cobrand.site_title %]
+    [% extra_js %]
+
+    [% IF c.req.uri.host == 'osm.fixmystreet.com' %]
+        <link rel="canonical" href="http://www.fixmystreet.com[% c.req.uri.path_query %]">
+    [% END %]
+
+    <title>East Sussex County Council</title>
+</head>
+
+<body id="eastsussex-gov-uk" class="[% bodyclass | html IF bodyclass %]">
+
+{HeaderDesktop}
+
+<div class="wrapper" id="wrapper"><div id="wrapper2"><div id="wrapper3">
+    <div id="mysociety" role="main" class="body">
+        <div class="container">
+            [% pre_container_extra %]
+            <div class="content[% " $mainclass" | html IF mainclass %]" role="main">