larva modules: `content-showcase`

Available Variants

prototype the-moth

Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot.

Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot. Over two days in January 1972, the Queen of Soul, Aretha Franklin — she was 29 at the time — sweeps into the New Temple Missionary Baptist Church in Watts in front of a congregation and testifies to God in song. The blessed thing took nearly half a century to come out because director Sydney Pollack failed to sync the image with the sound. Then digital angels stepped in, and glory, glory, hallelujah!

Article Kicker

Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot.

Article Kicker

Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot.

content-showcase README

This needs docs!
Create a README.md in the pattern's directory and add details about using this pattern in markdown.

content-showcase Twig The markup file.

<div class="content-showcase larva // {{ content_showcase_classes }}">
	<div class="content-showcase-items // {{ content_showcase_items_classes }}">
		{% for item in content_showcase_items %}
			{% include "@larva/objects/o-card/o-card.twig" with item %}
		{% endfor %}
	</div>
</div>

content-showcase JSON The data object for this pattern.

{
	"content_showcase_items_classes": "lrv-u-flex lrv-u-flex-direction-column@mobile-max lrv-u-padding-tb-1@desktop lrv-u-width-100p lrv-u-padding-lr-125@mobile-max",
	"content_showcase_items": [
		{
			"o_card_classes": "lrv-u-display-inline-flex lrv-u-flex-basis-100p@desktop-xl lrv-u-flex-basis-100p@desktop lrv-u-padding-tb-075@mobile-max",
			"o_card_tag_text": "",
			"o_card_link_url": "#",
			"o_card_link_classes": "lrv-u-flex",
			"o_card_image_wrap_classes": "lrv-u-flex-basis-40p@desktop lrv-u-flex-basis-40p@desktop-xl lrv-u-flex-basis-25p@mobile-max",
			"o_card_content_classes": "lrv-u-margin-l-1 lrv-u-color-brand-primary:hover lrv-u-flex-basis-60p@desktop lrv-u-flex-basis-60p@desktop-xl lrv-u-flex-basis-55p@mobile-max",
			"c_lazy_image": {
				"c_lazy_image_classes": "lrv-u-margin-l-auto lrv-u-width-100",
				"c_lazy_image_link_url": "",
				"c_lazy_image_link_classes": "lrv-a-unstyle-link",
				"c_lazy_image_crop_class": "lrv-a-crop-1x1",
				"c_lazy_image_crop_style_attr": false,
				"c_lazy_image_link_tab_index_attr": false,
				"c_lazy_image_alt_attr": "Lazy loaded image",
				"c_lazy_image_src_url": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg",
				"c_lazy_image_placeholder_url": "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==",
				"c_lazy_image_srcset_attr": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_m.jpg 240w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_n.jpg 320w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba.jpg 500w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg 640w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_b.jpg 1024w",
				"c_lazy_image_sizes_attr": "auto",
				"c_lazy_image_img_classes": "lrv-u-background-color-grey-lightest lrv-u-width-100p lrv-u-display-block lrv-u-height-auto",
				"c_lazy_image_height_attr": "",
				"c_lazy_image_width_attr": "",
				"c_lazy_image_in_initial_viewport": false,
				"c_lazy_image_decoding_attr": "async"
			},
			"c_svg": false,
			"c_span": false,
			"c_tagline": false,
			"c_title": {
				"c_title_classes": "lrv-u-font-weight-normal lrv-u-margin-tb-1",
				"c_title_tag_text": "",
				"c_title_id_attr": "title-of-a-story",
				"c_title_text": "Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot.",
				"c_title_markup": "",
				"c_title_link_classes": "lrv-a-unstyle-link lrv-u-color-brand-primary:hover",
				"c_title_url": ""
			},
			"c_timestamp": false,
			"o_author": false,
			"article_kicker": {
				"article_kicker_classes": "",
				"article_kicker_text": "Article Kicker",
				"article_kicker_url": "#",
				"article_kicker_link_classes": ""
			},
			"article_kicker_outer_classes": "lrv-u-padding-tb-1@desktop-xl",
			"c_dek": {
				"c_dek_classes": "",
				"c_dek_markup": "",
				"c_dek_text": "Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot. Over two days in January 1972, the Queen of Soul, Aretha Franklin — she was 29 at the time — sweeps into the New Temple Missionary Baptist Church in Watts in front of a congregation and testifies to God in song. The blessed thing took nearly half a century to come out because director Sydney Pollack failed to sync the image with the sound. Then digital angels stepped in, and glory, glory, hallelujah!"
			},
			"o_span_group": false
		},
		{
			"o_card_classes": "lrv-u-display-inline-flex lrv-u-flex-basis-100p@desktop-xl lrv-u-flex-basis-100p@desktop lrv-u-padding-tb-075@mobile-max",
			"o_card_tag_text": "",
			"o_card_link_url": "#",
			"o_card_link_classes": "lrv-u-flex",
			"o_card_image_wrap_classes": "lrv-u-flex-basis-40p@desktop lrv-u-flex-basis-40p@desktop-xl lrv-u-flex-basis-25p@mobile-max",
			"o_card_content_classes": "lrv-u-margin-l-1 lrv-u-color-brand-primary:hover lrv-u-flex-basis-60p@desktop lrv-u-flex-basis-60p@desktop-xl lrv-u-flex-basis-55p@mobile-max",
			"c_lazy_image": {
				"c_lazy_image_classes": "lrv-u-margin-l-auto lrv-u-width-100",
				"c_lazy_image_link_url": "",
				"c_lazy_image_link_classes": "lrv-a-unstyle-link",
				"c_lazy_image_crop_class": "lrv-a-crop-1x1",
				"c_lazy_image_crop_style_attr": false,
				"c_lazy_image_link_tab_index_attr": false,
				"c_lazy_image_alt_attr": "Lazy loaded image",
				"c_lazy_image_src_url": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg",
				"c_lazy_image_placeholder_url": "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==",
				"c_lazy_image_srcset_attr": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_m.jpg 240w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_n.jpg 320w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba.jpg 500w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg 640w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_b.jpg 1024w",
				"c_lazy_image_sizes_attr": "auto",
				"c_lazy_image_img_classes": "lrv-u-background-color-grey-lightest lrv-u-width-100p lrv-u-display-block lrv-u-height-auto",
				"c_lazy_image_height_attr": "",
				"c_lazy_image_width_attr": "",
				"c_lazy_image_in_initial_viewport": false,
				"c_lazy_image_decoding_attr": "async"
			},
			"c_svg": false,
			"c_span": false,
			"c_tagline": false,
			"c_title": {
				"c_title_classes": "lrv-u-font-weight-normal lrv-u-margin-tb-1",
				"c_title_tag_text": "",
				"c_title_id_attr": "title-of-a-story",
				"c_title_text": "Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot.",
				"c_title_markup": "",
				"c_title_link_classes": "lrv-a-unstyle-link lrv-u-color-brand-primary:hover",
				"c_title_url": ""
			},
			"c_timestamp": false,
			"o_author": false,
			"article_kicker": {
				"article_kicker_classes": "",
				"article_kicker_text": "Article Kicker",
				"article_kicker_url": "#",
				"article_kicker_link_classes": ""
			},
			"article_kicker_outer_classes": "lrv-u-padding-tb-1@desktop-xl",
			"c_dek": {
				"c_dek_classes": "",
				"c_dek_markup": "",
				"c_dek_text": "Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot. Over two days in January 1972, the Queen of Soul, Aretha Franklin — she was 29 at the time — sweeps into the New Temple Missionary Baptist Church in Watts in front of a congregation and testifies to God in song. The blessed thing took nearly half a century to come out because director Sydney Pollack failed to sync the image with the sound. Then digital angels stepped in, and glory, glory, hallelujah!"
			},
			"o_span_group": false
		},
		{
			"o_card_classes": "lrv-u-display-inline-flex lrv-u-flex-basis-100p@desktop-xl lrv-u-flex-basis-100p@desktop lrv-u-padding-tb-075@mobile-max",
			"o_card_tag_text": "",
			"o_card_link_url": "#",
			"o_card_link_classes": "lrv-u-flex",
			"o_card_image_wrap_classes": "lrv-u-flex-basis-40p@desktop lrv-u-flex-basis-40p@desktop-xl lrv-u-flex-basis-25p@mobile-max",
			"o_card_content_classes": "lrv-u-margin-l-1 lrv-u-color-brand-primary:hover lrv-u-flex-basis-60p@desktop lrv-u-flex-basis-60p@desktop-xl lrv-u-flex-basis-55p@mobile-max",
			"c_lazy_image": {
				"c_lazy_image_classes": "lrv-u-margin-l-auto lrv-u-width-100",
				"c_lazy_image_link_url": "",
				"c_lazy_image_link_classes": "lrv-a-unstyle-link",
				"c_lazy_image_crop_class": "lrv-a-crop-1x1",
				"c_lazy_image_crop_style_attr": false,
				"c_lazy_image_link_tab_index_attr": false,
				"c_lazy_image_alt_attr": "Lazy loaded image",
				"c_lazy_image_src_url": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg",
				"c_lazy_image_placeholder_url": "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==",
				"c_lazy_image_srcset_attr": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_m.jpg 240w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_n.jpg 320w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba.jpg 500w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg 640w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_b.jpg 1024w",
				"c_lazy_image_sizes_attr": "auto",
				"c_lazy_image_img_classes": "lrv-u-background-color-grey-lightest lrv-u-width-100p lrv-u-display-block lrv-u-height-auto",
				"c_lazy_image_height_attr": "",
				"c_lazy_image_width_attr": "",
				"c_lazy_image_in_initial_viewport": false,
				"c_lazy_image_decoding_attr": "async"
			},
			"c_svg": false,
			"c_span": false,
			"c_tagline": false,
			"c_title": {
				"c_title_classes": "lrv-u-font-weight-normal lrv-u-margin-tb-1",
				"c_title_tag_text": "",
				"c_title_id_attr": "title-of-a-story",
				"c_title_text": "Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot.",
				"c_title_markup": "",
				"c_title_link_classes": "lrv-a-unstyle-link lrv-u-color-brand-primary:hover",
				"c_title_url": ""
			},
			"c_timestamp": false,
			"o_author": false,
			"article_kicker": {
				"article_kicker_classes": "",
				"article_kicker_text": "Article Kicker",
				"article_kicker_url": "#",
				"article_kicker_link_classes": ""
			},
			"article_kicker_outer_classes": "lrv-u-padding-tb-1@desktop-xl",
			"c_dek": {
				"c_dek_classes": "",
				"c_dek_markup": "",
				"c_dek_text": "Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot. Over two days in January 1972, the Queen of Soul, Aretha Franklin — she was 29 at the time — sweeps into the New Temple Missionary Baptist Church in Watts in front of a congregation and testifies to God in song. The blessed thing took nearly half a century to come out because director Sydney Pollack failed to sync the image with the sound. Then digital angels stepped in, and glory, glory, hallelujah!"
			},
			"o_span_group": false
		}
	]
}