소스 검색

Skatepark: refactor patterns (#5858)

Madhu Dollu 3 년 전
부모
커밋
1e52de50cf

+ 43 - 2
skatepark/functions.php

@@ -207,6 +207,47 @@ endif;
 
 add_action( 'wp_head', 'skatepark_preload_webfonts' );
 
-// Add block patterns
-require get_template_directory() . '/inc/block-patterns.php';
+/**
+ * Registers block patterns and categories.
+ *
+ * @since Skatepark 1.0
+ *
+ * @return void
+ */
+function skatepark_register_block_pattern_categories() {
+
+	//Needed until https://github.com/WordPress/gutenberg/issues/39500 is fixed.
+	$block_pattern_categories = array(
+		'featured' => array( 'label' => __( 'Featured', 'skatepark' ) ),
+		'columns'  => array( 'label' => __( 'Columns', 'skatepark' ) ),
+		'images'   => array( 'label' => __( 'Images', 'skatepark' ) ),
+		'text'     => array( 'label' => __( 'Text', 'skatepark' ) ),
+		'query'    => array( 'label' => __( 'Query', 'skatepark' ) ),
+	);
+
+	/**
+	 * Filters the theme block pattern categories.
+	 *
+	 * @since Skatepark 1.0
+	 *
+	 * @param array[] $block_pattern_categories {
+	 *     An associative array of block pattern categories, keyed by category name.
+	 *
+	 *     @type array[] $properties {
+	 *         An array of block category properties.
+	 *
+	 *         @type string $label A human-readable label for the pattern category.
+	 *     }
+	 * }
+	 */
+	$block_pattern_categories = apply_filters( 'skatepark_block_pattern_categories', $block_pattern_categories );
+
+	foreach ( $block_pattern_categories as $name => $properties ) {
+		if ( ! WP_Block_Pattern_Categories_Registry::get_instance()->is_registered( $name ) ) {
+			register_block_pattern_category( $name, $properties );
+		}
+	}
+
+}
+add_action( 'init', 'skatepark_register_block_pattern_categories', 9 );
 

+ 0 - 43
skatepark/inc/block-patterns.php

@@ -1,43 +0,0 @@
-<?php
-/**
- * Skatepark Theme: Block Patterns
- *
- * @package Skatepark
- * @since   1.0.0
- */
-if ( ! function_exists( 'skatepark_register_block_patterns' ) ) :
-
-	function skatepark_register_block_patterns() {
-
-		if ( function_exists( 'register_block_pattern_category' ) ) {
-			register_block_pattern_category(
-				'skatepark',
-				array( 'label' => __( 'Skatepark', 'skatepark' ) )
-			);
-		}
-
-		if ( function_exists( 'register_block_pattern' ) ) {
-			$block_patterns = array(
-				'blog-posts',
-				'mixed-media-in-container',
-				'text-list-with-button',
-				'full-width-image-with-aside-caption',
-				'hidden-404',
-				'hidden-home-patterns',
-				'testimonial',
-				'three-columns',
-				'paragraph-with-quote',
-				'columns-in-container',
-			);
-
-			foreach ( $block_patterns as $block_pattern ) {
-				register_block_pattern(
-					'skatepark/' . $block_pattern,
-					require __DIR__ . '/patterns/' . $block_pattern . '.php'
-				);
-			}
-		}
-	}
-endif;
-
-add_action( 'init', 'skatepark_register_block_patterns', 9 );

+ 0 - 37
skatepark/inc/patterns/blog-posts.php

@@ -1,37 +0,0 @@
-<?php
-/**
- * Blog posts.
- *
- * @package Skatepark
- */
-
-return array(
-	'title'      => __( 'Blog posts', 'skatepark' ),
-	'categories' => array( 'skatepark' ),
-	'content'    => '<!-- wp:query {"query":{"perPage":6,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"displayLayout":{"type":"flex","columns":3},"align":"wide"} -->
-	<div class="wp-block-query alignwide"><!-- wp:post-template -->
-	<!-- wp:group {"style":{"spacing":{"padding":{"top":"30px"}}},"layout":{"inherit":false}} -->
-	<div class="wp-block-group" style="padding-top:30px">
-		<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"var( --wp--style--block-gap )"}}}} -->
-		<div class="wp-block-group" style="padding-bottom:var( --wp--style--block-gap )"><!-- wp:separator {"className":"is-style-wide"} -->
-			<hr class="wp-block-separator is-style-wide"/>
-			<!-- /wp:separator --></div>
-		<!-- /wp:group -->
-
-	<!-- wp:post-featured-image {"isLink":true,"style":{"color":{"duotone":["#000","#B9FB9C"]}}} /-->
-
-	<!-- wp:post-title {"isLink":true,"style":{"typography":{"fontSize":"var(--wp--custom--font-sizes--normal)"},"spacing":{"margin":{"bottom":"calc( 0.5 * var(--wp--custom--gap--vertical) )"}}}} /-->
-
-	<!-- wp:post-excerpt {"moreText":"' . esc_html__( 'Continue reading', 'skatepark' ) . '","style":{"spacing":{"margin":{"top":"calc( 0.5 * var(--wp--custom--gap--vertical) )","bottom":"calc( 0.5 * var(--wp--custom--gap--vertical) )"}}}} /-->
-	
-	<!-- wp:post-date {"style":{"typography":{"fontSize":"16px","fontWeight":"500"}},"isLink":true} /--></div>
-	<!-- /wp:group -->
-	<!-- /wp:post-template -->
-
-	<!-- wp:query-pagination -->
-	<!-- wp:query-pagination-previous /-->
-
-	<!-- wp:query-pagination-next /-->
-	<!-- /wp:query-pagination --></div>
-	<!-- /wp:query -->',
-);

+ 0 - 54
skatepark/inc/patterns/columns-in-container.php

@@ -1,54 +0,0 @@
-<?php
-/**
- * Columns in container.
- *
- * @package Skatepark
- */
-
-return array(
-	'title'      => __( 'Columns in container', 'skatepark' ),
-	'categories' => array( 'skatepark' ),
-	'content'    => '<!-- wp:spacer {"height":40} -->
-	<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
-	<!-- /wp:spacer -->
- 
-	<!-- wp:group {"align":"wide","style":{"border":{"width":"3px","style":"solid"},"spacing":{"padding":{"top":"4%","right":"4%","bottom":"4%","left":"4%"}}},"borderColor":"primary","className":"columns-in-container","layout":{"inherit":true}} -->
-	<div class="wp-block-group alignwide columns-in-container has-border-color has-primary-border-color" style="border-style:solid;border-width:3px;padding-top:4%;padding-right:4%;padding-bottom:4%;padding-left:4%"><!-- wp:columns {"align":"wide"} -->
-	<div class="wp-block-columns alignwide"><!-- wp:column -->
-	<div class="wp-block-column"><!-- wp:heading {"level":4} -->
-	<h4>' . esc_html__( 'Learn to skate', 'skatepark' ) . '</h4>
-	<!-- /wp:heading -->
-
-	<!-- wp:paragraph -->
-	<p>' . esc_html__( 'Skatepark welcomes youth of all ages and experience levels. Whether you’ve never been on a board before, or you can already do tricks, there’s a place for you and something to learn.', 'skatepark' ) . '</p>
-	<!-- /wp:paragraph --></div>
-	<!-- /wp:column -->
-
-	<!-- wp:column -->
-	<div class="wp-block-column"><!-- wp:heading {"level":4} -->
-	<h4>' . esc_html__( 'Make new friends', 'skatepark' ) . '</h4>
-	<!-- /wp:heading -->
-
-	<!-- wp:paragraph -->
-	<p>' . esc_html__( 'Skateboarding is a social sport! Come hang out and meet some new friends to cheer you on while you skate. We have a strict no-bullying policy and maintain a supportive environment.', 'skatepark' ) . '</p>
-	<!-- /wp:paragraph --></div>
-	<!-- /wp:column --></div>
-	<!-- /wp:columns -->
-
-	<!-- wp:spacer {"height":40} -->
-	<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
-	<!-- /wp:spacer -->
-
-	<!-- wp:image {"align":"wide","id":26,"sizeSlug":"large","linkDestination":"none","style":{"color":{"duotone":["#000","#B9FB9C"]}}} -->
-	<figure class="wp-block-image alignwide size-large"><img src="' . get_stylesheet_directory_uri() . '/assets/images/riding-skateboard.jpeg" alt="' . esc_html__( 'Close-up of a person riding a skateboard, focusing on their feet and the board. One foot is on the board, while the other foot is up, in motion. A skatepark is blurred in the background.', 'skatepark' ) . '" class="wp-image-26"/></figure>
-	<!-- /wp:image -->
-
-	<!-- wp:spacer {"height":5} -->
-	<div style="height:5px" aria-hidden="true" class="wp-block-spacer"></div>
-	<!-- /wp:spacer -->
-
-	<!-- wp:paragraph -->
-	<p>' . esc_html__( 'Skateboarding can teach people discipline, patience, and resiliency. It’s a great sport for kids with a lot of energy! We’ll help build up some structure and support in your life, all while you meet new people and have a ton of fun learning how to skateboard.', 'skatepark' ) . '</p>
-	<!-- /wp:paragraph --></div>
-	<!-- /wp:group -->',
-);

+ 0 - 29
skatepark/inc/patterns/full-width-image-with-aside-caption.php

@@ -1,29 +0,0 @@
-<?php
-/**
- * Full width image with aside caption.
- *
- * @package Skatepark
- */
-
-return array(
-	'title'      => __( 'Full width image with aside caption', 'skatepark' ),
-	'categories' => array( 'skatepark' ),
-	'content'    => '<!-- wp:image {"align":"full","className":"alignfull size-large is-style-skatepark-aside-caption"} -->
-	<figure class="wp-block-image alignfull size-large is-style-skatepark-aside-caption"><img src="' . get_stylesheet_directory_uri() . '/assets/images/skatepark.jpg" alt="' . esc_attr__( 'A skateboarder does a grab trick in a bowl-shaped skate park. In the background is a watching crowd, palm trees, and the ocean.', 'skatepark' ) . '"/></figure>
-	<!-- /wp:image -->
-	<!-- wp:columns {"align":"wide"} -->
-	<div class="wp-block-columns alignwide"><!-- wp:column -->
-	<div class="wp-block-column"></div>
-	<!-- /wp:column -->
-
-	<!-- wp:column {"width":"40%"} -->
-	<div class="wp-block-column" style="flex-basis:40%"><!-- wp:separator {"className":"is-style-wide"} -->
-	<hr class="wp-block-separator is-style-wide"/>
-	<!-- /wp:separator -->
-
-	<!-- wp:paragraph {"fontSize":"small"} -->
-	<p class="has-small-font-size">' . esc_html__( 'Learn the basics of skating along with a group of your peers. More advanced at skating? Our skateboarding coaches will work with you 1:1 to advance your technique.', 'skatepark' ) . '</p>
-	<!-- /wp:paragraph --></div>
-	<!-- /wp:column --></div>
-	<!-- /wp:columns -->',
-);

+ 0 - 19
skatepark/inc/patterns/hidden-404.php

@@ -1,19 +0,0 @@
-<?php
-/**
- * A 404 page
- *
- * @package Skatepark
- */
-
-return array(
-	'title'      => __( '404', 'skatepark' ),
-	'categories' => array( 'skatepark' ),
-	'inserter'   => false,
-	'content'    => '<!-- wp:heading {"textAlign":"center","level":1,"fontSize":"medium"} -->
-<h1 class="has-text-align-center has-medium-font-size" id="oops-that-page-can-t-be-found">' . esc_html__( "Oops! That page can&rsquo;t be found.", "skatepark" ) . '</h1>
-<!-- /wp:heading -->
-
-<!-- wp:paragraph -->
-<p>' . esc_html__( "It looks like nothing was found at this location. Maybe try a search?", "skatepark" ) . '</p>
-<!-- /wp:paragraph -->',
-);

+ 0 - 54
skatepark/inc/patterns/hidden-home-patterns.php

@@ -1,54 +0,0 @@
-<?php
-/**
- * Block patterns for home page.
- *
- * @package Skatepark
- * @since 1.0.0
- *
- */
-
-return array(
-	'title'      => __( 'Block patterns for home page', 'skatepark' ),
-	'categories' => array( 'skatepark' ),
-	'inserter'   => false,
-	'content'    => '<!-- wp:heading {"level":1,"align":"wide","style":{"spacing":{"margin":{"bottom":"calc(var(--wp--custom--gap--vertical) * 3)"}}}} -->
-	<h1 class="alignwide" style="margin-bottom:calc(var(--wp--custom--gap--vertical) * 3)">' . esc_html__( 'Empowering at-risk youth through skateboarding', 'skatepark' ) . '</h1>
-	<!-- /wp:heading -->
-
-	<!-- wp:image {"align":"full","className":"alignfull size-large"} -->
-	<figure class="wp-block-image alignfull size-large"><img src="' . get_stylesheet_directory_uri() . '/assets/images/skatepark.jpg" alt="' . esc_attr__( 'A skateboarder does a grab trick in a bowl-shaped skate park. In the background is a watching crowd, palm trees, and the ocean.', 'skatepark' ) . '"/></figure>
-	<!-- /wp:image -->
-	
-	<!-- wp:heading {"level":5,"align":"wide","style":{"spacing":{"margin":{"top":"calc(var(--wp--custom--gap--vertical) * 3)","bottom":"var(--wp--custom--gap--vertical)"}}}} -->
-	<h5 class="alignwide" style="margin-top:calc(var(--wp--custom--gap--vertical) * 3);margin-bottom:var(--wp--custom--gap--vertical)">' . esc_html__( 'Latest posts', 'skatepark' ) . '</h5>
-	<!-- /wp:heading -->
-	
-	<!-- wp:query {"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"displayLayout":{"type":"flex","columns":3},"align":"wide"} -->
-	<div class="wp-block-query alignwide"><!-- wp:post-template -->
-	<!-- wp:group {"style":{"spacing":{"padding":{"top":"30px"}}},"layout":{"inherit":false}} -->
-	<div class="wp-block-group" style="padding-top:30px">
-
-	<!-- wp:separator {"className":"is-style-wide"} -->
-	<hr class="wp-block-separator is-style-wide"/>
-	<!-- /wp:separator -->
-	
-	<!-- wp:post-featured-image {"style":{"spacing":{"margin":{"top":"calc(2 * var( --wp--style--block-gap ))"}}},"isLink":true} /-->
-
-	<!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"calc(2 * var( --wp--style--block-gap ))"}},"typography":{"fontSize":"var(--wp--custom--font-sizes--normal)"}}} /-->
-
-	<!-- wp:post-excerpt {"moreText":"' . esc_html__( 'Continue reading', 'skatepark' ) . '"} /-->
-
-	<!-- wp:post-date {"style":{"typography":{"fontSize":"16px","fontWeight":"500"}},"isLink":true} /--></div>
-	<!-- /wp:group -->
-	<!-- /wp:post-template -->
-
-	<!-- wp:spacer {"height":"70px"} -->
-	<div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>
-	<!-- /wp:spacer -->
-
-	<!-- wp:query-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} -->
-	<!-- wp:query-pagination-previous /-->
-	<!-- wp:query-pagination-next /-->
-	<!-- /wp:query-pagination --></div>
-	<!-- /wp:query -->',
-);

+ 0 - 92
skatepark/inc/patterns/mixed-media-in-container.php

@@ -1,92 +0,0 @@
-<?php
-/**
- * Pre Footer.
- *
- * @package Skatepark
- */
-
-return array(
-	'title'      => __( 'Mixed Media in Container', 'skatepark' ),
-	'categories' => array( 'skatepark' ),
-	'content'    => '<!-- wp:spacer {"height":40} -->
-	<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
-	<!-- /wp:spacer -->
-
-	<!-- wp:group {"align":"wide","style":{"border":{"style":"solid"},"spacing":{"padding":{"top":"4%","right":"4%","bottom":"4%","left":"4%"}}},"className":"skatepark-mixed-media-in-container"} -->
-	<div class="wp-block-group alignwide skatepark-mixed-media-in-container" style="border-style:solid;padding-top:4%;padding-right:4%;padding-bottom:4%;padding-left:4%"><!-- wp:columns {"align":"wide"} -->
-	<div class="wp-block-columns alignwide"><!-- wp:column {"width":"33.33%"} -->
-	<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:heading {"level":3} -->
-	<h3>' . esc_html__( 'Why Camp?', 'skatepark' ) . '</h3>
-	<!-- /wp:heading --></div>
-	<!-- /wp:column -->
-
-	<!-- wp:column {"width":"66.66%"} -->
-	<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:paragraph -->
-	<p>' . esc_html__( 'Skateboarding can teach people discipline, patience, and resiliency. It’s a great sport for kids with a lot of energy! We’ll help build up some structure and support in your life, all while you meet new people and have a ton of fun learning how to skateboard. Just think of all the cool tricks you’ll learn!', 'skatepark' ) . '</p>
-	<!-- /wp:paragraph -->
-
-	<!-- wp:spacer {"height":40} -->
-	<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
-	<!-- /wp:spacer -->
-
-	<!-- wp:image {"sizeSlug":"large","style":{"color":{"duotone":["#000","#BFF5A5"]}}} -->
-	<figure class="wp-block-image size-large"><img src="' . get_stylesheet_directory_uri() . '/assets/images/skateboard-sideways.jpg" " alt="' . esc_attr__( 'A skateboard laying on its side on top of concrete.', 'skatepark' ) . '"/></figure>
-	<!-- /wp:image -->
-
-	<!-- wp:spacer {"height":40} -->
-	<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
-	<!-- /wp:spacer --></div>
-	<!-- /wp:column --></div>
-	<!-- /wp:columns -->
-
-	<!-- wp:columns {"align":"wide"} -->
-	<div class="wp-block-columns alignwide"><!-- wp:column -->
-	<div class="wp-block-column"><!-- wp:heading {"level":4} -->
-	<h4>' . esc_html__( 'Discipline', 'skatepark' ) . '</h4>
-	<!-- /wp:heading -->
-
-	<!-- wp:paragraph -->
-	<p>' . esc_html__( 'Skateboarding can teach people discipline, patience, and resiliency. It’s a great sport for kids with a lot of energy! We’ll help build up some structure and support in your life, and you’ll have fun.', 'skatepark' ) . '</p>
-	<!-- /wp:paragraph --><!-- wp:spacer {"height":40} -->
-	<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
-	<!-- /wp:spacer --></div>
-	<!-- /wp:column -->
-
-	<!-- wp:column -->
-	<div class="wp-block-column"></div>
-	<!-- /wp:column -->
-
-	<!-- wp:column -->
-	<div class="wp-block-column"><!-- wp:heading {"level":4} -->
-	<h4>' . esc_html( 'Friendship', 'skatepark' ) . '</h4>
-	<!-- /wp:heading -->
-
-	<!-- wp:paragraph -->
-	<p>' . esc_html( 'Skateboarding is a social sport! Come hang out and meet some new friends to cheer you on while you skate. We have a strict no-bullying policy and maintain a supportive environment.', 'skatepark' ) . '</p>
-	<!-- /wp:paragraph --></div>
-	<!-- /wp:column --></div>
-	<!-- /wp:columns -->
-
-	<!-- wp:columns {"align":"wide"} -->
-	<div class="wp-block-columns alignwide"><!-- wp:column -->
-	<div class="wp-block-column"><!-- wp:separator {"color":"primary","className":"is-style-wide"} -->
-	<hr class="wp-block-separator has-text-color has-background has-primary-background-color has-primary-color is-style-wide"/>
-	<!-- /wp:separator --></div>
-	<!-- /wp:column -->
-
-	<!-- wp:column -->
-	<div class="wp-block-column"><!-- wp:heading {"level":4} -->
-	<h4>' . esc_html( 'Mentoring', 'skatepark' ) . '</h4>
-	<!-- /wp:heading -->
-
-	<!-- wp:paragraph -->
-	<p>' . esc_html( 'Work 1:1 with our team of coaches to learn how to skate. They’ll be your mentors and guides while you’re at camp. Plus, many of our older campers will mentor the younger skaters.', 'skatepark' ) . '</p>
-	<!-- /wp:paragraph --></div>
-	<!-- /wp:column -->
-
-	<!-- wp:column -->
-	<div class="wp-block-column"></div>
-	<!-- /wp:column --></div>
-	<!-- /wp:columns --></div>
-	<!-- /wp:group -->',
-);

+ 0 - 48
skatepark/inc/patterns/paragraph-with-quote.php

@@ -1,48 +0,0 @@
-<?php
-/**
- * Paragraph with quote.
- *
- * @package Skatepark
- */
-
-return array(
-	'title'      => __( 'Paragraph with quote', 'skatepark' ),
-	'categories' => array( 'skatepark' ),
-	'content'    => '<!-- wp:columns {"align":"wide","className":"paragraph-with-quote"} -->
-	<div class="wp-block-columns alignwide paragraph-with-quote"><!-- wp:column {"width":"22%"} -->
-	<div class="wp-block-column" style="flex-basis:22%"></div>
-	<!-- /wp:column -->
-
-	<!-- wp:column {"width":"56%","style":{"spacing":{"padding":{"right":"10%"}}}} -->
-	<div class="wp-block-column" style="padding-right:10%;flex-basis:56%"><!-- wp:heading {"level":4} -->
-	<h4>' . esc_html__( 'Why come to Skatepark?', 'skatepark' ) . '</h4>
-	<!-- /wp:heading -->
-
-	<!-- wp:paragraph -->
-	<p>' . esc_html__( 'Skateboarding can teach people discipline, patience, and resiliency. It’s a great sport for kids with a lot of energy! We’ll help build up some structure and support in your life, all while you meet new people and have a ton of fun learning how to skateboard.', 'skatepark' ) . '</p>
-	<!-- /wp:paragraph -->
-
-	<!-- wp:paragraph -->
-	<p>' . esc_html__( 'Skateboarding is a social sport! Come hang out and meet some new friends to cheer you on while you skate. We have a strict no-bullying policy and maintain a supportive environment for all camp attendees. Plus, you’ll work 1:1 with our team of coaches to learn how to skate.', 'skatepark' ) . '</p>
-	<!-- /wp:paragraph --></div>
-	<!-- /wp:column -->
-
-	<!-- wp:column {"width":"22%","style":{"spacing":{"padding":{"top":"4.1em"}}}} -->
-	<div class="wp-block-column" style="padding-top:4.1em;flex-basis:22%">
-
-	<!-- wp:separator {"className":"is-style-wide"} -->
-	<hr class="wp-block-separator is-style-wide"/>
-	<!-- /wp:separator -->
-	
-	<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4}},"fontSize":"medium"} -->
-	<p class="has-medium-font-size" style="line-height:1.4">' . esc_html__( 'I learned how to do a kick flip and made a bunch of new friends. Can’t wait to go back!', 'skatepark' ) . '</p>
-	<!-- /wp:paragraph -->
-
-	<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}}} -->
-	<p style="font-style:normal;font-weight:600">' . esc_html__( '– Jane Doe, 11', 'skatepark' ) . '</p>
-	<!-- /wp:paragraph -->
-
-	</div>
-	<!-- /wp:column --></div>
-	<!-- /wp:columns -->',
-);

+ 0 - 32
skatepark/inc/patterns/testimonial.php

@@ -1,32 +0,0 @@
-<?php
-/**
- * Testimonial.
- *
- * @package Skatepark
- */
-
-return array(
-	'title'      => __( 'Testimonial', 'skatepark' ),
-	'categories' => array( 'skatepark' ),
-	'content'    => '<!-- wp:columns {"align":"wide"} -->
-    <div class="wp-block-columns alignwide"><!-- wp:column {"width":"25%","style":{"spacing":{"padding":{"top":"3em","right":"2em"}}}} -->
-
-    <div class="wp-block-column" style="padding-top:3em;padding-right:2em;flex-basis:25%"><!-- wp:separator {"className":"is-style-wide"} -->
-    <hr class="wp-block-separator is-style-wide"/>
-    <!-- /wp:separator -->
-
-    <!-- wp:paragraph {"align":"right","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}}} -->
-    <p class="has-text-align-right" style="font-style:normal;font-weight:500">' . esc_html__( 'Jane Doe', 'skatepark' ) . '</p>
-    <!-- /wp:paragraph --></div>
-    <!-- /wp:column -->
-
-    <!-- wp:column -->
-    <div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1.15"}},"fontSize":"calc( var(--wp--preset--font-size--x-large) * 1.34)"} -->
-    <p style="font-size:calc( var(--wp--preset--font-size--x-large) * 1.34);font-style:normal;font-weight:600;line-height:1.15">' . esc_html__( 'I learned how to do a kick flip and made a bunch of new friends. Can’t wait to go back!', 'skatepark' ) . '</p>
-    <!-- /wp:paragraph --></div>
-    <!-- /wp:column --></div>
-    <!-- /wp:columns -->
-    
-    
-    ',
-);

+ 0 - 39
skatepark/inc/patterns/text-list-with-button.php

@@ -1,39 +0,0 @@
-<?php
-/**
- * Text list with Button.
- *
- * @package Skatepark
- * @since 1.0.0
- *
- */
-
-return array(
-	'title'      => __( 'Text List with Button', 'skatepark' ),
-	'categories' => array( 'skatepark' ),
-	'content'    => '<!-- wp:columns {"align":"wide"} -->
-		<div class="wp-block-columns alignwide"><!-- wp:column {"width":"75%"} -->
-		<div class="wp-block-column" style="flex-basis:75%">
-		<!-- wp:group {"layout":{"type":"flex","allowOrientation":false}} -->
-		<div class="wp-block-group"><!-- wp:group -->
-		<div class="wp-block-group"><!-- wp:separator {"className":"is-style-wide"} -->
-		<hr class="wp-block-separator is-style-wide"/>
-		<!-- /wp:separator -->
-		
-		<!-- wp:heading {"level":4,"style":{"spacing":{"margin":{"top":"1em"}}}} -->
-		<h4 id="visiting-coaches" style="margin-top:1em">' . esc_html__( 'Visiting Coaches', 'skatepark' ) . '</h4>
-		<!-- /wp:heading --></div>
-		<!-- /wp:group --></div>
-		<!-- /wp:group -->
-		<!-- wp:heading --><h2>' . esc_html__( 'Steph Harper. Buddy Sellers. Mehmet Farrow. Bob Lopez. Tammy Habich. Tye Barclay. Kaden Price. Lily Rivera. Chris Wright. Sammy Sanchez.', 'skatepark' ) . '</h2>
-		<!-- /wp:heading -->
-		<!-- wp:buttons -->
-		<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
-		<div class="wp-block-button is-style-outline"><a class="wp-block-button__link">' . esc_html__( 'See All Faculty', 'skatepark' ) . '</a></div>
-		<!-- /wp:button --></div>
-		<!-- /wp:buttons --></div>
-		<!-- /wp:column -->
-		<!-- wp:column {"width":"25%"} -->
-		<div class="wp-block-column" style="flex-basis:25%"></div>
-		<!-- /wp:column --></div>
-		<!-- /wp:columns -->',
-);

+ 0 - 45
skatepark/inc/patterns/three-columns.php

@@ -1,45 +0,0 @@
-<?php
-/**
- * Three columns
- *
- * @package Skatepark
- */
-
-return array(
-	'title'      => __( 'Footer with 3 columns', 'skatepark' ),
-	'categories' => array( 'skatepark' ),
-	'content'    => '<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"60px","bottom":"60px"}}}} -->
-		<div class="wp-block-group alignwide pre-footer" style="padding-top:60px;padding-bottom:60px"><!-- wp:columns -->
-		<div class="wp-block-columns"><!-- wp:column -->
-		<div class="wp-block-column"><!-- wp:site-title {"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"medium"} /-->
-
-		<!-- wp:site-tagline {"fontSize":"small"} /-->
-
-		<!-- wp:social-links {"iconColor":"primary","iconColorValue":"#000000","className":"is-style-logos-only"} -->
-		<ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"https://twitter.com/","service":"twitter"} /-->
-
-		<!-- wp:social-link {"url":"https://facebook.com/","service":"facebook"} /-->
-
-		<!-- wp:social-link {"url":"https://instagram.com/","service":"instagram"} /--></ul>
-		<!-- /wp:social-links --></div>
-		<!-- /wp:column -->
-
-		<!-- wp:column -->
-		<div class="wp-block-column"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"14px"}}} -->
-		<h3 style="font-size:14px;"><strong>' . esc_html__( 'More info', 'skatepark' ) . '</strong></h3>
-		<!-- /wp:heading -->
-
-		<!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left","orientation":"vertical"},"overlayBackgroundColor":"foreground","overlayTextColor":"background","fontSize":"small"} -->
-			<!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
-		<!-- /wp:navigation -->
-		
-		</div>
-		<!-- /wp:column -->
-
-		<!-- wp:column -->
-		<div class="wp-block-column"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"14px","textTransform":"uppercase"}}} -->
-		<h3 style="text-transform:uppercase;font-size:14px"><strong>' . esc_html__( 'Search', 'skatepark' ) . '</strong></h3><!-- /wp:heading --><!-- wp:search {"label":"' . esc_html__( 'Search', 'skatepark' ) . '","showLabel":false,"buttonText":"' . esc_html__( 'Search', 'skatepark' ) . '","buttonPosition":"button-inside"} /--></div>
-		<!-- /wp:column --></div>
-		<!-- /wp:columns --></div>
-		<!-- /wp:group -->',
-);

+ 34 - 0
skatepark/patterns/blog-posts.php

@@ -0,0 +1,34 @@
+<?php
+/**
+ * Title: Blog posts
+ * Slug: skatepark/blog-posts
+ * Categories: featured, query
+ */
+?>
+
+<!-- wp:query {"query":{"perPage":6,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"displayLayout":{"type":"flex","columns":3},"align":"wide"} -->
+<div class="wp-block-query alignwide"><!-- wp:post-template -->
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"30px"}}},"layout":{"inherit":false}} -->
+<div class="wp-block-group" style="padding-top:30px">
+<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"var( --wp--style--block-gap )"}}}} -->
+<div class="wp-block-group" style="padding-bottom:var( --wp--style--block-gap )"><!-- wp:separator {"className":"is-style-wide"} -->
+<hr class="wp-block-separator is-style-wide"/>
+<!-- /wp:separator --></div>
+<!-- /wp:group -->
+
+<!-- wp:post-featured-image {"isLink":true,"style":{"color":{"duotone":["#000","#B9FB9C"]}}} /-->
+
+<!-- wp:post-title {"isLink":true,"style":{"typography":{"fontSize":"var(--wp--custom--font-sizes--normal)"},"spacing":{"margin":{"bottom":"calc( 0.5 * var(--wp--custom--gap--vertical) )"}}}} /-->
+
+<!-- wp:post-excerpt {"moreText":"<?php echo esc_html__( 'Continue reading', 'skatepark' ); ?>","style":{"spacing":{"margin":{"top":"calc( 0.5 * var(--wp--custom--gap--vertical) )","bottom":"calc( 0.5 * var(--wp--custom--gap--vertical) )"}}}} /-->
+
+<!-- wp:post-date {"style":{"typography":{"fontSize":"16px","fontWeight":"500"}},"isLink":true} /--></div>
+<!-- /wp:group -->
+<!-- /wp:post-template -->
+
+<!-- wp:query-pagination -->
+<!-- wp:query-pagination-previous /-->
+
+<!-- wp:query-pagination-next /-->
+<!-- /wp:query-pagination --></div>
+<!-- /wp:query -->

+ 51 - 0
skatepark/patterns/columns-in-container.php

@@ -0,0 +1,51 @@
+<?php
+/**
+ * Title: Columns in container
+ * Slug: skatepark/columns-in-container
+ * Categories: featured, columns
+ */
+?>
+
+<!-- wp:spacer {"height":40} -->
+<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:group {"align":"wide","style":{"border":{"width":"3px","style":"solid"},"spacing":{"padding":{"top":"4%","right":"4%","bottom":"4%","left":"4%"}}},"borderColor":"primary","className":"columns-in-container","layout":{"inherit":true}} -->
+<div class="wp-block-group alignwide columns-in-container has-border-color has-primary-border-color" style="border-style:solid;border-width:3px;padding-top:4%;padding-right:4%;padding-bottom:4%;padding-left:4%"><!-- wp:columns {"align":"wide"} -->
+<div class="wp-block-columns alignwide"><!-- wp:column -->
+<div class="wp-block-column"><!-- wp:heading {"level":4} -->
+<h4><?php echo esc_html__( 'Learn to skate', 'skatepark' ); ?></h4>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><?php echo esc_html__( 'Skatepark welcomes youth of all ages and experience levels. Whether you’ve never been on a board before, or you can already do tricks, there’s a place for you and something to learn.', 'skatepark' ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:heading {"level":4} -->
+<h4><?php echo esc_html__( 'Make new friends', 'skatepark' ); ?></h4>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><?php echo esc_html__( 'Skateboarding is a social sport! Come hang out and meet some new friends to cheer you on while you skate. We have a strict no-bullying policy and maintain a supportive environment.', 'skatepark' ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:spacer {"height":40} -->
+<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:image {"align":"wide","id":26,"sizeSlug":"large","linkDestination":"none","style":{"color":{"duotone":["#000","#B9FB9C"]}}} -->
+<figure class="wp-block-image alignwide size-large"><img src="<?php echo get_stylesheet_directory_uri() . '/assets/images/riding-skateboard.jpeg'; ?>" alt="<?php echo esc_html__( 'Close-up of a person riding a skateboard, focusing on their feet and the board. One foot is on the board, while the other foot is up, in motion. A skatepark is blurred in the background.', 'skatepark' ); ?>" class="wp-image-26"/></figure>
+<!-- /wp:image -->
+
+<!-- wp:spacer {"height":5} -->
+<div style="height:5px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:paragraph -->
+<p><?php echo esc_html__( 'Skateboarding can teach people discipline, patience, and resiliency. It’s a great sport for kids with a lot of energy! We’ll help build up some structure and support in your life, all while you meet new people and have a ton of fun learning how to skateboard.', 'skatepark' ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->

+ 26 - 0
skatepark/patterns/full-width-image-with-aside-caption.php

@@ -0,0 +1,26 @@
+<?php
+/**
+ * Title: Full width image with aside caption
+ * Slug: skatepark/full-width-image-with-aside-caption
+ * Categories: featured, text, images
+ */
+?>
+
+<!-- wp:image {"align":"full","className":"alignfull size-large is-style-skatepark-aside-caption"} -->
+<figure class="wp-block-image alignfull size-large is-style-skatepark-aside-caption"><img src="<?php echo get_stylesheet_directory_uri() . '/assets/images/skatepark.jpg'; ?>" alt="<?php echo esc_attr__( 'A skateboarder does a grab trick in a bowl-shaped skate park. In the background is a watching crowd, palm trees, and the ocean.', 'skatepark' ); ?>"/></figure>
+<!-- /wp:image -->
+<!-- wp:columns {"align":"wide"} -->
+<div class="wp-block-columns alignwide"><!-- wp:column -->
+<div class="wp-block-column"></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"40%"} -->
+<div class="wp-block-column" style="flex-basis:40%"><!-- wp:separator {"className":"is-style-wide"} -->
+<hr class="wp-block-separator is-style-wide"/>
+<!-- /wp:separator -->
+
+<!-- wp:paragraph {"fontSize":"small"} -->
+<p class="has-small-font-size"><?php echo esc_html__( 'Learn the basics of skating along with a group of your peers. More advanced at skating? Our skateboarding coaches will work with you 1:1 to advance your technique.', 'skatepark' ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->

+ 15 - 0
skatepark/patterns/hidden-404.php

@@ -0,0 +1,15 @@
+<?php
+/**
+ * Title: 404 page
+ * Slug: skatepark/hidden-404
+ * Inserter: no
+ */
+?>
+
+<!-- wp:heading {"textAlign":"center","level":1,"fontSize":"medium"} -->
+<h1 class="has-text-align-center has-medium-font-size" id="oops-that-page-can-t-be-found"><?php echo esc_html__( "Oops! That page can&rsquo;t be found.", "skatepark" ); ?></h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><?php echo esc_html__( "It looks like nothing was found at this location. Maybe try a search?", "skatepark" ); ?></p>
+<!-- /wp:paragraph -->

+ 48 - 0
skatepark/patterns/hidden-home-patterns.php

@@ -0,0 +1,48 @@
+<?php
+/**
+ * Title: Block patterns for home page
+ * Slug: skatepark/hidden-home-patterns
+ * Inserter: no
+ */
+?>
+
+<!-- wp:heading {"level":1,"align":"wide","style":{"spacing":{"margin":{"bottom":"calc(var(--wp--custom--gap--vertical) * 3)"}}}} -->
+<h1 class="alignwide" style="margin-bottom:calc(var(--wp--custom--gap--vertical) * 3)"><?php echo esc_html__( 'Empowering at-risk youth through skateboarding', 'skatepark' ); ?></h1>
+<!-- /wp:heading -->
+
+<!-- wp:image {"align":"full","className":"alignfull size-large"} -->
+<figure class="wp-block-image alignfull size-large"><img src="<?php echo get_stylesheet_directory_uri() . '/assets/images/skatepark.jpg'; ?>" alt="<?php echo esc_attr__( 'A skateboarder does a grab trick in a bowl-shaped skate park. In the background is a watching crowd, palm trees, and the ocean.', 'skatepark' ); ?>"/></figure>
+<!-- /wp:image -->
+
+<!-- wp:heading {"level":5,"align":"wide","style":{"spacing":{"margin":{"top":"calc(var(--wp--custom--gap--vertical) * 3)","bottom":"var(--wp--custom--gap--vertical)"}}}} -->
+<h5 class="alignwide" style="margin-top:calc(var(--wp--custom--gap--vertical) * 3);margin-bottom:var(--wp--custom--gap--vertical)"><?php echo esc_html__( 'Latest posts', 'skatepark' ); ?></h5>
+<!-- /wp:heading -->
+
+<!-- wp:query {"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"displayLayout":{"type":"flex","columns":3},"align":"wide"} -->
+<div class="wp-block-query alignwide"><!-- wp:post-template -->
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"30px"}}},"layout":{"inherit":false}} -->
+<div class="wp-block-group" style="padding-top:30px">
+
+<!-- wp:separator {"className":"is-style-wide"} -->
+<hr class="wp-block-separator is-style-wide"/>
+<!-- /wp:separator -->
+
+<!-- wp:post-featured-image {"style":{"spacing":{"margin":{"top":"calc(2 * var( --wp--style--block-gap ))"}}},"isLink":true} /-->
+
+<!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"calc(2 * var( --wp--style--block-gap ))"}},"typography":{"fontSize":"var(--wp--custom--font-sizes--normal)"}}} /-->
+
+<!-- wp:post-excerpt {"moreText":"<?php echo esc_html__( 'Continue reading', 'skatepark' ); ?>"} /-->
+
+<!-- wp:post-date {"style":{"typography":{"fontSize":"16px","fontWeight":"500"}},"isLink":true} /--></div>
+<!-- /wp:group -->
+<!-- /wp:post-template -->
+
+<!-- wp:spacer {"height":"70px"} -->
+<div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:query-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} -->
+<!-- wp:query-pagination-previous /-->
+<!-- wp:query-pagination-next /-->
+<!-- /wp:query-pagination --></div>
+<!-- /wp:query -->

+ 89 - 0
skatepark/patterns/mixed-media-in-container.php

@@ -0,0 +1,89 @@
+<?php
+/**
+ * Title: Mixed Media in container
+ * Slug: skatepark/mixed-media-in-container
+ * Categories: featured, text, images
+ */
+?>
+
+<!-- wp:spacer {"height":40} -->
+<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:group {"align":"wide","style":{"border":{"style":"solid"},"spacing":{"padding":{"top":"4%","right":"4%","bottom":"4%","left":"4%"}}},"className":"skatepark-mixed-media-in-container"} -->
+<div class="wp-block-group alignwide skatepark-mixed-media-in-container" style="border-style:solid;padding-top:4%;padding-right:4%;padding-bottom:4%;padding-left:4%"><!-- wp:columns {"align":"wide"} -->
+<div class="wp-block-columns alignwide"><!-- wp:column {"width":"33.33%"} -->
+<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:heading {"level":3} -->
+<h3><?php echo esc_html__( 'Why Camp?', 'skatepark' ); ?></h3>
+<!-- /wp:heading --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"66.66%"} -->
+<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:paragraph -->
+<p><?php echo esc_html__( 'Skateboarding can teach people discipline, patience, and resiliency. It’s a great sport for kids with a lot of energy! We’ll help build up some structure and support in your life, all while you meet new people and have a ton of fun learning how to skateboard. Just think of all the cool tricks you’ll learn!', 'skatepark' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:spacer {"height":40} -->
+<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:image {"sizeSlug":"large","style":{"color":{"duotone":["#000","#BFF5A5"]}}} -->
+<figure class="wp-block-image size-large"><img src="<?php echo get_stylesheet_directory_uri() . '/assets/images/skateboard-sideways.jpg'; ?>" alt="<?php echo esc_attr__( 'A skateboard laying on its side on top of concrete.', 'skatepark' ); ?>"/></figure>
+<!-- /wp:image -->
+
+<!-- wp:spacer {"height":40} -->
+<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:columns {"align":"wide"} -->
+<div class="wp-block-columns alignwide"><!-- wp:column -->
+<div class="wp-block-column"><!-- wp:heading {"level":4} -->
+<h4><?php echo esc_html__( 'Discipline', 'skatepark' ); ?></h4>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><?php echo esc_html__( 'Skateboarding can teach people discipline, patience, and resiliency. It’s a great sport for kids with a lot of energy! We’ll help build up some structure and support in your life, and you’ll have fun.', 'skatepark' ); ?></p>
+<!-- /wp:paragraph --><!-- wp:spacer {"height":40} -->
+<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer --></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:heading {"level":4} -->
+<h4><?php echo esc_html( 'Friendship', 'skatepark' ); ?></h4>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><?php echo esc_html( 'Skateboarding is a social sport! Come hang out and meet some new friends to cheer you on while you skate. We have a strict no-bullying policy and maintain a supportive environment.', 'skatepark' ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:columns {"align":"wide"} -->
+<div class="wp-block-columns alignwide"><!-- wp:column -->
+<div class="wp-block-column"><!-- wp:separator {"color":"primary","className":"is-style-wide"} -->
+<hr class="wp-block-separator has-text-color has-background has-primary-background-color has-primary-color is-style-wide"/>
+<!-- /wp:separator --></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:heading {"level":4} -->
+<h4><?php echo esc_html( 'Mentoring', 'skatepark' ); ?></h4>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><?php echo esc_html( 'Work 1:1 with our team of coaches to learn how to skate. They’ll be your mentors and guides while you’re at camp. Plus, many of our older campers will mentor the younger skaters.', 'skatepark' ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group -->

+ 45 - 0
skatepark/patterns/paragraph-with-quote.php

@@ -0,0 +1,45 @@
+<?php
+/**
+ * Title: Paragraph with quote
+ * Slug: skatepark/paragraph-with-quote
+ * Categories: text
+ */
+?>
+
+<!-- wp:columns {"align":"wide","className":"paragraph-with-quote"} -->
+<div class="wp-block-columns alignwide paragraph-with-quote"><!-- wp:column {"width":"22%"} -->
+<div class="wp-block-column" style="flex-basis:22%"></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"56%","style":{"spacing":{"padding":{"right":"10%"}}}} -->
+<div class="wp-block-column" style="padding-right:10%;flex-basis:56%"><!-- wp:heading {"level":4} -->
+<h4><?php echo esc_html__( 'Why come to Skatepark?', 'skatepark' ); ?></h4>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><?php echo esc_html__( 'Skateboarding can teach people discipline, patience, and resiliency. It’s a great sport for kids with a lot of energy! We’ll help build up some structure and support in your life, all while you meet new people and have a ton of fun learning how to skateboard.', 'skatepark' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><?php echo esc_html__( 'Skateboarding is a social sport! Come hang out and meet some new friends to cheer you on while you skate. We have a strict no-bullying policy and maintain a supportive environment for all camp attendees. Plus, you’ll work 1:1 with our team of coaches to learn how to skate.', 'skatepark' ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"22%","style":{"spacing":{"padding":{"top":"4.1em"}}}} -->
+<div class="wp-block-column" style="padding-top:4.1em;flex-basis:22%">
+
+<!-- wp:separator {"className":"is-style-wide"} -->
+<hr class="wp-block-separator is-style-wide"/>
+<!-- /wp:separator -->
+
+<!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4}},"fontSize":"medium"} -->
+<p class="has-medium-font-size" style="line-height:1.4"><?php echo esc_html__( 'I learned how to do a kick flip and made a bunch of new friends. Can’t wait to go back!', 'skatepark' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}}} -->
+<p style="font-style:normal;font-weight:600"><?php echo esc_html__( '– Jane Doe, 11', 'skatepark' ); ?></p>
+<!-- /wp:paragraph -->
+
+</div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->

+ 26 - 0
skatepark/patterns/testimonial.php

@@ -0,0 +1,26 @@
+<?php
+/**
+ * Title: Testimonial
+ * Slug: skatepark/testimonial
+ * Categories: featured, text
+ */
+?>
+
+<!-- wp:columns {"align":"wide"} -->
+<div class="wp-block-columns alignwide"><!-- wp:column {"width":"25%","style":{"spacing":{"padding":{"top":"3em","right":"2em"}}}} -->
+
+<div class="wp-block-column" style="padding-top:3em;padding-right:2em;flex-basis:25%"><!-- wp:separator {"className":"is-style-wide"} -->
+<hr class="wp-block-separator is-style-wide"/>
+<!-- /wp:separator -->
+
+<!-- wp:paragraph {"align":"right","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}}} -->
+<p class="has-text-align-right" style="font-style:normal;font-weight:500"><?php echo esc_html__( 'Jane Doe', 'skatepark' ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1.15"}},"fontSize":"calc( var(--wp--preset--font-size--x-large) * 1.34)"} -->
+<p style="font-size:calc( var(--wp--preset--font-size--x-large) * 1.34);font-style:normal;font-weight:600;line-height:1.15"><?php echo esc_html__( 'I learned how to do a kick flip and made a bunch of new friends. Can’t wait to go back!', 'skatepark' ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->

+ 34 - 0
skatepark/patterns/text-list-with-button.php

@@ -0,0 +1,34 @@
+<?php
+/**
+ * Title: Text list with button
+ * Slug: skatepark/text-list-with-button
+ * Categories: text
+ */
+?>
+
+<!-- wp:columns {"align":"wide"} -->
+<div class="wp-block-columns alignwide"><!-- wp:column {"width":"75%"} -->
+<div class="wp-block-column" style="flex-basis:75%">
+<!-- wp:group {"layout":{"type":"flex","allowOrientation":false}} -->
+<div class="wp-block-group"><!-- wp:group -->
+<div class="wp-block-group"><!-- wp:separator {"className":"is-style-wide"} -->
+<hr class="wp-block-separator is-style-wide"/>
+<!-- /wp:separator -->
+
+<!-- wp:heading {"level":4,"style":{"spacing":{"margin":{"top":"1em"}}}} -->
+<h4 id="visiting-coaches" style="margin-top:1em"><?php echo esc_html__( 'Visiting Coaches', 'skatepark' ); ?></h4>
+<!-- /wp:heading --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+<!-- wp:heading --><h2><?php echo esc_html__( 'Steph Harper. Buddy Sellers. Mehmet Farrow. Bob Lopez. Tammy Habich. Tye Barclay. Kaden Price. Lily Rivera. Chris Wright. Sammy Sanchez.', 'skatepark' ); ?></h2>
+<!-- /wp:heading -->
+<!-- wp:buttons -->
+<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
+<div class="wp-block-button is-style-outline"><a class="wp-block-button__link"><?php echo esc_html__( 'See All Faculty', 'skatepark' ); ?></a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons --></div>
+<!-- /wp:column -->
+<!-- wp:column {"width":"25%"} -->
+<div class="wp-block-column" style="flex-basis:25%"></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->

+ 42 - 0
skatepark/patterns/three-columns.php

@@ -0,0 +1,42 @@
+<?php
+/**
+ * Title: Three columns
+ * Slug: skatepark/three-columns
+ * Categories: columns
+ */
+?>
+
+<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"60px","bottom":"60px"}}}} -->
+<div class="wp-block-group alignwide pre-footer" style="padding-top:60px;padding-bottom:60px"><!-- wp:columns -->
+<div class="wp-block-columns"><!-- wp:column -->
+<div class="wp-block-column"><!-- wp:site-title {"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"medium"} /-->
+
+<!-- wp:site-tagline {"fontSize":"small"} /-->
+
+<!-- wp:social-links {"iconColor":"primary","iconColorValue":"#000000","className":"is-style-logos-only"} -->
+<ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"https://twitter.com/","service":"twitter"} /-->
+
+<!-- wp:social-link {"url":"https://facebook.com/","service":"facebook"} /-->
+
+<!-- wp:social-link {"url":"https://instagram.com/","service":"instagram"} /--></ul>
+<!-- /wp:social-links --></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"14px"}}} -->
+<h3 style="font-size:14px;"><strong><?php echo esc_html__( 'More info', 'skatepark' ); ?></strong></h3>
+<!-- /wp:heading -->
+
+<!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left","orientation":"vertical"},"overlayBackgroundColor":"foreground","overlayTextColor":"background","fontSize":"small"} -->
+	<!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
+<!-- /wp:navigation -->
+
+</div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"14px","textTransform":"uppercase"}}} -->
+<h3 style="text-transform:uppercase;font-size:14px"><strong><?php echo esc_html__( 'Search', 'skatepark' ); ?></strong></h3><!-- /wp:heading --><!-- wp:search {"label":"<?php echo esc_html__( 'Search', 'skatepark' ); ?>","showLabel":false,"buttonText":"<?php echo esc_html__( 'Search', 'skatepark' ); ?>","buttonPosition":"button-inside"} /--></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group -->