Merge pull request #3547 from Automattic/blank-canvas/add/coming-soon-patterns
Blank Canvas: Add "Coming Soon" Patterns
This commit is contained in:
Kjell Reigstad
GitHub
commit
0b949d5782
13 changed files with 473 additions and 0 deletions
BIN
blank-canvas-blocks/assets/images/pattern-food.jpg
Normal file
BIN
blank-canvas-blocks/assets/images/pattern-food.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 315 KiB |
BIN
blank-canvas-blocks/assets/images/pattern-gradient.mp4
Normal file
BIN
blank-canvas-blocks/assets/images/pattern-gradient.mp4
Normal file
Binary file not shown.
BIN
blank-canvas-blocks/assets/images/pattern-painting.jpg
Normal file
BIN
blank-canvas-blocks/assets/images/pattern-painting.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 266 KiB |
|
|
@ -25,6 +25,12 @@ if ( ! function_exists( 'blank_canvas_register_block_patterns' ) ) :
|
|||
'link-in-bio',
|
||||
array( 'label' => __( 'Link in Bio', 'blank-canvas-blocks' ) )
|
||||
);
|
||||
|
||||
register_block_pattern_category(
|
||||
'coming-soon',
|
||||
array( 'label' => __( 'Coming Soon', 'blank-canvas-blocks' ) )
|
||||
);
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -501,6 +507,158 @@ if ( ! function_exists( 'blank_canvas_register_block_patterns' ) ) :
|
|||
<!-- /wp:paragraph -->',
|
||||
)
|
||||
);
|
||||
|
||||
register_block_pattern(
|
||||
'blank-canvas-blocks/coming-soon-gradient',
|
||||
array(
|
||||
'title' => __( 'Coming Soon: Gradient', 'blank-canvas-blocks' ),
|
||||
'categories' => array( 'coming-soon' ),
|
||||
'content' => '<!-- wp:cover {"url":"' . esc_url( get_stylesheet_directory_uri() . '/assets/images/pattern-links-gradient.jpg' ) . '","id":2794,"dimRatio":0,"minHeight":100,"minHeightUnit":"vh","align":"full"} -->
|
||||
<div class="wp-block-cover alignfull" style="min-height:100vh"><img class="wp-block-cover__image-background wp-image-2794" alt="" src="' . esc_url( get_stylesheet_directory_uri() . '/assets/images/pattern-links-gradient.jpg' ) . '" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","align":"full","style":{"typography":{"fontSize":"20px","lineHeight":"1"}},"textColor":"background"} -->
|
||||
<h2 class="alignfull has-text-align-center has-background-color has-text-color" style="font-size:20px;line-height:1"><strong><span class="uppercase">' . esc_html__( 'COMING SOON', 'blank-canvas-blocks' ) . '</span></strong></h2>
|
||||
<!-- /wp:heading -->
|
||||
|
||||
<!-- wp:heading {"textAlign":"center","level":3,"align":"full","style":{"typography":{"fontSize":"64px","lineHeight":"1"}}} -->
|
||||
<h3 class="alignfull has-text-align-center" style="font-size:64px;line-height:1"><strong><span class="uppercase">' . esc_html__( 'Six Feet Over', 'blank-canvas-blocks' ) . '</span></strong></h3>
|
||||
<!-- /wp:heading -->
|
||||
|
||||
<!-- wp:paragraph {"align":"center"} -->
|
||||
<p class="has-text-align-center">' . esc_html__( 'A new album from Rage Slump coming April 2021. Follow us on BandCamp now to be the first to hear some sneak peeks of the album.', 'blank-canvas-blocks' ) . '</p>
|
||||
<!-- /wp:paragraph -->
|
||||
|
||||
<!-- wp:buttons {"contentJustification":"center"} -->
|
||||
<div class="wp-block-buttons is-content-justification-center"><!-- wp:button {"textColor":"background","className":"is-style-outline"} -->
|
||||
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-background-color has-text-color"><strong>' . esc_html__( 'FOLLOW US', 'blank-canvas-blocks' ) . '</strong></a></div>
|
||||
<!-- /wp:button --></div>
|
||||
<!-- /wp:buttons --></div></div>
|
||||
<!-- /wp:cover -->',
|
||||
)
|
||||
);
|
||||
|
||||
register_block_pattern(
|
||||
'blank-canvas-blocks/coming-soon-animated',
|
||||
array(
|
||||
'title' => __( 'Coming Soon: Animated Gradient', 'blank-canvas-blocks' ),
|
||||
'categories' => array( 'coming-soon' ),
|
||||
'content' => '<!-- wp:cover {"url":"' . esc_url( get_stylesheet_directory_uri() . '/assets/images/pattern-gradient.mp4' ) . '","id":2808,"dimRatio":0,"overlayColor":"primary","backgroundType":"video","minHeight":100,"minHeightUnit":"vh","align":"full"} -->
|
||||
<div class="wp-block-cover alignfull has-primary-background-color" style="min-height:100vh"><video class="wp-block-cover__video-background intrinsic-ignore" autoplay muted loop playsinline src="' . esc_url( get_stylesheet_directory_uri() . '/assets/images/pattern-gradient.mp4' ) . '" data-object-fit="cover"></video><div class="wp-block-cover__inner-container"><!-- 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 {"style":{"typography":{"lineHeight":"1","fontSize":"64px"}}} -->
|
||||
<h2 style="font-size:64px;line-height:1"><strong>' . esc_html__( 'The High Fives', 'blank-canvas-blocks' ) . '</strong></h2>
|
||||
<!-- /wp:heading -->
|
||||
|
||||
<!-- wp:social-links {"align":"left"} -->
|
||||
<ul class="wp-block-social-links alignleft"><!-- wp:social-link {"url":"#","service":"soundcloud"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"#","service":"bandcamp"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"#","service":"facebook"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"#","service":"instagram"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"#","service":"youtube"} /--></ul>
|
||||
<!-- /wp:social-links --></div>
|
||||
<!-- /wp:column -->
|
||||
|
||||
<!-- wp:column {"width":"25%"} -->
|
||||
<div class="wp-block-column" style="flex-basis:25%"></div>
|
||||
<!-- /wp:column --></div>
|
||||
<!-- /wp:columns --></div></div>
|
||||
<!-- /wp:cover -->',
|
||||
)
|
||||
);
|
||||
|
||||
register_block_pattern(
|
||||
'blank-canvas-blocks/coming-soon-art-gallery',
|
||||
array(
|
||||
'title' => __( 'Coming Soon: Art Gallery', 'blank-canvas-blocks' ),
|
||||
'categories' => array( 'coming-soon' ),
|
||||
'content' => '<!-- wp:media-text {"align":"full","mediaId":2719,"mediaLink":"' . esc_url( get_stylesheet_directory_uri() . '/assets/images/pattern-painting.jpg' ) . '","mediaType":"image","imageFill":true,"style":{"color":{"background":"#f3efec"}}} -->
|
||||
<div class="wp-block-media-text alignfull is-stacked-on-mobile is-image-fill has-background" style="background-color:#f3efec"><figure class="wp-block-media-text__media" style="background-image:url(' . esc_url( get_stylesheet_directory_uri() . '/assets/images/pattern-painting.jpg' ) . ');background-position:50% 50%"><img src="' . esc_url( get_stylesheet_directory_uri() . '/assets/images/pattern-painting.jpg' ) . '" alt="' . esc_html__( '"Self-Portrait with Two Pupils, Marie Gabrielle Capet and Marie Marguerite Carreaux de Rosemond" by Adélaïde Labille-Guiard, hung up on a gallery wall.', 'blank-canvas-blocks' ) . '" class="wp-image-2719 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:cover {"customOverlayColor":"#f3efec","minHeight":100,"minHeightUnit":"vh","align":"full"} -->
|
||||
<div class="wp-block-cover alignfull has-background-dim" style="background-color:#f3efec;min-height:100vh"><div class="wp-block-cover__inner-container"><!-- wp:heading {"style":{"typography":{"fontSize":"64px","lineHeight":"1"}},"textColor":"almost-black"} -->
|
||||
<h2 class="has-almost-black-color has-text-color" style="font-size:64px;line-height:1">' . esc_html__( 'Opening Soon', 'blank-canvas-blocks' ) . '</h2>
|
||||
<!-- /wp:heading -->
|
||||
|
||||
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.5"}},"textColor":"almost-black"} -->
|
||||
<p class="has-almost-black-color has-text-color" style="line-height:0.5">' . esc_html__( 'A new art gallery in downtown Boston.', 'blank-canvas-blocks' ) . '</p>
|
||||
<!-- /wp:paragraph -->
|
||||
|
||||
<!-- wp:spacer {"height":150} -->
|
||||
<div style="height:150px" aria-hidden="true" class="wp-block-spacer"></div>
|
||||
<!-- /wp:spacer -->
|
||||
|
||||
<!-- wp:columns -->
|
||||
<div class="wp-block-columns"><!-- wp:column -->
|
||||
<div class="wp-block-column"><!-- wp:paragraph {"textColor":"almost-black"} -->
|
||||
<p class="has-almost-black-color has-text-color">' . esc_html__( '1234 S Main Street', 'blank-canvas-blocks' ) . '<br>' . esc_html__( 'Boston, MA, 01010', 'blank-canvas-blocks' ) . '</p>
|
||||
<!-- /wp:paragraph --></div>
|
||||
<!-- /wp:column -->
|
||||
|
||||
<!-- wp:column -->
|
||||
<div class="wp-block-column"><!-- wp:paragraph {"textColor":"almost-black"} -->
|
||||
<p class="has-almost-black-color has-text-color"><a href="mailto:info@example.com">' . esc_html__( 'info@example.com', 'blank-canvas-blocks' ) . '<br></a>(123) 456-7890</p>
|
||||
<!-- /wp:paragraph --></div>
|
||||
<!-- /wp:column --></div>
|
||||
<!-- /wp:columns --></div></div>
|
||||
<!-- /wp:cover --></div></div>
|
||||
<!-- /wp:media-text -->',
|
||||
)
|
||||
);
|
||||
|
||||
register_block_pattern(
|
||||
'blank-canvas-blocks/coming-soon-restaurant',
|
||||
array(
|
||||
'title' => __( 'Coming Soon: Restaurant', 'blank-canvas-blocks' ),
|
||||
'categories' => array( 'coming-soon' ),
|
||||
'content' => '<!-- wp:cover {"url":"' . esc_url( get_stylesheet_directory_uri() . '/assets/images/pattern-food.jpg' ) . '","id":2579,"dimRatio":0,"focalPoint":{"x":"1.00","y":"0.51"},"minHeight":100,"minHeightUnit":"vh","align":"full"} -->
|
||||
<div class="wp-block-cover alignfull" style="min-height:100vh"><img class="wp-block-cover__image-background wp-image-2579" alt="" src="' . esc_url( get_stylesheet_directory_uri() . '/assets/images/pattern-food.jpg' ) . '" style="object-position:100% 51%" data-object-fit="cover" data-object-position="100% 51%"/><div class="wp-block-cover__inner-container"><!-- wp:columns {"align":"full"} -->
|
||||
<div class="wp-block-columns alignfull"><!-- wp:column {"width":"65%"} -->
|
||||
<div class="wp-block-column" style="flex-basis:65%"></div>
|
||||
<!-- /wp:column -->
|
||||
|
||||
<!-- wp:column {"width":"35%"} -->
|
||||
<div class="wp-block-column" style="flex-basis:35%"><!-- wp:paragraph -->
|
||||
<p><strong>' . esc_html__( 'OAK & ANCHOR', 'blank-canvas-blocks' ) . '</strong></p>
|
||||
<!-- /wp:paragraph -->
|
||||
|
||||
<!-- wp:spacer {"height":250} -->
|
||||
<div style="height:250px" aria-hidden="true" class="wp-block-spacer"></div>
|
||||
<!-- /wp:spacer -->
|
||||
|
||||
<!-- wp:heading {"style":{"typography":{"fontSize":"64px","lineHeight":"1.1"}}} -->
|
||||
<h2 style="font-size:64px;line-height:1.1"><strong>' . esc_html__( 'Coming Soon', 'blank-canvas-blocks' ) . '</strong></h2>
|
||||
<!-- /wp:heading -->
|
||||
|
||||
<!-- wp:paragraph -->
|
||||
<p>' . esc_html__( 'A new restaurant featuring farm-to-table dining.', 'blank-canvas-blocks' ) . '</p>
|
||||
<!-- /wp:paragraph -->
|
||||
|
||||
<!-- wp:columns -->
|
||||
<div class="wp-block-columns"><!-- wp:column -->
|
||||
<div class="wp-block-column"><!-- wp:paragraph -->
|
||||
<p>' . esc_html__( '1234 S Main Street', 'blank-canvas-blocks' ) . '<br>' . esc_html__( 'Townsville, MA, 01010', 'blank-canvas-blocks' ) . '</p>
|
||||
<!-- /wp:paragraph --></div>
|
||||
<!-- /wp:column -->
|
||||
|
||||
<!-- wp:column -->
|
||||
<div class="wp-block-column"><!-- wp:paragraph {"style":{"color":{"text":"#ffffff","link":"#ffffff"}}} -->
|
||||
<p class="has-text-color has-link-color" style="--wp--style--color--link:#ffffff;color:#ffffff"><a href="mailto:info@example.com">' . esc_html__( 'info@example.com', 'blank-canvas-blocks' ) . '<br></a>(123) 456-7890</p>
|
||||
<!-- /wp:paragraph --></div>
|
||||
<!-- /wp:column --></div>
|
||||
<!-- /wp:columns -->
|
||||
|
||||
<!-- wp:social-links {"iconColor":"background","iconColorValue":"#FFFFFF","className":"is-style-logos-only"} -->
|
||||
<ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"facebook"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"#","service":"yelp"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
|
||||
<!-- /wp:social-links --></div>
|
||||
<!-- /wp:column --></div>
|
||||
<!-- /wp:columns --></div></div>
|
||||
<!-- /wp:cover -->',
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
endif;
|
||||
|
|
|
|||
|
|
@ -12,4 +12,57 @@ License: GNU General Public License v2 or later
|
|||
License URI: LICENSE
|
||||
Text Domain: blank-canvas-blocks
|
||||
Tags: one-column, editor-style, featured-images
|
||||
|
||||
Blank Canvas Blocks WordPress Theme, (C) 2021 Automattic, Inc.
|
||||
Blank Canvas Blocks is distributed under the terms of the GNU GPL.
|
||||
|
||||
This program is free software: you can redistribute it and/or modify
|
||||
it under the terms of the GNU General Public License as published by
|
||||
the Free Software Foundation, either version 2 of the License, or
|
||||
(at your option) any later version.
|
||||
|
||||
This program is distributed in the hope that it will be useful,
|
||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
GNU General Public License for more details.
|
||||
|
||||
Images from stocksnap.io
|
||||
License: CC0
|
||||
- Sarah Pflug: https://stocksnap.io/photo/hand-sign-BPQSX1BQTF
|
||||
- Clem Onojeghuo: https://stocksnap.io/photo/beanie-scarf-M2U9VL0ZWG
|
||||
- Brooke Cagle: https://stocksnap.io/photo/people-woman-MU7G67710S
|
||||
- Daria Shevtsova: https://stocksnap.io/photo/girl-camera-AZED07HITL
|
||||
- Benjamin Voros: https://stocksnap.io/photo/blue-denim-BWPRK5DEF0
|
||||
- Artsy Crafty: https://stocksnap.io/photo/office-supplies-BDVUKQ4BBF
|
||||
- Artsy Crafty: https://stocksnap.io/photo/colorful-pencils-NONEDF6REB
|
||||
- Austin Neill: https://stocksnap.io/photo/concert-singer-F66MXRQS1K
|
||||
- Bruce Mars: https://stocksnap.io/photo/woman-sunglasses-MO7PZ7AYIC
|
||||
- Foodie Girl: https://stocksnap.io/photo/nature-food-AUVLL0XR1V
|
||||
Used as block pattern images.
|
||||
|
||||
Image from foodiesfeed.com
|
||||
License: CC0
|
||||
https://www.foodiesfeed.com/free-food-photo/watermelon-juice-2/
|
||||
Used as block pattern image.
|
||||
|
||||
Hamburger Icon from Noto Emoji
|
||||
License: Apache License 2.0
|
||||
https://github.com/googlefonts/noto-emoji/blob/master/svg/emoji_u1f354.svg
|
||||
Modified and used as a block pattern image.
|
||||
|
||||
Bullhorn Icon by the Consumer Financial Protection Bureau, US
|
||||
License: Public Domain
|
||||
https://thenounproject.com/term/bullhorn/89665/
|
||||
Modified and used as a block pattern image.
|
||||
|
||||
Self-Portrait with Two Pupils, Marie Gabrielle Capet and Marie Marguerite Carreaux de Rosemond
|
||||
by Adélaïde Labille-Guiard, 1785
|
||||
License: Public Domain
|
||||
https://www.metmuseum.org/art/collection/search/436840
|
||||
Used as a block pattern image.
|
||||
|
||||
Gradient Video
|
||||
License: CC0
|
||||
Designed by Ballio Chan for the Blank Canvas theme.
|
||||
Used as block pattern background.
|
||||
*/
|
||||
BIN
blank-canvas/assets/pattern-food.jpg
Normal file
BIN
blank-canvas/assets/pattern-food.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 315 KiB |
BIN
blank-canvas/assets/pattern-gradient.mp4
Normal file
BIN
blank-canvas/assets/pattern-gradient.mp4
Normal file
Binary file not shown.
BIN
blank-canvas/assets/pattern-notice.png
Normal file
BIN
blank-canvas/assets/pattern-notice.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
BIN
blank-canvas/assets/pattern-painting.jpg
Normal file
BIN
blank-canvas/assets/pattern-painting.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 266 KiB |
BIN
blank-canvas/assets/pattern-watch.jpg
Normal file
BIN
blank-canvas/assets/pattern-watch.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 152 KiB |
|
|
@ -25,6 +25,11 @@ if ( ! function_exists( 'blank_canvas_register_block_patterns' ) ) :
|
|||
'link-in-bio',
|
||||
array( 'label' => __( 'Link in Bio', 'blank-canvas' ) )
|
||||
);
|
||||
|
||||
register_block_pattern_category(
|
||||
'coming-soon',
|
||||
array( 'label' => __( 'Coming Soon', 'blank-canvas' ) )
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -497,6 +502,158 @@ if ( ! function_exists( 'blank_canvas_register_block_patterns' ) ) :
|
|||
<!-- /wp:cover -->',
|
||||
)
|
||||
);
|
||||
|
||||
register_block_pattern(
|
||||
'blank-canvas/coming-soon-gradient',
|
||||
array(
|
||||
'title' => __( 'Coming Soon: Gradient', 'blank-canvas' ),
|
||||
'categories' => array( 'coming-soon' ),
|
||||
'content' => '<!-- wp:cover {"url":"' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-links-gradient.jpg' ) . '","id":2794,"dimRatio":0,"minHeight":100,"minHeightUnit":"vh","align":"full"} -->
|
||||
<div class="wp-block-cover alignfull" style="min-height:100vh"><img class="wp-block-cover__image-background wp-image-2794" alt="" src="' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-links-gradient.jpg' ) . '" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","align":"full","style":{"typography":{"fontSize":"20px","lineHeight":"1"}},"textColor":"background"} -->
|
||||
<h2 class="alignfull has-text-align-center has-background-color has-text-color" style="font-size:20px;line-height:1"><strong><span class="uppercase">' . esc_html__( 'COMING SOON', 'blank-canvas' ) . '</span></strong></h2>
|
||||
<!-- /wp:heading -->
|
||||
|
||||
<!-- wp:heading {"textAlign":"center","level":3,"align":"full","style":{"typography":{"fontSize":"64px","lineHeight":"1"}}} -->
|
||||
<h3 class="alignfull has-text-align-center" style="font-size:64px;line-height:1"><strong><span class="uppercase">' . esc_html__( 'Six Feet Over', 'blank-canvas' ) . '</span></strong></h3>
|
||||
<!-- /wp:heading -->
|
||||
|
||||
<!-- wp:paragraph {"align":"center"} -->
|
||||
<p class="has-text-align-center">' . esc_html__( 'A new album from Rage Slump coming April 2021. Follow us on BandCamp now to be the first to hear some sneak peeks of the album.', 'blank-canvas' ) . '</p>
|
||||
<!-- /wp:paragraph -->
|
||||
|
||||
<!-- wp:buttons {"contentJustification":"center"} -->
|
||||
<div class="wp-block-buttons is-content-justification-center"><!-- wp:button {"textColor":"background","className":"is-style-outline"} -->
|
||||
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-background-color has-text-color"><strong>' . esc_html__( 'FOLLOW US', 'blank-canvas' ) . '</strong></a></div>
|
||||
<!-- /wp:button --></div>
|
||||
<!-- /wp:buttons --></div></div>
|
||||
<!-- /wp:cover -->',
|
||||
)
|
||||
);
|
||||
|
||||
register_block_pattern(
|
||||
'blank-canvas/coming-soon-animated',
|
||||
array(
|
||||
'title' => __( 'Coming Soon: Animated Gradient', 'blank-canvas' ),
|
||||
'categories' => array( 'coming-soon' ),
|
||||
'content' => '<!-- wp:cover {"url":"' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-gradient.mp4' ) . '","id":2808,"dimRatio":0,"overlayColor":"primary","backgroundType":"video","minHeight":100,"minHeightUnit":"vh","align":"full"} -->
|
||||
<div class="wp-block-cover alignfull has-primary-background-color" style="min-height:100vh"><video class="wp-block-cover__video-background intrinsic-ignore" autoplay muted loop playsinline src="' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-gradient.mp4' ) . '" data-object-fit="cover"></video><div class="wp-block-cover__inner-container"><!-- 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 {"style":{"typography":{"lineHeight":"1","fontSize":"64px"}}} -->
|
||||
<h2 style="font-size:64px;line-height:1"><strong>' . esc_html__( 'The High Fives', 'blank-canvas' ) . '</strong></h2>
|
||||
<!-- /wp:heading -->
|
||||
|
||||
<!-- wp:social-links {"align":"left"} -->
|
||||
<ul class="wp-block-social-links alignleft"><!-- wp:social-link {"url":"#","service":"soundcloud"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"#","service":"bandcamp"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"#","service":"facebook"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"#","service":"instagram"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"#","service":"youtube"} /--></ul>
|
||||
<!-- /wp:social-links --></div>
|
||||
<!-- /wp:column -->
|
||||
|
||||
<!-- wp:column {"width":"25%"} -->
|
||||
<div class="wp-block-column" style="flex-basis:25%"></div>
|
||||
<!-- /wp:column --></div>
|
||||
<!-- /wp:columns --></div></div>
|
||||
<!-- /wp:cover -->',
|
||||
)
|
||||
);
|
||||
|
||||
register_block_pattern(
|
||||
'blank-canvas/coming-soon-art-gallery',
|
||||
array(
|
||||
'title' => __( 'Coming Soon: Art Gallery', 'blank-canvas' ),
|
||||
'categories' => array( 'coming-soon' ),
|
||||
'content' => '<!-- wp:media-text {"align":"full","mediaId":2719,"mediaLink":"' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-painting.jpg' ) . '","mediaType":"image","imageFill":true,"style":{"color":{"background":"#f3efec"}}} -->
|
||||
<div class="wp-block-media-text alignfull is-stacked-on-mobile is-image-fill has-background" style="background-color:#f3efec"><figure class="wp-block-media-text__media" style="background-image:url(' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-painting.jpg' ) . ');background-position:50% 50%"><img src="' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-painting.jpg' ) . '" alt="' . esc_html__( '"Self-Portrait with Two Pupils, Marie Gabrielle Capet and Marie Marguerite Carreaux de Rosemond" by Adélaïde Labille-Guiard, hung up on a gallery wall.', 'blank-canvas' ) . '" class="wp-image-2719 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:cover {"customOverlayColor":"#f3efec","minHeight":100,"minHeightUnit":"vh","align":"full"} -->
|
||||
<div class="wp-block-cover alignfull has-background-dim" style="background-color:#f3efec;min-height:100vh"><div class="wp-block-cover__inner-container"><!-- wp:heading {"style":{"typography":{"fontSize":"64px","lineHeight":"1"}},"textColor":"foreground"} -->
|
||||
<h2 class="has-foreground-color has-text-color" style="font-size:64px;line-height:1">' . esc_html__( 'Opening Soon', 'blank-canvas' ) . '</h2>
|
||||
<!-- /wp:heading -->
|
||||
|
||||
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.5"}},"textColor":"foreground"} -->
|
||||
<p class="has-foreground-color has-text-color" style="line-height:0.5">' . esc_html__( 'A new art gallery in downtown Boston.', 'blank-canvas' ) . '</p>
|
||||
<!-- /wp:paragraph -->
|
||||
|
||||
<!-- wp:spacer {"height":150} -->
|
||||
<div style="height:150px" aria-hidden="true" class="wp-block-spacer"></div>
|
||||
<!-- /wp:spacer -->
|
||||
|
||||
<!-- wp:columns -->
|
||||
<div class="wp-block-columns"><!-- wp:column -->
|
||||
<div class="wp-block-column"><!-- wp:paragraph {"textColor":"foreground"} -->
|
||||
<p class="has-foreground-color has-text-color">' . esc_html__( '1234 S Main Street', 'blank-canvas' ) . '<br>' . esc_html__( 'Boston, MA, 01010', 'blank-canvas' ) . '</p>
|
||||
<!-- /wp:paragraph --></div>
|
||||
<!-- /wp:column -->
|
||||
|
||||
<!-- wp:column -->
|
||||
<div class="wp-block-column"><!-- wp:paragraph {"textColor":"foreground"} -->
|
||||
<p class="has-foreground-color has-text-color"><a href="mailto:info@example.com">' . esc_html__( 'info@example.com', 'blank-canvas' ) . '<br></a>(123) 456-7890</p>
|
||||
<!-- /wp:paragraph --></div>
|
||||
<!-- /wp:column --></div>
|
||||
<!-- /wp:columns --></div></div>
|
||||
<!-- /wp:cover --></div></div>
|
||||
<!-- /wp:media-text -->',
|
||||
)
|
||||
);
|
||||
|
||||
register_block_pattern(
|
||||
'blank-canvas/coming-soon-restaurant',
|
||||
array(
|
||||
'title' => __( 'Coming Soon: Restaurant', 'blank-canvas' ),
|
||||
'categories' => array( 'coming-soon' ),
|
||||
'content' => '<!-- wp:cover {"url":"' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-food.jpg' ) . '","id":2579,"dimRatio":0,"focalPoint":{"x":"1.00","y":"0.51"},"minHeight":100,"minHeightUnit":"vh","align":"full"} -->
|
||||
<div class="wp-block-cover alignfull" style="min-height:100vh"><img class="wp-block-cover__image-background wp-image-2579" alt="" src="' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-food.jpg' ) . '" style="object-position:100% 51%" data-object-fit="cover" data-object-position="100% 51%"/><div class="wp-block-cover__inner-container"><!-- wp:columns {"align":"full"} -->
|
||||
<div class="wp-block-columns alignfull"><!-- wp:column {"width":"65%"} -->
|
||||
<div class="wp-block-column" style="flex-basis:65%"></div>
|
||||
<!-- /wp:column -->
|
||||
|
||||
<!-- wp:column {"width":"35%"} -->
|
||||
<div class="wp-block-column" style="flex-basis:35%"><!-- wp:paragraph -->
|
||||
<p><strong>' . esc_html__( 'OAK & ANCHOR', 'blank-canvas' ) . '</strong></p>
|
||||
<!-- /wp:paragraph -->
|
||||
|
||||
<!-- wp:spacer {"height":250} -->
|
||||
<div style="height:250px" aria-hidden="true" class="wp-block-spacer"></div>
|
||||
<!-- /wp:spacer -->
|
||||
|
||||
<!-- wp:heading {"style":{"typography":{"fontSize":"64px","lineHeight":"1.1"}}} -->
|
||||
<h2 style="font-size:64px;line-height:1.1"><strong>' . esc_html__( 'Coming Soon', 'blank-canvas' ) . '</strong></h2>
|
||||
<!-- /wp:heading -->
|
||||
|
||||
<!-- wp:paragraph -->
|
||||
<p>' . esc_html__( 'A new restaurant featuring farm-to-table dining.', 'blank-canvas' ) . '</p>
|
||||
<!-- /wp:paragraph -->
|
||||
|
||||
<!-- wp:columns -->
|
||||
<div class="wp-block-columns"><!-- wp:column -->
|
||||
<div class="wp-block-column"><!-- wp:paragraph -->
|
||||
<p>' . esc_html__( '1234 S Main Street', 'blank-canvas' ) . '<br>' . esc_html__( 'Townsville, MA, 01010', 'blank-canvas' ) . '</p>
|
||||
<!-- /wp:paragraph --></div>
|
||||
<!-- /wp:column -->
|
||||
|
||||
<!-- wp:column -->
|
||||
<div class="wp-block-column"><!-- wp:paragraph {"style":{"color":{"text":"#ffffff","link":"#ffffff"}}} -->
|
||||
<p class="has-text-color has-link-color" style="--wp--style--color--link:#ffffff;color:#ffffff"><a href="mailto:info@example.com">' . esc_html__( 'info@example.com', 'blank-canvas' ) . '<br></a>(123) 456-7890</p>
|
||||
<!-- /wp:paragraph --></div>
|
||||
<!-- /wp:column --></div>
|
||||
<!-- /wp:columns -->
|
||||
|
||||
<!-- wp:social-links {"iconColor":"background","iconColorValue":"#FFFFFF","className":"is-style-logos-only"} -->
|
||||
<ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"facebook"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"#","service":"yelp"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
|
||||
<!-- /wp:social-links --></div>
|
||||
<!-- /wp:column --></div>
|
||||
<!-- /wp:columns --></div></div>
|
||||
<!-- /wp:cover -->',
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -178,6 +178,93 @@ if ( ! function_exists( 'blank_canvas_register_wpcom_block_patterns' ) ) :
|
|||
<!-- /wp:spacer --></div></div>',
|
||||
)
|
||||
); */
|
||||
|
||||
register_block_pattern(
|
||||
'blank-canvas/coming-soon-solid-color',
|
||||
array(
|
||||
'title' => __( 'Coming Soon: Solid Color', 'blank-canvas' ),
|
||||
'categories' => array( 'coming-soon' ),
|
||||
'content' => '<!-- wp:cover {"customOverlayColor":"#e8ffe6","minHeight":100,"minHeightUnit":"vh","align":"full"} -->
|
||||
<div class="wp-block-cover alignfull has-background-dim" style="background-color:#e8ffe6;min-height:100vh"><div class="wp-block-cover__inner-container"><!-- wp:image {"align":"center","id":2742,"width":100,"height":100,"sizeSlug":"medium","linkDestination":"none"} -->
|
||||
<div class="wp-block-image"><figure class="aligncenter size-medium is-resized"><img src="' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-notice.png' ) . '" alt="' . esc_html__( 'A megaphone icon with sharp angles.', 'blank-canvas' ) . '" class="wp-image-2742" width="100" height="100"/></figure></div>
|
||||
<!-- /wp:image -->
|
||||
|
||||
<!-- wp:spacer {"height":5} -->
|
||||
<div style="height:5px" aria-hidden="true" class="wp-block-spacer"></div>
|
||||
<!-- /wp:spacer -->
|
||||
|
||||
<!-- wp:heading {"textAlign":"center","align":"wide","style":{"typography":{"fontSize":"64px","lineHeight":"1.1"}},"textColor":"primary"} -->
|
||||
<h2 class="alignwide has-text-align-center has-primary-color has-text-color" style="font-size:64px;line-height:1.1"><strong>' . esc_html__( 'Coming Soon', 'blank-canvas' ) . '</strong></h2>
|
||||
<!-- /wp:heading -->
|
||||
|
||||
<!-- wp:paragraph {"align":"center","textColor":"primary"} -->
|
||||
<p class="has-text-align-center has-primary-color has-text-color">' . esc_html__( 'Sign up to hear when my journey begins.', 'blank-canvas' ) . '</p>
|
||||
<!-- /wp:paragraph -->
|
||||
|
||||
<!-- wp:jetpack/subscriptions {"buttonBackgroundColor":"primary","textColor":"background","borderRadius":6,"borderColor":"#000000","customBorderColor":"#000000"} -->
|
||||
<div class="wp-block-jetpack-subscriptions wp-block-jetpack-subscriptions__supports-newline">[jetpack_subscription_form show_subscribers_total="false" button_on_newline="false" custom_font_size="16px" custom_border_radius="6" custom_border_weight="1" custom_border_color="#000000" custom_padding="15" custom_spacing="10" submit_button_classes="has-000000-border-color has-text-color has-background-color has-background has-primary-background-color" email_field_classes="has-000000-border-color" show_only_email_and_button="true"]</div>
|
||||
<!-- /wp:jetpack/subscriptions -->
|
||||
|
||||
<!-- wp:social-links {"iconColor":"primary","iconColorValue":"#000000","align":"center","className":"is-style-logos-only"} -->
|
||||
<ul class="wp-block-social-links aligncenter has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"facebook"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"#","service":"twitter"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
|
||||
<!-- /wp:social-links --></div></div>
|
||||
<!-- /wp:cover -->',
|
||||
)
|
||||
);
|
||||
|
||||
register_block_pattern(
|
||||
'blank-canvas/coming-soon-simple',
|
||||
array(
|
||||
'title' => __( 'Coming Soon: Simple', 'blank-canvas' ),
|
||||
'categories' => array( 'coming-soon' ),
|
||||
'content' => '<!-- wp:cover {"overlayColor":"background","minHeight":948,"minHeightUnit":"px","align":"full"} -->
|
||||
<div class="wp-block-cover alignfull has-background-background-color has-background-dim" style="min-height:948px"><div class="wp-block-cover__inner-container"><!-- wp:columns {"align":"full"} -->
|
||||
<div class="wp-block-columns alignfull"><!-- wp:column -->
|
||||
<div class="wp-block-column"><!-- wp:heading {"textColor":"primary","style":{"typography":{"lineHeight":"1","fontSize":"64px"}}} -->
|
||||
<h2 class="has-primary-color has-text-color" style="font-size:64px;line-height:1"><strong>' . esc_html__( 'Coming Soon', 'blank-canvas' ) . '</strong></h2>
|
||||
<!-- /wp:heading -->
|
||||
|
||||
<!-- wp:paragraph {"textColor":"primary"} -->
|
||||
<p class="has-primary-color has-text-color">' . esc_html__( 'A new blog by MindStomp. Sign up to be notified when we launch.', 'blank-canvas' ) . '</p>
|
||||
<!-- /wp:paragraph -->
|
||||
|
||||
<!-- wp:jetpack/subscriptions {"buttonBackgroundColor":"background","textColor":"primary","borderRadius":0,"borderWeight":3,"borderColor":"#000000","customBorderColor":"#000000"} -->
|
||||
<div class="wp-block-jetpack-subscriptions wp-block-jetpack-subscriptions__supports-newline">[jetpack_subscription_form show_subscribers_total="false" button_on_newline="false" custom_font_size="16px" custom_border_radius="0" custom_border_weight="3" custom_border_color="#000000" custom_padding="15" custom_spacing="10" submit_button_classes="no-border-radius has-000000-border-color has-text-color has-primary-color has-background has-background-background-color" email_field_classes="no-border-radius has-000000-border-color" show_only_email_and_button="true"]</div>
|
||||
<!-- /wp:jetpack/subscriptions --></div>
|
||||
<!-- /wp:column -->
|
||||
|
||||
<!-- wp:column -->
|
||||
<div class="wp-block-column"></div>
|
||||
<!-- /wp:column --></div>
|
||||
<!-- /wp:columns --></div></div>
|
||||
<!-- /wp:cover -->',
|
||||
)
|
||||
);
|
||||
|
||||
register_block_pattern(
|
||||
'blank-canvas/coming-soon-app',
|
||||
array(
|
||||
'title' => __( 'Coming Soon: App', 'blank-canvas' ),
|
||||
'categories' => array( 'coming-soon' ),
|
||||
'content' => '<!-- wp:media-text {"align":"full","mediaPosition":"right","mediaId":2787,"mediaLink":"' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-watch.jpg' ) . '","mediaType":"image","mediaWidth":54,"imageFill":false} -->
|
||||
<div class="wp-block-media-text alignfull has-media-on-the-right is-stacked-on-mobile" style="grid-template-columns:auto 54%"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-watch.jpg' ) . '" alt="' . esc_html__( 'A close-up of a black smart watch against a pink background.', 'blank-canvas' ) . '" class="wp-image-2787 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:heading {"style":{"color":{"text":"#2b353a"},"typography":{"fontSize":"50px","lineHeight":"1.2"}}} -->
|
||||
<h2 class="has-text-color" style="color:#2b353a;font-size:50px;line-height:1.2"><strong>' . esc_html__( 'A new app for designers', 'blank-canvas' ) . '</strong></h2>
|
||||
<!-- /wp:heading -->
|
||||
|
||||
<!-- wp:paragraph {"textColor":"primary"} -->
|
||||
<p class="has-primary-color has-text-color">' . esc_html__( 'We’re launching soon. Be the first to sign up!', 'blank-canvas' ) . '</p>
|
||||
<!-- /wp:paragraph -->
|
||||
|
||||
<!-- wp:jetpack/subscriptions {"submitButtonText":"\u003cstrong\u003eSUBSCRIBE\u003c/strong\u003e","customButtonBackgroundColor":"#dfcbda","textColor":"primary","borderRadius":4,"padding":20} -->
|
||||
<div class="wp-block-jetpack-subscriptions wp-block-jetpack-subscriptions__supports-newline">[jetpack_subscription_form show_subscribers_total="false" button_on_newline="false" submit_button_text="<strong>' . esc_html__( 'SUBSCRIBE', 'blank-canvas' ) . '</strong>" custom_background_button_color="#dfcbda" custom_font_size="16px" custom_border_radius="4" custom_border_weight="1" custom_padding="20" custom_spacing="10" submit_button_classes="has-text-color has-primary-color" email_field_classes="" show_only_email_and_button="true"]</div>
|
||||
<!-- /wp:jetpack/subscriptions --></div></div>
|
||||
<!-- /wp:media-text -->',
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
endif;
|
||||
|
|
|
|||
|
|
@ -41,6 +41,8 @@ License: CC0
|
|||
- Artsy Crafty: https://stocksnap.io/photo/colorful-pencils-NONEDF6REB
|
||||
- Austin Neill: https://stocksnap.io/photo/concert-singer-F66MXRQS1K
|
||||
- Bruce Mars: https://stocksnap.io/photo/woman-sunglasses-MO7PZ7AYIC
|
||||
- Foodie Girl: https://stocksnap.io/photo/nature-food-AUVLL0XR1V
|
||||
- One Idea LLC: https://stocksnap.io/photo/apple-watch-6EMBFCXU0J
|
||||
Used as block pattern images.
|
||||
|
||||
Image from foodiesfeed.com
|
||||
|
|
@ -52,6 +54,22 @@ Hamburger Icon from Noto Emoji
|
|||
License: Apache License 2.0
|
||||
https://github.com/googlefonts/noto-emoji/blob/master/svg/emoji_u1f354.svg
|
||||
Modified and used as a block pattern image.
|
||||
|
||||
Bullhorn Icon by the Consumer Financial Protection Bureau, US
|
||||
License: Public Domain
|
||||
https://thenounproject.com/term/bullhorn/89665/
|
||||
Modified and used as a block pattern image.
|
||||
|
||||
Self-Portrait with Two Pupils, Marie Gabrielle Capet and Marie Marguerite Carreaux de Rosemond
|
||||
by Adélaïde Labille-Guiard, 1785
|
||||
License: Public Domain
|
||||
https://www.metmuseum.org/art/collection/search/436840
|
||||
Used as a block pattern image.
|
||||
|
||||
Gradient Video
|
||||
License: CC0
|
||||
Designed by Ballio Chan for the Blank Canvas theme.
|
||||
Used as block pattern background.
|
||||
*/
|
||||
|
||||
@import "variables.css";
|
||||
|
|
|
|||
Loading…
Reference in a new issue