From 9e87a78511859ed7ec0e87d64158c489032ce5a0 Mon Sep 17 00:00:00 2001 From: Andrew Hosgood Date: Tue, 10 Dec 2024 16:11:06 +0000 Subject: [PATCH] Update the test image of The National Archives building --- .../components/card/card.stories.js | 78 +++++++++---------- .../components/hero/hero.stories.js | 72 ++++++++--------- .../components/picture/picture.stories.js | 6 +- .../utilities/colour/colour-themes.stories.js | 24 +++--- 4 files changed, 90 insertions(+), 90 deletions(-) diff --git a/src/nationalarchives/components/card/card.stories.js b/src/nationalarchives/components/card/card.stories.js index a7769238..7253d3ee 100644 --- a/src/nationalarchives/components/card/card.stories.js +++ b/src/nationalarchives/components/card/card.stories.js @@ -132,10 +132,10 @@ Standard.args = { headingSize: "m", href: "#", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, label: "New", body: "

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.

", htmlElement: "article", @@ -148,10 +148,10 @@ Simple.args = { headingLevel: 3, headingSize: "m", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, body: "

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.

", htmlElement: "article", classes: "tna-card--demo", @@ -165,10 +165,10 @@ Meta.args = { headingSize: "m", href: "#", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, label: "New", labelColour: "green", meta: [ @@ -189,10 +189,10 @@ Contrast.args = { headingSize: "m", href: "#", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, label: "New", body: "

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.

", style: "contrast", @@ -208,10 +208,10 @@ Accent.args = { headingSize: "m", href: "#", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, label: "New", body: "

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.

", style: "accent", @@ -236,10 +236,10 @@ Actions.args = { headingLevel: 3, headingSize: "m", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, body: "

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.

", actions: [ { @@ -264,10 +264,10 @@ Horizontal.args = { headingLevel: 3, headingSize: "l", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, label: "New", body: "

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.

", horizontal: true, @@ -283,10 +283,10 @@ HorizontalContrast.args = { headingLevel: 3, headingSize: "l", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, label: "New", body: "

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.

", horizontal: true, @@ -303,10 +303,10 @@ HorizontalAccent.args = { headingLevel: 3, headingSize: "l", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, label: "New", body: "

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.

", horizontal: true, @@ -321,10 +321,10 @@ HorizontalMinimal.args = { headingLevel: 3, headingSize: "l", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, horizontal: true, htmlElement: "article", classes: "tna-card--demo", @@ -344,10 +344,10 @@ HorizontalMobile.args = { headingLevel: 3, headingSize: "l", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, horizontal: true, htmlElement: "article", classes: "tna-card--demo", @@ -367,10 +367,10 @@ HorizontalContrastMobile.args = { headingLevel: 3, headingSize: "l", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, horizontal: true, style: "contrast", htmlElement: "article", @@ -385,10 +385,10 @@ FullClick.args = { headingLevel: 3, headingSize: "m", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, label: "New", body: "

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.

", fullAreaClick: true, diff --git a/src/nationalarchives/components/hero/hero.stories.js b/src/nationalarchives/components/hero/hero.stories.js index 27071887..be9b0430 100644 --- a/src/nationalarchives/components/hero/hero.stories.js +++ b/src/nationalarchives/components/hero/hero.stories.js @@ -92,10 +92,10 @@ Standard.args = { title: "Title", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, imageCaption: "An interesting photo by a famous photographer ©2023", }; @@ -135,10 +135,10 @@ LargeContent.args = { title: "‘Not acceptable’: Gay Switchboard’s attempts to become a charity", body: `

Switchboard LGBT+ Helpline is one of the oldest telephone help services for lesbian, gay, bisexual, transgender and queer people in the UK. Despite high demand for its support, prejudice and laws meant Switchboard’s journey to register as a charity was not easy.

`, imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, imageCaption: "An interesting photo by a famous photographer ©2023", }; @@ -151,10 +151,10 @@ Accent.args = { title: "Title", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, imageCaption: "An interesting photo by a famous photographer ©2023", style: "accent", }; @@ -168,10 +168,10 @@ Contrast.args = { title: "Title", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, imageCaption: "An interesting photo by a famous photographer ©2023", style: "contrast", }; @@ -185,10 +185,10 @@ Tint.args = { title: "Title", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, imageCaption: "An interesting photo by a famous photographer ©2023", style: "tint", }; @@ -198,10 +198,10 @@ Shifted.args = { title: "Title", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, imageCaption: "An interesting photo by a famous photographer ©2023", style: "accent", layout: "shift", @@ -212,10 +212,10 @@ Split.args = { title: "Title", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, imageCaption: "An interesting photo by a famous photographer ©2023", style: "accent", layout: "split", @@ -226,10 +226,10 @@ Narrow.args = { title: "Title", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, imageCaption: "An interesting photo by a famous photographer ©2023", style: "accent", // layout: "split", @@ -242,10 +242,10 @@ Actions.args = { title: "Title", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, imageCaption: "An interesting photo by a famous photographer ©2023", actions: [ { @@ -274,10 +274,10 @@ CaptionWithNoHeading.parameters = { }; CaptionWithNoHeading.args = { imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, imageCaption: "An interesting photo by a famous photographer ©2023", }; @@ -289,10 +289,10 @@ Sources.args = { title: "Title", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, imageSources: [ { src: "https://www.gstatic.com/webp/gallery/2.webp", @@ -318,9 +318,9 @@ Mobile.args = { title: "Title", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, imageCaption: "An interesting photo by a famous photographer ©2023", }; diff --git a/src/nationalarchives/components/picture/picture.stories.js b/src/nationalarchives/components/picture/picture.stories.js index 63375d21..0d4ed236 100644 --- a/src/nationalarchives/components/picture/picture.stories.js +++ b/src/nationalarchives/components/picture/picture.stories.js @@ -57,10 +57,10 @@ const Template = ({ export const Standard = Template.bind({}); Standard.args = { - src: "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + src: "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", alt: "The National Archives office", - width: 499, - height: 333, + width: 600, + height: 400, caption: "

This is a pretty image

", informationItemHeadingLevel: 3, information: [ diff --git a/src/nationalarchives/utilities/colour/colour-themes.stories.js b/src/nationalarchives/utilities/colour/colour-themes.stories.js index b908c5d3..ca7ab153 100644 --- a/src/nationalarchives/utilities/colour/colour-themes.stories.js +++ b/src/nationalarchives/utilities/colour/colour-themes.stories.js @@ -51,10 +51,10 @@ const Template = ({ theme, accent }) => { headingSize: "s", href: "#", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, label: "New", body: "

Card body

", actions: [ @@ -188,10 +188,10 @@ const Template = ({ theme, accent }) => { title: "Title", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, imageCaption: "An interesting photo by a famous photographer ©2023", }, })} @@ -558,10 +558,10 @@ const Template = ({ theme, accent }) => { ${Hero({ params: { imageSrc: - "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", imageAlt: "The National Archives office", - imageWidth: 499, - imageHeight: 333, + imageWidth: 600, + imageHeight: 400, imageCaption: "An interesting photo by a famous photographer ©2023", }, })} @@ -661,10 +661,10 @@ const Template = ({ theme, accent }) => {
${Picture({ params: { - src: "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg", + src: "https://www.nationalarchives.gov.uk/wp-content/uploads/2024/12/tna-building-800px.jpg", alt: "The National Archives office", - width: 499, - height: 333, + width: 600, + height: 400, caption: "

This is a pretty image

", information: [ {