summaryrefslogtreecommitdiffstats
path: root/wp-content/themes/twentytwentytwo/inc/patterns/header-large-dark.php
diff options
context:
space:
mode:
Diffstat (limited to 'wp-content/themes/twentytwentytwo/inc/patterns/header-large-dark.php')
-rw-r--r--wp-content/themes/twentytwentytwo/inc/patterns/header-large-dark.php34
1 files changed, 34 insertions, 0 deletions
diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-large-dark.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-large-dark.php
new file mode 100644
index 0000000..5e4fea6
--- /dev/null
+++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-large-dark.php
@@ -0,0 +1,34 @@
+<?php
+/**
+ * Large header with dark background block pattern
+ */
+return array(
+ 'title' => __( 'Large header with dark background', 'twentytwentytwo' ),
+ 'categories' => array( 'header' ),
+ 'blockTypes' => array( 'core/template-part/header' ),
+ 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"0px","bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
+ <div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:0px;padding-bottom:var(--wp--custom--spacing--large, 8rem);"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0px","bottom":"0px"}}},"layout":{"inherit":true}} -->
+ <div class="wp-block-group alignfull" style="padding-top:0px;padding-bottom:0px;"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
+ <div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"layout":{"type":"flex"}} -->
+ <div class="wp-block-group"><!-- wp:site-logo {"width":64} /-->
+
+ <!-- wp:site-title {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}}} /--></div>
+ <!-- /wp:group -->
+
+ <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} -->
+ <!-- wp:page-list /-->
+ <!-- /wp:navigation --></div>
+ <!-- /wp:group -->
+
+ <!-- wp:heading {"align":"wide","style":{"typography":{"fontSize":"clamp(3.25rem, 8vw, 6.25rem)","lineHeight":"1.15"}}} -->
+ <h2 class="alignwide" style="font-size:clamp(3.25rem, 8vw, 6.25rem);line-height:1.15">' . wp_kses_post( __( '<em>The Hatchery</em>: a blog about my adventures in bird watching', 'twentytwentytwo' ) ) . '</h2>
+ <!-- /wp:heading --></div>
+ <!-- /wp:group -->
+
+ <!-- wp:image {"align":"full","width":2400,"height":1020,"sizeSlug":"full","linkDestination":"none"} -->
+ <figure class="wp-block-image alignfull size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-transparent-c.png" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '" width="2400" height="1020"/></figure>
+ <!-- /wp:image --></div>
+ <!-- /wp:group --><!-- wp:spacer {"height":66} -->
+ <div style="height:66px" aria-hidden="true" class="wp-block-spacer"></div>
+ <!-- /wp:spacer -->',
+);