diff --git a/components/01-atoms/images/image/figure.yml b/components/01-atoms/images/image/figure.yml index 8c808b72..bc1546f7 100644 --- a/components/01-atoms/images/image/figure.yml +++ b/components/01-atoms/images/image/figure.yml @@ -1,5 +1,5 @@ output_image_tag: true image_url: '#' -image_src: 'https://placeimg.com/1200/200/tech' +image_src: 'https://picsum.photos/1200/200' image_alt: 'This is the alt text' image_caption: 'This is an image caption.' diff --git a/components/01-atoms/images/image/image.yml b/components/01-atoms/images/image/image.yml index 6cd49c85..c4d93313 100644 --- a/components/01-atoms/images/image/image.yml +++ b/components/01-atoms/images/image/image.yml @@ -1,5 +1,5 @@ output_image_tag: true -image_srcset: 'https://placeimg.com/320/180/any 320w, https://placeimg.com/480/270/any 480w, https://placeimg.com/640/360/any 640w, https://placeimg.com/800/450/any 800w, https://placeimg.com/960/540/any 960w, https://placeimg.com/1120/630/any 1120w, https://placeimg.com/1280/720/any 1280w, https://placeimg.com/1440/810/any 1440w, https://placeimg.com/1600/900/any 1600w, https://placeimg.com/1760/990/any 1760w, https://placeimg.com/1920/1080/any 1920w, https://placeimg.com/2080/1170/any 2080w, https://placeimg.com/2240/1260/any 2240w' +image_srcset: 'https://picsum.photos/id/57/320/180 320w, https://picsum.photos/id/57/480/270/ 480w, https://picsum.photos/id/57/640/360/ 640w, https://picsum.photos/id/57/800/450 800w, https://picsum.photos/id/57/960/540 960w, https://picsum.photos/id/57/1120/630 1120w, https://picsum.photos/id/57/1280/720 1280w, https://picsum.photos/id/57/1440/810 1440w, https://picsum.photos/id/57/1600/900 1600w, https://picsum.photos/id/57/1760/990 1760w, https://picsum.photos/id/57/1920/1080 1920w, https://picsum.photos/id/57/2080/1170 2080w, https://picsum.photos/id/57/2240/1260 2240w' image_sizes: '100vw' -image_src: 'https://placeimg.com/320/180/any' +image_src: 'https://picsum.photos/id/57/320/180' image_alt: 'A 16 by 9 image' diff --git a/components/02-molecules/card/card.yml b/components/02-molecules/card/card.yml index 02a5467e..978638bc 100644 --- a/components/02-molecules/card/card.yml +++ b/components/02-molecules/card/card.yml @@ -1,4 +1,4 @@ -card__image__src: 'https://placeimg.com/1280/720/nature' +card__image__src: 'https://picsum.photos/1280/720' card__image__alt: "This is the card image's alt text" card__image__output_image_tag: true card__heading: 'This is the card heading' diff --git a/components/02-molecules/text-with-media/text-with-media.yml b/components/02-molecules/text-with-media/text-with-media.yml index dfc48fcc..e727dfa0 100644 --- a/components/02-molecules/text-with-media/text-with-media.yml +++ b/components/02-molecules/text-with-media/text-with-media.yml @@ -1,7 +1,7 @@ text_with_media__content: 'Ellentesque in ipsum id orci porta dapibus. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a.' text_with_media__group: https://www.google.com/imgres?imgurl=https%3A%2F%2Fanimalcorner.org%2Fwp-content%2Fuploads%2F2015%2F02%2FStoat.png&imgrefurl=https%3A%2F%2Fanimalcorner.org%2Fanimals%2Fstoat%2F&tbnid=x2puNPfKlwrInM&vet=12ahUKEwjRzqeduu_5AhVQLDQIHddWCVIQMygIegUIARDxAQ..i&docid=-bcfCQn5hfNrtM&w=938&h=624&q=stoat&ved=2ahUKEwjRzqeduu_5AhVQLDQIHddWCVIQMygIegUIARDxAQ output_image_tag: true -image_srcset: 'https://placeimg.com/320/180/any 320w, https://placeimg.com/480/270/any 480w, https://placeimg.com/640/360/any 640w, https://placeimg.com/800/450/any 800w, https://placeimg.com/960/540/any 960w, https://placeimg.com/1120/630/any 1120w, https://placeimg.com/1280/720/any 1280w, https://placeimg.com/1440/810/any 1440w, https://placeimg.com/1600/900/any 1600w, https://placeimg.com/1760/990/any 1760w, https://placeimg.com/1920/1080/any 1920w, https://placeimg.com/2080/1170/any 2080w, https://placeimg.com/2240/1260/any 2240w' +image_srcset: 'https://picsum.photos/id/58/320/180 320w, https://picsum.photos/id/58/480/270 480w, https://picsum.photos/id/58/640/360 640w, https://picsum.photos/id/58/800/450 800w, https://picsum.photos/id/58/960/540 960w, https://picsum.photos/id/58/1120/630 1120w, https://picsum.photos/id/58/1280/720 1280w, https://picsum.photos/id/58/1440/810 1440w, https://picsum.photos/id/58/1600/900 1600w, https://picsum.photos/id/58/1760/990 1760w, https://picsum.photos/id/58/1920/1080 1920w, https://picsum.photos/id/58/2080/1170 2080w, https://picsum.photos/id/58/2240/1260 2240w' image_sizes: '100vw' -image_src: 'https://placeimg.com/320/180/any' +image_src: 'https://picsum.photos/id/58/320/180' image_alt: 'A 16 by 9 image' diff --git a/components/03-organisms/grid/grid-cards.yml b/components/03-organisms/grid/grid-cards.yml index f33417ca..0d62404f 100644 --- a/components/03-organisms/grid/grid-cards.yml +++ b/components/03-organisms/grid/grid-cards.yml @@ -2,7 +2,7 @@ grid_label: 'Card Grid' grid_type: 'card' item_type: 'card' items: - - card__image__src: 'https://placeimg.com/480/300/people' + - card__image__src: 'https://picsum.photos/480/300' card__image__alt: 'People' card__image__output_image_tag: true card__heading: 'Super Awesome Card' @@ -10,13 +10,13 @@ items: card__link__text: 'Click here' card__subheading: 'Person of Interest' card__body: 'Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Donec rutrum congue leo eget malesuada. Proin eget tortor risus. Sed porttitor lectus nibh. Nulla quis lorem ut libero malesuada feugiat. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Pellentesque in ipsum id orci porta dapibus. Nulla quis lorem ut libero malesuada feugiat. Nulla quis lorem ut libero malesuada feugiat.' - - card__image__src: 'https://placeimg.com/480/300/nature' + - card__image__src: 'https://picsum.photos/480/300' card__image__alt: 'Nature' card__image__output_image_tag: true card__heading: 'Card Number Two' card__subheading: 'Some pretty sweet nature' card__body: 'Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Donec rutrum congue leo eget malesuada. Proin eget tortor risus. Sed porttitor lectus nibh. Nulla quis lorem ut libero malesuada feugiat. Vivamus magna justo.' - - card__image__src: 'https://placeimg.com/480/300/animals' + - card__image__src: 'https://picsum.photos/480/300' card__image__alt: 'Animals' card__image__output_image_tag: true card__heading: 'The Last Card Heading' diff --git a/components/05-pages/content-types/article.twig b/components/05-pages/content-types/article.twig index c4215019..1708a257 100644 --- a/components/05-pages/content-types/article.twig +++ b/components/05-pages/content-types/article.twig @@ -13,7 +13,7 @@ item_type: 'card', items: { 1: { - card__image__src: "https://placeimg.com/480/300/people", + card__image__src: "https://picsum.photos/480/300", card__image__alt: "People", card__image__output_image_tag: true, card__heading: "Super Awesome Card", @@ -23,7 +23,7 @@ card__body: "Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Donec rutrum congue leo eget malesuada. Proin eget tortor risus. Sed porttitor lectus nibh. Nulla quis lorem ut libero malesuada feugiat. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Pellentesque in ipsum id orci porta dapibus. Nulla quis lorem ut libero malesuada feugiat. Nulla quis lorem ut libero malesuada feugiat." }, 2: { - card__image__src: "https://placeimg.com/480/300/nature", + card__image__src: "https://picsum.photos/480/300", card__image__alt: "Nature", card__image__output_image_tag: true, card__heading: "Card Number Two", @@ -31,7 +31,7 @@ card__body: "Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Donec rutrum congue leo eget malesuada. Proin eget tortor risus. Sed porttitor lectus nibh. Nulla quis lorem ut libero malesuada feugiat. Vivamus magna justo." }, 3: { - card__image__src: "https://placeimg.com/480/300/animals", + card__image__src: "https://picsum.photos/480/300", card__image__alt: "Animals", card__image__output_image_tag: true, card__heading: "The Last Card Heading", diff --git a/components/05-pages/landing-pages/home.twig b/components/05-pages/landing-pages/home.twig index 397999d6..4c712b7b 100644 --- a/components/05-pages/landing-pages/home.twig +++ b/components/05-pages/landing-pages/home.twig @@ -15,7 +15,7 @@ item_type: 'card', items: { 1: { - card__image__src: "https://placeimg.com/480/300/people", + card__image__src: "https://picsum.photos/480/300", card__image__alt: "People", card__image__output_image_tag: true, card__heading: "Super Awesome Card", @@ -25,7 +25,7 @@ card__body: "Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Donec rutrum congue leo eget malesuada. Proin eget tortor risus. Sed porttitor lectus nibh. Nulla quis lorem ut libero malesuada feugiat. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Pellentesque in ipsum id orci porta dapibus. Nulla quis lorem ut libero malesuada feugiat. Nulla quis lorem ut libero malesuada feugiat." }, 2: { - card__image__src: "https://placeimg.com/480/300/nature", + card__image__src: "https://picsum.photos/480/300", card__image__alt: "Nature", card__image__output_image_tag: true, card__heading: "Card Number Two", @@ -33,7 +33,7 @@ card__body: "Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Donec rutrum congue leo eget malesuada. Proin eget tortor risus. Sed porttitor lectus nibh. Nulla quis lorem ut libero malesuada feugiat. Vivamus magna justo." }, 3: { - card__image__src: "https://placeimg.com/480/300/animals", + card__image__src: "https://picsum.photos/480/300", card__image__alt: "Animals", card__image__output_image_tag: true, card__heading: "The Last Card Heading",