generator-mc-d8-theme/generators/app/templates/_src/styleguide/data/listitems.json

Yeoman generator for creating Drupal 8 component based themes.

{
  "1": {
    "title": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
    "img": {
      "avatar": {
        "src": "https://placeimg.com/100/100/people",
        "alt": "Avatar"
      },
      "square": {
        "src": "https://placeimg.com/300/300/nature",
        "alt": "Square"
      },
      "rectangle": {
        "src": "https://placeimg.com/400/300/tech",
        "alt": "Rectangle"
      },
      "landscape-4x3": {
        "src": "https://placeimg.com/400/300/tech",
        "alt": "4x3 Image"
      },
      "landscape-16x9": {
        "src": "https://placeimg.com/640/360/tech",
        "alt": "16x9 Image"
      }
    },
    "description": "Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam vitae turpis sem. Fusce a sollicitudin urna, nec tristique enim. Curabitur mattis consequat egestas..",
    "url": "https://lipsum.com/"
  },
  "2": {
    "title": "Nunc tristique eros sem, vel consectetur elit lacinia gravida",
    "img": {
      "avatar": {
        "src": "https://placeimg.com/100/100/nature",
        "alt": "Avatar"
      },
      "square": {
        "src": "https://placeimg.com/300/300/tech",
        "alt": "Square"
      },
      "rectangle": {
        "src": "https://placeimg.com/400/300/people",
        "alt": "Rectangle"
      },
      "landscape-4x3": {
        "src": "https://placeimg.com/400/300/people",
        "alt": "4x3 Image"
      },
      "landscape-16x9": {
        "src": "https://placeimg.com/640/360/people",
        "alt": "16x9 Image"
      }
    },
    "description": "Ut condimentum ultricies dui, at commodo eros ultricies ac. Aenean libero quam, dignissim eu mattis nec, auctor sed magna. Integer ornare commodo diam, ac finibus est fringilla at. Mauris eget aliquam leo. Proin mauris ipsum, commodo et dignissim porttitor, tincidunt vitae velit. Mauris eget tempus ipsum, id finibus massa. ",
    "url": "https://lipsum.com"
  },
  "3": {
    "title": "Praesent nunc felis, laoreet id viverra a, tempor non mauris",
    "img": {
      "avatar": {
        "src": "https://placeimg.com/100/100/tech",
        "alt": "Avatar"
      },
      "square": {
        "src": "https://placeimg.com/300/300/people",
        "alt": "Square"
      },
      "rectangle": {
        "src": "https://placeimg.com/400/300/nature",
        "alt": "Rectangle"
      },
      "landscape-4x3": {
        "src": "https://placeimg.com/400/300/nature",
        "alt": "4x3 Image"
      },
      "landscape-16x9": {
        "src": "https://placeimg.com/640/360/nature",
        "alt": "16x9 Image"
      }
    },
    "description": "Morbi vestibulum, odio id lobortis sagittis, felis neque pellentesque justo, facilisis viverra orci massa et est. Sed ut scelerisque magna. Etiam fermentum interdum risus molestie imperdiet. Ut rutrum aliquam massa id pretium.",
    "url": "https://lipsum.com/"
  },
  "4": {
    "title": "Vivamus porta sed odio at tincidunt",
    "img": {
      "avatar": {
        "src": "https://placeimg.com/100/100/animals",
        "alt": "Avatar"
      },
      "square": {
        "src": "https://placeimg.com/300/300/arch",
        "alt": "Square"
      },
      "rectangle": {
        "src": "https://placeimg.com/400/300/people/grayscale",
        "alt": "Rectangle"
      },
      "landscape-4x3": {
        "src": "https://placeimg.com/400/300/people/greyscale",
        "alt": "4x3 Image"
      },
      "landscape-16x9": {
        "src": "https://placeimg.com/640/360/people/greyscale",
        "alt": "16x9 Image"
      }
    },
    "description": "Donec eleifend magna iaculis, fermentum elit sed, imperdiet risus. Curabitur semper dolor pulvinar arcu facilisis facilisis. Nullam a dapibus massa.",
    "url": "https://lipsum.com"
  },
  "5": {
    "title": "Mauris enim dui, porttitor id blandit a, porta a tellus",
    "img": {
      "avatar": {
        "src": "https://placeimg.com/100/100/people/grayscale",
        "alt": "Avatar"
      },
      "square": {
        "src": "https://placeimg.com/300/300/animals",
        "alt": "Square"
      },
      "rectangle": {
        "src": "https://placeimg.com/400/300/arch",
        "alt": "Rectangle"
      },
      "landscape-4x3": {
        "src": "https://placeimg.com/400/300/arch",
        "alt": "4x3 Image"
      },
      "landscape-16x9": {
        "src": "https://placeimg.com/640/360/arch",
        "alt": "16x9 Image"
      }
    },
    "description": "Aenean diam ante, porta nec placerat sed, cursus id enim. Sed vehicula tellus ut lacus rutrum, ut venenatis risus placerat. Donec viverra ipsum ut vehicula pulvinar. Nunc viverra cursus euismod.",
    "url": "https://lipsum.com"
  },
  "6": {
    "title": "Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae",
    "img": {
      "avatar": {
        "src": "https://placeimg.com/100/100/arch",
        "alt": "Avatar"
      },
      "square": {
        "src": "https://placeimg.com/300/300/animals",
        "alt": "Square"
      },
      "rectangle": {
        "src": "https://placeimg.com/400/300/people/grayscale",
        "alt": "Rectangle"
      },
      "landscape-4x3": {
        "src": "https://placeimg.com/400/300/people/grayscale",
        "alt": "4x3 Image"
      },
      "landscape-16x9": {
        "src": "https://placeimg.com/640/360/people/grayscale",
        "alt": "16x9 Image"
      }
    },
    "description": "Pellentesque a dui scelerisque, dignissim orci et, euismod sapien. Vivamus eu pretium urna. Mauris lacinia tortor ut aliquam facilisis. Phasellus hendrerit tellus et purus blandit, eu ornare ex auctor. Aliquam erat volutpat. Sed ligula lorem, malesuada scelerisque sollicitudin non, cursus non nulla. Sed suscipit magna nec risus rutrum, id bibendum ligula gravida.",
    "url": "https://lipsum.com"
  }
}