project modules: `featured-video`

Available Variants

event prototype

College Sports

Sign of the Times: MSU, Penn State and the ‘Man Cave’ Moral Dilemma

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!

Protest art hangs at Hong Kong International Airport. Courtesty Wong Ka Ying

featured-video README

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

featured-video Twig The markup file.

<div class="featured-video // {{ featured_video_classes }}" data-video-showcase>
	{% if o_video_card %}
		{% include "@larva/objects/o-video-card/o-video-card.twig" with o_video_card %}
	{% endif %}
	{% if c_figcaption %}
		{% include "@larva/components/c-figcaption/c-figcaption.twig" with c_figcaption %}
	{% endif %}	
</div>

featured-video JSON The data object for this pattern.

{
	"featured_video_classes": "",
	"o_video_card": {
		"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_dek_data_attr": "Dek test",
		"o_video_card_link_showcase_title_data_attr": "Title test",
		"o_video_card_link_showcase_permalink_data_url": "#url_test",
		"o_video_card_link_showcase_time_data_attr": "10:00",
		"modifier_class": "",
		"o_video_card_classes": "",
		"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 lrv-u-width-100p lrv-u-background-color-grey-lightest lrv-u-width-100p lrv-u-display-block lrv-u-height-auto",
		"o_video_card_is_player": true,
		"c_label": "",
		"o_video_card_crop_data_attr": "",
		"o_video_card_meta_classes": "",
		"o_video_card_link_classes": "lrv-u-width-100p ",
		"o_video_card_permalink_classes": "u-margin-r-050@mobile-max",
		"o_indicator": {
			"o_indicator_classes": "lrv-u-margin-b-025 u-margin-t-050@tablet",
			"c_span": {
				"modifier_class": "",
				"c_span_classes": "lrv-u-text-transform-uppercase u-font-size-13@mobile-max u-font-size-15 u-line-height-16 u-letter-spacing-009 lrv-u-font-family-primary lrv-u-font-weight-bold u-line-height-14@mobile-max",
				"c_span_text": "College Sports",
				"c_span_url": "",
				"c_span_link_classes": ""
			}
		},
		"c_play_icon": {
			"c_play_badge_classes": "lrv-a-glue lrv-a-glue--b-0 lrv-a-glue--l-0 lrv-u-margin-l-1 lrv-u-margin-b-1 u-transform-translate-a-n50p u-width-auto u-height-80 u-width-60@tablet u-height-60@tablet is-to-be-hidden u-overflow-visible lrv-u-width-50 lrv-u-width-35@mobile-max u-opacity-060"
		},
		"c_heading": {
			"c_heading_classes": "lrv-u-font-weight-normal lrv-u-font-family-primary u-line-height-30@mobile-max u-line-height-36@desktop lrv-u-font-size-24 u-font-size-30@desktop u-order-n1@mobile-max lrv-u-font-weight-bold lrv-u-cursor-pointer",
			"c_heading_id_attr": "section-heading",
			"c_heading_text": "Sign of the Times: MSU, Penn State and the ‘Man Cave’ Moral Dilemma",
			"c_heading_url": "#single-url",
			"c_heading_link_classes": "lrv-u-display-block js-VideoShowcasePlayerHeading lrv-u-color-black",
			"c_heading_outer": false,
			"c_heading_outer_classes": "",
			"c_heading_is_primary_heading": false
		},
		"c_span": {
			"modifier_class": "",
			"c_span_classes": "u-font-family-basic lrv-u-font-size-14 u-color-brand-secondary-60 js-VideoShowcasePlayerTime lrv-u-padding-t-050",
			"c_span_text": "",
			"c_span_url": "",
			"c_span_link_classes": ""
		},
		"c_dek": {
			"c_dek_classes": "lrv-u-display-none js-VideoShowcasePlayerDek",
			"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_article_byline": {
			"o_article_byline_classes": "lrv-u-flex-wrap-wrap a-font-primary-medium-s lrv-a-unstyle-list lrv-u-flex lrv-a-space-children--050 lrv-u-line-height-copy u-color-grey-45",
			"c_tagline": {
				"c_tagline_classes": "lrv-u-margin-l-025",
				"c_tagline_text": false,
				"c_tagline_markup": "Scott Soshnick"
			},
			"c_link": false,
			"c_timestamp": false
		},
		"o_category_link": []
	},
	"c_figcaption": {
		"c_figcaption_classes": "lrv-u-font-size-12 lrv-u-padding-tb-075",
		"c_figcaption_caption_markup": "Protest art hangs at Hong Kong International Airport.",
		"c_figcaption_caption_classes": " lrv-u-font-size-16 lrv-u-font-size-14@mobile-max lrv-a-font-body-m u-font-style-italic lrv-u-color-grey-dark",
		"c_figcaption_credit_text": "Courtesty Wong Ka Ying",
		"c_figcaption_credit_text_markup": "",
		"c_figcaption_credit_classes": "lrv-u-text-transform-uppercase lrv-u-color-grey lrv-u-font-size-10 a-font-basic-s lrv-u-margin-l-025",
		"c_figcaption_inner": false,
		"c_figcaption_inner_classes": ""
	}
}