larva modules: video-slider

Available Variants

prototype
Thumbnail image

Heading

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!

Thumbnail image

Heading

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!

Thumbnail image

Heading

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!

video-slider README

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

video-slider Twig The markup file. 
<div class="video-slider {{video_slider_classes}}">
	{% for item in o_video_card_items %}
		<div class="js-Flickity-cell" data-video-showcase>
			<div class="video-sider__slide-inner {{video_slider_slide_inner_classes}}">
				{% include "@larva/objects/o-video-card/o-video-card.twig" with item %}
			</div>
		</div>
	{% endfor %}
</div>
video-slider JSON The data object for this pattern. 
{
	"video_slider_classes": "js-Flickity js-Flickity--100p",
	"video_slider_slide_inner_classes": "lrv-a-glue-parent",
	"o_video_card_items": [
		{
			"o_video_card_permalink_url": "#single_url",
			"o_video_card_alt_attr": "Thumbnail image",
			"o_video_card_image_url": "https://source.unsplash.com/random/595x333",
			"o_video_card_lazy_image_url": "https://source.unsplash.com/random/595x333",
			"o_video_card_caption_text": "Here is some caption text",
			"o_video_card_link_showcase_trigger_data_attr": "
",
			"o_video_card_link_showcase_type_data_attr": "oembed",
			"o_video_card_link_showcase_permalink_data_url": "#url_test",
			"modifier_class": "",
			"o_video_card_classes": "u-background-color-picked-bluewood u-margin-r-1@tablet lrv-u-justify-content-space-between",
			"o_video_card_crop_class": "lrv-a-crop-16x9 lrv-a-glue-parent c-play-badge-parent",
			"o_video_card_image_classes": "is-to-be-hidden lrv-u-display-block",
			"o_video_card_is_player": true,
			"c_label": "",
			"o_video_card_crop_data_attr": "",
			"o_video_card_meta_classes": "lrv-u-flex lrv-u-flex-direction-column lrv-u-width-100p u-padding-lr-075@mobile-max lrv-u-padding-tb-050 u-position-relative",
			"o_video_card_link_classes": "lrv-u-width-100p",
			"o_video_card_permalink_classes": "u-margin-r-050@mobile-max",
			"c_play_icon": {
				"c_play_badge_classes": "lrv-a-glue lrv-a-glue--b-0 u-transform-translate-a-n50p u-width-55 u-height-55 is-to-be-hidden",
				"c_play_badge_background_fill_classes": "lrv-u-background-color-transparent"
			},
			"c_title": {
				"c_heading_classes": "",
				"c_heading_id_attr": "section-heading",
				"c_heading_text": "Heading",
				"c_heading_url": "",
				"c_heading_link_classes": "",
				"c_heading_outer": false,
				"c_heading_outer_classes": "",
				"c_heading_is_primary_heading": false,
				"c_title_classes": "lrv-a-unstyle-inner-links lrv-a-font-primary-xxl"
			},
			"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_video_card_permalink_url": "#single_url",
			"o_video_card_alt_attr": "Thumbnail image",
			"o_video_card_image_url": "https://source.unsplash.com/random/595x333",
			"o_video_card_lazy_image_url": "https://source.unsplash.com/random/595x333",
			"o_video_card_caption_text": "Here is some caption text",
			"o_video_card_link_showcase_trigger_data_attr": "
",
			"o_video_card_link_showcase_type_data_attr": "oembed",
			"o_video_card_link_showcase_permalink_data_url": "#url_test",
			"modifier_class": "",
			"o_video_card_classes": "u-background-color-picked-bluewood u-margin-r-1@tablet lrv-u-justify-content-space-between",
			"o_video_card_crop_class": "lrv-a-crop-16x9 lrv-a-glue-parent c-play-badge-parent",
			"o_video_card_image_classes": "is-to-be-hidden lrv-u-display-block",
			"o_video_card_is_player": true,
			"c_label": "",
			"o_video_card_crop_data_attr": "",
			"o_video_card_meta_classes": "lrv-u-flex lrv-u-flex-direction-column lrv-u-width-100p u-padding-lr-075@mobile-max lrv-u-padding-tb-050 u-position-relative",
			"o_video_card_link_classes": "lrv-u-width-100p",
			"o_video_card_permalink_classes": "u-margin-r-050@mobile-max",
			"c_play_icon": {
				"c_play_badge_classes": "lrv-a-glue lrv-a-glue--b-0 u-transform-translate-a-n50p u-width-55 u-height-55 is-to-be-hidden",
				"c_play_badge_background_fill_classes": "lrv-u-background-color-transparent"
			},
			"c_title": {
				"c_heading_classes": "",
				"c_heading_id_attr": "section-heading",
				"c_heading_text": "Heading",
				"c_heading_url": "",
				"c_heading_link_classes": "",
				"c_heading_outer": false,
				"c_heading_outer_classes": "",
				"c_heading_is_primary_heading": false,
				"c_title_classes": "lrv-a-unstyle-inner-links lrv-a-font-primary-xxl"
			},
			"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_video_card_permalink_url": "#single_url",
			"o_video_card_alt_attr": "Thumbnail image",
			"o_video_card_image_url": "https://source.unsplash.com/random/595x333",
			"o_video_card_lazy_image_url": "https://source.unsplash.com/random/595x333",
			"o_video_card_caption_text": "Here is some caption text",
			"o_video_card_link_showcase_trigger_data_attr": "
",
			"o_video_card_link_showcase_type_data_attr": "oembed",
			"o_video_card_link_showcase_permalink_data_url": "#url_test",
			"modifier_class": "",
			"o_video_card_classes": "u-background-color-picked-bluewood u-margin-r-1@tablet lrv-u-justify-content-space-between",
			"o_video_card_crop_class": "lrv-a-crop-16x9 lrv-a-glue-parent c-play-badge-parent",
			"o_video_card_image_classes": "is-to-be-hidden lrv-u-display-block",
			"o_video_card_is_player": true,
			"c_label": "",
			"o_video_card_crop_data_attr": "",
			"o_video_card_meta_classes": "lrv-u-flex lrv-u-flex-direction-column lrv-u-width-100p u-padding-lr-075@mobile-max lrv-u-padding-tb-050 u-position-relative",
			"o_video_card_link_classes": "lrv-u-width-100p",
			"o_video_card_permalink_classes": "u-margin-r-050@mobile-max",
			"c_play_icon": {
				"c_play_badge_classes": "lrv-a-glue lrv-a-glue--b-0 u-transform-translate-a-n50p u-width-55 u-height-55 is-to-be-hidden",
				"c_play_badge_background_fill_classes": "lrv-u-background-color-transparent"
			},
			"c_title": {
				"c_heading_classes": "",
				"c_heading_id_attr": "section-heading",
				"c_heading_text": "Heading",
				"c_heading_url": "",
				"c_heading_link_classes": "",
				"c_heading_outer": false,
				"c_heading_outer_classes": "",
				"c_heading_is_primary_heading": false,
				"c_title_classes": "lrv-a-unstyle-inner-links lrv-a-font-primary-xxl"
			},
			"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!"
			}
		}
	]
}