@penskemediacorp/larva-patterns 1.9.0-alpha.0 → 1.10.0

package/modules/newsletter/newsletter.prototype.js

@@ -0,0 +1,46 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const c_title_prototype = require( '../../components/c-title/c-title.prototype' );
+const c_title = clonedeep( c_title_prototype );
+
+const c_logo_prototype = require( '../../components/c-logo/c-logo.prototype' );
+const c_logo = clonedeep( c_logo_prototype );
+
+const o_email_capture_form_prototype = require( '../../objects/o-email-capture-form/o-email-capture-form.prototype' );
+const o_email_capture_form = clonedeep( o_email_capture_form_prototype );
+
+const c_tagline_prototype = require( '../../components/c-tagline/c-tagline.prototype' );
+const c_tagline = clonedeep( c_tagline_prototype );
+
+const c_tagline_terms = clonedeep( c_tagline_prototype );
+
+c_tagline.c_tagline_classes = 'lrv-u-margin-t-1 lrv-u-margin-b-00 lrv-u-text-align-center lrv-u-font-size-20 lrv-u-line-height-small lrv-u-margin-b-2';
+c_tagline.c_tagline_text = 'Sign Up for our Newsletters';
+
+c_logo.c_logo_classes = 'lrv-a-unstyle-link lrv-u-display-contents lrv-u-width-100p lrv-u-color-black';
+
+o_email_capture_form.c_email_field.c_email_field_input_placeholder_attr = 'Email';
+o_email_capture_form.c_email_field.c_email_field_input_classes += ' lrv-u-border-a-0 lrv-u-font-size-14 lrv-u-width-100p lrv-u-margin-b-1 lrv-u-padding-lr-1 lrv-u-padding-tb-050 lrv-u-border-radius-5';
+o_email_capture_form.c_email_field.c_email_field_input_id_attr = 'EmailAddress';
+o_email_capture_form.c_email_field.c_email_field_input_name_attr = 'EmailAddress';
+o_email_capture_form.c_button.c_button_text = 'Subscribe Today';
+o_email_capture_form.c_button.c_button_classes += ' lrv-u-background-color-black lrv-u-color-white lrv-u-border-radius-5 lrv-u-width-100p lrv-u-text-align-center lrv-u-padding-a-050 lrv-u-font-weight-bold';
+o_email_capture_form.c_email_field.c_email_field_label_classes = 'lrv-a-screen-reader-only';
+o_email_capture_form.c_email_field.c_email_field_label_text = 'Email Address';
+
+c_tagline_terms.c_tagline_classes = 'lrv-u-margin-t-1';
+c_tagline_terms.c_tagline_text = false;
+c_tagline_terms.c_tagline_markup = 'By subscribing, I agree to the <a href="#">Terms of Use</a> and <a href="#">Privacy Policy</a>.';
+
+module.exports = {
+	newsletter_classes: 'lrv-u-padding-tb-2 lrv-u-padding-lr-2 lrv-u-flex lrv-u-flex-direction-column lrv-u-align-items-center',
+	newsletter_typography_class: '',
+	newsletter_text_align_class: '',
+	newsletter_color_class: '',
+	newsletter_background_color_class: '',
+	c_title: c_title,
+	c_logo: c_logo,
+	c_tagline: c_tagline,
+	o_email_capture_form: o_email_capture_form,
+	c_tagline_terms: c_tagline_terms,
+};

package/modules/newsletter/newsletter.twig

@@ -0,0 +1,21 @@
+<div class="newsletter // {{ newsletter_classes }} {{ newsletter_typography_class }} {{ newsletter_text_align_class }} {{ newsletter_color_class }} {{ newsletter_background_color_class }}">
+	{% if c_title %}
+		{% include "@larva/components/c-title/c-title.twig" with c_title %}
+	{% endif %}
+
+	{% if c_logo %}
+		{% include "@larva/components/c-logo/c-logo.twig" with c_logo %}
+	{% endif %}
+
+	{% if c_tagline %}
+		{% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline %}
+	{% endif %}
+
+	{% if o_email_capture_form %}
+		{% include "@larva/objects/o-email-capture-form/o-email-capture-form.twig" with o_email_capture_form %}
+	{% endif %}
+
+	{% if c_tagline_terms %}
+		{% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline_terms %}
+	{% endif %}
+</div>

package/modules/newsletter-cta/newsletter-cta.prototype.js

@@ -0,0 +1,21 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const c_heading = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-heading/c-heading.prototype' ) );
+const c_tagline = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-tagline/c-tagline.prototype' ) );
+const c_button = clonedeep( require( '@penskemediacorp/larva-patterns/components/c-button/c-button.brand-basic' ) );
+
+c_heading.c_heading_text = 'Newsletters';
+c_heading.c_heading_classes = 'lrv-u-text-transform-uppercase';
+c_tagline.c_tagline_text = 'Sign up for news straight to your inbox every day';
+c_tagline.c_tagline_classes = 'lrv-u-margin-a-00 lrv-u-margin-b-150@mobile-max';
+c_button.c_button_text = 'Subscribe';
+c_button.c_button_url = '#';
+c_button.c_button_target_attr = '_blank';
+c_button.c_button_classes += ' lrv-a-unstyle-link lrv-u-color-white:hover lrv-u-background-color-black:hover lrv-a-hover-effect';
+
+module.exports = {
+	newsletter_cta_classes: 'lrv-u-margin-tb-125 lrv-u-margin-tb-150@desktop-xl lrv-u-padding-tb-2 lrv-u-flex lrv-u-justify-content-space-between lrv-u-border-t-1 lrv-u-border-b-1 lrv-u-align-items-center lrv-u-flex-direction-column@mobile-max lrv-u-padding-a-2@mobile-max',
+	c_heading,
+	c_tagline,
+	c_button,
+};

package/modules/newsletter-cta/newsletter-cta.twig

@@ -0,0 +1,22 @@
+<div class="newsletter-cta">
+	<div class="{{ newsletter_cta_classes }}">
+		<div class="lrv-u-text-align-center@mobile-max">
+			{% if c_logo %}
+				{% include "@larva/components/c-logo/c-logo.twig" with c_logo %}
+			{% endif %}
+
+			{% if c_heading %}
+				{% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
+			{% endif %}
+
+			{% if c_tagline %}
+				{% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline %}
+			{% endif %}
+
+		</div>
+
+		{% if c_button %}
+			{% include "@larva/components/c-button/c-button.twig" with c_button %}
+		{% endif %}
+	</div>
+</div>

package/modules/newswire/newswire.prototype.js

@@ -0,0 +1,46 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const o_card_prototype = require( '../../objects/o-card/o-card.prototype' );
+const c_span_prototype = require( '../../components/c-span/c-span.prototype' );
+const c_timestamp_prototype = require( '../../components/c-timestamp/c-timestamp.prototype' );
+const c_heading_prototype = require( '../../components/c-heading/c-heading.prototype' );
+const c_title_prototype = require( '../../components/c-title/c-title.prototype' );
+const c_svg_prototype = require( '../../components/c-svg/c-svg.prototype' );
+
+const o_card = clonedeep( o_card_prototype );
+const c_span = clonedeep( c_span_prototype );
+const c_timestamp = clonedeep( c_timestamp_prototype );
+const c_heading = clonedeep( c_heading_prototype );
+const c_title = clonedeep( c_title_prototype );
+const c_svg = clonedeep( c_svg_prototype );
+
+c_heading.c_heading_text = 'Newswire';
+c_heading.c_heading_classes = 'lrv-u-font-family-primary lrv-u-font-size-32 lrv-u-margin-b-050';
+
+c_span.c_span_classes += ' lrv-u-display-block lrv-u-font-size-14 lrv-u-margin-tb-050 lrv-u-display-block';
+
+c_timestamp.c_timestamp_classes = 'lrv-u-font-size-12 lrv-u-color-grey lrv-u-margin-t-auto@desktop';
+
+c_title.c_title_text = 'Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi expedita pariatur sint eveniet.';
+c_title.c_title_classes += ' lrv-u-font-size-12 lrv-u-font-size-14@desktop lrv-u-font-weight-normal lrv-u-margin-b-050';
+c_title.c_title_url = false;
+
+o_card.o_card_classes = 'lrv-u-flex lrv-u-flex-direction-column';
+o_card.o_card_link_url = '#';
+o_card.o_card_link_classes = 'lrv-a-unstyle-link lrv-u-display-block';
+o_card.o_card_image_wrap_classes = '';
+o_card.c_lazy_image.c_lazy_image_classes += ' lrv-a-hover-effect lrv-a-hover-effect--fade';
+o_card.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-4x3';
+o_card.c_span = c_span;
+o_card.c_title = c_title;
+o_card.c_timestamp = c_timestamp;
+o_card.c_svg = c_svg;
+
+module.exports = {
+	newswire_classes: 'lrv-a-wrapper lrv-u-padding-b-2',
+	newswire_list_classes: 'lrv-a-unstyle-list js-Flickity js-Flickity--fourths js-Flickity--isContained js-Flickity--nav-top-right js-Flickity--bordered-buttons js-Flickity--isFreeScrol js-Flickity--newswire lrv-u-padding-l-00',
+	newswire_list_item_classes: 'js-Flickity-cell lrv-u-margin-r-150',
+	c_heading: c_heading,
+	newswire_aria_labelledby_attr: c_heading.c_heading_id_attr,
+	newswire_items: [ o_card, o_card, o_card, o_card, o_card ]
+};

package/modules/newswire/newswire.twig

@@ -0,0 +1,16 @@
+<section class="newswire // {{ newswire_classes }}">
+	{% if c_heading %}
+		{% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
+	{% endif %}
+	<ul class="{{ newswire_list_classes }}"
+		{% if newswire_aria_labelledby_attr %}
+			aria-labelledby="{{ newswire_aria_labelledby_attr }}"
+		{% endif %}
+	>
+		{% for item in newswire_items %}
+			<li class="{{ newswire_list_item_classes }}">
+				{% include "@larva/objects/o-card/o-card.twig" with item %}
+			</li>
+		{% endfor %}
+	</ul>
+</section>

package/modules/page-404/page-404.prototype.js

@@ -0,0 +1,44 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const c_heading_prototype = require( '@penskemediacorp/larva-patterns/components/c-heading/c-heading.prototype' );
+const c_heading = clonedeep( c_heading_prototype );
+
+const c_svg_prototype = require( '../../components/c-svg/c-svg.prototype.js' );
+const c_svg = clonedeep( c_svg_prototype );
+
+const c_title_prototype = require( '@penskemediacorp/larva-patterns/components/c-title/c-title.prototype' );
+const c_title = clonedeep( c_title_prototype );
+
+const c_button_prototype = require( '@penskemediacorp/larva-patterns/components/c-button/c-button.prototype' );
+const c_button_home = clonedeep( c_button_prototype );
+const c_button_search = clonedeep( c_button_prototype );
+
+c_heading.c_heading_text = '404';
+c_heading.c_heading_classes = 'lrv-a-screen-reader-only';
+c_heading.c_heading_is_primary_heading = true;
+
+c_svg.c_svg_name = 'logo-404';
+c_svg.c_svg_classes = 'lrv-u-max-width-100p';
+
+c_title.c_title_text = 'OOPS! Something went wrong here!';
+c_title.c_title_classes = 'lrv-a-font-secondary-l lrv-u-text-transform-uppercase lrv-u-margin-b-125';
+c_title.c_title_url = false;
+
+c_button_home.c_button_text = 'Back To Homepage';
+c_button_home.c_button_url = '/';
+c_button_home.c_button_classes += ' lrv-u-background-color-black lrv-u-margin-lr-075 lrv-u-text-transform-uppercase lrv-u-font-weight-bold u-background-color-brand-primary-dark:hover lrv-u-color-white lrv-u-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-1';
+
+c_button_search.c_button_text = 'Head To Search';
+c_button_search.c_button_url = '#';
+c_button_search.c_button_classes += ' lrv-u-background-color-black lrv-u-margin-lr-075 lrv-u-text-transform-uppercase lrv-u-font-weight-bold u-background-color-brand-primary-dark:hover lrv-u-color-white lrv-u-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-1 lrv-u-margin-t-050@mobile-max';
+
+module.exports = {
+	c_heading,
+	c_title: c_title,
+	c_button_home,
+	c_button_search,
+	c_svg,
+	wrapper_classes: 'lrv-u-text-align-center lrv-u-padding-t-1 lrv-u-padding-b-2 lrv-u-margin-b-2 lrv-u-max-width-830 lrv-u-margin-lr-auto',
+	page_404_inner_classes: 'lrv-u-margin-lr-auto lrv-u-padding-lr-1',
+	button_outer_classes: 'lrv-u-flex lrv-u-justify-content-center lrv-u-align-items-center lrv-u-flex-direction-column@mobile-max',
+};

package/modules/page-404/page-404.twig

@@ -0,0 +1,32 @@
+<section class="page-404 // {{ wrapper_classes }}">
+	<div class="{{ page_404_inner_classes }}">
+		{% if c_heading %}
+			{% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
+		{% endif %}
+
+		{% if c_svg %}
+			{% include "@larva/components/c-svg/c-svg.twig" with c_svg %}
+		{% endif %}
+
+		{% if c_title %}
+			{% include "@larva/components/c-title/c-title.twig" with c_title %}
+		{% endif %}
+
+		{% if c_tagline %}
+			{% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline %}
+		{% endif %}
+
+		<div class="buttons-outer {{ button_outer_classes }}">
+
+			{% if c_button_home %}
+				{% include "@larva/components/c-button/c-button.twig" with c_button_home %}
+			{% endif %}
+
+			{% if c_button_search %}
+				{% include "@larva/components/c-button/c-button.twig" with c_button_search %}
+			{% endif %}
+
+		</div>
+
+	</div>
+</section>

package/modules/paragraph/paragraph.narrow.js

@@ -0,0 +1,8 @@
+const clonedeep = require('lodash.clonedeep');
+
+const paragraph_prototype = require( './paragraph.prototype' );
+const paragraph_narrow = clonedeep( paragraph_prototype );
+
+paragraph_narrow.paragraph_classes += ' lrv-u-width-75p';
+
+module.exports = paragraph_narrow;

package/modules/paragraph/paragraph.prototype.js

@@ -0,0 +1,8 @@
+module.exports = {
+	paragraph_classes: 'lrv-u-margin-lr-auto',
+	paragraph_typography_class: 'lrv-a-font-body-m',
+	paragraph_text_align_class: '',
+	paragraph_color_class: '',
+	paragraph_background_color_class: '',
+	paragraph_markup: 'Paragraph Text.',
+};

package/modules/paragraph/paragraph.twig

@@ -0,0 +1,3 @@
+<p class="paragraph larva // {{ paragraph_classes }} {{ paragraph_typography_class }} {{ paragraph_text_align_class }} {{ paragraph_color_class }} {{ paragraph_background_color_class }}">
+	{{ paragraph_markup|raw }}
+</p>

package/modules/pmc-footer/pmc-footer.prototype.js

@@ -1,45 +1,47 @@
-const clone = require( '@penskemediacorp/larva' ).clone;
-const path = require( 'path' );
-const c_link_path = path.resolve( __dirname, '../../components/c-link/c-link.prototype' );
-const o_nav = clone( path.resolve( __dirname, '../../objects/o-nav/o-nav.prototype' ) );
-const c_icon = clone( path.resolve( __dirname, '../../components/c-icon/c-icon.full' ) );
+const clonedeep = require( 'lodash.clonedeep' );
+
+const c_link_prototype = require( '../../components/c-link/c-link.prototype' );
+const c_tagline = clonedeep( require( '../../components/c-tagline/c-tagline.prototype' ) );
+const c_link = clonedeep( require( '../../components/c-link/c-link.prototype' ) );
+const o_nav = clonedeep( require( '../../objects/o-nav/o-nav.prototype' ) );
+const c_icon = clonedeep( require( '../../components/c-icon/c-icon.full' ) );
 
 const data = require( '../../_data/brands.json' );
 
+c_tagline.c_tagline_classes = 'lrv-u-margin-a-00';
+c_tagline.c_tagline_text = 'Copyright © 2018 Penske Business Media, LLC. All rights reserved.';
+
+c_link.c_link_classes = 'lrv-a-unstyle-link';
+c_link.c_link_text = 'Powered by WordPress.com VIP';
+c_link.c_link_url = '#';
+
 o_nav.o_nav_title_text = 'Our Sites';
 o_nav.o_nav_list_items = [];
 
-c_icon.c_icon_classes = 'pmc-u-max-width-150 pmc-u-max-height-50';
-c_icon.c_icon_name = 'pmc-logo-black';
+c_icon.c_icon_classes = 'lrv-u-max-width-150 lrv-u-max-height-50 lrv-u-color-black';
+c_icon.c_icon_name = 'pmc-logo';
 c_icon.c_icon_url = 'https://pmc.com';
 c_icon.c_icon_rel_name = 'noopener noreferrer';
 
 data.brands.forEach( ( brand ) => {
-	let c_link = clone( c_link_path );
+	let c_link = clonedeep( c_link_prototype );
 
 	c_link.c_link_text = brand.name;
 	c_link.c_link_url = brand.url;
-	c_link.c_link_classes += ' pmc-u-display-block pmc-u-background-brand-primary:hover pmc-u-color-white:hover pmc-u-font-weight-bold pmc-u-padding-lr-1 pmc-u-padding-tb-050';
+	c_link.c_link_classes += ' lrv-u-display-block lrv-u-background-color-brand-primary:hover lrv-u-color-white:hover lrv-u-font-weight-bold lrv-u-padding-lr-1 lrv-u-padding-tb-050';
 
 	o_nav.o_nav_list_items.push( c_link );
 });
 
 o_nav.o_nav_title_id_attr = 'pmc-footer';
-o_nav.o_nav_classes = 'pmc-u-text-transform-uppercase pmc-u-font-size-12 pmc-u-border-a-1 pmc-u-border-color-grey-light pmc-u-flex@tablet pmc-js-MobileHeightToggle pmc-a-hover-dropup@tablet';
-o_nav.o_nav_title_classes = 'pmc-u-padding-lr-1 pmc-u-margin-tb-00 pmc-u-padding-t-1 pmc-u-padding-t-050@tablet pmc-u-padding-b-050 pmc-u-width-100p a-icon-after a-icon-arrow-down a-icon-after:margin-l-auto pmc-u-cursor-pointer pmc-js-MobileHeightToggle-trigger pmc-a-hover-dropup-trigger@tablet';
-o_nav.o_nav_list_classes += ' pmc-u-background-white pmc-u-padding-b-050 pmc-js-MobileHeightToggle-target pmc-a-hover-dropup-target@tablet pmc-u-box-shadow-medium@tablet';
-o_nav.o_nav_list_item_classes = 'pmc-u-color-grey-medium-dark';
+o_nav.o_nav_classes = 'lrv-u-text-transform-uppercase lrv-u-font-size-12 lrv-u-border-a-1 lrv-u-border-color-grey-light lrv-u-flex@tablet lrv-js-MobileHeightToggle lrv-a-hover-dropup@tablet';
+o_nav.o_nav_title_classes = 'lrv-u-padding-lr-1 lrv-u-margin-tb-00 lrv-u-padding-t-1 lrv-u-padding-t-050@tablet lrv-u-padding-b-050 lrv-u-width-100p lrv-a-icon-after lrv-a-icon-arrow-down lrv-a-icon-after:margin-l-auto lrv-u-cursor-pointer lrv-js-MobileHeightToggle-trigger lrv-a-hover-dropup-trigger@tablet';
+o_nav.o_nav_list_classes += ' lrv-u-background-color-white lrv-u-padding-b-050 lrv-js-MobileHeightToggle-target lrv-a-hover-dropup-target@tablet lrv-u-box-shadow-medium@tablet';
+o_nav.o_nav_list_item_classes = 'lrv-u-color-grey-medium-dark';
 
 module.exports = {
-	"c_icon": c_icon,
-	"c_tagline": {
-		"c_tagline_classes": "pmc-u-margin-a-00",
-		"c_tagline_text": "Copyright © 2018 Penske Business Media, LLC. All rights reserved."
-	},
-	"c_link": {
-		"c_link_classes": "pmc-a-unstyle-link",
-		"c_link_text": "Powered by WordPress.com VIP",
-		"c_link_url": "#"
-	},
-	"o_nav": o_nav
+	c_icon: c_icon,
+	c_tagline: c_tagline,
+	c_link: c_link,
+	o_nav: o_nav
 };

package/modules/pmc-footer/pmc-footer.twig

@@ -1,14 +1,16 @@
-<div class="footer-pmc-network // pmc-a-wrapper pmc-u-align-items-center pmc-u-flex pmc-u-flex-direction-column@mobile-max pmc-u-padding-a-1 pmc-u-font-family-basic pmc-a-space-children-vertical@mobile-max pmc-a-space-children-horizontal@tablet pmc-a-space-children--1">
-	{% include "@larva/components/c-icon/c-icon.twig" with c_icon %}
+<div class="pmc-footer // lrv-u-background-color-white">
+	<div class="lrv-a-wrapper lrv-u-align-items-center lrv-u-flex lrv-u-flex-direction-column@mobile-max lrv-u-padding-a-1 lrv-u-font-family-basic lrv-a-space-children-vertical@mobile-max lrv-a-space-children-horizontal@tablet lrv-a-space-children--1">
+		{% include "@larva/components/c-icon/c-icon.twig" with c_icon %}
 
-	<div class="pmc-u-font-size-10 pmc-u-color-grey-medium-dark pmc-u-line-height-normal pmc-u-text-align-center@mobile-max pmc-u-order-100@mobile-max">
-		{% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline %}
-		{% include "@larva/components/c-link/c-link.twig" with c_link %}
-	</div>
+		<div class="lrv-u-font-size-10 lrv-u-color-grey-medium-dark lrv-u-line-height-normal lrv-u-text-align-center@mobile-max lrv-u-order-100@mobile-max">
+			{% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline %}
+			{% include "@larva/components/c-link/c-link.twig" with c_link %}
+		</div>
 
-	<div class="pmc-u-flex pmc-u-width-100p@mobile-max pmc-u-flex-grow-1">
-		<div class="pmc-u-margin-l-auto@tablet pmc-u-width-100p@mobile-max">
-			{% include "@larva/objects/o-nav/o-nav.twig" with o_nav %}
+		<div class="lrv-u-flex lrv-u-width-100p@mobile-max lrv-u-flex-grow-1">
+			<div class="lrv-u-margin-l-auto@tablet lrv-u-width-100p@mobile-max">
+				{% include "@larva/objects/o-nav/o-nav.twig" with o_nav %}
+			</div>
 		</div>
 	</div>
 </div>

package/modules/post-content-image/post-content-image.prototype.js

@@ -0,0 +1,14 @@
+const clonedeep = require( 'lodash.clonedeep' );
+const o_figure = clonedeep( require( '../../objects/o-figure/o-figure.prototype.js' ) );
+
+o_figure.c_lazy_image.c_lazy_image_crop_style_attr = '';
+o_figure.c_lazy_image.c_lazy_image_link_url = '';
+
+o_figure.c_figcaption.c_figcaption_classes = 'lrv-u-font-size-12 lrv-u-flex lrv-u-flex-direction-column lrv-u-padding-tb-025';
+o_figure.c_figcaption.c_figcaption_caption_classes = 'lrv-u-font-size-14@desktop';
+o_figure.c_figcaption.c_figcaption_credit_classes = 'lrv-u-text-transform-uppercase lrv-u-color-grey';
+
+module.exports = {
+	post_content_image_classes: '',
+	o_figure: o_figure
+};

package/modules/post-content-image/post-content-image.twig

@@ -0,0 +1,3 @@
+<div class="post-content-image // {{ post_content_image_classes }}">
+	{% include "@larva/objects/o-figure/o-figure.twig" with o_figure %}
+</div>

package/modules/production-credits/production-credits.prototype.js

@@ -0,0 +1,5 @@
+module.exports = {
+    production_credits_classes: '',
+    production_credits_title_text: 'Production Credits',
+    production_credits_markup: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.'
+};

package/modules/production-credits/production-credits.twig

@@ -0,0 +1,4 @@
+<div class="production-credits // {{ production_credits_classes }}">
+	<p class="production-credits-title-text // {{ production_credits_title_text_classes }}"> {{ production_credits_title_text }}</p>
+	<p class="production-credits-markup // {{ production_credits_markup_classes }}"> {{ production_credits_markup|raw }}</p>
+</div>

package/modules/profile-blurb/profile-blurb.card.js

@@ -0,0 +1,28 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const profile_blurb_card = clonedeep( require( './profile-blurb.prototype' ) );
+const c_button = clonedeep( require( '../../components/c-button/c-button.prototype' ) );
+
+profile_blurb_card.profile_blurb_classes = false;
+profile_blurb_card.c_lazy_image.c_lazy_image_classes = false;
+profile_blurb_card.profile_blurb_image_classes = false;
+profile_blurb_card.o_social_list = false;
+
+profile_blurb_card.c_title.c_title_classes = 'lrv-u-font-family-primary lrv-u-text-transform-uppercase lrv-u-font-size-16 lrv-u-color-black';
+
+profile_blurb_card.c_tagline.c_tagline_classes = 'lrv-u-margin-tb-00 lrv-u-font-family-primary lrv-u-font-size-14@mobile-max lrv-u-font-size-16 lrv-u-font-size-18@desktop-xl';
+profile_blurb_card.c_tagline_second.c_tagline_classes = 'lrv-u-margin-tb-00 lrv-u-font-size-14@mobile-max lrv-u-font-size-16 lrv-u-font-size-18@desktop-xl lrv-u-font-family-primary lrv-u-display-block';
+
+profile_blurb_card.c_dek.c_dek_classes = 'lrv-u-margin-tb-050 lrv-u-font-size-16 lrv-u-font-style-italic';
+
+profile_blurb_card.profile_blurb_c_button = 'lrv-u-text-align-center';
+profile_blurb_card.profile_blurb_detail_classes = 'lrv-u-margin-t-050';
+
+c_button.c_button_text = 'View Profile';
+c_button.c_button_classes += ' lrv-u-display-inline-block lrv-u-margin-t-1 lrv-u-text-transform-uppercase lrv-u-font-size-14 lrv-u-background-color-black lrv-u-padding-lr-2 lrv-u-padding-tb-050 lrv-u-color-white lrv-u-color-grey-light:hover';
+c_button.c_button_url = '#';
+c_button.c_button_inner_classes = 'lrv-u-padding-lr-1@tablet';
+
+profile_blurb_card.c_button = c_button;
+
+module.exports = profile_blurb_card;

package/modules/profile-blurb/profile-blurb.prototype.js

@@ -0,0 +1,45 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const c_lazy_image = clonedeep( require( '../../components/c-lazy-image/c-lazy-image.prototype' ) );
+const c_title = clonedeep( require( '../../components/c-title/c-title.prototype' ) );
+const c_tagline = clonedeep( require( '../../components/c-tagline/c-tagline.prototype' ) );
+const c_dek = clonedeep( require( '../../components/c-dek/c-dek.prototype' ) );
+const o_social_list = clonedeep( require( '../../objects/o-social-list/o-social-list.prototype' ) );
+const c_tagline_second = clonedeep( c_tagline );
+
+c_lazy_image.c_lazy_image_classes = 'u-margin-lr-n10@mobile-max';
+c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-4x3';
+
+c_title.c_title_text = 'Debra and Leon Black';
+c_title.c_title_classes = 'lrv-u-font-family-primary lrv-u-text-transform-uppercase lrv-u-font-size-26@mobile-max lrv-u-font-size-36 lrv-u-color-black';
+c_title.c_title_url = false;
+c_title.c_title_link_classes = 'lrv-u-color-black';
+
+c_tagline.c_tagline_text = 'New York';
+c_tagline.c_tagline_classes = 'lrv-u-margin-tb-00 lrv-u-font-family-primary lrv-u-font-size-22@mobile-max lrv-u-font-size-24';
+
+c_tagline_second.c_tagline_text = 'Investment Banking';
+c_tagline_second.c_tagline_classes = 'lrv-u-margin-tb-00 lrv-u-font-size-22@mobile-max lrv-u-font-size-24 lrv-u-font-family-primary lrv-u-display-block';
+
+c_dek.c_dek_text = 'Massa tincidunt dui ut ornare lectus sit. Dolor purus non enim praesent elementum facilisis leo. Aliquet eget sit amet tellus cras adipiscing enim eu. ';
+c_dek.c_dek_classes = 'lrv-u-font-size-20 lrv-u-font-style-italic';
+
+o_social_list.o_social_list_classes += ' lrv-u-flex';
+
+o_social_list.o_social_list_icons.map( ( social_icon ) => {
+	social_icon.c_icon_link_classes += ' lrv-u-border-a-1 lrv-u-color-black lrv-u-border-color-grey';
+} );
+
+module.exports = {
+	profile_blurb_classes: 'lrv-u-flex lrv-u-flex-direction-column@mobile-max',
+	profile_blurb_image_classes: 'lrv-u-flex-shrink-0 lrv-u-margin-r-1@tablet',
+	profile_blurb_detail_classes: '',
+	profile_blurb_c_button_classes: '',
+	c_button: false,
+	c_lazy_image: c_lazy_image,
+	c_title: c_title,
+	c_tagline: c_tagline,
+	c_tagline_second: c_tagline_second,
+	c_dek: c_dek,
+	o_social_list: o_social_list,
+}

package/modules/profile-blurb/profile-blurb.twig

@@ -0,0 +1,37 @@
+<div class="profile-blurb // {{ profile_blurb_classes }} ">
+
+	<div class="{{ profile_blurb_image_classes }}">
+		{% if c_lazy_image %}
+			{% include "@larva/components/c-lazy-image/c-lazy-image.twig" with c_lazy_image %}
+		{% endif %}
+	</div>
+
+	<div class="{{ profile_blurb_detail_classes }}">
+		{% if c_title %}
+			{% include "@larva/components/c-title/c-title.twig" with c_title %}
+		{% endif %}
+
+		{% if c_tagline %}
+			{% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline %}
+		{% endif %}
+
+		{% if c_tagline_second %}
+			{% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline_second %}
+		{% endif %}
+
+		{% if c_dek %}
+			{% include "@larva/components/c-dek/c-dek.twig" with c_dek %}
+		{% endif %}
+
+		{% if o_social_list %}
+			{% include "@larva/objects/o-social-list/o-social-list.twig" with o_social_list %}
+		{% endif %}
+
+		{% if c_button %}
+			<div class="{{ profile_blurb_c_button_classes }}">
+				{% include "@larva/components/c-button/c-button.twig" with c_button %}
+			</div>
+		{% endif %}
+	</div>
+
+</div>

package/modules/profile-body/profile-body.prototype.js

@@ -0,0 +1,20 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const c_heading = clonedeep( require( '../../components/c-heading/c-heading.prototype' ) );
+
+const c_dek_prototype = require( '../../components/c-dek/c-dek.prototype' );
+const c_dek = clonedeep( c_dek_prototype );
+
+c_dek.c_dek_markup = '';
+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_heading.c_heading_text = 'Overview';
+c_heading.c_heading_classes = 'lrv-u-font-family-secondary lrv-u-font-size-40';
+
+module.exports = {
+	c_heading: c_heading,
+	c_dek: c_dek,
+	profile_body_classes: '',
+	profile_body_content_classes: 'lrv-u-font-size-18 lrv-u-margin-tb-050',
+	profile_body_content_markup: '<b>Perfection</b> 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!'
+};

package/modules/profile-body/profile-body.twig

@@ -0,0 +1,15 @@
+<div class="profile-body // {{ profile_body_classes }}">
+
+	{% if c_heading %}
+		{% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
+	{% endif %}
+
+	{% if c_dek %}
+		{% include "@larva/components/c-dek/c-dek.twig" with c_dek %}
+	{% endif %}
+
+	<div class="profile-body__content // {{ profile_body_content_classes }}">
+		{{ profile_body_content_markup|raw }}
+	</div>
+
+</div>

package/modules/profile-browse-by/profile-browse-by.prototype.js

@@ -0,0 +1,29 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const c_heading = clonedeep( require( '../../components/c-heading/c-heading.prototype' ) );
+const o_card_list = clonedeep( require( '../../objects/o-card-list/o-card-list.prototype' ) );
+
+c_heading.c_heading_classes += ' lrv-u-text-align-center lrv-u-font-family-secondary lrv-u-font-size-36 lrv-u-font-size-46@desktop-xl lrv-u-padding-b-2';
+c_heading.c_heading_text = 'Browse By Categories';
+
+o_card_list.o_card_list_classes += ' lrv-u-flex lrv-a-space-children-horizontal lrv-a-space-children--2 lrv-u-justify-content-space-evenly lrv-u-flex-wrap-wrap';
+
+o_card_list.o_card_list_item_classes += ' lrv-u-text-align-center lrv-u-margin-b-1';
+
+o_card_list.o_card_list_items.map( o_card => {
+	o_card.c_lazy_image.c_lazy_image_img_classes += ' lrv-u-border-radius-50p';
+	o_card.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-1x1';
+
+	o_card.o_card_link_url = '#';
+	o_card.o_card_link_classes = 'lrv-a-unstyle-link';
+	o_card.c_title.c_title_classes += ' lrv-u-margin-t-1';
+	o_card.c_title.c_title_url = false;
+	o_card.c_span = false;
+	o_card.c_timestamp = false;
+});
+
+module.exports = {
+	profile_browse_by_classes: '',
+	c_heading: c_heading,
+	o_card_list: o_card_list,
+};

package/modules/profile-browse-by/profile-browse-by.twig

@@ -0,0 +1,6 @@
+<section class="profile-browse-by // {{ profile_browse_by_classes }}">
+	<div class="lrv-a-wrapper">
+		{% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
+		{% include "@larva/objects/o-card-list/o-card-list.twig" with o_card_list %}
+	</div>
+</section>

package/modules/profile-card-list/profile-card-list.prototype.js

@@ -0,0 +1,25 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const profile_blurb_card = clonedeep( require( '../profile-blurb/profile-blurb.card' ) );
+
+module.exports = {
+	profile_card_list_classes: 'lrv-a-unstyle-list lrv-a-grid lrv-a-cols2 lrv-a-cols3@tablet',
+	profile_card_list: [
+		profile_blurb_card,
+		profile_blurb_card,
+		profile_blurb_card,
+		profile_blurb_card,
+		profile_blurb_card,
+		profile_blurb_card,
+		profile_blurb_card,
+		profile_blurb_card,
+		profile_blurb_card,
+		profile_blurb_card,
+		profile_blurb_card,
+		profile_blurb_card,
+		profile_blurb_card,
+		profile_blurb_card,
+		profile_blurb_card,
+		profile_blurb_card
+	]
+}