larva modules: vlanding-playlist

Available Variants

prototype

Behind the Lens

Link Sign Up
Lazy loaded image
Article Kicker

For Sahbabii, Recording His Debut Album Was Part of The Grieving Process

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!

By Author Name
Lazy loaded image
Article Kicker

For Sahbabii, Recording His Debut Album Was Part of The Grieving Process

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!

By Author Name
Lazy loaded image
Article Kicker

For Sahbabii, Recording His Debut Album Was Part of The Grieving Process

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!

By Author Name
Lazy loaded image
Article Kicker

For Sahbabii, Recording His Debut Album Was Part of The Grieving Process

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!

By Author Name
Lazy loaded image
Article Kicker

For Sahbabii, Recording His Debut Album Was Part of The Grieving Process

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!

By Author Name
vlanding-playlist README

There is nothing fancy about this module - it is as it appears: a large card on the left and a few smaller ones on the right, along with a header that supports a link to "view more" or similar. It is intended to be used with carousels to display curated playlists below the vlanding-video-showcase.

vlanding-playlist Twig The markup file. 
<section class="vlanding-playlist // lrv-u-padding-tb-2 lrv-u-padding-tb-1@mobile-max">
	{% if o_header %}
		<div class="lrv-a-wrapper">
			{% include "@larva/objects/o-header/o-header.twig" with o_header %}
		</div>
	{% endif %}

	<div class="lrv-a-wrapper lrv-a-scrollable-grid@desktop-max lrv-a-grid lrv-a-cols2@desktop">
		{% if vlanding_playlist_large_card %}
			{% include "@larva/objects/o-card/o-card.twig" with vlanding_playlist_large_card %}
		{% endif %}
		<div class="lrv-a-scrollable-grid__nested@desktop-max lrv-a-grid lrv-a-cols2@desktop">
			{% for item in vlanding_playlist_small_cards %}
				{% include "@larva/objects/o-card/o-card.twig" with item %}
			{% endfor %}
		</div>
	</div>
</section>
vlanding-playlist JSON The data object for this pattern. 
{
	"o_header": {
		"o_heading_classes": "lrv-u-flex lrv-u-align-items-center lrv-u-border-b-1 lrv-u-border-color-grey-light lrv-u-margin-b-1",
		"c_heading": {
			"c_heading_classes": "lrv-u-font-size-32",
			"c_heading_id_attr": "section-heading",
			"c_heading_text": "Behind the Lens",
			"c_heading_url": "",
			"c_heading_link_classes": "",
			"c_heading_outer": false,
			"c_heading_outer_classes": "",
			"c_heading_is_primary_heading": false
		},
		"c_button": {
			"c_button_classes": "lrv-u-font-size-12 lrv-u-text-transform-uppercase lrv-a-icon-after lrv-a-icon-arrow-right lrv-u-margin-l-auto lrv-u-font-weight-bold",
			"c_button_ga_tracking": {},
			"c_button_inner_classes": "",
			"c_button_rel_attr": "",
			"c_button_screen_reader_text": "Sign Up",
			"c_button_target_attr": "",
			"c_button_text": "Link",
			"c_button_type_attr": "submit",
			"c_button_url": "#"
		}
	},
	"vlanding_playlist_large_card": {
		"o_card_classes": "",
		"o_card_tag_text": "",
		"o_card_link_url": "#",
		"o_card_link_classes": "lrv-a-unstyle-link",
		"o_card_image_wrap_classes": "",
		"o_card_content_classes": "lrv-u-align-items-start lrv-u-flex lrv-u-flex-direction-column",
		"c_lazy_image": {
			"c_lazy_image_classes": "lrv-u-margin-b-050",
			"c_lazy_image_link_url": false,
			"c_lazy_image_link_classes": "lrv-a-unstyle-link",
			"c_lazy_image_crop_class": "lrv-a-crop-4x3",
			"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-size-20@desktop lrv-u-font-size-12",
			"c_title_tag_text": "",
			"c_title_id_attr": "title-of-a-story",
			"c_title_text": " For Sahbabii, Recording His Debut Album Was Part of The Grieving Process",
			"c_title_markup": "",
			"c_title_link_classes": "lrv-a-unstyle-link lrv-u-color-brand-primary:hover",
			"c_title_url": false
		},
		"c_timestamp": false,
		"o_author": {
			"o_author_classes": "lrv-u-text-transform-uppercase",
			"o_author_text": "By ",
			"c_span": {
				"modifier_class": "",
				"c_span_classes": "",
				"c_span_text": "Author Name",
				"c_span_url": "",
				"c_span_link_classes": "lrv-a-unstyle-link"
			},
			"c_timestamp": false,
			"c_tagline_author": false
		},
		"article_kicker": {
			"article_kicker_classes": "lrv-u-padding-b-050 lrv-u-border-b-1 lrv-u-text-transform-uppercase",
			"article_kicker_text": "Article Kicker",
			"article_kicker_url": "#",
			"article_kicker_link_classes": "lrv-a-unstyle-link"
		},
		"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!"
		}
	},
	"vlanding_playlist_small_cards": [
		{
			"o_card_classes": "",
			"o_card_tag_text": "",
			"o_card_link_url": "#",
			"o_card_link_classes": "lrv-a-unstyle-link",
			"o_card_image_wrap_classes": "",
			"o_card_content_classes": "lrv-u-align-items-start lrv-u-flex lrv-u-flex-direction-column",
			"c_lazy_image": {
				"c_lazy_image_classes": "lrv-u-margin-b-050",
				"c_lazy_image_link_url": false,
				"c_lazy_image_link_classes": "lrv-a-unstyle-link",
				"c_lazy_image_crop_class": "lrv-a-crop-4x3",
				"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-size-12",
				"c_title_tag_text": "",
				"c_title_id_attr": "title-of-a-story",
				"c_title_text": " For Sahbabii, Recording His Debut Album Was Part of The Grieving Process",
				"c_title_markup": "",
				"c_title_link_classes": "lrv-a-unstyle-link lrv-u-color-brand-primary:hover",
				"c_title_url": false
			},
			"c_timestamp": false,
			"o_author": {
				"o_author_classes": "lrv-u-text-transform-uppercase",
				"o_author_text": "By ",
				"c_span": {
					"modifier_class": "",
					"c_span_classes": "",
					"c_span_text": "Author Name",
					"c_span_url": "",
					"c_span_link_classes": "lrv-a-unstyle-link"
				},
				"c_timestamp": false,
				"c_tagline_author": false
			},
			"article_kicker": {
				"article_kicker_classes": "lrv-u-padding-b-050 lrv-u-border-b-1 lrv-u-text-transform-uppercase",
				"article_kicker_text": "Article Kicker",
				"article_kicker_url": "#",
				"article_kicker_link_classes": "lrv-a-unstyle-link"
			},
			"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_card_classes": "",
			"o_card_tag_text": "",
			"o_card_link_url": "#",
			"o_card_link_classes": "lrv-a-unstyle-link",
			"o_card_image_wrap_classes": "",
			"o_card_content_classes": "lrv-u-align-items-start lrv-u-flex lrv-u-flex-direction-column",
			"c_lazy_image": {
				"c_lazy_image_classes": "lrv-u-margin-b-050",
				"c_lazy_image_link_url": false,
				"c_lazy_image_link_classes": "lrv-a-unstyle-link",
				"c_lazy_image_crop_class": "lrv-a-crop-4x3",
				"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-size-12",
				"c_title_tag_text": "",
				"c_title_id_attr": "title-of-a-story",
				"c_title_text": " For Sahbabii, Recording His Debut Album Was Part of The Grieving Process",
				"c_title_markup": "",
				"c_title_link_classes": "lrv-a-unstyle-link lrv-u-color-brand-primary:hover",
				"c_title_url": false
			},
			"c_timestamp": false,
			"o_author": {
				"o_author_classes": "lrv-u-text-transform-uppercase",
				"o_author_text": "By ",
				"c_span": {
					"modifier_class": "",
					"c_span_classes": "",
					"c_span_text": "Author Name",
					"c_span_url": "",
					"c_span_link_classes": "lrv-a-unstyle-link"
				},
				"c_timestamp": false,
				"c_tagline_author": false
			},
			"article_kicker": {
				"article_kicker_classes": "lrv-u-padding-b-050 lrv-u-border-b-1 lrv-u-text-transform-uppercase",
				"article_kicker_text": "Article Kicker",
				"article_kicker_url": "#",
				"article_kicker_link_classes": "lrv-a-unstyle-link"
			},
			"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_card_classes": "",
			"o_card_tag_text": "",
			"o_card_link_url": "#",
			"o_card_link_classes": "lrv-a-unstyle-link",
			"o_card_image_wrap_classes": "",
			"o_card_content_classes": "lrv-u-align-items-start lrv-u-flex lrv-u-flex-direction-column",
			"c_lazy_image": {
				"c_lazy_image_classes": "lrv-u-margin-b-050",
				"c_lazy_image_link_url": false,
				"c_lazy_image_link_classes": "lrv-a-unstyle-link",
				"c_lazy_image_crop_class": "lrv-a-crop-4x3",
				"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-size-12",
				"c_title_tag_text": "",
				"c_title_id_attr": "title-of-a-story",
				"c_title_text": " For Sahbabii, Recording His Debut Album Was Part of The Grieving Process",
				"c_title_markup": "",
				"c_title_link_classes": "lrv-a-unstyle-link lrv-u-color-brand-primary:hover",
				"c_title_url": false
			},
			"c_timestamp": false,
			"o_author": {
				"o_author_classes": "lrv-u-text-transform-uppercase",
				"o_author_text": "By ",
				"c_span": {
					"modifier_class": "",
					"c_span_classes": "",
					"c_span_text": "Author Name",
					"c_span_url": "",
					"c_span_link_classes": "lrv-a-unstyle-link"
				},
				"c_timestamp": false,
				"c_tagline_author": false
			},
			"article_kicker": {
				"article_kicker_classes": "lrv-u-padding-b-050 lrv-u-border-b-1 lrv-u-text-transform-uppercase",
				"article_kicker_text": "Article Kicker",
				"article_kicker_url": "#",
				"article_kicker_link_classes": "lrv-a-unstyle-link"
			},
			"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_card_classes": "",
			"o_card_tag_text": "",
			"o_card_link_url": "#",
			"o_card_link_classes": "lrv-a-unstyle-link",
			"o_card_image_wrap_classes": "",
			"o_card_content_classes": "lrv-u-align-items-start lrv-u-flex lrv-u-flex-direction-column",
			"c_lazy_image": {
				"c_lazy_image_classes": "lrv-u-margin-b-050",
				"c_lazy_image_link_url": false,
				"c_lazy_image_link_classes": "lrv-a-unstyle-link",
				"c_lazy_image_crop_class": "lrv-a-crop-4x3",
				"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-size-12",
				"c_title_tag_text": "",
				"c_title_id_attr": "title-of-a-story",
				"c_title_text": " For Sahbabii, Recording His Debut Album Was Part of The Grieving Process",
				"c_title_markup": "",
				"c_title_link_classes": "lrv-a-unstyle-link lrv-u-color-brand-primary:hover",
				"c_title_url": false
			},
			"c_timestamp": false,
			"o_author": {
				"o_author_classes": "lrv-u-text-transform-uppercase",
				"o_author_text": "By ",
				"c_span": {
					"modifier_class": "",
					"c_span_classes": "",
					"c_span_text": "Author Name",
					"c_span_url": "",
					"c_span_link_classes": "lrv-a-unstyle-link"
				},
				"c_timestamp": false,
				"c_tagline_author": false
			},
			"article_kicker": {
				"article_kicker_classes": "lrv-u-padding-b-050 lrv-u-border-b-1 lrv-u-text-transform-uppercase",
				"article_kicker_text": "Article Kicker",
				"article_kicker_url": "#",
				"article_kicker_link_classes": "lrv-a-unstyle-link"
			},
			"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!"
			}
		}
	]
}