[Hart] basic Hart cobranding

Originally copied from template of Bromley code, substituting logo,
council ID, geolocation data, and renaming .scss variables etc.

(NB: this was a bad idea.  As per notes/cobranding.txt, should have
started with less copying of files, as this required more cleanup.
Bromley's code has some particularities, like smaller map, split
First/Last name fields and so on.

The current branch has been rebased to present a slightly idealised
picture of the process.)

(Includes contributions by @davea and @stevenday)

* Some code cleanup and added is_two_tier
* Add Hart-specific links to footer
* Shift FMS nav out of the main header
* Update styling to follow design more closely
* Flip nav colours to better indicate links
* Make header banner entire width of the page
* Stretch footer bg to entire width of page
* Add top-level nav links
* Correct header height on mobile
* Correct wording of top menu item
* Remove FMS logo from top of page
* Shift top level nav to correct position
* Invert media query so IE8 displays header properly
* hide folding triangle, as makes no sense on this cobrand
* Some more renaming of Bromley to Hart
* Treat Hart the same as Bromley in the JS
* Whitespace/formatting fixes
* Basic test for cobrand
* Javascript #map_box fixes
* Make sure #map_box is not in desk-only
* ensure there is only single map (one .wrapper only)
* colour tweaks
* Fix example places (postcode, spelling)
* Basic FAQ text
* Set Zoom level 3
* CSS/HTML/JS tweaks removing Bromley customizations
* Switch templates to put navigation in footer, as FMS.com does
* remaining HTML/CSS changes for large map
* replace favicon
* move site-logo scss to one place
* make small logo transparent

6 files changed, 319 insertions, 0 deletions

diff --git a/templates/web/hart/around/intro.html b/templates/web/hart/around/intro.html
new file mode 100644
index 000000000..727876224
--- /dev/null
+++ b/templates/web/hart/around/intro.html
@@ -0,0 +1,4 @@
+            <div id="postcode-intro">
+                <h1>Reporting a problem in Hart's streets or parks</h1>
+                <h2>[% loc('(like graffiti, fly tipping, broken paving slabs, or street lighting)') %]</h2>
+            </div>
diff --git a/templates/web/hart/contact/submit.html b/templates/web/hart/contact/submit.html
new file mode 100644
index 000000000..781862866
--- /dev/null
+++ b/templates/web/hart/contact/submit.html
@@ -0,0 +1,19 @@
+[% INCLUDE 'header.html', title = loc('Contact Us') %]
+
+<h1>[% loc('Contact the team') %]</h1>
+
+[% IF success %]
+
+<p>Thank you for letting us know about this report. We will review, and if
+necessary, edit the report, or remove it from the site. You can contact us at
+<a href="mailto:[% contact_email %]">[% contact_email %]</a>.
+
+[% ELSE %]
+
+    <p>
+    [% tprintf( loc('Failed to send message.  Please try again, or <a href="mailto:%s">email us</a>.'), contact_email ) %]
+    </p>
+
+[% END %]
+
+[% INCLUDE 'footer.html' %]
diff --git a/templates/web/hart/faq/faq-en-gb.html b/templates/web/hart/faq/faq-en-gb.html
new file mode 100755
index 000000000..96b6eeae6
--- /dev/null
+++ b/templates/web/hart/faq/faq-en-gb.html
@@ -0,0 +1,132 @@
+[% INCLUDE 'header.html', title = 'Help', bodyclass = 'fullwidthpage' %]
+
+<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 (full list <a href="http://hart.gov.uk/index/customer_services/a-z_of_services.htm">here</a>):</p>
+<ul>
+    <li>abandoned vehicles
+    <li>graffiti
+    <li>flytipping and dumped rubbish
+    <li>street cleaning, such as dog fouling and street sweeping
+    <li>unlit lamp posts
+    <li>potholes
+    </ul>
+<p> Note that though most of these services are provided by Hart District Council, while FixMyStreet will forward some categories of issue to Hampshire County Council. </p>
+
+<dl>
+    <dt>What issues can&rsquo;t be reported here?</dt>
+    <dd><p>The following problems should be reported via
+    <a href="http://www.hart.gov.uk/index/do_it_online/do_it_online-online_forms.htm">http://www.hart.gov.uk/index/do_it_online/do_it_online-online_forms.htm</a>:</p>
+    <ul>
+    <li>missed rubbish or recycling collections
+    <li>anti-social behaviour
+    <li>noise pollution or barking dogs
+    <li>fires and smoke/smell pollution
+    <li>proposals for speed bumps/ CCTV/ pedestrian crossings/ new road layouts/ etc.
+    <li>complaining about your neighbours
+    <li>complaining or commenting about the council
+    </ul>
+
+    </dd>
+
+    <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 missing manhole covers or a fallen lamp column. </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 01252 622122 and a message will direct you to the relevant Council 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>Hart 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>
+	    <li><em>Nokia:</em> A volunteer, Thomas Forth, has written an app available from the
+			<a href="http://store.ovi.com/content/107557">Ovi Store</a>.
+	</ul>
+    </dd>
+
+    <dt>Can I use these pages to report problems outside of the Hart District?</dd>
+    <dd>Yes, if you enter a postcode or address outside the borough 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 Hart District Council, or Hampshire County 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/hart/footer.html b/templates/web/hart/footer.html
new file mode 100644
index 000000000..fcf8f637f
--- /dev/null
+++ b/templates/web/hart/footer.html
@@ -0,0 +1,86 @@
+            </div><!-- .content role=main -->
+
+        </div><!-- .container -->
+
+    </div><!-- .table-cell -->
+
+    <div class="nav-wrapper">
+        <div class="nav-wrapper-2">
+            <div id="main-nav" role="navigation">
+                <ul>
+                    <li>
+                        <a href="http://www.hart.gov.uk/home">Home</a>
+                    </li>
+                    <li>
+                        <a href="http://www.hart.gov.uk/services">My Services</a>
+                    </li>
+                    <li>
+                        <a href="http://www.hart.gov.uk/residents">Residents</a>
+                    </li>
+                    <li>
+                        <a href="http://www.hart.gov.uk/businesses">Businesses</a>
+                    </li>
+                    <li>
+                        <a href="http://www.hart.gov.uk/visiting">Visiting</a>
+                    </li>
+                    <li>
+                        <a href="http://www.hart.gov.uk/the-council">The Council</a>
+                    </li>
+                </ul>
+            </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 class="main-menu-wrapper desk-only">
+            <div class="main-menu">
+            <ul>
+                <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/Hart' %]span[% ELSE %]a href="/reports/Hart"[% 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>
+
+    <div class="hart-footer-wrapper">
+
+        <div class="hart-wrapper">
+            <div class="hart-ie_wrapper">
+                <div id="hart-footer" class="desk-only">
+                        <p id="hart-powered-by" class="desk-only">
+                            <a href="http://www.mysociety.org/for-councils/fixmystreet/">Powered by <img src="/cobrands/hart/fms-logo.png" alt="FixMyStreet" style="height:20px;"></a>
+                        </p>
+                	<p class="copy">&copy; Hart District Council </p>
+
+                    <!--
+                	<a href="http://www.direct.gov.uk/"><img src="/site/images/directgov.jpg" alt="Directgov website link - Public services all in one place" /></a>
+                    -->
+
+                	<ul class="footer-nav">
+                		<li><a href="http://www.hart.gov.uk/disclaimer">Disclaimer</a></li>
+                		<li><a href="http://www.hart.gov.uk/freedom-information">Freedom of Information</a></li>
+                		<li><a href="http://www.hart.gov.uk/privacy" rel="nofollow">Privacy</a></li>
+                		<li><a href="http://www.hart.gov.uk/sitemap">Site map</a></li>
+                		<li><a href="http://www.hart.gov.uk/Accessibility">Accessibility</a></li>
+                	</ul>
+
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+</body>
+</html>
diff --git a/templates/web/hart/header.html b/templates/web/hart/header.html
new file mode 100644
index 000000000..97db64ac5
--- /dev/null
+++ b/templates/web/hart/header.html
@@ -0,0 +1,77 @@
+<!doctype html>
+<!--[if lt IE 7]><html class="no-js ie6 oldie" lang="[% lang_code %]"><![endif]-->
+<!--[if IE 7]>   <html class="no-js ie7 oldie" lang="[% lang_code %]"><![endif]-->
+<!--[if IE 8]>   <html class="no-js ie8 oldie" lang="[% lang_code %]"><![endif]-->
+<!--[if IE 9]>   <html class="no-js ie9 oldie" lang="[% lang_code %]"><![endif]-->
+<!--[if gt IE 9]><!--><html class="no-js" lang="[% lang_code %]"><!--<![endif]-->
+    <head>
+        <meta name="viewport" content="initial-scale=1.0">
+
+        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
+        <meta name="HandHeldFriendly" content="true">
+        <meta name="mobileoptimized" content="0">
+
+        <meta property="og:url" content="[% c.cobrand.base_url %][% c.req.uri.path %]">
+        <meta property="og:title" content="[% title || 'FixMyStreet' %]">
+        <meta property="og:site_name" content="[% c.cobrand.site_title %]">
+        [% IF c.req.uri.path == '/' %]<meta property="og:description" content="Report, view, and discuss local street-related problems.">[% END %]
+        <meta property="og:type" content="website">
+        <meta property="og:image" content="[% c.cobrand.base_url %]/cobrands/fixmystreet/fms-og_image.png">
+        <meta property="og:image:type" content="image/png">
+        <meta property="og:image:width" content="500">
+        <meta property="og:image:height" content="500">
+
+[% SET start = c.config.ADMIN_BASE_URL IF admin %]
+
+        <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/hart/hart.css') %]">
+        [% extra_css %]
+        <!--[if (lt IE 9) & (!IEMobile)]>
+            <link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/layout.css') %]">
+        <![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 %]
+        <script type="text/javascript">
+            $(function(){
+                var $html = $('html');
+                $(window).resize(function(){
+                    if(!$html.hasClass('mobile')) {
+                        // Hart has a bigger header and so needs more room for
+                        // the map controls
+                        $('#fms_pan_zoom').css({ top: '17.75em' });
+                    }
+                }).resize();
+            });
+        </script>
+
+        [% 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="Shortcut Icon" type="image/x-icon" href="/cobrands/hart/favicon.ico">
+
+    </head>
+    [% TRY %][% PROCESS 'set_body_class.html' %][% CATCH file %][% END %]
+    <body class="[% bodyclass | html IF bodyclass %]">
+
+    <div class="wrapper">
+        <div class="table-cell">
+            <header id="site-header" role="banner">
+                <div class="container">
+                    <a id="site-logo" href="http://www.hart.gov.uk">Hart District Council</a>
+                    <a href="#main-nav" id="nav-link">Main Navigation</a>
+                </div>
+            </header>
+
+            [% pre_container_extra %]
+
+            <div class="container">
+                <div class="content[% " $mainclass" | html IF mainclass %]" role="main">
+
+        <!-- [% INCLUDE 'debug_header.html' %] -->
diff --git a/templates/web/hart/report/new/councils_extra_text.html b/templates/web/hart/report/new/councils_extra_text.html
new file mode 100644
index 000000000..91cceca11
--- /dev/null
+++ b/templates/web/hart/report/new/councils_extra_text.html
@@ -0,0 +1 @@
+Do not use this to <a href="/faq#emergencies">report emergencies outside of working hours</a>.