themes-wordpress/rainfall/patterns/big-header.php
Jeff Ong 0685898fc0
Rainfall: add Home template (#6450)
* Home template updates.
* Patternise sidebar content
* Move images to assets directory

Co-authored-by: Sarah Norris <sarah@sekai.co.uk>
Co-authored-by: Ben Dwyer <ben@scruffian.com>
Co-authored-by: Jason Crist <jcrist@pbking.com>
2022-09-08 16:17:11 -04:00

44 lines
1.7 KiB
PHP

<?php
/**
* Title: Big Header
* Slug: rainfall/big-header
* Categories: featured
*/
?>
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns {"align":"full"} -->
<div class="wp-block-columns alignfull">
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%">
<!-- wp:heading {"className":"indented-post-title","fontSize":"xx-large"} -->
<h2 class="has-xx-large-font-size indented-post-title"><?php esc_html_e( 'The City That Never Sleeps', 'rainfall' ); ?></h2>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns {"align":"full"} -->
<div class="wp-block-columns alignfull"><!-- wp:column {"verticalAlignment":"bottom","width":"33.33%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:33.33%"><!-- wp:heading {"fontSize":"xx-large"} -->
<h2 class="has-xx-large-font-size"><?php echo esc_html__( '002', 'rainfall' ); ?></h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} -->
<p style="text-transform:uppercase"><a href="/about"><?php esc_html_e( 'Read Issue', 'rainfall' ); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:image {"align":"right","sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image alignright size-large"><a href="/about"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/home.jpg" alt="<?php esc_html_e( 'Person with umbrella', 'rainfall' ); ?>"/></a></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->