Update the test image of The National Archives building

nationalarchives · Dec 10, 2024 · 9e87a78 · 9e87a78
1 parent 4c718ef
commit 9e87a78
Show file tree

Hide file tree

Showing 4 changed files with 90 additions and 90 deletions.
diff --git 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: "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.</p>",
   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: "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.</p>",
   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: "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.</p>",
   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: "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.</p>",
   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: "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.</p>",
   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: "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.</p>",
   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: "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.</p>",
   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: "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.</p>",
   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: "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.</p>",
   fullAreaClick: true,

diff --git 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: `<p class="tna-large-paragraph">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.</p>`,
   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
@@ -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: "<p>This is a pretty image</p>",
   informationItemHeadingLevel: 3,
   information: [