[SouthKesteven] Initial cobrand set-up.

perllib/FixMyStreet/Cobrand/SouthKesteven.pm

@@ -0,0 +1,83 @@
+=head1 NAME
+
+FixMyStreet::Cobrand::SouthKesteven - code specific to the South Kesteven cobrand
+
+=head1 SYNOPSIS
+
+Does not integrate with any backend.
+
+South Kesteven is a district council, within the county of Lincolnshire.
+
+
+=head1 DESCRIPTION
+
+=cut
+
+package FixMyStreet::Cobrand::SouthKesteven;
+use parent 'FixMyStreet::Cobrand::Whitelabel';
+
+use strict;
+use warnings;
+
+use Moo;
+
+=head2 Defaults
+
+=over 4
+
+=cut
+
+sub council_area_id { '2380' }
+sub council_area { 'South Kesteven' }
+sub council_name { 'South Kesteven District Council' }
+sub council_url { 'southkesteven' }
+sub is_two_tier { 1 }
+
+=item * Users with a southkesteven.gov.uk email can always be found in the admin.
+
+=cut
+
+sub admin_user_domain { 'southkesteven.gov.uk' }
+
+=item * Allows anonymous reporting.
+
+=cut
+
+sub allow_anonymous_reports { 'button' }
+
+=item * Has their own privacy policy.
+
+=cut
+
+sub privacy_policy_url {
+    'https://www.southkesteven.gov.uk/your-council-and-democracy/data-protection-and-freedom-information/privacy-notice'
+}
+
+=item * Doesn't use their name in the enter postcode text.
+
+=cut
+
+sub enter_postcode_text { 'Enter a nearby UK postcode, or street name and area' }
+
+=pod
+
+=back
+
+=cut
+
+sub disambiguate_location {
+    my $self = shift;
+    my $string = shift;
+    return {
+        %{ $self->SUPER::disambiguate_location() },
+        town => 'South Kesteven',
+        centre => '52.8544740244351,-0.518259216392906',
+        span   => '0.41973543009572,0.591815705612347',
+        bounds => [
+            52.6402363580567, -0.804316148045751,
+            53.0599717881525, -0.212500442433404
+        ],
+    };
+}
+
+1;

templates/email/southkesteven/_email_color_overrides.html

@@ -0,0 +1,23 @@
+[%
+
+color_primary = '#056689'
+color_pale_grey = '#f0f0f0'
+
+body_font_family = "Helvetica, Arial, sans-serif"
+
+header_background_color = "#fff"
+header_text_color = color_white
+
+secondary_column_background_color = color_pale_grey
+
+link_text_color = color_primary
+link_hover_text_color = '#034158'
+
+button_background_color = color_primary
+button_text_color = color_white
+
+logo_file = 'southkesteven-logo.png'
+logo_width = "180" # pixel measurement, but without 'px' suffix
+logo_height = "80" # pixel measurement, but without 'px' suffix
+
+%]

templates/web/southkesteven/around/intro.html

@@ -0,0 +1,2 @@
+            <h1>[% loc('Report, view or discuss local problems') %]</h1>
+            <h2>[% loc('(like fly tipping, overflowing litter bins, or street lighting)') %]</h2>

templates/web/southkesteven/footer_extra.html

@@ -0,0 +1,73 @@
+<footer class="southkesteven-footer">
+    <div class="container footer-grid">
+        <div class="newsletter-container">
+            <h3>SKtoday - digital newsletter</h3>
+            <p>SKtoday is the magazine for all residents and business across the 365 square miles of South Kesteven, with news and features on Council business and the local area. Sign up with us to receive notifications of when the next digital edition is published online.</p>
+            <a class="btn-white" href="https://www.southkesteven.gov.uk/sktoday-digital-newsletter">Subscribe</a>
+
+            <div class="social-container">
+                <h2>Follow us</h2>
+                <p>Find out more about local services and follow our social media accounts</p>
+                <ul>
+                    <li>
+                        <a class="social-media-link-icon--facebook" href="https://www.facebook.com/southkdc" aria-label="Facebook">
+                            <span class="fab fa-facebook fa-2x"></span>
+                        </a>
+                    </li>
+                    <li>
+                        <a class="social-media-link-icon--twitter" href="https://www.x.com/southkesteven" aria-label="X">
+                            <span class="fab fa-x-twitter fa-2x"></span>
+                        </a>
+                    </li>
+                    <li>
+                        <a class="social-media-link-icon--instagram" href="https://www.instagram.com/discoversouthk" aria-label="Instagram">
+                            <span class="fab fa-instagram fa-2x"></span>
+                        </a>
+                    </li>
+                    <li>
+                        <a class="social-media-link-icon--linkedin" href="https://www.linkedin.com/company/south-kesteven-council" aria-label="LinkedIn">
+                            <span class="fab fa-linkedin fa-2x"></span>
+                        </a>
+                    </li>
+                    <li>
+                        <a class="social-media-link-icon--youtube" href="https://www.youtube.com/@SouthKestevenGovUK" aria-label="Youtube">
+                            <span class="fab fa-youtube fa-2x"></span>
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+
+
+        <div class="contact-container">
+            <h3>Contact the council</h3>
+            <p>Complete the enquiry form on our 'contact us' page below, or find details of your local office.</p>
+            <p><a class="btn-white" href="https://www.southkesteven.gov.uk/contact-us">Contact us</a></p>
+            <p><a class="btn-white" href="https://www.southkesteven.gov.uk/who-call-emergency">Who to call in an emergency</a></p>
+            <p><a class="btn-white" href="https://www.southkesteven.gov.uk/contact-us-office-details">Office addresses and phone numbers</a></p>
+            <div>
+                <a href="https://www.southkesteven.gov.uk/armed-forces-community-covenant">
+                    <img style="margin-left: -7px" loading="lazy" src="/cobrands/southkesteven/images/armed-forces.png" width="165" height="300" alt="Armed forces logo">
+                </a>
+            </div>
+        </div>
+
+        <nav class="footer-nav" aria-labelledby="block-footersecondary-menu">
+            <h2 id="block-footersecondary-menu" class="screen-reader-only">Footer secondary</h2>
+            <ul>
+                <li><a href="https://www.southkesteven.gov.uk/accessibility">Accessibility</a></li>
+                <li><a href="https://www.southkesteven.gov.uk/your-council-and-democracy/data-protection-and-freedom-information/cookie-policy">Cookies</a></li>
+                <li><a href="https://www.southkesteven.gov.uk/your-council-and-democracy/data-protection-and-freedom-information/privacy-notice">Privacy</a></li>
+            </ul>
+        </nav>
+    </div>
+
+    <div class="sk-logo-container">
+        <a href="https://www.southkesteven.gov.uk/" aria-label="Go to South Keveston council home page">
+            <img src="/cobrands/southkesteven/images/southkesteven-logo.svg" alt="">
+        </a>
+    </div>
+</footer>
+
+[% PROCESS '_footer_main_nav.html' %]
+[% PROCESS '_footer_extra_powered_by.html' %]

templates/web/southkesteven/footer_extra_js.html

@@ -0,0 +1 @@
+[% PROCESS 'footer_extra_js_base.html' highways=1 roadworks=1 validation=1 %]

templates/web/southkesteven/header_extra.html

@@ -0,0 +1,5 @@
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Roboto:[email protected]&display=swap" rel="stylesheet">
+<link rel="icon" type="image/png" sizes="32x32" href="/cobrands/southkesteven/images/favicon.ico">
+<link rel="stylesheet" media="all" href="https://use.fontawesome.com/releases/v6.4.2/css/all.css">

templates/web/southkesteven/header_logo.html

@@ -0,0 +1,2 @@
+<a href="https://www.southkesteven.gov.uk/" id="site-logo">South Kesteven District Council</a>
+<a href="/" id="report-cta" title="[%- loc('Report a problem') -%]">[%- loc('Report') -%]</a>

templates/web/southkesteven/site-name.html

@@ -0,0 +1 @@
+South Kesteven District Council

web/cobrands/southkesteven/_variables.scss

@@ -0,0 +1,112 @@
+/* This styling is based on https://www.southkesteven.gov.uk/
+*/
+
+/* COLOURS */
+$cobrand_red: #e4251b;
+$cobrand_yellow: #fd0; // This cobrand doesn't use yellow for focus state
+$cobrand_white: #fff;
+$cobrand_grey: #f2f2f2; // Body bg colour
+$cobrand_grey_300: #e0e0e0; // Active and Hover navbar link
+$cobrand_black: #43444A; // Body font and Secondary buttons
+$cobrand_black_900: #000; // Some focus states and hover color for navlinks
+$cobrand_teal: #056689; // Buttons & Links
+$cobrand_teal_600: #034158; // Button Hover and Focus
+
+$primary: $cobrand_teal;
+$yellow: $cobrand_yellow;
+
+$primary_b: $cobrand_black;
+$primary_text: $cobrand_white;
+
+/* FRONTPAGE */
+$base_bg: $cobrand_grey;
+$base_fg: $cobrand_black;
+$front_stats_bg: $cobrand_white;
+$layout_front_stats_color: $primary_b;
+
+/* LINKS */
+$primary_link_color: $primary;
+$primary_link_hover_color: $cobrand_teal_600;
+$primary_link_decoration: underline;
+$primary_link_hover_decoration: none;
+
+$link-color: $primary;
+$link-hover-color: $cobrand_teal_600;
+$link-visited-color: $primary;
+$link-text-decoration: underline;
+$link-hover-text-decoration: none;
+
+/* BUTTONS */
+$button-padding-top: 0.9375rem;
+$button-padding-bottom: 0.9375rem;
+$button-padding-left: 1.25rem;
+$button-padding-right: 1.25rem;
+$button-border-radius: 16px;
+
+// Usage 
+/*
+a#geolocate_link {
+    @include button-variant($bg-top: $button-primary-bg-top, $bg-bottom: $button-primary-bg-bottom, $border: $button-primary-border, $text: $button-primary-text, $hover-bg-bottom: $button-primary-hover-bg-bottom, $hover-bg-top: $button-primary-hover-bg-top, $hover-border: $button-primary-hover-border, $hover-text: $button-primary-hover-text);
+    @include focus-state;
+}
+*/
+$button-primary-bg-top: $primary;
+$button-primary-bg-bottom: $primary;
+$button-primary-border: $primary;
+$button-primary-text: $primary_text;
+$button-primary-hover-bg-bottom: $cobrand_teal_600;
+$button-primary-hover-bg-top: $cobrand_teal_600;
+$button-primary-hover-border: $cobrand_teal_600;
+$button-primary-hover-text: $primary_text;
+
+$geolocation-link: $primary;
+$geolocation-link-border: $primary;
+
+/* FONTS */
+
+$heading-font: "Roboto", Helvetica, Arial, sans-serif;
+$body-font: "Roboto", Helvetica, Arial, sans-serif;
+$meta-font: "Roboto", Helvetica, Arial, sans-serif;
+
+/* NAVBAR */
+
+$nav_colour: $primary_b;
+$nav_background_colour: $cobrand_white;
+$nav_hover_background_colour: $cobrand_grey_300;
+
+$mappage-header-height: 5.625rem;
+$header-top-border: false;
+// $header-top-border-width: 0.25em;
+// $header-top-border: $header-top-border-width solid $primary;
+$menu-image: "menu-black";
+// $close-menu-image: "close-#{$menu-image}";
+
+/* OTHER VARIABLES */
+
+$container-max-width: 82.5rem;
+
+$col_click_map: $primary;
+$col_fixed_label: $primary;
+// $col_fixed_label_light: mix($col_fixed_label, #fff, 10%);
+
+$search-help-background: #fff3f3;
+$search-help-header-font-size-desktop: 1.25em;
+
+$dropzone-button-text: $primary_text;
+
+// $pagination_background: #f6f6f6;
+$itemlist_item_background:  $base_bg;
+$itemlist_item_background_hover: mix($primary, white, 20%);
+$col_big_numbers: $primary_b;
+
+// $form-control-border-color: #aaaaaa;
+$mobile-sticky-sidebar-button-menu-image: "menu-white";
+
+$front-main-color: $primary_b;
+$postcodeform-background: $base_bg;
+$postcodeform-color: $primary_b;
+
+$postcodeform-color-desktop: $primary_b;
+$front-main-color-desktop: $primary_b;
+// $front-main-background-desktop:;
+$front-main-container-background-desktop: $cobrand_white