Przeglądaj źródła

Add invitation pattern.

Kjell Reigstad 4 lat temu
rodzic
commit
3df4d358ea

BIN
blank-canvas/assets/pattern-drink.jpg


+ 41 - 2
blank-canvas/inc/block-patterns.php

@@ -36,7 +36,7 @@ if ( ! function_exists( 'blank_canvas_register_block_patterns' ) ) :
 									<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
 									<!-- /wp:spacer -->
 									<!-- wp:media-text {"mediaPosition":"right","mediaId":1752,"mediaLink":"' . get_stylesheet_directory_uri() . '/assets/pattern-tattoo.jpg","mediaType":"image","imageFill":true} -->
-									<div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile is-image-fill"><figure class="wp-block-media-text__media" style="background-image:url(' . get_stylesheet_directory_uri() . '/assets/pattern-tattoo.jpg);background-position:50% 50%"><img src="' . get_stylesheet_directory_uri() . '/assets/pattern-tattoo.jpg" alt="" class="wp-image-1752 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:heading {"align":"wide"} -->
+									<div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile is-image-fill"><figure class="wp-block-media-text__media" style="background-image:url(' . get_stylesheet_directory_uri() . '/assets/pattern-tattoo.jpg);background-position:50% 50%"><img src="' . get_stylesheet_directory_uri() . '/assets/pattern-tattoo.jpg" alt="' . __( 'A photo of a tattooed hand, giving the "I love you" sign.', 'blank-canvas' ) . '" class="wp-image-1752 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:heading {"align":"wide"} -->
 									<h2 class="alignwide"><strong>' . __( 'Hi! I’m a tattooist based in Florida City.', 'blank-canvas' ) . '</strong></h2>
 									<!-- /wp:heading -->
 									<!-- wp:paragraph -->
@@ -65,7 +65,7 @@ if ( ! function_exists( 'blank_canvas_register_block_patterns' ) ) :
 									<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
 									<!-- /wp:spacer -->
 									<!-- wp:image {"align":"center","id":20,"width":98,"height":95,"sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
-									<div class="wp-block-image is-style-rounded"><figure class="aligncenter size-large is-resized"><img src="' . get_stylesheet_directory_uri() . '/assets/pattern-hat.jpg" alt="" class="wp-image-20" width="98" height="95"/></figure></div>
+									<div class="wp-block-image is-style-rounded"><figure class="aligncenter size-large is-resized"><img src="' . get_stylesheet_directory_uri() . '/assets/pattern-hat.jpg" alt="' . __( 'A photo of a man wearing a hat.', 'blank-canvas' ) . '" class="wp-image-20" width="98" height="95"/></figure></div>
 									<!-- /wp:image -->
 									<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"34px","lineHeight":"1"}}} -->
 									<p class="has-text-align-center" style="font-size:34px;line-height:1"><strong>' . __( 'Alex Fredrickson', 'blank-canvas' ) . '</strong></p>
@@ -97,6 +97,45 @@ if ( ! function_exists( 'blank_canvas_register_block_patterns' ) ) :
 									<!-- /wp:buttons -->',
 				)
 			);
+
+			register_block_pattern(
+				'blank-canvas/invitation',
+				array(
+					'title'      => __( 'Invitation', 'blank-canvas' ),
+					'categories' => array( 'blank-canvas' ),
+					'content'    => '<!-- wp:media-text {"mediaId":2207,"mediaLink":"' . get_stylesheet_directory_uri() . '/assets/pattern-drink.jpg","mediaType":"image","verticalAlignment":"center","style":{"color":{"background":"#fff9df"}}} -->
+									<div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center has-background" style="background-color:#fff9df"><figure class="wp-block-media-text__media"><img src="' . get_stylesheet_directory_uri() . '/assets/pattern-drink.jpg" alt="' . __( 'Two Drinks', 'blank-canvas' ) . '" class="wp-image-2207 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:heading -->
+									<h2>' . __( 'You&rsquo;re Invited', 'blank-canvas' ) . '</h2>
+									<!-- /wp:heading -->
+									<!-- wp:columns -->
+									<div class="wp-block-columns"><!-- wp:column -->
+									<div class="wp-block-column"><!-- wp:paragraph {"fontSize":"small"} -->
+									<p class="has-small-font-size">' . __( '123 Demo Street<br>New York, NY', 'blank-canvas' ) . '</p>
+									<!-- /wp:paragraph --></div>
+									<!-- /wp:column -->
+									<!-- wp:column -->
+									<div class="wp-block-column"><!-- wp:paragraph {"fontSize":"small"} -->
+									<p class="has-small-font-size">' . __( '8pm–12am<br>February 24th', 'blank-canvas' ) . '</p>
+									<!-- /wp:paragraph --></div>
+									<!-- /wp:column --></div>
+									<!-- /wp:columns -->
+									<!-- wp:separator {"customColor":"#eed99f","className":"is-style-wide"} -->
+									<hr class="wp-block-separator has-text-color has-background is-style-wide" style="background-color:#eed99f;color:#eed99f"/>
+									<!-- /wp:separator -->
+									<!-- wp:paragraph -->
+									<p>' . __( 'We&rsqo;ll be mixing tiki classics and some new creations using top-shelf spirits and organic mixers.', 'blank-canvas' ) . '</p>
+									<!-- /wp:paragraph -->
+									<!-- wp:paragraph -->
+									<p>' . __( 'Not a drinker? Not to worry—we&rsquo;ll have a full menu of delicious mocktails on offer.', 'blank-canvas' ) . '</p>
+									<!-- /wp:paragraph -->
+									<!-- wp:buttons -->
+									<div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"background":"#357b00"}},"textColor":"background","className":"is-style-fill"} -->
+									<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-background-color has-text-color has-background" style="background-color:#357b00">' . __( 'RSVP', 'blank-canvas' ) . '</a></div>
+									<!-- /wp:button --></div>
+									<!-- /wp:buttons --></div></div>
+									<!-- /wp:media-text -->',
+				)
+			);
 		}
 
 		/**

+ 6 - 1
blank-canvas/style.css

@@ -30,12 +30,17 @@ GNU General Public License for more details.
 Blank Canvas is derived from Seedlet. 2020-2021 Automattic
 Seedlet is distributed under the terms of the GNU GPL v2 or later.
 
-Images are from stocksnap.io
+Images from stocksnap.io
 License: CC0
 - Sarah Pflug: https://stocksnap.io/photo/hand-sign-BPQSX1BQTF
 - Allef Vinicius: https://stocksnap.io/photo/people-man-2Q8UIL3ABT
 Used as block pattern images.
 
+Image from foodiesfeed.com
+License: CC0
+https://www.foodiesfeed.com/free-food-photo/gin-and-tonic-cocktail-with-orange-and-thyme/
+Used as block pattern image.
+
 */
 
 @import "variables.css";