diff --git a/README.md b/README.md index 3642365..357d1e6 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ -# Design history for GOV.UK services +# Design history for NHS.UK services -A place for you to document your GOV.UK service designs. +A place for you to document your NHS.UK service designs. ## Purpose of this project diff --git a/app/_components/_all.scss b/app/_components/_all.scss index f3f696c..518b05c 100644 --- a/app/_components/_all.scss +++ b/app/_components/_all.scss @@ -1,2 +1,3 @@ @import "email/email"; +@import "header/header"; @import "screenshots/screenshots"; diff --git a/app/_components/header/_header.scss b/app/_components/header/_header.scss new file mode 100644 index 0000000..3b8e53a --- /dev/null +++ b/app/_components/header/_header.scss @@ -0,0 +1,39 @@ +.app-header { + background-color: #005eb8; + border: 0; +} + +.app-header__container { + border-bottom: 1px solid rgba(govuk-colour("white"), 0.2); + margin-bottom: 0; + padding-bottom: govuk-spacing(4); + padding-top: govuk-spacing(4); +} + +.govuk-header__logo { + margin: 0; +} + +.govuk-header__link--homepage { + display: flex; + align-items: center; + gap: govuk-spacing(3); + + &:hover { + border-color: transparent; + + .govuk-header__product-name { + text-decoration: underline; + } + } +} + +.govuk-header__product-name { + @include govuk-font(19); + margin: 0; +} + +.app-site-search:defined { + margin: 0; + padding: 0; +} diff --git a/app/images/apple-touch-icon.png b/app/images/apple-touch-icon.png new file mode 100644 index 0000000..6857a62 Binary files /dev/null and b/app/images/apple-touch-icon.png differ diff --git a/app/images/favicon.ico b/app/images/favicon.ico new file mode 100644 index 0000000..ee9b711 Binary files /dev/null and b/app/images/favicon.ico differ diff --git a/app/images/mask-icon.svg b/app/images/mask-icon.svg new file mode 100644 index 0000000..0edf497 --- /dev/null +++ b/app/images/mask-icon.svg @@ -0,0 +1 @@ + diff --git a/app/images/opengraph-image.png b/app/images/opengraph-image.png new file mode 100644 index 0000000..799bbe5 Binary files /dev/null and b/app/images/opengraph-image.png differ diff --git a/app/index.md b/app/index.md index 46432ad..32dd888 100644 --- a/app/index.md +++ b/app/index.md @@ -1,7 +1,7 @@ --- homepage: true layout: product -title: A design history for your GOV.UK service +title: A design history for your NHS.UK service description: A permanent record of how your service has developed over time. pagination: data: collections.all diff --git a/app/sass/_settings.scss b/app/sass/_settings.scss new file mode 100644 index 0000000..1cc5c74 --- /dev/null +++ b/app/sass/_settings.scss @@ -0,0 +1,40 @@ +$govuk-colours: ( + "red": #d5281b, + "yellow": #ffeb3b, + "green": #007f3b, + "blue": #005eb8, + "dark-blue": #002f5c, + "purple": #330072, + "black": #212b32, + "dark-grey": #4c6272, + "mid-grey": #aeb7bd, + "light-grey": #f0f4f5, + "white": #ffffff, + // Unchanged + "light-blue": #5694ca, + "light-purple": #6f72af, + "bright-purple": #912b88, + "pink": #d53880, + "light-pink": #f499be, + "orange": #f47738, + "brown": #b58840, + "light-green": #85994b, + "turquoise": #28a197, +); + +$color_nhsuk-dark-pink: #7c2855; +$color_nhsuk-dark-blue: #002f5c; +$color_nhsuk-grey-5: #f0f4f5; +$color_nhsuk-purple: #330072; + +$govuk-body-background-colour: $color_nhsuk-grey-5; +$govuk-canvas-background-colour: $color_nhsuk-grey-5; + +$govuk-link-visited-colour: $color_nhsuk-purple; +$govuk-link-hover-colour: $color_nhsuk-dark-pink; +$govuk-link-active-colour: $color_nhsuk-dark-blue; + +$govuk-border-width: 4px; +$govuk-border-width-wide: 8px; + +$govuk-font-family: system-ui, sans-serif; diff --git a/eleventy.config.js b/eleventy.config.js index 606b4d6..fee0f02 100644 --- a/eleventy.config.js +++ b/eleventy.config.js @@ -5,18 +5,32 @@ module.exports = function (eleventyConfig) { stylesheets: [ '/styles/application.css' ], + themeColour: '#005eb8', + icons: { + mask: 'mask-icon.svg', + shortcut: 'favicon.ico', + touch: 'apple-touch-icon.png' + }, + opengraphImageUrl: 'opengraph-image.png', headingPermalinks: true, header: { - logotype: false, + logotype: { + html: ``, + }, productName: 'Design history', search: { indexPath: '/search.json', sitemapPath: '/sitemap' } }, + footer: { + copyright: { + text: '© NHS England' + }, + }, url: process.env.GITHUB_ACTIONS && - 'https://x-govuk.github.io/govuk-design-history-template/' + 'https://x-govuk.github.io/nhsuk-design-history-template/' }) // Passthrough @@ -32,6 +46,6 @@ module.exports = function (eleventyConfig) { layouts: '_layouts', includes: '_components' }, - pathPrefix: process.env.GITHUB_ACTIONS && '/govuk-design-history-template/' + pathPrefix: process.env.GITHUB_ACTIONS && '/nhsuk-design-history-template/' } } diff --git a/package-lock.json b/package-lock.json index 56a2850..c3452f7 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,11 +1,11 @@ { - "name": "govuk-design-history", + "name": "nhsuk-design-history", "version": "2.0.0", "lockfileVersion": 3, "requires": true, "packages": { "": { - "name": "govuk-design-history", + "name": "nhsuk-design-history", "version": "2.0.0", "license": "MIT", "dependencies": { diff --git a/package.json b/package.json index f73f6fa..1c0f457 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { - "name": "govuk-design-history", + "name": "nhsuk-design-history", "version": "2.0.0", - "description": "A template for a place for documenting GOV.UK service designs", + "description": "A template for a place for documenting NHS.UK service designs", "keywords": [ "design-history", "government",