Skip to content

Commit

Permalink
Reduce all example image sizes
Browse files Browse the repository at this point in the history
  • Loading branch information
ahosgood committed Oct 5, 2023
1 parent 100048c commit 1332a4f
Show file tree
Hide file tree
Showing 4 changed files with 32 additions and 30 deletions.
36 changes: 18 additions & 18 deletions src/nationalarchives/components/card/card.stories.js
Original file line number Diff line number Diff line change
Expand Up @@ -94,8 +94,8 @@ Standard.args = {
imageSrc:
"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
imageAlt: "The National Archives office",
imageWidth: 1996,
imageHeight: 1331,
imageWidth: 499,
imageHeight: 333,
label: "New",
body: "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.</p>",
htmlElement: "article",
Expand All @@ -110,8 +110,8 @@ Simple.args = {
imageSrc:
"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
imageAlt: "The National Archives office",
imageWidth: 1996,
imageHeight: 1331,
imageWidth: 499,
imageHeight: 333,
body: "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.</p>",
htmlElement: "article",
classes: "tna-card--demo",
Expand All @@ -127,8 +127,8 @@ Meta.args = {
imageSrc:
"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
imageAlt: "The National Archives office",
imageWidth: 1996,
imageHeight: 1331,
imageWidth: 499,
imageHeight: 333,
label: "New",
meta: [
{ text: "24th September 2023", icon: "calendar" },
Expand All @@ -150,8 +150,8 @@ Boxed.args = {
imageSrc:
"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
imageAlt: "The National Archives office",
imageWidth: 1996,
imageHeight: 1331,
imageWidth: 499,
imageHeight: 333,
label: "New",
body: "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.</p>",
style: "boxed",
Expand All @@ -169,8 +169,8 @@ Accent.args = {
imageSrc:
"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
imageAlt: "The National Archives office",
imageWidth: 1996,
imageHeight: 1331,
imageWidth: 499,
imageHeight: 333,
label: "New",
body: "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.</p>",
style: "accent",
Expand All @@ -187,8 +187,8 @@ Horizontal.args = {
imageSrc:
"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
imageAlt: "The National Archives office",
imageWidth: 1996,
imageHeight: 1331,
imageWidth: 499,
imageHeight: 333,
label: "New",
body: "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.</p>",
actions: [
Expand All @@ -213,8 +213,8 @@ HorizontalBoxed.args = {
imageSrc:
"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
imageAlt: "The National Archives office",
imageWidth: 1996,
imageHeight: 1331,
imageWidth: 499,
imageHeight: 333,
label: "New",
body: "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.</p>",
actions: [
Expand All @@ -240,8 +240,8 @@ HorizontalAccent.args = {
imageSrc:
"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
imageAlt: "The National Archives office",
imageWidth: 1996,
imageHeight: 1331,
imageWidth: 499,
imageHeight: 333,
label: "New",
body: "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.</p>",
actions: [
Expand Down Expand Up @@ -350,8 +350,8 @@ Grid.args = {
imageSrc:
"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
imageAlt: "The National Archives office",
imageWidth: 1996,
imageHeight: 1331,
imageWidth: 499,
imageHeight: 333,
body: "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tincidunt velit, a molestie turpis.</p>",
htmlElement: "article",
classes: "tna-card--demo",
Expand Down
8 changes: 4 additions & 4 deletions src/nationalarchives/components/hero/hero.stories.js
Original file line number Diff line number Diff line change
Expand Up @@ -42,8 +42,8 @@ Standard.args = {
image: {
src: "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
alt: "The National Archives office",
width: 1996,
height: 1331,
width: 499,
height: 333,
information: "An interesting photo by a famous photographer ©2023",
},
classes: "tna-hero--demo",
Expand Down Expand Up @@ -84,8 +84,8 @@ TitleOnly.args = {
image: {
src: "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
alt: "The National Archives office",
width: 1996,
height: 1331,
width: 499,
height: 333,
},
classes: "tna-hero--demo",
};
4 changes: 2 additions & 2 deletions src/nationalarchives/components/picture/picture.stories.js
Original file line number Diff line number Diff line change
Expand Up @@ -53,8 +53,8 @@ export const Standard = Template.bind({});
Standard.args = {
src: "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
alt: "The National Archives office",
width: 1996,
height: 1331,
width: 499,
height: 333,
caption: "<p>This is a pretty image</p>",
transcript: "<p>Lorem ipsum transcript</p>",
translation: "<p>Lorem ipsum translation</p>",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -46,8 +46,8 @@ const Template = ({ theme, accent }) => {
imageSrc:
"https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
imageAlt: "The National Archives office",
imageWidth: 1996,
imageHeight: 1331,
imageWidth: 499,
imageHeight: 333,
label: "New",
body: "<p>Card body</p>",
actions: [
Expand Down Expand Up @@ -157,11 +157,13 @@ const Template = ({ theme, accent }) => {
${Hero({
params: {
heading: "Title",
body: "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>",
image: {
src: "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
alt: "The National Archives office",
width: 1996,
height: 1331,
width: 499,
height: 333,
information: "An interesting photo by a famous photographer ©2023",
},
classes: "tna-hero--demo",
},
Expand Down Expand Up @@ -487,8 +489,8 @@ const Template = ({ theme, accent }) => {
params: {
src: "https://www.nationalarchives.gov.uk/wp-content/uploads/sites/24/2023/07/tna-building-compress.jpg",
alt: "The National Archives office",
width: 1996,
height: 1331,
width: 499,
height: 333,
caption: "<p>This is a pretty image</p>",
transcript: "<p>Lorem ipsum transcript</p>",
translation: "<p>Lorem ipsum translation</p>",
Expand Down

0 comments on commit 1332a4f

Please sign in to comment.