Videomaker: Add more patterns (#4930)

* Videomaker: Add more patterns

* Add Videomaker patters. Again

* Fix about pattern

* Update the line heights

* Make the images in the about pattern smaller

* Update font size of the poster title

videomaker/inc/block-patterns.php

@@ -18,7 +18,12 @@ if ( ! function_exists( 'videomaker_register_block_patterns' ) ) :
 
 		if ( function_exists( 'register_block_pattern' ) ) {
 			$block_patterns = array(
+				'about',
+				'awards',
 				'background-video',
+				'description',
+				'film-credits',
+				'film-poster',
 				'full-width-homepage',
 				'footer',
 				'description',
@@ -28,6 +33,7 @@ if ( ! function_exists( 'videomaker_register_block_patterns' ) ) :
 				'pattern-offset-project-grid',
 				'pattern-two-posts-with-excerpt',
 				'post-i-love-you',
+				'reviews',
 			);
 
 			foreach ( $block_patterns as $block_pattern ) {

videomaker/inc/patterns/about.php

@@ -0,0 +1,58 @@
+<?php
+/**
+ * About.
+ *
+ * @package Videomaker
+ */
+
+return array(
+	'title'      => __( 'About', 'videomaker' ),
+	'categories' => array( 'videomaker' ),
+	'content'    => '<!-- wp:spacer -->
+		<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+		<!-- /wp:spacer -->
+
+		<!-- wp:columns {"align":"wide"} -->
+		<div class="wp-block-columns alignwide"><!-- wp:column -->
+		<div class="wp-block-column"><!-- wp:heading {"level":3,"style":{"typography":{"fontWeight":"300"}},"fontSize":"large"} -->
+		<h3 class="has-large-font-size" style="font-weight:300">' . esc_html__( 'Gary Han is a award-winning creative director, designer, photographer and visual artist based in Singapore.', 'videomaker' ) . '</h3>
+		<!-- /wp:heading --></div>
+		<!-- /wp:column --></div>
+		<!-- /wp:columns -->
+
+		<!-- wp:columns {"align":"wide"} -->
+		<div class="wp-block-columns alignwide"><!-- wp:column -->
+		<div class="wp-block-column"><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->
+		<figure class="wp-block-image size-large"><img src="' . get_stylesheet_directory_uri() . '/assets/images/team-1-edited.jpg" alt="' . esc_attr__( 'Photograph of a person holding a camera', 'videomaker' ) . '" /></figure>
+		<!-- /wp:image -->
+
+		<!-- wp:paragraph {"fontSize":"medium"} -->
+		<p class="has-medium-font-size"><a href="#">' . esc_html__( 'The Crew', 'videomaker' ) . '</a></p>
+		<!-- /wp:paragraph --></div>
+		<!-- /wp:column -->
+
+		<!-- wp:column -->
+		<div class="wp-block-column"><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->
+		<figure class="wp-block-image size-large"><img src="' . get_stylesheet_directory_uri() . '/assets/images/philosophy-1-edited.jpg" alt="' . esc_attr__( 'Photograph of a man holding a camera', 'videomaker' ) . '" /></figure>
+		<!-- /wp:image -->
+
+		<!-- wp:paragraph {"fontSize":"medium"} -->
+		<p class="has-medium-font-size"><a href="#">' . esc_html__( 'Our Philosophy', 'videomaker' ) . '</a></p>
+		<!-- /wp:paragraph --></div>
+		<!-- /wp:column -->
+
+		<!-- wp:column -->
+		<div class="wp-block-column"><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->
+		<figure class="wp-block-image size-large"><img src="' . get_stylesheet_directory_uri() . '/assets/images/blog-edited.jpg" alt="' . esc_attr__( 'Photograph of a person standing and holding a camera in a city', 'videomaker' ) . '" /></figure>
+		<!-- /wp:image -->
+
+		<!-- wp:paragraph {"fontSize":"medium"} -->
+		<p class="has-medium-font-size"><a href="#">' . esc_html__( 'Blog', 'videomaker' ) . '</a></p>
+		<!-- /wp:paragraph --></div>
+		<!-- /wp:column --></div>
+		<!-- /wp:columns -->
+
+		<!-- wp:spacer -->
+		<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+		<!-- /wp:spacer -->',
+);

videomaker/inc/patterns/awards.php

@@ -0,0 +1,32 @@
+<?php
+/**
+ * Awards.
+ *
+ * @package Videomaker
+ */
+
+return array(
+	'title'      => __( 'Awards', 'videomaker' ),
+	'categories' => array( 'videomaker' ),
+	'content'    => '<!-- wp:cover {"overlayColor":"background","minHeight":100,"minHeightUnit":"vh","align":"wide","style":{"spacing":{"padding":{"top":"50px","right":"50px","bottom":"50px","left":"50px"}}}} -->
+	<div class="wp-block-cover alignwide has-background-background-color has-background-dim" style="padding-top:50px;padding-right:50px;padding-bottom:50px;padding-left:50px;min-height:100vh"><div class="wp-block-cover__inner-container"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":"70px"}}} -->
+	<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
+	<div class="wp-block-column is-vertically-aligned-center" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
+	<figure class="wp-block-image size-full"><img src="' . get_stylesheet_directory_uri() . '/assets/images/best_act.png" alt="' . esc_attr__( 'Best Act - Nominated', 'videomaker' ) . '" /></figure>
+	<!-- /wp:image --></div>
+	<!-- /wp:column -->
+
+	<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
+	<div class="wp-block-column is-vertically-aligned-center" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
+	<figure class="wp-block-image size-full"><img src="' . get_stylesheet_directory_uri() . '/assets/images/new_film.png" alt="' . esc_attr__( 'New Film Festival', 'videomaker' ) . '" /></figure>
+	<!-- /wp:image --></div>
+	<!-- /wp:column -->
+
+	<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
+	<div class="wp-block-column is-vertically-aligned-center" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:image {"id":52,"sizeSlug":"full","linkDestination":"none"} -->
+	<figure class="wp-block-image size-full"><img src="' . get_stylesheet_directory_uri() . '/assets/images/best_short.png" alt="" class="wp-image-52"/></figure>
+	<!-- /wp:image --></div>
+	<!-- /wp:column --></div>
+	<!-- /wp:columns --></div></div>
+	<!-- /wp:cover -->',
+);

videomaker/inc/patterns/description.php

@@ -8,8 +8,29 @@
 return array(
 	'title'      => __( 'Description', 'videomaker' ),
 	'categories' => array( 'videomaker' ),
-	'content'    => '<!-- wp:heading {"align":"wide","style":{"typography":{"fontWeight":"300"}}} -->
-	<h2 class="alignwide" style="font-weight:300">' . esc_html__( 'Gary Han is a award-winning creative director, designer, photographer and visual artist based in Singapore.', 'videomaker' ) . '</h2>
-	<!-- /wp:heading -->',
+	'content'    => '<!-- wp:spacer {"height":50} -->
+	<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
+	<!-- /wp:spacer -->
 
+	<!-- wp:paragraph {"align":"center","fontSize":"large"} -->
+	<p class="has-text-align-center has-large-font-size">' . esc_html__( 'Man Working at Dawn', 'videomaker' ) . '</p>
+	<!-- /wp:paragraph -->
+
+	<!-- wp:columns {"isStackedOnMobile":false} -->
+	<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column -->
+	<div class="wp-block-column"><!-- wp:paragraph {"align":"right","fontSize":"medium"} -->
+	<p class="has-text-align-right has-medium-font-size">' . wp_kses_post( __( '<strong>Release Date<br>Rating</strong><br><br><strong>Year<br>Country<br>Slogan<br>Genre<br>Time<br>Budget<br>Age</strong>', 'videomaker' ) ) . '</p>
+	<!-- /wp:paragraph --></div>
+	<!-- /wp:column -->
+
+	<!-- wp:column -->
+	<div class="wp-block-column"><!-- wp:paragraph {"fontSize":"medium"} -->
+	<p class="has-medium-font-size">' . wp_kses_post( __( '25th March 2020<br>PG-13<br><br>2016<br>United States of America<br>“A Life of Labor”<br>Short Film, Documentary<br>35 min.<br>$ 450 000<br>12+', 'videomaker' ) ) . '</p>
+	<!-- /wp:paragraph --></div>
+	<!-- /wp:column --></div>
+	<!-- /wp:columns -->
+
+	<!-- wp:spacer {"height":50} -->
+	<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
+	<!-- /wp:spacer -->',
 );

videomaker/inc/patterns/film-credits.php

@@ -0,0 +1,50 @@
+<?php
+/**
+ * Film credits.
+ *
+ * @package Videomaker
+ */
+
+return array(
+	'title'      => __( 'Film credits', 'videomaker' ),
+	'categories' => array( 'videomaker' ),
+	'content'    => '<!-- wp:spacer {"height":50} -->
+	<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
+	<!-- /wp:spacer -->
+
+	<!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.3"}},"fontSize":"medium"} -->
+	<p class="has-text-align-center has-medium-font-size" style="line-height:1.3">' . esc_html__( 'Based on the novel “Man Working at Dawn” by', 'videomaker' ) . '</p>
+	<!-- /wp:paragraph -->
+
+	<!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.3"}},"fontSize":"large"} -->
+	<p class="has-text-align-center has-large-font-size" style="line-height:1.3">' . esc_html__( 'LOIS HERBERT', 'videomaker' ) . '</p>
+	<!-- /wp:paragraph -->
+
+	<!-- wp:spacer {"height":20} -->
+	<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
+	<!-- /wp:spacer -->
+
+	<!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.3"}},"fontSize":"medium"} -->
+	<p class="has-text-align-center has-medium-font-size" style="line-height:1.3">' . esc_html__( 'Screenplay by', 'videomaker' ) . '</p>
+	<!-- /wp:paragraph -->
+
+	<!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.3"}},"fontSize":"large"} -->
+	<p class="has-text-align-center has-large-font-size" style="line-height:1.3">' . wp_kses_post( __( 'AUGUSTA SMITH<br>DAN ANDREWS<br>GARY HAN', 'videomaker' ) ) . '</p>
+	<!-- /wp:paragraph -->
+
+	<!-- wp:spacer {"height":20} -->
+	<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
+	<!-- /wp:spacer -->
+
+	<!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.3"}},"fontSize":"medium"} -->
+	<p class="has-text-align-center has-medium-font-size" style="line-height:1.3">' . esc_html__( 'Directed by', 'videomaker' ) . '</p>
+	<!-- /wp:paragraph -->
+
+	<!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.3"}},"fontSize":"large"} -->
+	<p class="has-text-align-center has-large-font-size" style="line-height:1.3">' . esc_html__( 'GARY HAN', 'videomaker' ) . '</p>
+	<!-- /wp:paragraph -->
+
+	<!-- wp:spacer {"height":50} -->
+	<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
+	<!-- /wp:spacer -->',
+);

videomaker/inc/patterns/film-poster.php

@@ -0,0 +1,72 @@
+<?php
+/**
+ * Film poster.
+ *
+ * @package Videomaker
+ */
+
+return array(
+	'title'      => __( 'Film poster', 'videomaker' ),
+	'categories' => array( 'videomaker' ),
+	'content'    => '<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"30px","right":"30px","bottom":"30px","left":"30px"}}},"backgroundColor":"background"} -->
+		<div class="wp-block-group alignwide has-background-background-color has-background" style="padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:cover {"url":"' . get_stylesheet_directory_uri() . '/assets/images/working_at_dawn.jpg","dimRatio":0,"overlayColor":"background","minHeight":1410,"minHeightUnit":"px","contentPosition":"center center","align":"wide","style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}}}} -->
+		<div class="wp-block-cover alignwide has-background-background-color" style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;min-height:1410px"><img class="wp-block-cover__image-background" alt="" src="' . get_stylesheet_directory_uri() . '/assets/images/working_at_dawn.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:image {"align":"center","width":206,"height":105,"sizeSlug":"full","linkDestination":"none"} -->
+		<div class="wp-block-image"><figure class="aligncenter size-full is-resized"><img src="' . get_stylesheet_directory_uri() . '/assets/images/new_film.png" alt="' . esc_attr__( 'Photo of a man working at dawn', 'videomaker' ) . '" width="206" height="105"/></figure></div>
+		<!-- /wp:image -->
+
+		<!-- wp:paragraph {"align":"center","textColor":"foreground","fontSize":"normal"} -->
+		<p class="has-text-align-center has-normal-font-size has-foreground-color has-text-color"><em>' . esc_html__( '“Absurdly and assuredly packed punch in the gut.”', 'videomaker' ) . '</em></p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph {"align":"center","textColor":"foreground","style":{"typography":{"fontSize":"12px"}}} -->
+		<p class="has-text-align-center has-foreground-color has-text-color" style="font-size:12px"><strong>' . esc_html__( 'Latest Review', 'videomaker' ) . '</strong></p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:spacer {"height":500} -->
+		<div style="height:500px" aria-hidden="true" class="wp-block-spacer"></div>
+		<!-- /wp:spacer -->
+
+		<!-- wp:paragraph {"align":"center","textColor":"foreground","placeholder":"Write title…","style":{"typography":{"lineHeight":"1.3"}},"fontSize":"large"} -->
+		<p class="has-text-align-center has-large-font-size has-foreground-color has-text-color" style="line-height:1.3">' . wp_kses_post( __( '<strong>MAN WORKING AT DAWN</strong>', 'videomaker' ) ) . '</p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph {"align":"center","textColor":"foreground","style":{"typography":{"lineHeight":"1"}}} -->
+		<p class="has-text-align-center has-foreground-color has-text-color" style="line-height:1">' . wp_kses_post( __( 'A Film by <strong>Gary Han</strong>', 'videomaker' ) ) . '</p>
+		<!-- /wp:paragraph --></div></div>
+		<!-- /wp:cover -->
+
+		<!-- wp:columns -->
+		<div class="wp-block-columns"><!-- wp:column -->
+		<div class="wp-block-column"><!-- wp:paragraph {"align":"center","fontSize":"medium"} -->
+		<p class="has-text-align-center has-medium-font-size">' . esc_html__( 'AKACHUKWU ELBA', 'videomaker' ) . '</p>
+		<!-- /wp:paragraph --></div>
+		<!-- /wp:column -->
+
+		<!-- wp:column -->
+		<div class="wp-block-column"><!-- wp:paragraph {"align":"center","fontSize":"medium"} -->
+		<p class="has-text-align-center has-medium-font-size">' . esc_html__( 'VICTORIA EDEM', 'videomaker' ) . '</p>
+		<!-- /wp:paragraph --></div>
+		<!-- /wp:column -->
+
+		<!-- wp:column -->
+		<div class="wp-block-column"><!-- wp:paragraph {"align":"center","fontSize":"medium"} -->
+		<p class="has-text-align-center has-medium-font-size">' . esc_html__( 'MUSA IDOWU', 'videomaker' ) . '</p>
+		<!-- /wp:paragraph --></div>
+		<!-- /wp:column -->
+
+		<!-- wp:column -->
+		<div class="wp-block-column"><!-- wp:paragraph {"align":"center","fontSize":"medium"} -->
+		<p class="has-text-align-center has-medium-font-size">' . esc_html__( 'SANI GODWIN', 'videomaker' ) . '</p>
+		<!-- /wp:paragraph --></div>
+		<!-- /wp:column --></div>
+		<!-- /wp:columns -->
+
+		<!-- wp:columns {"align":"wide"} -->
+		<div class="wp-block-columns alignwide"><!-- wp:column {"width":"100%"} -->
+		<div class="wp-block-column" style="flex-basis:100%"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"12px"}}} -->
+		<p class="has-text-align-center" style="font-size:12px">' . esc_html__( 'Videomaker Collective Presents In Association with HANO Direction by Dan Andrews Screenplay by Augusta Smith Camera Diego Cruz, Helen Smith-Andrews and Dan Andrews Art Philip Mizrahi Production Romana Arakelyan Operators Syd Wyatt and Cameron Madeira Behind the Camera Diego Cruz Color Editing and Post-Production Philip Mizrahi and Tony Sánchez Videomaker Collective Presents In Association with HANO Direction by Dan Andrews Screenplay by Augusta Smith Camera Diego Cruz, Helen Smith-Andrews and Dan Andrews Art Philip Mizrahi Production Romana Arakelyan Operators Syd Wyatt and Cameron Madeira Behind the Camera Diego Cruz Color Editing and Post-Production Philip Mizrahi and Tony Sánchez', 'videomaker' ) . '</p>
+		<!-- /wp:paragraph --></div>
+		<!-- /wp:column --></div>
+		<!-- /wp:columns --></div>
+		<!-- /wp:group -->',
+);

videomaker/inc/patterns/reviews.php

@@ -0,0 +1,40 @@
+<?php
+/**
+ * Reviews.
+ *
+ * @package Videomaker
+ */
+
+return array(
+	'title'      => __( 'Reviews', 'videomaker' ),
+	'categories' => array( 'videomaker' ),
+	'content'    => '<!-- wp:spacer -->
+		<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+		<!-- /wp:spacer -->
+
+		<!-- wp:columns {"align":"wide"} -->
+		<div class="wp-block-columns alignwide"><!-- wp:column -->
+		<div class="wp-block-column"><!-- wp:paragraph {"fontSize":"medium"} -->
+		<p class="has-medium-font-size"><em>' . esc_html__( '“Han’s newest short film is an absurdly and assuredly packed punch in the gut that’s short, shocking, and, incidentally, a romantic view on underdeveloped coutries.”', 'videomaker' ) . '</em></p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph {"fontSize":"small"} -->
+		<p class="has-small-font-size"><strong>' . esc_html__( '— Latest Review', 'videomaker' ) . '</strong></p>
+		<!-- /wp:paragraph --></div>
+		<!-- /wp:column -->
+
+		<!-- wp:column -->
+		<div class="wp-block-column"><!-- wp:paragraph {"fontSize":"medium"} -->
+		<p class="has-medium-font-size"><em>' . esc_html__( '“The film is beautifully shot and captures the picturesque African savannah, with the memorable image of a man working at dawn, creating a striking contrast between nature and humankind.”', 'videomaker' ) . '</em></p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph {"fontSize":"small"} -->
+		<p class="has-small-font-size"><strong>' . esc_html__( '— The Newspaper', 'videomaker' ) . '</strong></p>
+		<!-- /wp:paragraph --></div>
+		<!-- /wp:column --></div>
+		<!-- /wp:columns -->
+
+		<!-- wp:spacer -->
+		<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+		<!-- /wp:spacer -->',
+);