diff --git a/components/01-atoms/images/image/figure.yml b/components/01-atoms/images/image/figure.yml index 3796b099..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://loremflickr.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 cd6f9215..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://loremflickr.com/320/180 320w, https://loremflickr.com/480/270/ 480w, https://loremflickr.com/640/360/ 640w, https://loremflickr.com/800/450 800w, https://loremflickr.com/960/540 960w, https://loremflickr.com/1120/630 1120w, https://loremflickr.com/1280/720 1280w, https://loremflickr.com/1440/810 1440w, https://loremflickr.com/1600/900 1600w, https://loremflickr.com/1760/990 1760w, https://loremflickr.com/1920/1080 1920w, https://loremflickr.com/2080/1170 2080w, https://loremflickr.com/2240/1260 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://loremflickr.com/320/180' +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 0e9d296c..978638bc 100644 --- a/components/02-molecules/card/card.yml +++ b/components/02-molecules/card/card.yml @@ -1,4 +1,4 @@ -card__image__src: 'https://loremflickr.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 c4485e05..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://loremflickr.com/320/180 320w, https://loremflickr.com/480/270 480w, https://loremflickr.com/640/360 640w, https://loremflickr.com/800/450 800w, https://loremflickr.com/960/540 960w, https://loremflickr.com/1120/630 1120w, https://loremflickr.com/1280/720 1280w, https://loremflickr.com/1440/810 1440w, https://loremflickr.com/1600/900 1600w, https://loremflickr.com/1760/990 1760w, https://loremflickr.com/1920/1080 1920w, https://loremflickr.com/2080/1170 2080w, https://loremflickr.com/2240/1260 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://loremflickr.com/320/180' +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 813fd186..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://loremflickr.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://loremflickr.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://loremflickr.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 6c783306..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://loremflickr.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://loremflickr.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://loremflickr.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 b02ab614..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://loremflickr.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://loremflickr.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://loremflickr.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",