@penskemediacorp/larva-patterns 1.5.6-alpha.0 → 1.6.1

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-red: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
+	]
+}

package/modules/profile-card-list/profile-card-list.twig

@@ -0,0 +1,7 @@
+<ul class="profile-card-list // {{ profile_card_list_classes }} lrv-a-unstyle-list">
+{% for item in profile_card_list %}
+	<li>
+		{% include "@larva/modules/profile-blurb/profile-blurb.twig" with item %}
+	</li>
+{% endfor %}
+</ul>

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

@@ -0,0 +1,26 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const c_heading = clonedeep( require( '../../components/c-heading/c-heading.prototype' ) );
+const o_checkbox_input_list = clonedeep( require( '../../objects/o-checkbox-input-list/o-checkbox-input-list.prototype' ) );
+const c_button = clonedeep( require( '../../components/c-button/c-button.prototype' ) );
+
+c_heading.c_heading_text = 'Filter:';
+c_heading.c_heading_classes = 'lrv-u-font-size-20 lrv-u-text-transform-uppercase lrv-u-border-b-1 lrv-u-margin-b-1 lrv-u-padding-b-025';
+
+o_checkbox_input_list.c_title.c_title_text = 'Location';
+o_checkbox_input_list.c_title.c_title_classes = 'lrv-u-font-family-primary lrv-u-font-size-14 lrv-u-margin-b-025 lrv-u-text-transform-uppercase lrv-u-font-weight-bold';
+o_checkbox_input_list.o_checkbox_input_list_items_classes += ' lrv-u-font-family-primary lrv-u-font-size-12 lrv-u-line-height-large';
+
+c_button.c_button_text = 'Filter';
+c_button.c_button_classes += ' lrv-u-text-transform-uppercase lrv-u-background-color-black lrv-u-color-white lrv-u-font-size-12 lrv-u-font-family-primary lrv-u-margin-t-1 lrv-u-color-grey-light:hover lrv-u-padding-lr-2 lrv-u-padding-tb-050';
+
+module.exports = {
+	profile_filter_classes: 'lrv-u-padding-a-1',
+	c_heading: c_heading,
+	o_checkbox_input_list: [
+		o_checkbox_input_list,
+		o_checkbox_input_list,
+		o_checkbox_input_list
+	],
+	c_button: c_button
+};

package/modules/profile-filter/profile-filter.twig

@@ -0,0 +1,15 @@
+<form class="profile-filter // {{ profile_filter_classes }}" method="post" action="{{ profile_filter_action_url }}">
+	{% if c_heading %}
+		{% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
+	{% endif %}
+
+	<div class="lrv-a-space-children-vertical lrv-a-space-children--2">
+		{% for item in o_checkbox_input_list %}
+			{% include "@larva/objects/o-checkbox-input-list/o-checkbox-input-list.twig" with item %}
+		{% endfor %}
+	</div>
+
+	{% if c_button %}
+		{% include "@larva/components/c-button/c-button.twig" with c_button %}
+	{% endif %}
+</form>

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

@@ -0,0 +1,28 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const c_heading = clonedeep( require( '../../components/c-heading/c-heading.prototype' ) );
+const o_figure = clonedeep( require( '../../objects/o-figure/o-figure.prototype' ) );
+
+c_heading.c_heading_text = 'Explore Their Gallery';
+c_heading.c_heading_classes = 'lrv-u-font-family-secondary lrv-u-font-size-32 lrv-u-padding-b-1';
+
+o_figure.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-4x3';
+
+o_figure.c_figcaption.c_figcaption_classes = 'lrv-u-flex lrv-u-flex-direction-column lrv-u-font-size-10 lrv-u-margin-t-050';
+o_figure.c_figcaption.c_figcaption_caption_classes = 'lrv-u-margin-b-025';
+o_figure.c_figcaption.c_figcaption_credit_classes = 'lrv-u-text-transform-uppercase lrv-u-color-grey-dark';
+
+module.exports = {
+	profile_gallery_classes: 'lrv-u-padding-tb-1',
+	c_heading: c_heading,
+	galleries: [
+		o_figure,
+		o_figure,
+		o_figure,
+		o_figure,
+		o_figure,
+		o_figure,
+		o_figure,
+		o_figure
+	]
+}

package/modules/profile-gallery/profile-gallery.twig

@@ -0,0 +1,13 @@
+<div class="profile-gallery // {{ profile_gallery_classes }} ">
+	{% if c_heading %}
+		{% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
+	{% endif %}
+
+	<div class="js-Flickity js-Flickity--profile js-Flickity--isContained js-Flickity--nav-top-right js-Flickity--bordered-buttons js-Flickity--isFreeScroll">
+		{% for item in galleries %}
+			<div class="js-Flickity-cell lrv-u-margin-lr-050 u-margin-lr-1@tablet">
+				{% include "@larva/objects/o-figure/o-figure.twig" with item %}
+			</div>
+		{% endfor %}
+	</div>
+</div>

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

@@ -0,0 +1,29 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const o_nav = clonedeep( require( '../../objects/o-nav/o-nav.prototype' ) );
+const o_select_nav = clonedeep( require( '../../objects/o-select-nav/o-select-nav.prototype' ) );
+
+const o_sponsored_by_prototype = require( '../../objects/o-sponsored-by/o-sponsored-by.prototype' );
+const o_sponsored_by = clonedeep( o_sponsored_by_prototype );
+
+o_sponsored_by.c_lazy_image.c_lazy_image_crop_class = 'lrv-a-crop-5x1 lrv-u-width-100';
+
+o_nav.o_nav_classes = 'lrv-u-flex lrv-u-justify-content-center';
+o_nav.o_nav_list_classes += ' lrv-u-flex lrv-a-space-children-horizontal lrv-u-align-items-center lrv-u-a-unstyle-list';
+o_nav.o_nav_list_item_classes = 'lrv-u-text-transform-uppercase lrv-u-color-white lrv-u-font-size-18';
+
+o_select_nav.o_select_nav_classes += ' lrv-u-display-inline-block';
+o_select_nav.c_button.c_button_text = 'Year 2019';
+o_select_nav.c_button.c_button_classes += ' lrv-u-color-white lrv-u-color-white:hover lrv-u-text-transform-uppercase lrv-u-font-size-16 lrv-u-border-color-white lrv-u-border-a-1 lrv-u-padding-lr-1 lrv-u-padding-tb-025 lrv-u-line-height-small lrv-a-icon-after lrv-a-icon-invert lrv-a-icon-arrow-down';
+
+module.exports = {
+	profile_header_classes: '',
+	profile_header_banner_classes: '',
+	profile_header_title_classes: 'lrv-u-font-family-primary lrv-u-font-size-50@desktop lrv-u-font-size-24 lrv-u-text-transform-uppercase lrv-u-font-weight-bold lrv-u-margin-b-050',
+	profile_header_title_text: 'Top 200 Collectors',
+	profile_header_nav_classes: 'lrv-u-background-color-grey-darkest lrv-u-padding-tb-050 lrv-u-border-t-1 lrv-u-border-color-white',
+	profile_header_o_select_nav_classes: '',
+	o_nav: o_nav,
+	o_sponsored_by: o_sponsored_by,
+	o_select_nav: o_select_nav
+};

package/modules/profile-header/profile-header.twig

@@ -0,0 +1,27 @@
+<header class="profile-header // {{ profile_header_classes }}">
+
+	<div class="profile-header__banner // {{ profile_header_banner_classes }}">
+		<div class="lrv-a-wrapper lrv-u-flex lrv-u-flex-direction-column lrv-u-align-items-center lrv-u-padding-tb-1">
+			<h1 class="{{ profile_header_title_classes }}">
+				{{ profile_header_title_text }}
+			</h1>
+
+			{% if o_sponsored_by %}
+				{% include "@larva/objects/o-sponsored-by/o-sponsored-by.twig" with o_sponsored_by %}
+			{% endif %}
+
+		</div>
+	</div>
+
+	<div class="profile-header__nav // {{ profile_header_nav_classes }}">
+		<div class="lrv-a-wrapper lrv-a-glue-parent">
+			{% include "@larva/objects/o-nav/o-nav.twig" with o_nav %}
+
+			{% if o_select_nav %}
+				<div class="{{ profile_header_o_select_nav_classes }}">
+					{% include "@larva/objects/o-select-nav/o-select-nav.twig" with o_select_nav %}
+				</div>
+			{% endif %}
+		</div>
+	</div>
+</header>

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

@@ -0,0 +1,22 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const profile_blurb = clonedeep( require( '../profile-blurb/profile-blurb.prototype' ) );
+const c_heading = clonedeep( require( '../../components/c-heading/c-heading.prototype' ) );
+
+c_heading.c_heading_classes = 'lrv-u-text-align-center lrv-u-font-size-36 lrv-u-font-size-46@desktop-xl lrv-u-font-family-secondary lrv-u-padding-b-2';
+c_heading.c_heading_text = 'Replace This Text';
+
+module.exports = {
+	profile_highlights_id_attr: 'profile-highlights',
+	profile_highlights_classes: '',
+	profile_highlights_slider_outer_classes: '',
+	profile_highlights_slider_classes: 'lrv-u-padding-a-1',
+	c_heading: c_heading,
+	slider_items: [
+		profile_blurb,
+		profile_blurb,
+		profile_blurb,
+		profile_blurb,
+		profile_blurb,
+	]
+};

package/modules/profile-highlights/profile-highlights.twig

@@ -0,0 +1,17 @@
+<section id="{{ profile_highlights_id_attr }}" class="profile-highlights // {{ profile_highlights_classes }}">
+
+	{% if c_heading %}
+		{% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
+	{% endif %}
+
+	<div class="profile-highlights__slider // lrv-a-wrapper {{ profile_highlights_slider_outer_classes }}">
+		<div class="js-Flickity js-Flickity--100p js-Flickity--isContained js-Flickity--bordered-buttons {{ profile_highlights_slider_classes }}">
+			{% for item in slider_items %}
+				<div class="js-Flickity-cell lrv-u-margin-lr-050 u-margin-lr-1@tablet">
+					{% include "@larva/modules/profile-blurb/profile-blurb.twig" with item %}
+				</div>
+			{% endfor %}
+		</div>
+	</div>
+
+</section>

package/modules/profile-landing-header/profile-landing-header.prototype.js

@@ -0,0 +1,17 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const c_lazy_image = clonedeep( require( '../../components/c-lazy-image/c-lazy-image.prototype' ) );
+
+c_lazy_image.c_lazy_image_crop_class = 'a-crop-16x5';
+
+const c_button_black = clonedeep( require( '../../components/c-button/c-button.black' ) );
+
+c_button_black.c_button_classes += ' lrv-u-display-inline-block';
+c_button_black.c_button_text = 'Update this text';
+c_button_black.c_button_url = '#';
+
+module.exports = {
+	profile_body: clonedeep( require( '../../modules/profile-body/profile-body.prototype' ) ),
+	c_lazy_image: c_lazy_image,
+	c_button: c_button_black
+};

package/modules/profile-landing-header/profile-landing-header.twig

@@ -0,0 +1,12 @@
+<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>

package/modules/profile-landing-river/profile-landing-river.prototype.js

@@ -0,0 +1,21 @@
+const clonedeep = require( 'lodash.clonedeep' );
+
+const story = clonedeep( require( '../../modules/story/story.prototype.js' ) );
+const c_heading = clonedeep( require( '../../components/c-heading/c-heading.prototype' ) );
+
+c_heading.c_heading_text = 'Latest News';
+c_heading.c_heading_classes = 'lrv-u-font-family-secondary lrv-u-font-size-28 lrv-u-font-size-40@tablet lrv-u-font-size-46@desktop-xl lrv-u-padding-r-1';
+
+c_heading.c_heading_outer = true;
+c_heading.c_heading_outer_classes = 'a-heading-border';
+
+module.exports = {
+	c_heading: c_heading,
+	profile_landing_river_id_attr: '',
+	profile_landing_river_classes: ' lrv-u-padding-t-2',
+	profile_landing_river_stories: [
+		story,
+		story,
+		story
+	]
+};

package/modules/profile-landing-river/profile-landing-river.twig

@@ -0,0 +1,13 @@
+<section id="{{ profile_landing_river_id_attr }}" class="profile-landing-river // {{ profile_landing_river_classes }}">
+	{% if c_heading %}
+		<div class="lrv-a-wrapper a-stacking-context">
+			{% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
+		</div>
+	{% endif %}
+
+	<div class="lrv-a-wrapper a-children-border--grey-light a-children-border-vertical">
+		{% for item in profile_landing_river_stories %}
+			{% include "@larva/modules/story/story.twig" with item %}
+		{% endfor %}
+	</div>
+</section>