Archeo: Load patterns automatically (#5715)

* Archeo: Load patterns automatically

* Add block types

* Move archeo_register_block_patterns to functions.php

* Update footer pattern inline with trunk

* Update Image with headline and description pattern inline with trunk

* Update archeo/functions.php

Co-authored-by: Jeff Ong <jonger4@gmail.com>

* Fix spacing in simple list of posts pattern

Co-authored-by: Sarah Norris <sarah@sekai.co.uk>
Co-authored-by: Jeff Ong <jonger4@gmail.com>

archeo/functions.php

@@ -60,5 +60,43 @@ endif;
 
 add_action( 'wp_enqueue_scripts', 'archeo_styles' );
 
-// Add block patterns
-require get_template_directory() . '/inc/block-patterns.php';
+/**
+ * Registers block patterns and categories.
+ *
+ * @since Archeo 1.0
+ *
+ * @return void
+ */
+function archeo_register_block_pattern_categories() {
+	$block_pattern_categories = array(
+		'images'   => array( 'label' => __( 'Images', 'archeo' ) ),
+		'featured' => array( 'label' => __( 'Featured', 'archeo' ) ),
+		'footer'   => array( 'label' => __( 'Footers', 'archeo' ) ),
+		'query'    => array( 'label' => __( 'Query', 'archeo' ) ),
+	);
+
+	/**
+	 * Filters the theme block pattern categories.
+	 *
+	 * @since archeo 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( 'archeo_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', 'archeo_register_block_patterns', 9 );

archeo/inc/block-patterns.php

@@ -1,79 +0,0 @@
-<?php
-/**
- * archeo: Block Patterns
- *
- * @since archeo 1.0
- */
-
-/**
- * Registers block patterns and categories.
- *
- * @since archeo 1.0
- *
- * @return void
- */
-function archeo_register_block_patterns() {
-	$block_pattern_categories = array(
-		'images' => array( 'label' => __( 'Images', 'archeo' ) ),
-		'featured' => array( 'label' => __( 'Featured', 'archeo' ) ),
-		'footer' => array( 'label' => __( 'Footers', 'archeo' ) ),
-		'query' => array( 'label' => __( 'Query', 'archeo' ) ),
-	);
-
-	/**
-	 * Filters the theme block pattern categories.
-	 *
-	 * @since archeo 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( 'archeo_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 );
-		}
-	}
-
-	$block_patterns = array(
-		'footer',
-		'headline-over-dark-image',
-		'hidden-404',
-		'image-with-headline-on-dark-background',
-		'image-with-headline-description',
-		'image-with-headline-separate-description',
-		'image-with-description',
-		'layered-images-with-headline',
-		'image-with-description-and-right-aligned-headline',
-		'simple-list-of-posts',
-		'simple-list-of-posts-with-background',
-		'layout-with-two-images-and-text',
-	);
-
-	/**
-	 * Filters the theme block patterns.
-	 *
-	 * @since archeo 1.0
-	 *
-	 * @param array $block_patterns List of block patterns by name.
-	 */
-	$block_patterns = apply_filters( 'archeo_block_patterns', $block_patterns );
-
-	foreach ( $block_patterns as $block_pattern ) {
-		$pattern_file = get_theme_file_path( '/inc/patterns/' . $block_pattern . '.php' );
-
-		register_block_pattern(
-			'archeo/' . $block_pattern,
-			require $pattern_file
-		);
-	}
-}
-add_action( 'init', 'archeo_register_block_patterns', 9 );

archeo/inc/patterns/footer.php

@@ -1,24 +0,0 @@
-<?php
-/**
- * Default footer block pattern
- */
-return array(
-	'title'      => __( 'Default footer', 'archeo' ),
-	'categories' => array( 'footer' ),
-	'blockTypes' => array( 'core/template-part/footer' ),
-	'content'    => '<!-- wp:group {"layout":{"inherit":"true"}} -->
-	<div class="wp-block-group"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between"},"style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--medium)","top":"var(--wp--custom--spacing--medium)"}}}} -->
-	<div class="wp-block-group alignwide" style="padding-top: var(--wp--custom--spacing--medium); padding-bottom: var(--wp--custom--spacing--medium);">
-		<!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left"},"overlayMenu":"never","className":"site-footer","style":{"typography":{"fontStyle":"normal"},"spacing":{"blockGap":"2.5rem"}},"fontSize":"small"} /-->
-	
-		<!-- wp:paragraph {"align":"left","fontSize":"small","style":{"spacing":{"margin":{"top":0}}}} -->
-		<p class="has-small-font-size" style="margin-top: 0;">' .
-		sprintf(
-			/* Translators: WordPress link. */
-			esc_html__( 'Proudly powered by %s', 'archeo' ),
-			'<a href="' . esc_url( __( 'https://wordpress.org', 'archeo' ) ) . '" rel="nofollow">WordPress</a>'
-		) . '</p>
-		<!-- /wp:paragraph --></div>
-		<!-- /wp:group --></div>
-		<!-- /wp:group -->',
-);

archeo/inc/patterns/headline-over-dark-image.php

@@ -1,13 +0,0 @@
-<?php
-/**
- * Headline over dark image
- */
-return array(
-	'title'      => __( 'Headline over dark image', 'archeo' ),
-	'categories' => array( 'images' ),
-	'content'    => '<!-- wp:cover {"url":"' . esc_url( get_template_directory_uri() ) . '/assets/images/palais-du-gouverneur.jpg","dimRatio":80,"overlayColor":"foreground","minHeight":100,"minHeightUnit":"vh","contentPosition":"bottom left","align":"full"} -->
-	<div class="wp-block-cover alignfull has-custom-content-position is-position-bottom-left" style="min-height:100vh"><span aria-hidden="true" class="has-foreground-background-color has-background-dim-80 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background" alt="' . esc_attr__( 'Photo of the Governor\'s Palace at Uxmal', 'archeo' ) . '" src="' . esc_url( get_template_directory_uri() ) . '/assets/images/palais-du-gouverneur.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"left","placeholder":"Write title…","style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"100","lineHeight":"1"}},"textColor":"white","fontSize":"huge"} -->
-	<p class="has-text-align-left has-white-color has-text-color has-huge-font-size" style="font-style:normal;font-weight:100;line-height:1;text-transform:uppercase">' . wp_kses_post( __( 'Governor\'s <br>palace at Uxmal, <br>detail of the <br>main gate', 'archeo' ) ) . '</p>
-	<!-- /wp:paragraph --></div></div>
-	<!-- /wp:cover -->',
-);

archeo/inc/patterns/hidden-404.php

@@ -1,24 +0,0 @@
-<?php
-/**
- * 404 content.
- */
-return array(
-	'title'    => __( '404 content', 'archeo' ),
-	'inserter' => false,
-	'content'  => '<!-- wp:heading {"style":{"typography":{"fontSize":"clamp(4rem, 40vw, 20rem)","fontWeight":"100","lineHeight":"1"}},"className":"has-text-align-center"} -->
-	<h2 class="has-text-align-center" style="font-size:clamp(4rem, 40vw, 20rem);font-weight:100;line-height:1">' . esc_html( _x( '404', 'Error code for a webpage that is not found.', 'archeo' ) ) . '</h2>
-	<!-- /wp:heading -->
-	<!-- wp:paragraph {"align":"center"} -->
-	<p class="has-text-align-center">' . esc_html__( 'This page could not be found. Maybe try a search?', 'archeo' ) . '</p>
-	<!-- /wp:paragraph -->
-
-	<!-- wp:spacer {"height":"1em"} -->
-	<div style="height:1em" aria-hidden="true" class="wp-block-spacer"></div>
-	<!-- /wp:spacer -->
-
-	<!-- wp:search {"label":"' . esc_html__( 'Search', 'archeo' ) . '","showLabel":false,"width":100,"widthUnit":"%","buttonText":"' . esc_html__( 'Search', 'archeo' ) . '","buttonUseIcon":true,"align":"center"} /-->
-	
-	<!-- wp:spacer {"height":"2em"} -->
-	<div style="height:2em" aria-hidden="true" class="wp-block-spacer"></div>
-	<!-- /wp:spacer -->',
-);

archeo/inc/patterns/image-with-description-and-right-aligned-headline.php

@@ -1,33 +0,0 @@
-<?php
-/**
- * Image with description and right-aligned headline
- */
-return array(
-	'title'      => __( 'Image with description and right-aligned headline', 'archeo' ),
-	'categories' => array( 'images' ),
-	'content'    => '<!-- wp:columns {"align":"full","backgroundColor":"background"} -->
-	<div class="wp-block-columns alignfull has-background-background-color has-background"><!-- wp:column {"width":"33.33%"} -->
-	<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:cover {"overlayColor":"background","minHeight":670,"contentPosition":"bottom center","isDark":false} -->
-	<div class="wp-block-cover is-light has-custom-content-position is-position-bottom-center" style="min-height:670px"><span aria-hidden="true" class="has-background-background-color has-background-dim-100 wp-block-cover__gradient-background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"right","level":3,"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"large"} -->
-	<h3 class="has-text-align-right has-large-font-size" id="palais-du-gouverneur-a-uxmal-detail-de-la-porte-principale-1" style="text-transform:uppercase">' . esc_html__( 'The Nunnery Quadrangle at Uxmal', 'archeo' ). '</h3>
-	<!-- /wp:heading --></div></div>
-	<!-- /wp:cover --></div>
-	<!-- /wp:column -->
-	
-	<!-- wp:column {"width":"66.66%"} -->
-	<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:cover {"url":"' . esc_url( get_template_directory_uri() ) . '/assets/images/palais-du-gouverneur.jpg","dimRatio":0,"minHeight":600,"isDark":false} -->
-	<div class="wp-block-cover is-light" style="min-height:600px"><span aria-hidden="true" class="has-background-dim-0 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background" alt="' . esc_attr__( 'Photo of the Nunnery Quadrangle, at Uxmal', 'archeo' ). '" src="' . esc_url( get_template_directory_uri() ) . '/assets/images/palais-du-gouverneur.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
-	<p class="has-text-align-center has-large-font-size"></p>
-	<!-- /wp:paragraph --></div></div>
-	<!-- /wp:cover -->
-	
-	<!-- wp:paragraph {"textColor":"primary","fontSize":"small"} -->
-	<p class="has-primary-color has-text-color has-small-font-size">' . esc_html__( 'Photograph by Désiré Charnay, 1862 – 1863', 'archeo' ) . '</p>
-	<!-- /wp:paragraph -->
-	
-	<!-- wp:paragraph -->
-	<p>' . esc_html__( 'Uxmal is an ancient Maya city located in present-day Mexico. It is considered one of the most important sites of Mayan culture.', 'archeo' ) . '</p>
-	<!-- /wp:paragraph --></div>
-	<!-- /wp:column --></div>
-	<!-- /wp:columns -->',
-);

archeo/inc/patterns/image-with-description.php

@@ -1,31 +0,0 @@
-<?php
-/**
- * Image with description
- */
-return array(
-	'title'      => __( 'Image with description', 'archeo' ),
-	'categories' => array( 'images' ),
-	'content'    => '<!-- 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%"></div>
-	<!-- /wp:column -->
-
-	<!-- wp:column {"width":"66.66%"} -->
-	<div class="wp-block-column" style="flex-basis:66.66%"><!-- 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 -->
-
-	<!-- wp:paragraph -->
-	<p>' . __( 'Ancient Temple, at Chichen-Itza, called the Castle', 'archeo' ) . '</p>
-	<!-- /wp:paragraph -->
-
-	<!-- wp:paragraph {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} -->
-	<p class="has-small-font-size" style="font-style:italic;font-weight:400">' . __( 'From "American Cities and Ruins: Mitla, Palenqué, Izamal, Chichen-Itza, Uxmal, Atlas" housed at the New York Public Library.', 'archeo' ) . '</p>
-	<!-- /wp:paragraph -->
-
-	<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
-	<figure class="wp-block-image size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/ancien-temple.jpg" alt="' . __( 'Photo of ancient temple, at Chichen-Itza', 'archeo' ) . '"/></figure>
-	<!-- /wp:image --></div>
-	<!-- /wp:column --></div>
-	<!-- /wp:columns -->',
-);

archeo/inc/patterns/image-with-headline-description.php

@@ -1,31 +0,0 @@
-<?php
-/**
- * Image with headline and description
- */
-return array(
-	'title'      => __( 'Image with headline and description', 'archeo' ),
-	'categories' => array( 'featured', 'images' ),
-	'content'    => '<!-- wp:columns {"align":"wide"} -->
-					<div class="wp-block-columns alignwide"><!-- wp:column -->
-					<div class="wp-block-column"><!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"clamp(64px, 6vw, 100px)","lineHeight":"1","textTransform":"uppercase"},"spacing":{"margin":{"bottom":"1rem"}}}} -->
-					<h2 class="has-text-align-left" style="font-size:clamp(64px, 6vw, 100px);line-height:1;margin-bottom:1rem;text-transform:uppercase">' . wp_kses_post( __( 'Chahk:<br>Rain<br>deity', 'archeo' ) ) . '</h2>
-					<!-- /wp:heading -->
-
-					<!-- wp:columns -->
-					<div class="wp-block-columns"><!-- wp:column {"width":"80%"} -->
-					<div class="wp-block-column" style="flex-basis:80%"><!-- wp:paragraph {"align":"left","fontSize":"small"} -->
-					<p class="has-text-align-left has-small-font-size">' . esc_html__( 'Chaahk is shown here clutching his axe, ready to strike rain and thunder from the clouds. This sculpture was likely created in the Puuc hills of Yucatan and Campeche.', 'archeo' ) . '</p>
-					<!-- /wp:paragraph --></div>
-					<!-- /wp:column --></div>
-					<!-- /wp:columns --></div>
-					<!-- /wp:column -->
-
-					<!-- wp:column {"width":"70%"} -->
-					<div class="wp-block-column" style="flex-basis:70%"><!-- wp:group -->
-					<div class="wp-block-group"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
-					<figure class="wp-block-image size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/chahk.gif" alt="' . esc_attr__( 'Chahk: rain deity', 'archeo' ) . '"/></figure>
-					<!-- /wp:image --></div>
-					<!-- /wp:group --></div>
-					<!-- /wp:column --></div>
-					<!-- /wp:columns -->',
-);

archeo/inc/patterns/image-with-headline-on-dark-background.php

@@ -1,17 +0,0 @@
-<?php
-/**
- * Image with headline on dark background
- */
-return array(
-	'title'      => __( 'Image with headline on dark background', 'archeo' ),
-	'categories' => array( 'images' ),
-	'content'    => '<!-- wp:media-text {"mediaPosition":"right","mediaLink":"' . esc_url( get_template_directory_uri() ) . '/assets/images/figure-gigantesque.jpg","mediaType":"image","imageFill":false,"backgroundColor":"foreground","textColor":"background"} -->
-	<div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile has-background-color has-foreground-background-color has-text-color has-background"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/figure-gigantesque.jpg" alt="' . esc_attr__( 'Photo of gigantic figure at Izamal', 'archeo' ) . '" /></figure><div class="wp-block-media-text__content">
-	<!-- wp:group {"style":{"spacing":{"padding":{"top":"clamp(30px, 4vw, 80px)","right":"clamp(30px, 4vw, 80px)","bottom":"clamp(30px, 4vw, 80px)","left":"clamp(30px, 4vw, 80px)"}}}} -->
-	<div class="wp-block-group" style="padding-top:clamp(30px, 4vw, 80px);padding-right:clamp(30px, 4vw, 80px);padding-bottom:clamp(30px, 4vw, 80px);padding-left:clamp(30px, 4vw, 80px)">
-	<!-- wp:paragraph {"placeholder":"Content…","style":{"typography":{"fontStyle":"italic","fontWeight":"100","lineHeight":"1.4"}},"fontSize":"large"} -->
-	<p class="has-large-font-size" style="font-style:italic;font-weight:100;line-height:1.4">' . wp_kses_post( __( 'Gigantic figure at <br>Izamal; at the <br>bottom of the <br>second pyramid.', 'archeo' ) ) . '</p>
-	<!-- /wp:paragraph --></div>
-	<!-- /wp:group --></div></div>
-	<!-- /wp:media-text -->',
-);

archeo/inc/patterns/image-with-headline-separate-description.php

@@ -1,23 +0,0 @@
-<?php
-/**
- * Image with headline and separate description
- */
-return array(
-	'title'      => __( 'Image with headline and separate description', 'archeo' ),
-	'categories' => array( 'images' ),
-	'content'    => '<!-- wp:media-text {"align":"full","mediaPosition":"right","mediaLink":"' . esc_url( get_template_directory_uri() ) . '/assets/images/pyramid.jpg","mediaType":"image","mediaWidth":56,"imageFill":true,"focalPoint":{"x":"0.50","y":"0.28"}} -->
-	<div class="wp-block-media-text alignfull has-media-on-the-right is-stacked-on-mobile is-image-fill" style="grid-template-columns:auto 56%"><figure class="wp-block-media-text__media" style="background-image:url(' . esc_url( get_template_directory_uri() ) . '/assets/images/pyramid.jpg);background-position:50% 28.000000000000004%"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/pyramid.jpg" alt="' . esc_attr__( 'Photo of House of the dwarf, in Uxmal', 'archeo' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph {"style":{"typography":{"letterSpacing":"-0.02em","lineHeight":"1","textTransform":"uppercase","fontStyle":"normal","fontWeight":"100"}},"fontSize":"huge"} -->
-	<p class="has-huge-font-size" style="font-style:normal;font-weight:100;line-height:1;text-transform:uppercase;letter-spacing:-0.02em">' . wp_kses_post( __( 'House of <br>the dwarf <br>in Uxmal', 'archeo' ) ) . '</p>
-	<!-- /wp:paragraph -->
-	
-	<!-- wp:group {"style":{"spacing":{"padding":{"top":"min(26rem, 26vw)","bottom":"min(6rem, 6vw)"}}}} -->
-	<div class="wp-block-group" style="padding-top:min(26rem, 26vw);padding-bottom:min(6rem, 6vw)"><!-- wp:paragraph {"fontSize":"small"} -->
-	<p class="has-small-font-size">' . wp_kses_post( __( 'Also referred to as <br>The Pyramid of the Magician', 'archeo' ) ) . '</p>
-	<!-- /wp:paragraph -->
-	
-	<!-- wp:paragraph {"fontSize":"small"} -->
-	<p class="has-small-font-size">' . __( 'The pyramid is the tallest structure in Uxmal. Construction on the pyramid began around the 6th century AD. It was added and iterated on for the next 400 years.', 'archeo' ) . '</p>
-	<!-- /wp:paragraph --></div>
-	<!-- /wp:group --></div></div>
-	<!-- /wp:media-text -->',
-);

archeo/inc/patterns/layered-images-with-headline.php

@@ -1,35 +0,0 @@
-<?php
-/**
- * Layered images with headline
- */
-return array(
-	'title'      => __( 'Layered images with headline', 'archeo' ),
-	'categories' => array( 'featured', 'images' ),
-	'content'    => '<!-- wp:cover {"url":"' . esc_url( get_template_directory_uri() ) . '/assets/images/palais-du-cirque.jpg","dimRatio":80,"overlayColor":"background","minHeight":100,"minHeightUnit":"vh","contentPosition":"center center","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"0px","right":"min(4vw, 90px)","bottom":"0vw","left":"min(4vw, 90px)"},"margin":{"top":"0px"}}}} -->
-	<div class="wp-block-cover alignfull is-light" style="padding-top:0px;padding-right:min(4vw, 90px);padding-bottom:0vw;padding-left:min(4vw, 90px);margin-top:0px;min-height:100vh"><span aria-hidden="true" class="has-background-background-color has-background-dim-80 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background" alt="' . esc_attr__( 'Photo of Palace of the Circus', 'archeo' ) . '" src="' . esc_url( get_template_directory_uri() ) . '/assets/images/palais-du-cirque.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container">
-	<!-- wp:group {"layout":{"inherit":"true"}} -->
-	<div class="wp-block-group">
-		<!-- wp:columns {"verticalAlignment":"top","align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0"}}}} -->
-		<div class="wp-block-columns alignwide are-vertically-aligned-top" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0"><!-- wp:column {"verticalAlignment":"top"} -->
-		<div class="wp-block-column is-vertically-aligned-top"><!-- wp:spacer {"height":"14vw"} -->
-		<div style="height:14vw" aria-hidden="true" class="wp-block-spacer"></div>
-		<!-- /wp:spacer -->
-
-		<!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"100","lineHeight":"1"}}} -->
-		<p style="font-size:clamp(64px, 6vw, 100px);font-style:normal;font-weight:100;line-height:1;text-transform:uppercase">' . wp_kses_post( __( 'Palace of <br>the Circus at <br>Chichen-Itza, <br><em>bas-relief</em> of <br>tigers', 'archeo' ) ) . '</p>
-		<!-- /wp:paragraph --></div>
-		<!-- /wp:column -->
-
-		<!-- wp:column {"verticalAlignment":"top"} -->
-		<div class="wp-block-column is-vertically-aligned-top"><!-- wp:spacer {"height":"8vw"} -->
-		<div style="height:8vw" aria-hidden="true" class="wp-block-spacer"></div>
-		<!-- /wp:spacer -->
-
-		<!-- wp:image {"align":"right","sizeSlug":"full","linkDestination":"none"} -->
-		<div class="wp-block-image"><figure class="alignright size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/palais-du-cirque.jpg" alt="' . esc_attr__( 'Photo of Palace of the Circus', 'archeo' ) . '"/></figure></div>
-		<!-- /wp:image --></div>
-		<!-- /wp:column --></div>
-		<!-- /wp:columns --></div>
-	<!-- /wp:group --></div></div>
-	<!-- /wp:cover -->',
-);

archeo/inc/patterns/layout-with-two-images-and-text.php

@@ -1,43 +0,0 @@
-<?php
-/**
- * Layout with two images and text
- */
-return array(
-	'title'      => __( 'Layout with two images and text', 'archeo' ),
-	'categories' => array( 'featured', 'images' ),
-	'content'    => '<!-- wp:media-text {"align":"full","mediaPosition":"right","mediaLink":"' . esc_url( get_template_directory_uri() ) . '/assets/images/uxmal.jpg","mediaType":"image","imageFill":true,"focalPoint":{"x":"0.50","y":"0.90"},"backgroundColor":"foreground","textColor":"background"} -->
-	<div class="wp-block-media-text alignfull has-media-on-the-right is-stacked-on-mobile is-image-fill has-background-color has-foreground-background-color has-text-color has-background"><figure class="wp-block-media-text__media" style="background-image:url(' . esc_url( get_template_directory_uri() ) . '/assets/images/uxmal.jpg);background-position:50% 90%"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/uxmal.jpg" alt="' . __( 'Photo of the Pyramid of the Magician, at Uxmal', 'archeo' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:columns -->
-	<div class="wp-block-columns"><!-- wp:column -->
-	<div class="wp-block-column"><!-- wp:spacer {"height":"min(10rem, 10vw)"} -->
-	<div style="height:min(10rem, 10vw)" aria-hidden="true" class="wp-block-spacer"></div>
-	<!-- /wp:spacer --><
-	
-	<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"100","lineHeight":"1.2"}},"fontSize":"medium"} -->
-	<p class="has-medium-font-size" style="font-style:normal;font-weight:100;line-height:1.2">' . wp_kses_post( __( 'The Pyramid of the <br>Magician at Uxmal', 'archeo' ) ) . '</p>
-	<!-- /wp:paragraph -->
-	
-	<!-- wp:image {"align":"left","sizeSlug":"full","linkDestination":"none"} -->
-	<figure class="wp-block-image alignleft size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/pyramid.jpg" alt="' . __( 'Photograph by Désiré Charnay, 1862 to 1863', 'archeo' ) . '"/><figcaption><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-background-color"><em>' . __( 'Photograph by Désiré Charnay, 1862 – 1863', 'archeo' ) . '</em></mark></figcaption></figure>
-	<!-- /wp:image --></div>
-	<!-- /wp:column -->
-	
-	<!-- wp:column -->
-	<div class="wp-block-column"><!-- wp:spacer {"height":"min(43rem, 43vw)"} -->
-	<div style="height:min(43rem, 43vw)" aria-hidden="true" class="wp-block-spacer"></div>
-	<!-- /wp:spacer -->
-	
-	<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"}},"fontSize":"small"} -->
-	<p class="has-small-font-size" style="line-height:1.5">' . __( 'Uxmal is an ancient Maya city located in present-day Mexico. It is considered one of the most important archaeological sites of Mayan culture.', 'archeo' ) . '</p>
-	<!-- /wp:paragraph -->
-
-	<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"}},"fontSize":"small"} -->
-	<p class="has-small-font-size" style="line-height:1.5"><em>' . __( 'On the right: Governor\'s Palace, detail of the main gate', 'archeo' ) . '</em></p>
-	<!-- /wp:paragraph -->
-
-	<!-- wp:spacer {"height":"min(10rem, 10vw)"} -->
-	<div style="height:min(10rem, 10vw)" aria-hidden="true" class="wp-block-spacer"></div>
-	<!-- /wp:spacer --></div>
-	<!-- /wp:column --></div>
-	<!-- /wp:columns --></div></div>
-	<!-- /wp:media-text -->',
-);

archeo/inc/patterns/simple-list-of-posts-with-background.php

@@ -1,35 +0,0 @@
-<?php
-/**
- * Simple list of posts with title and background
- */
-return array(
-	'title'      => __( 'Simple list of posts with title and background', 'archeo' ),
-	'categories' => array( 'featured', 'query' ),
-	'content'    => '<!-- wp:group {"layout":{"inherit":"true"},"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--medium)","bottom":"var(--wp--custom--spacing--medium)"},"margin":{"top":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background"} -->
-	<div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--medium);padding-bottom:var(--wp--custom--spacing--medium);margin-top:0px">
-
-		<!-- wp:group {"align":"wide"} -->
-		<div class="wp-block-group alignwide">
-			<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"bottom":"40px"}}},"fontSize":"medium"} -->
-			<h3 class="has-medium-font-size" style="margin-bottom:40px">' . __( 'Selected Writings', 'archeo' ) . '</h3>
-			<!-- /wp:heading -->
-			
-			<!-- wp:query {"queryId":3,"query":{"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"perPage":3}} -->
-			<div class="wp-block-query"><!-- wp:post-template -->
-			<!-- wp:group {"className":"simple-list-of-posts","layout":{"type":"flex","allowOrientation":false}} -->
-			<div class="wp-block-group simple-list-of-posts"><!-- wp:post-title {"isLink":true,"style":{"typography":{"lineHeight":"1.2","fontStyle":"normal","fontWeight":"100"},"spacing":{"margin":{"top":"1.25rem"}}},"fontSize":"huge"} /-->
-		
-			<!-- wp:post-author-name {"style":{"typography":{"fontStyle":"normal","fontWeight":"100","lineHeight":"1.2"},"spacing":{"margin":{"top":"0px"}}},"fontSize":"medium"} /--></div>
-			<!-- /wp:group -->
-			<!-- /wp:post-template -->
-			<!-- wp:spacer {"height":"40px"} -->
-			<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
-			<!-- /wp:spacer -->
-			<!-- wp:query-pagination {"paginationArrow":"chevron","layout":{"type":"flex","justifyContent":"space-between"}} -->
-			<!-- wp:query-pagination-previous /-->
-			<!-- wp:query-pagination-next /-->
-			<!-- /wp:query-pagination --></div>
-			<!-- /wp:query --></div>
-		<!-- /wp:group --></div>
-	<!-- /wp:group -->',
-);

archeo/patterns/footer.php

@@ -0,0 +1,26 @@
+<?php
+/**
+ * Title: Default footer
+ * Slug: archeo/footer
+ * Categories: footer
+ * Block Types: core/template-part/footer
+ */
+?>
+
+<!-- wp:group {"layout":{"inherit":"true"}} -->
+<div class="wp-block-group">
+	<!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between"},"style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--medium)","top":"var(--wp--custom--spacing--medium)"}}}} -->
+	<div class="wp-block-group alignwide" style="padding-top: var(--wp--custom--spacing--medium); padding-bottom: var(--wp--custom--spacing--medium);">
+		<!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left"},"overlayMenu":"never","className":"site-footer","style":{"typography":{"fontStyle":"normal"},"spacing":{"blockGap":"2.5rem"}},"fontSize":"small"} /-->
+		<!-- wp:paragraph {"align":"left","fontSize":"small","style":{"spacing":{"margin":{"top":0}}}} -->
+		<p class="has-small-font-size" style="margin-top: 0;">
+			<?php
+			printf(
+				/* Translators: WordPress link. */
+				esc_html__( 'Proudly powered by %s', 'archeo' ),
+				'<a href="' . esc_url( __( 'https://wordpress.org', 'archeo' ) ) . '" rel="nofollow">WordPress</a>'
+			);
+			?>
+		</p><!-- /wp:paragraph -->
+	</div><!-- /wp:group -->
+</div><!-- /wp:group -->

archeo/patterns/headline-over-dark-image.php

@@ -0,0 +1,14 @@
+<?php
+/**
+ * Title: Headline over dark image
+ * Slug: archeo/headline-over-dark-image
+ * Categories: images
+ */
+?>
+
+<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/palais-du-gouverneur.jpg","dimRatio":80,"overlayColor":"foreground","minHeight":100,"minHeightUnit":"vh","contentPosition":"bottom left","align":"full"} -->
+<div class="wp-block-cover alignfull has-custom-content-position is-position-bottom-left" style="min-height:100vh"><span aria-hidden="true" class="has-foreground-background-color has-background-dim-80 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background" alt="<?php esc_attr_e( 'Photo of the Governor\'s Palace at Uxmal', 'archeo' ); ?>" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/palais-du-gouverneur.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"left","placeholder":"Write title…","style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"100","lineHeight":"1"}},"textColor":"white","fontSize":"huge"} -->
+	<p class="has-text-align-left has-white-color has-text-color has-huge-font-size" style="font-style:normal;font-weight:100;line-height:1;text-transform:uppercase"><?php echo wp_kses_post( __( 'Governor\'s <br>palace at Uxmal, <br>detail of the <br>main gate', 'archeo' ) ); ?></p>
+	<!-- /wp:paragraph -->
+</div>
+</div><!-- /wp:cover -->

archeo/patterns/hidden-404.php

@@ -0,0 +1,25 @@
+<?php
+/**
+ * Title: 404 content
+ * Slug: archeo/hidden-404
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+
+<!-- wp:heading {"style":{"typography":{"fontSize":"clamp(4rem, 40vw, 20rem)","fontWeight":"100","lineHeight":"1"}},"className":"has-text-align-center"} -->
+<h2 class="has-text-align-center" style="font-size:clamp(4rem, 40vw, 20rem);font-weight:100;line-height:1"><?php echo esc_html( _x( '404', 'Error code for a webpage that is not found.', 'archeo' ) ); ?></h2>
+<!-- /wp:heading -->
+<!-- wp:paragraph {"align":"center"} -->
+<p class="has-text-align-center"><?php esc_html_e( 'This page could not be found. Maybe try a search?', 'archeo' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:spacer {"height":"1em"} -->
+<div style="height:1em" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:search {"label":"<?php esc_html_e( 'Search', 'archeo' ); ?>","showLabel":false,"width":100,"widthUnit":"%","buttonText":"<?php esc_html_e( 'Search', 'archeo' ); ?>","buttonUseIcon":true,"align":"center"} /-->
+
+<!-- wp:spacer {"height":"2em"} -->
+<div style="height:2em" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->

archeo/patterns/image-with-description-and-right-aligned-headline.php

@@ -0,0 +1,33 @@
+<?php
+/**
+ * Title: Image with description and right-aligned headline
+ * Slug: archeo/image-with-description-and-right-aligned-headline
+ * Categories: images
+ */
+?>
+
+<!-- wp:columns {"align":"full","backgroundColor":"background"} -->
+<div class="wp-block-columns alignfull has-background-background-color has-background"><!-- wp:column {"width":"33.33%"} -->
+<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:cover {"overlayColor":"background","minHeight":670,"contentPosition":"bottom center","isDark":false} -->
+<div class="wp-block-cover is-light has-custom-content-position is-position-bottom-center" style="min-height:670px"><span aria-hidden="true" class="has-background-background-color has-background-dim-100 wp-block-cover__gradient-background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"right","level":3,"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"large"} -->
+<h3 class="has-text-align-right has-large-font-size" id="palais-du-gouverneur-a-uxmal-detail-de-la-porte-principale-1" style="text-transform:uppercase"><?php esc_html_e( 'The Nunnery Quadrangle at Uxmal', 'archeo' ); ?></h3>
+<!-- /wp:heading --></div></div>
+<!-- /wp:cover --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"66.66%"} -->
+<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/palais-du-gouverneur.jpg","dimRatio":0,"minHeight":600,"isDark":false} -->
+<div class="wp-block-cover is-light" style="min-height:600px"><span aria-hidden="true" class="has-background-dim-0 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background" alt="<?php esc_attr_e( 'Photo of the Nunnery Quadrangle, at Uxmal', 'archeo' ); ?>" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/palais-du-gouverneur.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
+<p class="has-text-align-center has-large-font-size"></p>
+<!-- /wp:paragraph --></div></div>
+<!-- /wp:cover -->
+
+<!-- wp:paragraph {"textColor":"primary","fontSize":"small"} -->
+<p class="has-primary-color has-text-color has-small-font-size"><?php esc_html_e( 'Photograph by Désiré Charnay, 1862 – 1863', 'archeo' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><?php esc_html_e( 'Uxmal is an ancient Maya city located in present-day Mexico. It is considered one of the most important sites of Mayan culture.', 'archeo' ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->

archeo/patterns/image-with-description.php

@@ -0,0 +1,33 @@
+<?php
+/**
+ * Title: Image with description
+ * Slug: archeo/image-with-description
+ * Categories: images
+ */
+?>
+
+<!-- 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%"></div>
+	<!-- /wp:column -->
+
+	<!-- wp:column {"width":"66.66%"} -->
+	<div class="wp-block-column" style="flex-basis:66.66%">
+		<!-- 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 -->
+
+		<!-- wp:paragraph -->
+		<p><?php _e( 'Ancient Temple, at Chichen-Itza, called the Castle', 'archeo' ); ?></p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} -->
+		<p class="has-small-font-size" style="font-style:italic;font-weight:400"><?php _e( 'From "American Cities and Ruins: Mitla, Palenqué, Izamal, Chichen-Itza, Uxmal, Atlas" housed at the New York Public Library.', 'archeo' ); ?></p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
+		<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/ancien-temple.jpg" alt="<?php _e( 'Photo of ancient temple, at Chichen-Itza', 'archeo' ); ?>"/></figure>
+		<!-- /wp:image -->
+	</div><!-- /wp:column -->
+</div><!-- /wp:columns -->

archeo/patterns/image-with-headline-description.php

@@ -0,0 +1,33 @@
+<?php
+/**
+ * Title: Image with headline and description
+ * Slug: archeo/image-with-headline-description
+ * Categories: images
+ */
+?>
+
+<!-- wp:columns {"align":"wide"} -->
+<div class="wp-block-columns alignwide">
+	<!-- wp:column -->
+	<div class="wp-block-column">
+		<!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"clamp(64px, 6vw, 100px)","lineHeight":"1","textTransform":"uppercase"},"spacing":{"margin":{"bottom":"1rem"}}}} -->
+			<h2 class="has-text-align-left" style="font-size:clamp(64px, 6vw, 100px);line-height:1;margin-bottom:1rem;text-transform:uppercase"><?php echo wp_kses_post( __( 'Chahk:<br>Rain<br>deity', 'archeo' ) ); ?></h2>
+		<!-- /wp:heading -->
+		<!-- wp:columns -->
+		<div class="wp-block-columns">
+			<!-- wp:column {"width":"80%"} -->
+			<div class="wp-block-column" style="flex-basis:80%">
+				<!-- wp:paragraph {"align":"left","fontSize":"small"} -->
+				<p class="has-text-align-left has-small-font-size"><?php esc_html_e( 'Chaahk is shown here clutching his axe, ready to strike rain and thunder from the clouds. This sculpture was likely created in the Puuc hills of Yucatan and Campeche.', 'archeo' ); ?></p><!-- /wp:paragraph -->
+			</div><!-- /wp:column -->
+		</div><!-- /wp:columns -->
+	</div><!-- /wp:column -->
+	<!-- wp:column {"width":"70%"} -->
+	<div class="wp-block-column" style="flex-basis:70%">
+		<!-- wp:group -->
+		<div class="wp-block-group">
+			<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
+			<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/chahk.gif" alt="<?php esc_attr_e( 'Chahk: rain deity', 'archeo' ); ?>"/></figure><!-- /wp:image -->
+		</div><!-- /wp:group -->
+	</div><!-- /wp:column -->
+</div><!-- /wp:columns -->

archeo/patterns/image-with-headline-on-dark-background.php

@@ -0,0 +1,17 @@
+<?php
+/**
+ * Title: Image with headline on dark background
+ * Slug: archeo/image-with-headline-on-dark-background
+ * Categories: images
+ */
+?>
+
+<!-- wp:media-text {"mediaPosition":"right","mediaLink":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/figure-gigantesque.jpg","mediaType":"image","imageFill":false,"backgroundColor":"foreground","textColor":"background"} -->
+<div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile has-background-color has-foreground-background-color has-text-color has-background"><figure class="wp-block-media-text__media"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/figure-gigantesque.jpg" alt="<?php esc_attr_e( 'Photo of gigantic figure at Izamal', 'archeo' ); ?>" /></figure><div class="wp-block-media-text__content">
+	<!-- wp:group {"style":{"spacing":{"padding":{"top":"clamp(30px, 4vw, 80px)","right":"clamp(30px, 4vw, 80px)","bottom":"clamp(30px, 4vw, 80px)","left":"clamp(30px, 4vw, 80px)"}}}} -->
+	<div class="wp-block-group" style="padding-top:clamp(30px, 4vw, 80px);padding-right:clamp(30px, 4vw, 80px);padding-bottom:clamp(30px, 4vw, 80px);padding-left:clamp(30px, 4vw, 80px)">
+		<!-- wp:paragraph {"placeholder":"Content…","style":{"typography":{"fontStyle":"italic","fontWeight":"100","lineHeight":"1.4"}},"fontSize":"large"} -->
+		<p class="has-large-font-size" style="font-style:italic;font-weight:100;line-height:1.4"><?php echo wp_kses_post( __( 'Gigantic figure at <br>Izamal; at the <br>bottom of the <br>second pyramid.', 'archeo' ) ); ?></p>
+		<!-- /wp:paragraph --></div>
+	<!-- /wp:group --></div>
+</div><!-- /wp:media-text -->

archeo/patterns/image-with-headline-separate-description.php

@@ -0,0 +1,25 @@
+<?php
+/**
+ * Title: Image with headline and separate description
+ * Slug: archeo/image-with-headline-separate-description
+ * Categories: images
+ */
+?>
+
+<!-- wp:media-text {"align":"full","mediaPosition":"right","mediaLink":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/pyramid.jpg","mediaType":"image","mediaWidth":56,"imageFill":true,"focalPoint":{"x":"0.50","y":"0.28"}} -->
+<div class="wp-block-media-text alignfull has-media-on-the-right is-stacked-on-mobile is-image-fill" style="grid-template-columns:auto 56%"><figure class="wp-block-media-text__media" style="background-image:url(<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/pyramid.jpg);background-position:50% 28.000000000000004%"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/pyramid.jpg" alt="<?php esc_attr_e( 'Photo of House of the dwarf, in Uxmal', 'archeo' ); ?>"/></figure><div class="wp-block-media-text__content">
+	<!-- wp:paragraph {"style":{"typography":{"letterSpacing":"-0.02em","lineHeight":"1","textTransform":"uppercase","fontStyle":"normal","fontWeight":"100"}},"fontSize":"huge"} -->
+	<p class="has-huge-font-size" style="font-style:normal;font-weight:100;line-height:1;text-transform:uppercase;letter-spacing:-0.02em"><?php echo wp_kses_post( __( 'House of <br>the dwarf <br>in Uxmal', 'archeo' ) ); ?></p>
+	<!-- /wp:paragraph -->
+
+	<!-- wp:group {"style":{"spacing":{"padding":{"top":"min(26rem, 26vw)","bottom":"min(6rem, 6vw)"}}}} -->
+	<div class="wp-block-group" style="padding-top:min(26rem, 26vw);padding-bottom:min(6rem, 6vw)">
+		<!-- wp:paragraph {"fontSize":"small"} -->
+		<p class="has-small-font-size"><?php echo wp_kses_post( __( 'Also referred to as <br>The Pyramid of the Magician', 'archeo' ) ); ?></p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph {"fontSize":"small"} -->
+		<p class="has-small-font-size"><?php _e( 'The pyramid is the tallest structure in Uxmal. Construction on the pyramid began around the 6th century AD. It was added and iterated on for the next 400 years.', 'archeo' ); ?></p>
+		<!-- /wp:paragraph -->
+	</div><!-- /wp:group -->
+</div></div><!-- /wp:media-text -->

archeo/patterns/layered-images-with-headline.php

@@ -0,0 +1,38 @@
+<?php
+/**
+ * Title: Layered images with headline
+ * Slug: archeo/layered-images-with-headline
+ * Categories: featured, images
+ */
+?>
+
+<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/palais-du-cirque.jpg","dimRatio":80,"overlayColor":"background","minHeight":100,"minHeightUnit":"vh","contentPosition":"center center","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"0px","right":"min(4vw, 90px)","bottom":"0vw","left":"min(4vw, 90px)"},"margin":{"top":"0px"}}}} -->
+<div class="wp-block-cover alignfull is-light" style="padding-top:0px;padding-right:min(4vw, 90px);padding-bottom:0vw;padding-left:min(4vw, 90px);margin-top:0px;min-height:100vh"><span aria-hidden="true" class="has-background-background-color has-background-dim-80 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background" alt="<?php esc_attr_e( 'Photo of Palace of the Circus', 'archeo' ); ?>" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/palais-du-cirque.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container">
+	<!-- wp:group {"layout":{"inherit":"true"}} -->
+	<div class="wp-block-group">
+		<!-- wp:columns {"verticalAlignment":"top","align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0"}}}} -->
+		<div class="wp-block-columns alignwide are-vertically-aligned-top" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0">
+			<!-- wp:column {"verticalAlignment":"top"} -->
+			<div class="wp-block-column is-vertically-aligned-top">
+				<!-- wp:spacer {"height":"14vw"} -->
+				<div style="height:14vw" aria-hidden="true" class="wp-block-spacer"></div>
+				<!-- /wp:spacer -->
+
+				<!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"100","lineHeight":"1"}}} -->
+				<p style="font-size:clamp(64px, 6vw, 100px);font-style:normal;font-weight:100;line-height:1;text-transform:uppercase"><?php echo wp_kses_post( __( 'Palace of <br>the Circus at <br>Chichen-Itza, <br><em>bas-relief</em> of <br>tigers', 'archeo' ) ); ?></p>
+				<!-- /wp:paragraph --></div>
+			<!-- /wp:column -->
+
+			<!-- wp:column {"verticalAlignment":"top"} -->
+			<div class="wp-block-column is-vertically-aligned-top">
+				<!-- wp:spacer {"height":"8vw"} -->
+				<div style="height:8vw" aria-hidden="true" class="wp-block-spacer"></div>
+				<!-- /wp:spacer -->
+
+				<!-- wp:image {"align":"right","sizeSlug":"full","linkDestination":"none"} -->
+				<div class="wp-block-image"><figure class="alignright size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/palais-du-cirque.jpg" alt="<?php esc_attr_e( 'Photo of Palace of the Circus', 'archeo' ); ?>"/></figure></div>
+				<!-- /wp:image -->
+			</div><!-- /wp:column -->
+		</div><!-- /wp:columns -->
+	</div><!-- /wp:group -->
+</div></div><!-- /wp:cover -->

archeo/patterns/layout-with-two-images-and-text.php

@@ -0,0 +1,45 @@
+<?php
+/**
+ * Title: Layout with two images and text
+ * Slug: archeo/layout-with-two-images-and-text
+ * Categories: featured, images
+ */
+?>
+
+<!-- wp:media-text {"align":"full","mediaPosition":"right","mediaLink":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/uxmal.jpg","mediaType":"image","imageFill":true,"focalPoint":{"x":"0.50","y":"0.90"},"backgroundColor":"foreground","textColor":"background"} -->
+<div class="wp-block-media-text alignfull has-media-on-the-right is-stacked-on-mobile is-image-fill has-background-color has-foreground-background-color has-text-color has-background"><figure class="wp-block-media-text__media" style="background-image:url(<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/uxmal.jpg);background-position:50% 90%"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/uxmal.jpg" alt="<?php _e( 'Photo of the Pyramid of the Magician, at Uxmal', 'archeo' ); ?>"/></figure><div class="wp-block-media-text__content">
+	<!-- wp:columns --><div class="wp-block-columns">
+		<!-- wp:column --><div class="wp-block-column">
+			<!-- wp:spacer {"height":"min(10rem, 10vw)"} -->
+			<div style="height:min(10rem, 10vw)" aria-hidden="true" class="wp-block-spacer"></div>
+			<!-- /wp:spacer -->
+
+			<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"100","lineHeight":"1.2"}},"fontSize":"medium"} -->
+			<p class="has-medium-font-size" style="font-style:normal;font-weight:100;line-height:1.2"><?php echo wp_kses_post( __( 'The Pyramid of the <br>Magician at Uxmal', 'archeo' ) ); ?></p>
+			<!-- /wp:paragraph -->
+
+			<!-- wp:image {"align":"left","sizeSlug":"full","linkDestination":"none"} -->
+			<figure class="wp-block-image alignleft size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/pyramid.jpg" alt="<?php _e( 'Photograph by Désiré Charnay, 1862 to 1863', 'archeo' ); ?>"/><figcaption><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-background-color"><em><?php _e( 'Photograph by Désiré Charnay, 1862 – 1863', 'archeo' ); ?></em></mark></figcaption></figure>
+			<!-- /wp:image -->
+		</div><!-- /wp:column -->
+
+		<!-- wp:column -->
+		<div class="wp-block-column">
+			<!-- wp:spacer {"height":"min(43rem, 43vw)"} -->
+			<div style="height:min(43rem, 43vw)" aria-hidden="true" class="wp-block-spacer"></div>
+			<!-- /wp:spacer -->
+
+			<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"}},"fontSize":"small"} -->
+			<p class="has-small-font-size" style="line-height:1.5"><?php _e( 'Uxmal is an ancient Maya city located in present-day Mexico. It is considered one of the most important archaeological sites of Mayan culture.', 'archeo' ); ?></p>
+			<!-- /wp:paragraph -->
+
+			<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"}},"fontSize":"small"} -->
+			<p class="has-small-font-size" style="line-height:1.5"><em><?php _e( 'On the right: Governor\'s Palace, detail of the main gate', 'archeo' ); ?></em></p>
+			<!-- /wp:paragraph -->
+
+			<!-- wp:spacer {"height":"min(10rem, 10vw)"} -->
+			<div style="height:min(10rem, 10vw)" aria-hidden="true" class="wp-block-spacer"></div>
+			<!-- /wp:spacer -->
+		</div><!-- /wp:column -->
+	</div><!-- /wp:columns -->
+</div></div><!-- /wp:media-text -->

archeo/patterns/simple-list-of-posts-with-background.php

@@ -0,0 +1,36 @@
+<?php
+/**
+ * Title: Simple list of posts with title and background
+ * Slug: archeo/simple-list-of-posts-with-background
+ * Categories: featured, query
+ * Block Types: query
+ */
+?>
+
+<!-- wp:group {"layout":{"inherit":"true"},"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--medium)","bottom":"var(--wp--custom--spacing--medium)"},"margin":{"top":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background"} -->
+<div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--medium);padding-bottom:var(--wp--custom--spacing--medium);margin-top:0px">
+
+	<!-- wp:group {"align":"wide"} -->
+	<div class="wp-block-group alignwide">
+		<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"bottom":"40px"}}},"fontSize":"medium"} -->
+		<h3 class="has-medium-font-size" style="margin-bottom:40px"><?php _e( 'Selected Writings', 'archeo' ); ?></h3>
+		<!-- /wp:heading -->
+
+		<!-- wp:query {"queryId":3,"query":{"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"perPage":3}} -->
+		<div class="wp-block-query"><!-- wp:post-template -->
+		<!-- wp:group {"className":"simple-list-of-posts","layout":{"type":"flex","allowOrientation":false}} -->
+		<div class="wp-block-group simple-list-of-posts"><!-- wp:post-title {"isLink":true,"style":{"typography":{"lineHeight":"1.2","fontStyle":"normal","fontWeight":"100"},"spacing":{"margin":{"top":"1.25rem"}}},"fontSize":"huge"} /-->
+
+		<!-- wp:post-author-name {"style":{"typography":{"fontStyle":"normal","fontWeight":"100","lineHeight":"1.2"}},"fontSize":"medium"} /--></div>
+		<!-- /wp:group -->
+		<!-- /wp:post-template -->
+		<!-- wp:spacer {"height":"40px"} -->
+		<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
+		<!-- /wp:spacer -->
+		<!-- wp:query-pagination {"paginationArrow":"chevron","layout":{"type":"flex","justifyContent":"space-between"}} -->
+		<!-- wp:query-pagination-previous /-->
+		<!-- wp:query-pagination-next /-->
+		<!-- /wp:query-pagination --></div>
+		<!-- /wp:query --></div>
+	<!-- /wp:group --></div>
+<!-- /wp:group -->

archeo/inc/patterns/simple-list-of-posts.php → archeo/patterns/simple-list-of-posts.php

@@ -1,16 +1,19 @@
 <?php
 /**
- * Simple list of posts
+ * Title: Simple list of posts
+ * Slug: archeo/simple-list-of-posts
+ * Categories: featured, query
+ * Block Types: query
  */
-return array(
-	'title'      => __( 'Simple list of posts', 'archeo' ),
-	'categories' => array( 'images' ),
-	'content'    => '<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--medium)","bottom":"var(--wp--custom--spacing--medium)"},"margin":{"top":"0px"}}}} -->
-	<div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--medium);padding-bottom:var(--wp--custom--spacing--medium);margin-top:0px"><!-- wp:query {"queryId":3,"query":{"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"perPage":3}} -->
+?>
+
+<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--medium)","bottom":"var(--wp--custom--spacing--medium)"},"margin":{"top":"0px"}}}} -->
+<div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--medium);padding-bottom:var(--wp--custom--spacing--medium);margin-top:0px">
+	<!-- wp:query {"queryId":3,"query":{"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"perPage":3}} -->
 	<div class="wp-block-query"><!-- wp:post-template -->
 	<!-- wp:group {"className":"simple-list-of-posts","layout":{"type":"flex","allowOrientation":false}} -->
 	<div class="wp-block-group simple-list-of-posts"><!-- wp:post-title {"isLink":true,"style":{"typography":{"lineHeight":"1.2","fontStyle":"normal","fontWeight":"100"},"spacing":{"margin":{"top":"1.25rem"}}},"fontSize":"huge"} /-->
-	
+
 	<!-- wp:post-author-name {"style":{"typography":{"fontStyle":"normal","fontWeight":"100","lineHeight":"1.2"},"spacing":{"margin":{"top":"0px"}}},"fontSize":"medium"} /--></div>
 	<!-- /wp:group -->
 	<!-- /wp:post-template -->
@@ -22,5 +25,4 @@ return array(
 	<!-- wp:query-pagination-next /-->
 	<!-- /wp:query-pagination --></div>
 	<!-- /wp:query --></div>
-	<!-- /wp:group -->',
-);
+<!-- /wp:group -->

videomaker/sass/_fonts.scss

@@ -1,5 +1,5 @@
 @font-face {
-	font-family: "Inter";
+	font-family: Inter;
 	font-weight: 100 900;
 	font-display: swap;
 	font-style: normal;
@@ -8,7 +8,7 @@
 }
 
 @font-face {
-	font-family: "Inter";
+	font-family: Inter;
 	font-weight: 100 900;
 	font-display: swap;
 	font-style: italic;