APCOA staging test site

perllib/FixMyStreet/Cobrand/APCOA.pm

@@ -0,0 +1,46 @@
+=head1 NAME
+
+FixMyStreet::Cobrand::APCOA - code specific to the APCOA cobrand
+
+=head1 SYNOPSIS
+
+
+=head1 DESCRIPTION
+
+=cut
+
+package FixMyStreet::Cobrand::APCOA;
+use parent 'FixMyStreet::Cobrand::Whitelabel';
+
+use utf8;
+use strict;
+use warnings;
+
+sub council_area_id { return 145955; }
+sub council_area { return 'Belfast'; }
+sub council_name { return 'APCOA Parking'; }
+sub council_url { return 'apcoa'; }
+
+=item * Make a few improvements to the display of geocoder results
+
+Remove 'County Borough of Belfast, Belfast City District, County Antrim/Down, Northern Ireland / Tuaisceart Éireann', skip any that don't mention Belfast at all
+
+=cut
+
+sub disambiguate_location {
+    my $self = shift;
+    my $string = shift;
+
+    return {
+        %{ $self->SUPER::disambiguate_location() },
+        town   => 'Belfast',
+        centre => '54.5963444441549,-5.94269398961836',
+        span   => '0.134424745675503,0.2527715130238',
+        bounds => [ 54.5305665063663, -6.06003004636155, 54.6649912520418, -5.80725853333775 ],
+        result_only_if => 'Belfast',
+        result_strip => 'County Borough of Belfast, Belfast City District, County (?:Antrim|Down), Northern Ireland / Tuaisceart Éireann, '
+    };
+}
+
+
+1;

templates/web/apcoa/footer_extra.html

@@ -0,0 +1,5 @@
+<footer class="cobrand-footer">
+</footer>
+
+[% PROCESS '_footer_main_nav.html' %]
+[% PROCESS '_footer_extra_powered_by.html' %]

templates/web/apcoa/footer_extra_js.html

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

templates/web/apcoa/header_extra.html

@@ -0,0 +1,4 @@
+<link rel="icon" type="image/png" sizes="32x32" href="/cobrands/apcoa/images/favicon.ico">
+<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=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

templates/web/apcoa/header_logo.html

@@ -0,0 +1,2 @@
+<a href="/" id="site-logo">APCOA Parking</a>
+<a href="/" id="report-cta" title="[%- loc('Report a problem') -%]">[%- loc('Report') -%]</a>

templates/web/apcoa/site-name.html

@@ -0,0 +1 @@
+APCOA Parking

web/cobrands/apcoa/_variables.scss

@@ -0,0 +1,117 @@
+/* https://www.apcoa.co.uk/ */
+
+/* COLOURS */
+$cobrand_primary: #0b77d6; // Used in buttons
+$cobrand_navy: #001e44; // Used in headings and also buttons
+
+$cobrand_black: #000; // APCOA applies it to the body, but rarely uses it.
+$cobrand_black_800: #333333; // body text at https://helpcentre.apcoa.com/
+
+$cobrand_grey_100: #f7f7f7; // Body bg colour
+$cobrand_grey: #565656; // APCOA uses it text and lead
+
+$cobrand_red: #dc3545; // https://seasontickets.apcoa.co.uk/en/season/step3/133/st-catherines-walk-carmarthen/1/car
+$cobrand_yellow: #fd0; // This cobrand doesn't use yellow for focus state instead use the same cobrand_navy
+$cobrand_white: #fff; // Used in navbar
+
+$primary: $cobrand_primary;
+$yellow: $cobrand_yellow;
+
+$primary_b: $cobrand_grey;
+$primary_text: $cobrand_white;
+
+/* FRONTPAGE */
+$base_bg: $cobrand_grey_100;
+$base_fg: $cobrand_black;
+$front_stats_bg: $cobrand_white;
+$layout_front_stats_color: $cobrand_navy;
+
+/* LINKS */
+$primary_link_color: $cobrand_navy;
+$primary_link_hover_color: $cobrand_navy;
+$primary_link_decoration: none;
+$primary_link_hover_decoration: none;
+
+$link-color: $cobrand_navy;
+$link-hover-color: $cobrand_navy;
+$link-visited-color: $primary;
+$link-text-decoration: underline;
+$link-hover-text-decoration: none;
+
+/* BUTTONS */
+$button-padding-top: 0.75rem;
+$button-padding-bottom: 0.75rem;
+$button-padding-left: 2.5rem;
+$button-padding-right: 2.5rem;
+$button-border-radius: 50px;
+
+// 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_navy;
+$button-primary-hover-bg-top: $cobrand_navy;
+$button-primary-hover-border: $cobrand_navy;
+$button-primary-hover-text: $primary_text;
+
+$geolocation-link: $primary;
+$geolocation-link-border: $primary;
+
+/* FONTS */
+$heading-font: "Montserrat", sans-serif;
+$body-font: "Montserrat", sans-serif;
+$meta-font: "Montserrat", sans-serif;
+
+/* NAVBAR */
+$nav_colour: $cobrand_navy;
+$nav_background_colour: $cobrand_white;
+$nav_hover_background_colour: transparent;
+
+$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: 68rem;
+
+$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: $cobrand_navy;
+
+// $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;
+
+$front-main-h2-color: $cobrand_navy;
+$front-main-h2-color-desktop: $cobrand_navy;
+
+$form-hint-color: $primary_b;
+$form-hint-color-desktop: $primary_b;
+
+$postcodeform-color-desktop: $primary_b;
+$front-main-color-desktop: $primary_b;
+$front-main-background-desktop: $primary url(/cobrands/apcoa/images/apcoa-hero-compressed.webp) 50% 40% / cover no-repeat;;
+$front-main-container-background-desktop: $cobrand_white

web/cobrands/apcoa/base.scss

@@ -0,0 +1,106 @@
+@import "../sass/h5bp";
+@import "_variables";
+@import "../sass/mixins";
+
+@import "../sass/base";
+
+/*TYPOGRAPHY */
+h1, .h1,
+h2, .h2,
+h3, .h3, 
+.item-list__heading {
+    font-weight: 800;
+    color: $cobrand_navy;
+}
+
+/* BUTTONS */
+.btn {
+  font-weight: 700;
+}
+
+a#geolocate_link,
+#report-cta {
+  @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);
+  text-decoration: none;
+  font-weight: 700;
+}
+
+/* NAVBAR */
+#site-logo {
+  background-image: url("/cobrands/apcoa/images/logo.svg");
+  background-size: auto 2.25rem;
+}
+
+.nav-menu--main {
+  a, span {
+    font-size: 1rem;
+  }
+
+  a {
+    text-decoration: none;
+  }
+
+  span {
+    background-color: $primary;
+    color: $primary_text;
+  }
+}
+
+/* FRONTPAGE */
+.postcode-form-box {
+  div {
+    border-radius: 8px;
+    overflow: hidden;
+    box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, .1);
+    border-width: 0;
+  }
+
+  input#pc {
+    border-radius: 8px;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  input#sub {
+    font-weight: 700;
+    background-color: $button-primary-bg-top;
+
+    &:hover {
+      background-color: $button-primary-hover-bg-top;
+      color: $button-primary-text;
+    }
+  }
+}
+
+#front-main #front-main-container {
+  box-sizing: border-box;
+
+  h2 {
+    font-weight: 400;
+  }
+}
+
+#front_stats {
+  background: $cobrand_navy;
+}
+
+/* OTHERS */
+.item-list__item {
+  a {
+    text-decoration: none;
+  }
+}
+
+/* SITE MESSAGE */
+// .site-message {
+//   color: $primary_b;
+//   padding: 1.5rem;
+//   background-color: $cobrand_white;
+//   border: none;
+//   border-left: 2px solid white;
+//   word-wrap: break-word;
+// }
+
+/* FOOTER */
+
+@import "../fixmystreet-uk-councils/societyworks-footer";