larva modules: profile-landing-header

Available Variants

prototype
Lazy loaded image

Overview

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!

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!
Update this text Sign Up
profile-landing-header README

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

profile-landing-header Twig The markup file. 
<div class="profile-landing-header // {{ profile_landing_header_classes }}">

	{% include "@larva/components/c-lazy-image/c-lazy-image.twig" with c_lazy_image %}

	{% include "@larva/modules/profile-body/profile-body.twig" with profile_body %}

	{% if c_button %}
		<div class="lrv-u-text-align-center lrv-u-margin-tb-2">
			{% include "@larva/components/c-button/c-button.twig" with c_button %}
		</div>
	{% endif %}
</div>
profile-landing-header JSON The data object for this pattern. 
{
	"profile_body": {
		"c_heading": {
			"c_heading_classes": "lrv-u-font-family-secondary lrv-u-font-size-40",
			"c_heading_id_attr": "section-heading",
			"c_heading_text": "Overview",
			"c_heading_url": "",
			"c_heading_link_classes": "",
			"c_heading_outer": false,
			"c_heading_outer_classes": "",
			"c_heading_is_primary_heading": false
		},
		"c_dek": {
			"c_dek_classes": "lrv-u-font-size-28 lrv-u-font-weight-light lrv-u-font-family-body lrv-u-margin-tb-1",
			"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!"
		},
		"profile_body_classes": "",
		"profile_body_content_classes": "lrv-u-font-size-18 lrv-u-margin-tb-050",
		"profile_body_content_markup": "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!"
	},
	"c_lazy_image": {
		"c_lazy_image_classes": "",
		"c_lazy_image_link_url": false,
		"c_lazy_image_link_classes": "lrv-a-unstyle-link",
		"c_lazy_image_crop_class": "a-crop-16x5",
		"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_button": {
		"c_button_classes": "lrv-a-unstyle-button lrv-u-cursor-pointer lrv-u-background-color-black lrv-u-color-white lrv-u-border-radius-5 lrv-u-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-2 lrv-u-display-inline-block",
		"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": "Update this text",
		"c_button_type_attr": "submit",
		"c_button_url": "#"
	}
}