diff --git a/src/wmcads/assets/sass/_typography.scss b/src/wmcads/assets/sass/_typography.scss index 644fe6a4..cb0436f3 100755 --- a/src/wmcads/assets/sass/_typography.scss +++ b/src/wmcads/assets/sass/_typography.scss @@ -9,10 +9,7 @@ body { // Get rid of margin for the first header item in main content * { - h1:first-child, - h2:first-child, - h3:first-child, - h4:first-child { + h1:first-child { margin-top: 0; } } diff --git a/src/wmcads/assets/sass/_utilities.scss b/src/wmcads/assets/sass/_utilities.scss index af38bff9..03bd521b 100755 --- a/src/wmcads/assets/sass/_utilities.scss +++ b/src/wmcads/assets/sass/_utilities.scss @@ -81,7 +81,7 @@ } // MARGINS AND PADDINGS -// Helper mixin used to generate various sizes of margin/padding +// Helper mixin used to generate various sizes of margin/padding - wmcads-m-b-sm - wmcads-grid--spacing-lg-4-lg @mixin x-mar-pad($side, $type: "margin") { &-xs { #{$type}#{$side}: $size-xs; @@ -93,6 +93,10 @@ &-sm { #{$type}#{$side}: $size-sm; + + &-sm-none { + #{$type}#{$side}: $breakpoint-xs; + } } &-md { @@ -161,13 +165,13 @@ body { // Show/hide on desktop devices only .wmcads-hide-mobile { @media screen and (max-width: $breakpoint-md) { - display: none; + display: none !important; } } .wmcads-hide-desktop { @media screen and (min-width: $breakpoint-md) { - display: none; + display: none !important; } } @@ -229,3 +233,21 @@ body { background-color: transparent; } } + +//Hide visually apart from screen readers +.visible-hidden { + position: absolute; + width: 1px; + height: 1px; + overflow: hidden; + clip: rect(1px, 1px, 1px, 1px); + white-space: nowrap; + + &:focus { + position: absolute; + width: auto; + height: auto; + overflow: auto; + clip: auto; + } +} diff --git a/src/wmcads/assets/sass/split/typography.scss b/src/wmcads/assets/sass/split/typography.scss index c4bc8bd7..dbf291a0 100644 --- a/src/wmcads/assets/sass/split/typography.scss +++ b/src/wmcads/assets/sass/split/typography.scss @@ -5,9 +5,7 @@ // Mixins @import "../mixins"; - // Typography Styles -#umb-grid { +.umb-grid { @import "../typography"; } - diff --git a/src/wmcads/components/accordion/_accordion.scss b/src/wmcads/components/accordion/_accordion.scss index 48df1d79..5a78c9b6 100755 --- a/src/wmcads/components/accordion/_accordion.scss +++ b/src/wmcads/components/accordion/_accordion.scss @@ -27,6 +27,10 @@ width: calc(100% - 32px); padding-right: $size-md; vertical-align: middle; + + h4 { + margin-top: 0; + } } &__icon { diff --git a/src/wmcads/components/breadcrumb/_breadcrumb.njk b/src/wmcads/components/breadcrumb/_breadcrumb.njk index 752fb3fe..2fa67764 100755 --- a/src/wmcads/components/breadcrumb/_breadcrumb.njk +++ b/src/wmcads/components/breadcrumb/_breadcrumb.njk @@ -18,7 +18,7 @@ And we show the current page breadcrumb at all times. {#- Link back to homepage #}
  • - Home +
  • {#- If pageTitle != same as section, then we can show section breadcrumb #} diff --git a/src/wmcads/components/content-card/_content-card.njk b/src/wmcads/components/content-card/_content-card.njk index bc68ac32..174c3b68 100755 --- a/src/wmcads/components/content-card/_content-card.njk +++ b/src/wmcads/components/content-card/_content-card.njk @@ -12,10 +12,10 @@ {# This macro checks if it's being called inside a {% call %} tag #} {# It's an easier way to pass in larger html content #} -<{{tag}}{{attributes | safe}} class="wmcads-content-card{{"--blue" if params.isCta else "" }} {{"wmcads-content-card--event" if params.isEvent else "" }} {{"wmcads-content-card--news" if params.isNews else "" }} "> +<{{tag}}{{attributes | safe}} class="wmcads-content-card{{"--blue" if params.isCta else "" }} {{"wmcads-content-card--event" if params.isEvent else "" }} {{"wmcads-content-card--news" if params.isNews else "" }} {{"wmcads-css-grid-block--double" if params.isDoubleCard else "" }} "> {% if(params.src) %} content image + src="https://www.wmca.org.uk/media/3415/wmca-bournville-131.jpg{{"?anchor=center&mode=crop&width=920&height=300&rnd=132122595620000000" if params.isNewsFirst else "" }}{{"?anchor=center&mode=crop&width=480&height=357&rnd=132122595620000000" if params.isNewsSub else "" }}{{"?anchor=center&mode=crop&width=896&height=334&rnd=132122595620000000" if params.isSrcDefault else "" }}{{"?anchor=center&mode=crop&width=1316&height=345&rnd=132122595620000000" if params.isDoubleCard else "" }}{{"?anchor=center&mode=crop&width=600&height=334&rnd=132122595620000000" if params.isThirdCard else "" }}{{"?anchor=center&mode=crop&width=700&height=334&rnd=132122595620000000" if params.isDefault else "" }}" alt="content image"> {% endif %} {% if(params.isCta) %}
    diff --git a/src/wmcads/components/content-card/_content-card.scss b/src/wmcads/components/content-card/_content-card.scss index ecbbcf97..5a6ba219 100755 --- a/src/wmcads/components/content-card/_content-card.scss +++ b/src/wmcads/components/content-card/_content-card.scss @@ -1,6 +1,7 @@ //accessibility styles @mixin accessibility-hover { - h2 { + h2, + h3 { text-decoration: underline; } @@ -75,5 +76,13 @@ height: 180px; padding: 1px; object-fit: cover; + + @media screen and (max-width: $breakpoint-md) { + height: auto; + } + } + + h3 { + margin-top: 0; } } diff --git a/src/wmcads/components/hub-header/_hub-header.scss b/src/wmcads/components/hub-header/_hub-header.scss index 4f171d1a..11c65be5 100644 --- a/src/wmcads/components/hub-header/_hub-header.scss +++ b/src/wmcads/components/hub-header/_hub-header.scss @@ -38,6 +38,10 @@ left: calc((100% - 927px) / 2); max-width: 468px; overflow: auto; + + @media (max-width: $breakpoint-lg) { + margin: $size-md; + } } h1 { diff --git a/src/wmcads/patterns/header/_header.scss b/src/wmcads/patterns/header/_header.scss index 02ac24e2..001cf65c 100755 --- a/src/wmcads/patterns/header/_header.scss +++ b/src/wmcads/patterns/header/_header.scss @@ -75,7 +75,7 @@ $header-height-mobile: 4rem; // Logo styles &__logo-link { display: inline-block; - width: 34px; + width: 37px; height: 34px; margin-right: $size-sm; overflow: hidden; @@ -217,6 +217,10 @@ $header-height-mobile: 4rem; background: transparent; } } + + button { + font: caption; + } } // mobile only mega menu styles diff --git a/src/www/_partials/_template_head.njk b/src/www/_partials/_template_head.njk index ba02b4be..7ad31674 100755 --- a/src/www/_partials/_template_head.njk +++ b/src/www/_partials/_template_head.njk @@ -30,4 +30,6 @@ + + \ No newline at end of file diff --git a/src/www/assets/json/merged.njk.json b/src/www/assets/json/merged.njk.json index 99036c22..484d279a 100755 --- a/src/www/assets/json/merged.njk.json +++ b/src/www/assets/json/merged.njk.json @@ -154,7 +154,10 @@ "name": "Campaign Two Columns" }, { - "name": "Content Template" + "name": "Content One Column" + }, + { + "name": "Content Two Columns" } ] } diff --git a/src/www/pages/patterns/header-and-footer/index.njk b/src/www/pages/patterns/header-and-footer/index.njk index 9714daaa..2875cc1f 100755 --- a/src/www/pages/patterns/header-and-footer/index.njk +++ b/src/www/pages/patterns/header-and-footer/index.njk @@ -52,16 +52,16 @@ {{ compExample([ - wmcadsHeader({ - navItems: navItems, - banner: true, - breadcrumbs: { - section: section, - pageTitle: pageTitle - }, - exampleAria: "Full header", - id: "full" - }) + wmcadsHeader ({ + id: "mega-menu", + navItems: navItems, + banner: true, + linkTopLevel: true, + breadcrumbs: { + section: section, + pageTitle: pageTitle + } + }) ]) }} diff --git a/src/www/pages/templates/_general.scss b/src/www/pages/templates/_general.scss new file mode 100644 index 00000000..9ff0f523 --- /dev/null +++ b/src/www/pages/templates/_general.scss @@ -0,0 +1,55 @@ +.wmcads-html { + .wmcads-grid--justify-between { + .wmcads-p-r-sm { + @media screen and (max-width: $breakpoint-sm) { + padding: 0 !important; + } + } + + .wmcads-p-l-sm { + @media screen and (max-width: $breakpoint-sm) { + padding: 0 !important; + } + } + } + + .wmcads-page-contents { + @media screen and (max-width: $breakpoint-md) { + margin: 0 !important; + } + } +} + +// Creates a css-grid layout for content cards +.wmcads-css-grid { + display: inline; + + &-3-col { + @media screen and (min-width: $breakpoint-sm) { + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: $size-lg; + grid-auto-flow: row dense; + } + + @media (min-width: $breakpoint-md) { + grid-template-columns: 1fr 1fr 1fr; + } + } + + &-2-col { + @media screen and (min-width: $breakpoint-sm) { + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: $size-lg; + grid-auto-flow: row dense; + } + } + + &-block { + &--double { + grid-column: auto / span 2; + } + } + +} diff --git a/src/www/pages/templates/campaign-one-column/campaign-template.scss b/src/www/pages/templates/campaign-one-column/campaign-template.scss index faae40f5..41fe526e 100644 --- a/src/www/pages/templates/campaign-one-column/campaign-template.scss +++ b/src/www/pages/templates/campaign-one-column/campaign-template.scss @@ -1,4 +1,4 @@ -.template-campaign-1-col { +.template-campaign { .partner { display: flex !important; align-items: center; @@ -8,18 +8,4 @@ padding: 0 !important; } } - - .wmcads-grid--justify-between { - .wmcads-p-r-sm { - @media screen and (max-width: $breakpoint-sm) { - padding: 0 !important; - } - } - - .wmcads-p-l-sm { - @media screen and (max-width: $breakpoint-sm) { - padding: 0 !important; - } - } - } } diff --git a/src/www/pages/templates/campaign-one-column/index.njk b/src/www/pages/templates/campaign-one-column/index.njk index f48fc4bc..58638096 100644 --- a/src/www/pages/templates/campaign-one-column/index.njk +++ b/src/www/pages/templates/campaign-one-column/index.njk @@ -11,7 +11,7 @@ {# Set array of tiles #} {% block content %} -
    +

    Roll & Stroll

    @@ -188,6 +188,11 @@ Active Travel fund
    +
    + + Active Travel fund + +
    diff --git a/src/www/pages/templates/campaign-two-columns/campaign-template.scss b/src/www/pages/templates/campaign-two-columns/campaign-template.scss deleted file mode 100644 index 6b8853f6..00000000 --- a/src/www/pages/templates/campaign-two-columns/campaign-template.scss +++ /dev/null @@ -1,27 +0,0 @@ -.template-campaign-2-col { - .wmcads-page-contents { - @media screen and (max-width: $breakpoint-md) { - margin: 0 !important; - } - } - - h1 { - @media screen and (max-width: $breakpoint-md) { - margin-top: $size-md !important; - } - } - - .wmcads-grid--justify-between { - .wmcads-p-r-sm { - @media screen and (max-width: $breakpoint-sm) { - padding: 0 !important; - } - } - - .wmcads-p-l-sm { - @media screen and (max-width: $breakpoint-sm) { - padding: 0 !important; - } - } - } -} diff --git a/src/www/pages/templates/campaign-two-columns/index.njk b/src/www/pages/templates/campaign-two-columns/index.njk index 7d864dd6..f3dc9fe2 100644 --- a/src/www/pages/templates/campaign-two-columns/index.njk +++ b/src/www/pages/templates/campaign-two-columns/index.njk @@ -12,7 +12,7 @@ {# Set array of tiles #} {% block content %} -
    +

    Roll & Stroll

    @@ -34,9 +34,6 @@ example: false }) }} - -
    -
    @@ -55,55 +52,43 @@

    Cycling & walking in your area

    -
    -
    +
    {{ wmcadsContentCard({ clickable: true, src: true, - isThirdCard: false, + isSrcDefault: true, title: 'Get Going Continue Rolling', - isDefault: true, copy: 'Whether youre rolling to work or school, or catching some fresh air, theres always safe and new ways to get there.' }) }} -
    -
    {{ wmcadsContentCard({ clickable: true, src: true, - isThirdCard: false, + isSrcDefault: true, title: 'All things strolling', - isDefault: true, copy: 'Wherever youre heading, theres always new and safe ways to get there on foot. ' }) }} -
    -
    {{ wmcadsContentCard({ clickable: true, src: true, - isThirdCard: false, + isSrcDefault: true, title: 'Changes in your area', - isDefault: true, copy: 'Understand what changes are being made in your area to help you travel safely' }) }} -
    -
    {{ wmcadsContentCard({ clickable: true, src: true, - isThirdCard: false, + isSrcDefault: true, title: 'Get active and travel safely', - isDefault: true, copy: 'Enjoy being physically active and travelling outdoors responsibly and safely. ' }) }} -
    @@ -136,60 +121,54 @@
    - - - -
    -

    - Some random subtitle -

    -

    - Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt consectetur, eius repellat dolor vel corporis eos fugiat. Ut totam, incidunt sequi iusto nesciunt illum natus, dolores velit cumque, excepturi labore! -

    + + + +
    +

    + Some random subtitle +

    +

    + Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt consectetur, eius repellat dolor vel corporis eos fugiat. Ut totam, incidunt sequi iusto nesciunt illum natus, dolores velit cumque, excepturi labore! +

    +
    - + -

    Additional Information

    -
    -
    - {{ - wmcadsContentCard({ - clickable: true, - src: true, - isThirdCard: false, - title: 'Support for businesses', - isDefault: true, - copy: 'We have a wide range of options to support your business and employees at work and at home' - }) - }} -
    -
    - {{ - wmcadsContentCard({ - clickable: true, - src: true, - isThirdCard: false, - title: 'Be Aware and Share', - isDefault: true, - copy: 'If you drive in the West Midlands be prepared to share the road space with more Rollers and Strollers.' - }) - }} -
    +

    Additional Information

    +
    + {{ + wmcadsContentCard({ + clickable: true, + src: true, + isSrcDefault: true, + title: 'Support for businesses', + copy: 'We have a wide range of options to support your business and employees at work and at home' + }) + }} + {{ + wmcadsContentCard({ + clickable: true, + src: true, + isSrcDefault: true, + title: 'Be Aware and Share', + copy: 'If you drive in the West Midlands be prepared to share the road space with more Rollers and Strollers.' + }) + }}
    @@ -212,4 +191,5 @@
    + {% endblock %} diff --git a/src/www/pages/templates/content-template/content-template.scss b/src/www/pages/templates/content-one-column/content-template.scss similarity index 100% rename from src/www/pages/templates/content-template/content-template.scss rename to src/www/pages/templates/content-one-column/content-template.scss diff --git a/src/www/pages/templates/content-one-column/index.njk b/src/www/pages/templates/content-one-column/index.njk new file mode 100644 index 00000000..0e0a551e --- /dev/null +++ b/src/www/pages/templates/content-one-column/index.njk @@ -0,0 +1,95 @@ +{% extends "www/_layouts/template-layout-fullwidth.njk" %} +{% set pageTitle="Content One Column" %} {% set section = "Templates" %} +{# Imports #} +{%- from "wmcads/components/content-tiles/normal/_normal.njk" import wmcadsContentTilesNormal -%} +{% from "wmcads/components/link/link/_link.njk" import wmcadsLink %} +{% from "wmcads/components/inset-text/_inset-text.njk" import wmcadsInsetText %} +{% from "wmcads/components/icon/_icon.njk" import wmcadsIcon %} +{% from "wmcads/components/content-card/_content-card.njk" import wmcadsContentCard %} +{# Set array of tiles #} +{% block content %} + +{# About the style guide #} +
    + header image +
    +
    +
    +
    +

    Adult Education Budget

    +

    From 2018, we’re responsible for the region's Adult Education Budget (AEB).

    +

    We target priority growth sectors from the Local Industrial Strategy. This improves skills and secure jobs in communities. It also helps to improve productivity in the region.

    +

    What the budget is

    +

    The budget helps residents and employers get the skills needed in the region. This helps people to get the jobs they need and increases the skills of current employees. It unlocks specialist training as well.

    +

    It also allows for more flexible and tailored learning programmes in the region. This helps people to take part in learning, build confidence and their wellbeing. It unlocks opportunities for more people.

    +

    Our challenges

    +

    We set out the challenges for the labour market in our Regional Skills Plan:

    +

    High levels of unemployment in some parts of the region + Poverty is growing for people who are working because of low wages + Low skill levels with less people qualified to skill level 4, or no qualifications at all + Employers struggle to find people with the skills they need

    +

    We use the budget to help improve confidence and opportunities for residents. It helps business find staff with the skills they need too.

    +

    Priorities for the budget

    +

    We will fund adult education through a range of delivery partners. Through commissioning, the budget will focus on:

    +

    Innovation

    +

    Looking at new ways of delivering learning. These will align with our priorities in the construction and digital sectors.

    +

    Talent & Progression

    +

    We'll develop new job schemes, and help build the skills of people in employment.

    +

    Collaboration

    +

    Working with our provider partners, we'll create an agile skills system. It will align to the needs of businesses and residents.

    +

    Sustainability

    +

    We're developing agreements with providers. These will check delivery against our key priorities. It will also track the impact of this approach.

    +
    +
    + +
    + {{ + wmcadsContentCard({ + clickable: true, + src: true, + isSrcDefault: true, + title: 'Contact us', + copy: 'Get in touch if you want to know more about the budget.' + }) + }} + {{ + wmcadsContentCard({ + clickable: true, + src: true, + isSrcDefault: true, + title: 'Contact us', + copy: 'Get in touch if you want to know more about the budget.' + }) + }} + {{ + wmcadsContentCard({ + clickable: true, + src: true, + isSrcDefault: true, + title: 'Contact us', + copy: 'Get in touch if you want to know more about the budget.' + }) + }} + {{ + wmcadsContentCard({ + clickable: true, + src: true, + isSrcDefault : true, + title: 'Contact us', + copy: 'Get in touch if you want to know more about the budget.' + }) + }} + {{ + wmcadsContentCard({ + clickable: true, + src: true, + isDoubleCard: true, + title: 'Pharetra Sollicitudin Bibendum', + copy: 'Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo.' + }) + }} +
    + +
    + +{% endblock %} diff --git a/src/www/pages/templates/content-template/index.njk b/src/www/pages/templates/content-template/index.njk deleted file mode 100644 index 7e904b6a..00000000 --- a/src/www/pages/templates/content-template/index.njk +++ /dev/null @@ -1,98 +0,0 @@ -{% extends "www/_layouts/template-layout-fullwidth.njk" %} -{% set pageTitle="Content Page Template" %} {% set section = "Templates" %} -{# Imports #} -{%- from "wmcads/components/content-tiles/normal/_normal.njk" import wmcadsContentTilesNormal -%} -{% from "wmcads/components/link/link/_link.njk" import wmcadsLink %} -{% from "wmcads/components/inset-text/_inset-text.njk" import wmcadsInsetText %} -{% from "wmcads/components/icon/_icon.njk" import wmcadsIcon %} -{% from "wmcads/components/content-card/_content-card.njk" import wmcadsContentCard %} -{# Set array of tiles #} -{% block content %} - -{# About the style guide #} -
    - header image -
    -
    -
    -
    -

    {{ pageTitle | safe}}

    -

    From 2018, we’re responsible for the region's Adult Education Budget (AEB).

    -

    We target priority growth sectors from the Local Industrial Strategy. This improves skills and secure jobs in communities. It also helps to improve productivity in the region.

    -

    What the budget is

    -

    The budget helps residents and employers get the skills needed in the region. This helps people to get the jobs they need and increases the skills of current employees. It unlocks specialist training as well.

    -

    It also allows for more flexible and tailored learning programmes in the region. This helps people to take part in learning, build confidence and their wellbeing. It unlocks opportunities for more people.

    -

    Our challenges

    -

    We set out the challenges for the labour market in our Regional Skills Plan:

    -

    High levels of unemployment in some parts of the region - Poverty is growing for people who are working because of low wages - Low skill levels with less people qualified to skill level 4, or no qualifications at all - Employers struggle to find people with the skills they need

    -

    We use the budget to help improve confidence and opportunities for residents. It helps business find staff with the skills they need too.

    -

    Priorities for the budget

    -

    We will fund adult education through a range of delivery partners. Through commissioning, the budget will focus on:

    -

    Innovation

    -

    Looking at new ways of delivering learning. These will align with our priorities in the construction and digital sectors.

    -

    Talent & Progression

    -

    We'll develop new job schemes, and help build the skills of people in employment.

    -

    Collaboration

    -

    Working with our provider partners, we'll create an agile skills system. It will align to the needs of businesses and residents.

    -

    Sustainability

    -

    We're developing agreements with providers. These will check delivery against our key priorities. It will also track the impact of this approach.

    -
    -
    -
    -
    - {{ - wmcadsContentCard({ - src: true, - isThirdCard: true, - title: 'Who weve funded', - copy: 'See which councils and providers weve funded, and what for.' - }) - }} -
    -
    - {{ - wmcadsContentCard({ - src: true, - isThirdCard: true, - title: 'Find training schemes', - copy: 'You can find training and education providers weve funded online.' - }) - }} -
    -
    - {{ - wmcadsContentCard({ - src: true, - isThirdCard: true, - title: 'Contact us', - copy: 'Get in touch if you want to know more about the budget.' - }) - }} -
    -
    - {{ - wmcadsContentCard({ - src: true, - isThirdCard: true, - title: 'Pharetra Sollicitudin', - copy: 'Donec sed odio dui. Nullam quis risus eget urna mollis ornareleo.' - }) - }} -
    -
    - {{ - wmcadsContentCard({ - src: true, - isDoubleCard: true, - title: 'Pharetra Sollicitudin Bibendum', - copy: 'Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo.' - }) - }} -
    -
    -
    -
    -{% endblock %} diff --git a/src/www/pages/templates/content-two-columns/content-template.scss b/src/www/pages/templates/content-two-columns/content-template.scss new file mode 100644 index 00000000..e69de29b diff --git a/src/www/pages/templates/content-two-columns/index.njk b/src/www/pages/templates/content-two-columns/index.njk new file mode 100644 index 00000000..48651fd4 --- /dev/null +++ b/src/www/pages/templates/content-two-columns/index.njk @@ -0,0 +1,110 @@ +{% extends "www/_layouts/template-layout-fullwidth.njk" %} +{% set pageTitle="Content Two Columns" %} {% set section = "Templates" %} +{# Imports #} +{%- from "wmcads/components/content-tiles/normal/_normal.njk" import wmcadsContentTilesNormal -%} +{% from "wmcads/components/link/link/_link.njk" import wmcadsLink %} +{% from "wmcads/components/inset-text/_inset-text.njk" import wmcadsInsetText %} +{% from "wmcads/components/icon/_icon.njk" import wmcadsIcon %} +{% from "wmcads/components/content-card/_content-card.njk" import wmcadsContentCard %} +{% from "wmcads/components/page-contents/_page-contents.njk" import wmcadsPageContents %} +{# Set array of tiles #} +{% block content %} + +
    + +
    +

    Roll & Stroll

    +
    + +
    + header image +
    +
    +
    + + +
    +

    Adult Education Budget

    +

    From 2018, we’re responsible for the region's Adult Education Budget (AEB).

    +

    We target priority growth sectors from the Local Industrial Strategy. This improves skills and secure jobs in communities. It also helps to improve productivity in the region.

    +

    What the budget is

    +

    The budget helps residents and employers get the skills needed in the region. This helps people to get the jobs they need and increases the skills of current employees. It unlocks specialist training as well.

    +

    It also allows for more flexible and tailored learning programmes in the region. This helps people to take part in learning, build confidence and their wellbeing. It unlocks opportunities for more people.

    +

    Our challenges

    +

    We set out the challenges for the labour market in our Regional Skills Plan:

    +

    High levels of unemployment in some parts of the region + Poverty is growing for people who are working because of low wages + Low skill levels with less people qualified to skill level 4, or no qualifications at all + Employers struggle to find people with the skills they need

    +

    We use the budget to help improve confidence and opportunities for residents. It helps business find staff with the skills they need too.

    +

    Priorities for the budget

    +

    We will fund adult education through a range of delivery partners. Through commissioning, the budget will focus on:

    +

    Innovation

    +

    Looking at new ways of delivering learning. These will align with our priorities in the construction and digital sectors.

    +

    Talent & Progression

    +

    We'll develop new job schemes, and help build the skills of people in employment.

    +

    Collaboration

    +

    Working with our provider partners, we'll create an agile skills system. It will align to the needs of businesses and residents.

    +

    Sustainability

    +

    We're developing agreements with providers. These will check delivery against our key priorities. It will also track the impact of this approach.

    +
    + {{ + wmcadsContentCard({ + clickable: true, + src: true, + isSrcDefault: true, + title: 'Contact us', + copy: 'Get in touch if you want to know more about the budget.' + }) + }} + {{ + wmcadsContentCard({ + clickable: true, + src: true, + isSrcDefault: true, + title: 'Contact us', + copy: 'Get in touch if you want to know more about the budget.' + }) + }} + {{ + wmcadsContentCard({ + clickable: true, + src: true, + isSrcDefault: true, + title: 'Contact us', + copy: 'Get in touch if you want to know more about the budget.' + }) + }} + {{ + wmcadsContentCard({ + clickable: true, + src: true, + isSrcDefault: true, + title: 'Contact us', + copy: 'Get in touch if you want to know more about the budget.' + }) + }} + {{ + wmcadsContentCard({ + clickable: true, + src: true, + isDoubleCard: true, + title: 'Pharetra Sollicitudin Bibendum', + copy: 'Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo.' + }) + }} +
    + +
    +
    +
    +
    +{% endblock %} diff --git a/src/www/pages/templates/homepage/homepage.scss b/src/www/pages/templates/homepage/homepage.scss index cf80a6bd..72c7c537 100644 --- a/src/www/pages/templates/homepage/homepage.scss +++ b/src/www/pages/templates/homepage/homepage.scss @@ -1,6 +1,4 @@ .homepage { - margin-bottom: $size-xl; - .what-we-do { svg { display: block; @@ -9,6 +7,10 @@ fill: get-color(primary); } + i { + color: get-color(primary) !important; + } + a { display: block; width: 90%; diff --git a/src/www/pages/templates/homepage/index.njk b/src/www/pages/templates/homepage/index.njk index 9cc81e6f..49e4ec49 100644 --- a/src/www/pages/templates/homepage/index.njk +++ b/src/www/pages/templates/homepage/index.njk @@ -34,9 +34,7 @@

    What we do

    diff --git a/src/www/pages/templates/templates.scss b/src/www/pages/templates/templates.scss index a236019b..8d73280c 100644 --- a/src/www/pages/templates/templates.scss +++ b/src/www/pages/templates/templates.scss @@ -4,8 +4,11 @@ // Mixins @import "../../../wmcads/assets/sass/mixins"; +// General styles +@import "general"; + // Template specific styles @import "homepage/homepage"; // Homepage @import "campaign-one-column/campaign-template"; // Campaign page -@import "campaign-two-columns/campaign-template"; // Campaign page - +@import "content-one-column/content-template"; // Content page +@import "content-two-columns/content-template"; // Content page