diff --git a/gulp-tasks/paths.js b/gulp-tasks/paths.js
index 751e25fa..bcb0b6e2 100755
--- a/gulp-tasks/paths.js
+++ b/gulp-tasks/paths.js
@@ -7,7 +7,11 @@ module.exports = {
},
styles: {
src: ['src/**/*.scss'], // src of styles to watch
- minifySrc: ['src/wmcads/assets/sass/wmcads.scss', 'src/www/wmcads-website.scss'], // List of scss file(s) which should be processed, linted & minified
+ minifySrc: [
+ 'src/wmcads/assets/sass/wmcads.scss',
+ 'src/www/wmcads-website.scss',
+ 'src/www/pages/templates/templates.scss'
+ ], // List of scss file(s) which should be processed, linted & minified
output: 'build/css/', // output location of minified styles
reactNativeSrc: 'src/wmcads/assets/sass/wmcads.scss'
},
diff --git a/src/wmcads/assets/sass/_typography.scss b/src/wmcads/assets/sass/_typography.scss
index 9619df6b..644fe6a4 100755
--- a/src/wmcads/assets/sass/_typography.scss
+++ b/src/wmcads/assets/sass/_typography.scss
@@ -59,7 +59,8 @@ h2,
}
h3,
-.h3 {
+.h3,
+h3 a {
@include type-setting(3);
}
diff --git a/src/wmcads/assets/sass/_utilities.scss b/src/wmcads/assets/sass/_utilities.scss
index 0e93c37b..d3588258 100755
--- a/src/wmcads/assets/sass/_utilities.scss
+++ b/src/wmcads/assets/sass/_utilities.scss
@@ -42,7 +42,6 @@
}
&--main {
- margin-top: $size-md;
margin-bottom: $size-lg;
flex-grow: 1;
}
diff --git a/src/wmcads/assets/sass/wmcads-grid/_grid-spacing.scss b/src/wmcads/assets/sass/wmcads-grid/_grid-spacing.scss
index 847628d5..1d0e0830 100755
--- a/src/wmcads/assets/sass/wmcads-grid/_grid-spacing.scss
+++ b/src/wmcads/assets/sass/wmcads-grid/_grid-spacing.scss
@@ -57,7 +57,7 @@
@if $breakpoint-name == "" or $breakpoint-value == "" {
&.wmcads-col-1,
&.wmcads-col-1-1 {
- padding-right: 0;
+ // padding-right: 0;
padding-left: 0;
}
} @else {
diff --git a/src/wmcads/components/_components.scss b/src/wmcads/components/_components.scss
index d2db40b3..e6e086f0 100755
--- a/src/wmcads/components/_components.scss
+++ b/src/wmcads/components/_components.scss
@@ -9,6 +9,7 @@
@import "document/document"; // document
@import "file-download/file-download"; // File download
@import "form-elements/form-elements"; // Form elements
+@import "hub-header/hub-header"; // Hub header
@import "inset-text/inset-text"; // Inset text
@import "in-text-step/in-text-step"; // In-text step
@import "link/link"; // Link elements
diff --git a/src/wmcads/components/breadcrumb/_breadcrumb.njk b/src/wmcads/components/breadcrumb/_breadcrumb.njk
index 50e1e809..752fb3fe 100755
--- a/src/wmcads/components/breadcrumb/_breadcrumb.njk
+++ b/src/wmcads/components/breadcrumb/_breadcrumb.njk
@@ -12,6 +12,7 @@ And we show the current page breadcrumb at all times.
{% set class = ' ' + params.classModifiers if params.classModifiers %}
{% set ariaLabel = params.exampleAria + " example breadcrumbs" if params.exampleAria else "Breadcrumbs" %}
+{% if params.pageTitle != "Homepage Template" -%}
+{%- endif %}
{% endmacro %}
\ No newline at end of file
diff --git a/src/wmcads/components/content-card/_content-card.njk b/src/wmcads/components/content-card/_content-card.njk
index 848bfb33..d2cbe3e5 100755
--- a/src/wmcads/components/content-card/_content-card.njk
+++ b/src/wmcads/components/content-card/_content-card.njk
@@ -4,19 +4,18 @@
{# Opening & closing tags #}
{% set tag = "a" if params.clickable else "div" %}
{% set attributes = " href=\"#\" target=\"_self\"" if params.clickable else "" %}
-{# HTML content #}
-{% set html = params.html if params.html else "
-
-
Lorem ipsum dolor sit amet
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
-" %}
+{% set title = params.title if params.title else "Lorem ipsum dolor sit amet" %} {# set title text #}
+{% set eventTitle = params.eventTitle if params.eventTitle else "Event" %} {# set eventTitle text #}
+{% set copy = params.copy if params.copy else "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." %} {# set copy text #}
+{% set eventCopy = params.eventCopy if params.eventCopy else "A short sentence explaining what this is, it can be 2 lines." %} {# set copy text #}
+
{# 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 "" }}">
+<{{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 "" }} ">
{% if(params.src) %}
-
+
{% endif %}
{% if(params.isCta) %}
diff --git a/src/www/pages/templates/content-template/content-template.scss b/src/www/pages/templates/content-template/content-template.scss
new file mode 100644
index 00000000..e69de29b
diff --git a/src/www/pages/templates/content-template/index.njk b/src/www/pages/templates/content-template/index.njk
new file mode 100644
index 00000000..7e904b6a
--- /dev/null
+++ b/src/www/pages/templates/content-template/index.njk
@@ -0,0 +1,98 @@
+{% 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 #}
+
+
+
+
+
+
+
{{ 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,
+ 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
new file mode 100644
index 00000000..1932721b
--- /dev/null
+++ b/src/www/pages/templates/homepage/homepage.scss
@@ -0,0 +1,35 @@
+.homepage {
+ .what-we-do {
+ svg {
+ display: block;
+ width: 50px;
+ height: 50px;
+ fill: get-color(primary);
+ }
+
+ a {
+ display: block;
+ width: 90%;
+ }
+
+ div {
+ margin: 0 0 20px 0;
+ }
+ }
+
+ h2,
+ h3,
+ p,
+ .what-we-do,
+ .wmcads-link {
+ @media screen and (max-width: $breakpoint-sm) {
+ padding: 0 $size-sm;
+ }
+ }
+}
+
+.wmcads-container.homepage {
+ @media screen and (max-width: $breakpoint-sm) {
+ padding: 0;
+ }
+}
diff --git a/src/www/pages/templates/homepage/index.njk b/src/www/pages/templates/homepage/index.njk
new file mode 100644
index 00000000..ec699af1
--- /dev/null
+++ b/src/www/pages/templates/homepage/index.njk
@@ -0,0 +1,214 @@
+{% extends "www/_layouts/template-layout-fullwidth.njk" %}
+{% set pageTitle="Homepage Template" %} {% set section = "Templates" %}
+{% set section="Templates" %}
+{# Imports #}
+{% from "wmcads/components/page-header/_page-header.njk" import wmcadsPageHeader %}
+{% 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 #}
+{{
+ wmcadsPageHeader({
+ title: true,
+ text: "Building a healthier, happier, better connected and more prosperous West Midlands",
+ home: true,
+ topm: true
+ })
+}}
+
Combined Authorites are set up to improve their region’s economies. We invest in the region through collaboration with our partners, but we don’t replace local councils.
+ {{
+ wmcadsContentCard({
+ src: true,
+ title: 'Wednesbury to Brierley Hill tram extension opens',
+ copy: 'The new line opens today, linking passengers to Dudley and Merry Hill. The extension was originally proposed in 1990, and was funded through the historic Devolution Deal in 2016.',
+ isNews: true,
+ isNewsFirst: true
+ })
+ }}
+
+
+ {{
+ wmcadsContentCard({
+ src: true,
+ title: 'WMCA donates computers to school children to tackle digital divide',
+ copy: '150 old staff laptops will be donated to Wowdot',
+ isNews: true,
+ isNewsSub: true
+ })
+ }}
+
+
+ {{
+ wmcadsContentCard({
+ src: true,
+ title: 'Historic devolution agreement reached',
+ copy: 'The Government will contribute 40 million over the next 30 years',
+ isNews: true,
+ isNewsSub: true
+ })
+ }}
+
+ {{
+ wmcadsContentCard({
+ src: true,
+ isSrcDefault: true,
+ title: 'Coronavirus support',
+ copy: 'Get advice and support during the pandemic such as finding a new job and applying for business grants.',
+ clickable: true
+ })
+ }}
+
+
+ {{
+ wmcadsContentCard({
+ src: true,
+ isSrcDefault: true,
+ title: '2021 Mayoral election',
+ copy: 'Find out what the Mayor is reponsible for and how to vote.',
+ clickable: true
+ })
+ }}
+
+
+
+
+ {{
+ wmcadsContentCard({
+ title: 'Upskill yourself in lockdown',
+ copy: 'Find out what the Mayor is reponsible for and how to vote.',
+ clickable: true
+ })
+ }}
+
+ {{
+ wmcadsContentCard({
+ title: 'Annual Plan 2021 - 2022',
+ copy: 'We’ve set our ambitions for each of our priorities over the next year.',
+ clickable: true
+ })
+ }}
+
+
+
+
Upcoming events
+
+
+ {{
+ wmcadsContentCard({
+ eventTitle: 'Mayors Mentors',
+ eventCopy: 'Find out about the Mayor’s Mentors scheme and how it can help you grow.',
+ clickable: true,
+ isEvent: true
+ })
+ }}
+
+
+ {{
+ wmcadsContentCard({
+ eventTitle: 'Greater Birmingham LEP Skills Day',
+ eventCopy: 'Hear from employers and training providers on upskilling opportunities available.',
+ clickable: true,
+ isEvent: true
+ })
+ }}
+
+
+ {{
+ wmcadsContentCard({
+ eventTitle: 'Sprint exhibition - Walsall',
+ eventCopy: 'Learn and ask questions about the upcoming Sprint works in the region.',
+ clickable: true,
+ isEvent: true
+ })
+ }}
+
+ 
+ 
{% endif %}
{% if(params.isCta) %}