Browse Source

Tidy up the main homepage pattern. (#5716)

Kjell Reigstad 3 years ago
parent
commit
476baa380e

BIN
archeo/assets/images/chahk.gif


+ 20 - 24
archeo/inc/patterns/image-with-headline-description.php

@@ -6,30 +6,26 @@ 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 {"width":"64%"} -->
-	<div class="wp-block-column" style="flex-basis:64%"><!-- 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 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:column -->
-	<div class="wp-block-column"><!-- wp:heading {"textAlign":"right","style":{"typography":{"fontSize":"clamp(64px, 6vw, 100px)","lineHeight":"1","textTransform":"uppercase"}}} -->
-	<h2 class="has-text-align-right" id="chahk-raindeity" style="font-size:clamp(64px, 6vw, 100px);line-height:1;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:columns -->
-	<div class="wp-block-columns"><!-- wp:column {"width":"26%"} -->
-	<div class="wp-block-column" style="flex-basis:26%"></div>
-	<!-- /wp:column -->
-
-	<!-- wp:column {"width":""} -->
-	<div class="wp-block-column"><!-- wp:paragraph {"align":"right","fontSize":"small"} -->
-	<p class="has-text-align-right 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 --></div>
-	<!-- /wp:columns -->',
+					<!-- 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 -->',
 );

BIN
archeo/screenshot.jpg