[Northamptonshire] cobrand config, template and css changes

Co-authored-by: Zarino Zappia <zarino@mysociety.org>
Co-authored-by: Matthew Somerville <matthew@mysociety.org>

15 files changed, 280 insertions, 0 deletions

diff --git a/templates/email/northamptonshire/_council_reference.html b/templates/email/northamptonshire/_council_reference.html
new file mode 100644
index 000000000..8a1a9e1ee
--- /dev/null
+++ b/templates/email/northamptonshire/_council_reference.html
@@ -0,0 +1,3 @@
+<p style="[% p_style %]">The report's reference number is <strong>[% problem.id %]</strong>.
+  Please quote this if you need to contact the council about this report.</p>
+
diff --git a/templates/email/northamptonshire/_council_reference.txt b/templates/email/northamptonshire/_council_reference.txt
new file mode 100644
index 000000000..75d7e93d2
--- /dev/null
+++ b/templates/email/northamptonshire/_council_reference.txt
@@ -0,0 +1,2 @@
+The report's reference number is [% problem.id %]. Please quote this if
+you need to contact the council about this report.
diff --git a/templates/email/northamptonshire/_council_reference_alert_update.html b/templates/email/northamptonshire/_council_reference_alert_update.html
new file mode 100644
index 000000000..bc7e0282c
--- /dev/null
+++ b/templates/email/northamptonshire/_council_reference_alert_update.html
@@ -0,0 +1,2 @@
+<p style="[% p_style %]">The report's reference number is <strong>[% problem.id %]</strong>.
+  Please quote this if you need to contact the council about this report.</p>
diff --git a/templates/email/northamptonshire/_council_reference_alert_update.txt b/templates/email/northamptonshire/_council_reference_alert_update.txt
new file mode 100644
index 000000000..75d7e93d2
--- /dev/null
+++ b/templates/email/northamptonshire/_council_reference_alert_update.txt
@@ -0,0 +1,2 @@
+The report's reference number is [% problem.id %]. Please quote this if
+you need to contact the council about this report.
diff --git a/templates/email/northamptonshire/_email_color_overrides.html b/templates/email/northamptonshire/_email_color_overrides.html
new file mode 100644
index 000000000..0946aeaaf
--- /dev/null
+++ b/templates/email/northamptonshire/_email_color_overrides.html
@@ -0,0 +1,21 @@
+[%
+
+# $blue: #0066cc;
+# $dark: #222;
+color_purple = '#7F1183'
+color_green =  '#2C8500'
+color_white = '#fff'
+
+header_background_color = color_green
+header_text_color = color_white
+
+secondary_column_background_color = color_white
+
+button_background_color = color_purple
+button_text_color = color_white
+
+logo_width = "190" # pixel measurement, but without 'px' suffix
+logo_height = "41" # pixel measurement, but without 'px' suffix
+logo_file = "email-logo.png"
+
+%]
diff --git a/templates/email/northamptonshire/confirm_report_sent.html b/templates/email/northamptonshire/confirm_report_sent.html
new file mode 100644
index 000000000..b698520dd
--- /dev/null
+++ b/templates/email/northamptonshire/confirm_report_sent.html
@@ -0,0 +1 @@
+[% INCLUDE 'other-reported.html' %]
diff --git a/templates/email/northamptonshire/confirm_report_sent.txt b/templates/email/northamptonshire/confirm_report_sent.txt
new file mode 100644
index 000000000..3d566f89b
--- /dev/null
+++ b/templates/email/northamptonshire/confirm_report_sent.txt
@@ -0,0 +1 @@
+[% INCLUDE 'other-reported.txt' %]
diff --git a/templates/web/northamptonshire/about/_sidebar.html b/templates/web/northamptonshire/about/_sidebar.html
new file mode 100644
index 000000000..e69de29bb
--- /dev/null
+++ b/templates/web/northamptonshire/about/_sidebar.html
diff --git a/templates/web/northamptonshire/about/faq-en-gb.html b/templates/web/northamptonshire/about/faq-en-gb.html
new file mode 100644
index 000000000..6aab3ba38
--- /dev/null
+++ b/templates/web/northamptonshire/about/faq-en-gb.html
@@ -0,0 +1,195 @@
+[% INCLUDE 'header.html', title => loc('Frequently Asked Questions'), bodyclass => 'twothirdswidthpage' %]
+
+<h1><a name="faq"></a>Frequently Asked Questions</h1>
+<dl>
+    <dt>How can I report a pothole, street or road problem?</dt>
+    <dd>
+        <p>
+            This easy to use web site is designed to help Northamptonshire residents to report,
+            view, or discuss local highway faults, including potholes, directly and quickly
+            to us by simply locating them on a map. You can do this by using your computer
+            or your mobile phone.
+        </p>
+        <p>
+            Please report one problem at a time; you will be given an opportunity at the end
+            to report another problem using the personal details previously entered.
+        </p>
+        <p>
+            If you are reporting an emergency please do not report it online, but ring our
+            Customer Service Centre on <strong><a href="tel:03001261000">0300&nbsp;126&nbsp;1000</a></strong>.
+        </p>
+    </dd>
+
+    <dt>What sort of problems can I report?</dt>
+    <dd>
+        <p>
+            You can report faults linked to amenities or problems that are broken or dirty,
+            damaged or dumped, or need fixing, cleaning or clearing such as:
+        </p>
+        <ul>
+            <li>Drain Covers</li>
+            <li>Kerbs</li>
+            <li>Safety Bollards</li>
+            <li>Potholes</li>
+        </ul>
+    </dd>
+    <dt>What isn&rsquo;t it for?</dt>
+    <dd>
+        <p>
+            The web site is not a way of getting in touch with the council for all issues
+            — please use it only for problems highlighted above.
+        </p>
+        <p>
+            As we often route problems via our cleansing services or highways departments,
+            using the site for other matters may result in a delay in your report getting
+            to the right people.
+        </p>
+        <div style="margin-left:1.5em;">
+            <p>
+                <strong>You will need to contact the county council directly for</strong>:
+            </p>
+            <ul>
+                <li>Any urgent or emergency problems
+                <li>Complaining about the council
+                <li>Proposals for speed bumps/ CCTV/ pedestrian crossings/ new road layouts/ etc.
+            </ul>
+            <p>
+                <strong>You will need to contact your district council directly for problems such as:</strong>:
+            </p>
+            <ul>
+                <li>Anti-social behaviour</li>
+                <li>Noise pollution or barking dogs</li>
+                <li>Fires and smoke/smell pollution</li>
+                <li>Missing wheelie bins or recycling boxes or missed rubbish collections</li>
+                <li>CCTV</li>
+                <li>Complaining about your neighbours</li>
+                <li>Joy riding, drug taking, animal cruelty, or other criminal activity</li>
+            </ul>
+            </p>
+            <p>
+                <strong>You will need to contact Highways England for problems on the following roads:</strong>:
+            </p>
+            <p>
+            <ul>
+                <li>M1</li>
+                <li>M45</li>
+                <li>A5</li>
+                <li>A14</li>
+                <li>A43 between the M40 Junction 10 and M1 Junction 15a (from Northampton to the county boundary near Stamford is NCC</li>
+                <li>A45 between Thrapston and the M1 Junction 15 (from Junction 16 to the county boundary towards Dunchurch is NCC)</li>
+            </ul>
+            </p>
+        </div>
+    </dd>
+
+    <dt>How do I use the reporting tool on the site?</dt>
+    <dd>
+        After entering a postcode or location, you will then be presented with a map of
+        that area. You can then view problems already reported in that area, or report new
+        ones of your own simply by clicking on the map at the location of the problem.
+    </dd>
+
+    <dt>How are the problems solved?</dt>
+    <dd>
+        They are reported to us automatically. We then resolve the problem the way we
+        normally would and update the fault on the map.
+    </dd>
+
+    <dt>What does the map show?</dt>
+    <dd>
+        The map shows all faults submitted online. You can view the exact location of
+        each fault and see its current status.
+    </dd>
+
+    <dt>What updates will I receive?</dt>
+    <dd>
+        <p>
+            When you record a fault you can sign up to receive updates and you will
+            receive an initial email to acknowledge the report.
+        </p>
+        <p>
+            You will then receive an email every time that fault is updated. This could be when
+            a member of the public posts an update onto the fault or when we post a status update.
+        </p>
+        <p>
+            Road problems that are the responsibility of our Highways department, such as potholes,
+            will receive automatic updates at different stages. You will receive an email when the
+            problem has been inspected and another one when a decision has been made on the action
+            required.
+        </p>
+        <p>
+            Some faults may be marked as referred when they are not the responsibility of Northamptonshire
+            County Council, for example problems such as graffiti or rubbish which are the responsibility
+            of the District Council for that area.
+        </p>
+        <p>
+            All of these updates will also be posted on the mapped fault so that anyone can see the status of any
+            fault recorded by clicking on it on the map.
+        </p>
+    </dd>
+
+    <dt>How can I get an update on a fault?</dt>
+    <dd>
+        <p>
+            When you record a fault you can sign up to receive updates. You will then receive an initial
+            email to acknowledge the report. In time, you will receive a further email when the problem is
+            assigned for inspection, one if the problem needs to be referred to another department or
+            organisation, and a final email when it is fixed or requires no further work.
+        </p>
+        <p>
+            These updates will also be posted on the mapped fault so that anyone can see the status of
+            any fault recorded by clicking on it on the map.
+        </p>
+    </dd>
+
+    <dt>Can I report a fault on my mobile?</dt>
+    <dd>
+        <p>
+            Yes, you can view our website on your phone or tablet and it will automatically adapt to the
+            size of your screen.
+        </p>
+    </dd>
+</dl>
+
+<a name="practical"></a>
+<dl>
+    <dt>Inappropriate use</dt>
+    <dd>
+        Northamptonshire County Council is not responsible for the content and
+        accuracy of material submitted by its users. Northamptonshire County Council will monitor
+        this website for instances of inappropriate use, and reserves the right to moderate
+        comments if such instances occur.
+    </dd>
+
+    <dt>Why does the site use kilometres for measurements?</dt>
+    <dd>
+        The maps are from Ordnance Survey who based their grid reference
+        system on measurements in metres and kilometres.
+    </dd>
+
+    <dt>How do I report a fault outside of Northamptonshire?</dt>
+    <dd>
+        The map only shows locations within Northamptonshire to keep it locally focussed.
+    </dd>
+</dl>
+
+<a name="organisation"></a>
+<dl>
+    <dt>Acknowledgement</dt>
+    <dd>
+        This site 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>.
+        FixMyStreet is the project of a registered charity mySociety which has grown out of the community of
+        volunteers who built sites like <a href="http://www.theyworkforyou.com/">TheyWorkForYou.com</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. Their first project
+        was <a href="http://www.writetothem.com/">WriteToThem</a>, where you can write to any of your
+        elected representatives, for free.
+    </dd>
+</dl>
+<p>
+    You can find out more about FixMyStreet at <a href="https://www.fixmystreet.com">www.fixmystreet.com</a>.
+</p>
+<p>&nbsp;<p>
+
+[% INCLUDE 'footer.html' pagefooter = 'yes' %]
diff --git a/templates/web/northamptonshire/around/intro.html b/templates/web/northamptonshire/around/intro.html
new file mode 100644
index 000000000..d086264a4
--- /dev/null
+++ b/templates/web/northamptonshire/around/intro.html
@@ -0,0 +1,2 @@
+            <h1>Find and report road or street problems</h1>
+            <h2>(like potholes, blocked drains, or obstructions)</h2>
diff --git a/templates/web/northamptonshire/footer_extra.html b/templates/web/northamptonshire/footer_extra.html
new file mode 100644
index 000000000..0ef9f1efc
--- /dev/null
+++ b/templates/web/northamptonshire/footer_extra.html
@@ -0,0 +1,23 @@
+<footer class="northamptonshire">
+    <p>© Northamptonshire County Council 2019</p>
+    <ul>
+        <li><a href="https://www3.northamptonshire.gov.uk/accessibility-and-web-standards/Pages/default.aspx">
+            Accessibility and standards
+        </a></li>
+        <li><a href="https://www3.northamptonshire.gov.uk/accessibility-and-web-standards/Pages/terms-and-conditions.aspx">
+            Terms and conditions
+        </a></li>
+        <li><a href="https://www3.northamptonshire.gov.uk/councilservices/council-and-democracy/transparency/information-policies/privacy-notice/Pages/default.aspx">
+            Privacy notice
+        </a></li>
+        <li><a href="https://www3.northamptonshire.gov.uk/accessibility-and-web-standards/Pages/copyright.aspx">
+            Copyright statement
+        </a></li>
+        <li><a href="https://www3.northamptonshire.gov.uk/councilservices/council-and-democracy/have-your-say/Pages/default.aspx">
+            Have your say
+        </a></li>
+        <li><a href="https://www3.northamptonshire.gov.uk/contact-us/Pages/default.aspx">
+            Contact us
+        </a></li>
+    </ul>
+</div>
diff --git a/templates/web/northamptonshire/header_extra.html b/templates/web/northamptonshire/header_extra.html
new file mode 100644
index 000000000..d180c614f
--- /dev/null
+++ b/templates/web/northamptonshire/header_extra.html
@@ -0,0 +1 @@
+<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700">
diff --git a/templates/web/northamptonshire/header_logo.html b/templates/web/northamptonshire/header_logo.html
new file mode 100644
index 000000000..0c4e0248a
--- /dev/null
+++ b/templates/web/northamptonshire/header_logo.html
@@ -0,0 +1,2 @@
+  <a href="https://www3.northamptonshire.gov.uk" id="site-logo">Northamptonshire County Council</a>
+  <a href="/" id="report-cta" title="[%- loc('Report a problem') -%]">[%- loc('Report') -%]</a>
diff --git a/templates/web/northamptonshire/report/_council_sent_info.html b/templates/web/northamptonshire/report/_council_sent_info.html
new file mode 100644
index 000000000..a82de72f7
--- /dev/null
+++ b/templates/web/northamptonshire/report/_council_sent_info.html
@@ -0,0 +1,13 @@
+[% SET duration_clause = problem.duration_string(c) %]
+[% IF duration_clause || problem.whensent %]
+    <p class="council_sent_info">
+    [%- IF problem.whensent %]
+        [%- external_ref_clause = tprintf(loc('ref:&nbsp;%s'), problem.id) %]
+    [%- END -%]
+    [% duration_clause %]
+    [%- IF external_ref_clause %]
+        [%- IF duration_clause %]. [% END %]
+        <strong>[% external_ref_clause %].</strong>
+    [%- END %]
+    </p>
+[% END %]
diff --git a/templates/web/northamptonshire/tracking_code.html b/templates/web/northamptonshire/tracking_code.html
new file mode 100644
index 000000000..421e20cab
--- /dev/null
+++ b/templates/web/northamptonshire/tracking_code.html
@@ -0,0 +1,12 @@
+[% IF c.config.BASE_URL == "https://www.fixmystreet.com" %]
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-70376243-1"></script>
+<script>
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+
+ gtag('config', 'UA-70376243-1');
+</script>
+[% ELSE %]
+<!-- Tracking code not inserted as "[% c.config.BASE_URL %]" not "https://www.fixmystreet.com" -->
+[% END %]