block-patterns.php 46 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676
  1. <?php
  2. /**
  3. * Block Patterns
  4. *
  5. * @package Blank Canvas
  6. * @since 1.0
  7. */
  8. if ( ! function_exists( 'blank_canvas_register_block_patterns' ) ) :
  9. /**
  10. * Sets up support for block patterns and unregisters Seedlet's.
  11. */
  12. function blank_canvas_register_block_patterns() {
  13. /**
  14. * Register Block Pattern Category.
  15. */
  16. if ( function_exists( 'register_block_pattern_category' ) ) {
  17. register_block_pattern_category(
  18. 'blank-canvas',
  19. array( 'label' => __( 'Blank Canvas', 'blank-canvas' ) )
  20. );
  21. register_block_pattern_category(
  22. 'link-in-bio',
  23. array( 'label' => __( 'Link in Bio', 'blank-canvas' ) )
  24. );
  25. register_block_pattern_category(
  26. 'coming-soon',
  27. array( 'label' => __( 'Coming Soon', 'blank-canvas' ) )
  28. );
  29. }
  30. /**
  31. * Register Block Patterns.
  32. */
  33. if ( function_exists( 'register_block_pattern' ) ) {
  34. register_block_pattern(
  35. 'blank-canvas/about-me',
  36. array(
  37. 'title' => __( 'About Me', 'blank-canvas' ),
  38. 'categories' => array( 'blank-canvas' ),
  39. 'content' => '<!-- wp:spacer {"height":20} -->
  40. <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
  41. <!-- /wp:spacer -->
  42. <!-- wp:media-text {"mediaPosition":"right","mediaId":1752,"mediaLink":"' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-tattoo.jpg' ) . '","mediaType":"image","imageFill":true} -->
  43. <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(' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-tattoo.jpg' ) . ');background-position:50% 50%"><img src="' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-tattoo.jpg' ) . '" alt="' . esc_attr__( '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 {"level":1,"align":"wide","style":{"typography":{"fontSize":"32px"}}} -->
  44. <h1 class="alignwide" style="font-size:32px"><strong>' . esc_html__( 'Hi! I’m a tattooist based in Florida City.', 'blank-canvas' ) . '</strong></h1>
  45. <!-- /wp:heading -->
  46. <!-- wp:paragraph -->
  47. <p>' . esc_html__( 'Specializing in fine line tattoos with a single needle. With over 10 years of experience, I can make your tattoo dreams come true.', 'blank-canvas' ) . '</p>
  48. <!-- /wp:paragraph -->
  49. <!-- wp:buttons -->
  50. <div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"background":"#d35069"}},"textColor":"background"} -->
  51. <div class="wp-block-button"><a class="wp-block-button__link has-background-color has-text-color has-background" style="background-color:#d35069">' . esc_html__( 'Get in touch', 'blank-canvas' ) . '</a></div>
  52. <!-- /wp:button --></div>
  53. <!-- /wp:buttons -->
  54. <!-- wp:social-links {"className":"is-style-default"} -->
  55. <ul class="wp-block-social-links is-style-default"><!-- wp:social-link {"url":"https://facebook.com/","service":"facebook"} /-->
  56. <!-- wp:social-link {"url":"https://instagram.com/","service":"instagram"} /-->
  57. <!-- wp:social-link {"url":"https://twitter.com/","service":"twitter"} /--></ul>
  58. <!-- /wp:social-links -->
  59. <!-- wp:spacer -->
  60. <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
  61. <!-- /wp:spacer --></div></div>
  62. <!-- /wp:media-text -->',
  63. )
  64. );
  65. register_block_pattern(
  66. 'blank-canvas/links',
  67. array(
  68. 'title' => __( 'Links', 'blank-canvas' ),
  69. 'categories' => array( 'blank-canvas', 'link-in-bio' ),
  70. 'content' => '<!-- wp:spacer {"height":20} -->
  71. <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
  72. <!-- /wp:spacer -->
  73. <!-- wp:image {"align":"center","id":20,"width":98,"height":95,"sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
  74. <div class="wp-block-image is-style-rounded"><figure class="aligncenter size-large is-resized"><img src="' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-hat.jpg' ) . '" alt="' . esc_attr__( 'Photo of a man wearing a hat.', 'blank-canvas' ) . '" class="wp-image-20" width="98" height="95"/></figure></div>
  75. <!-- /wp:image -->
  76. <!-- wp:heading {"textAlign":"center","level":1,"style":{"typography":{"fontSize":"32px"}}} -->
  77. <h1 class="has-text-align-center" style="font-size:32px"><strong>'. esc_html__( 'Alex Fredrickson', 'blank-canvas' ) . '</strong></h1>
  78. <!-- /wp:heading -->
  79. <!-- wp:social-links {"align":"center","className":"is-style-default"} -->
  80. <ul class="wp-block-social-links aligncenter is-style-default"><!-- wp:social-link {"url":"https://linkedin.com/","service":"linkedin"} /-->
  81. <!-- wp:social-link {"url":"https://twitter.com/","service":"twitter"} /-->
  82. <!-- wp:social-link {"url":"https://instagram.com/","service":"instagram"} /--></ul>
  83. <!-- /wp:social-links -->
  84. <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"20px","lineHeight":"1.65"}}} -->
  85. <p class="has-text-align-center" style="font-size:20px;line-height:1.65">' . esc_html__( 'My latest and greatest tips, resources, and reads.', 'blank-canvas' ) . '<br />' . esc_html__( 'So much goodness all in one place!', 'blank-canvas' ) . '</p>
  86. <!-- /wp:paragraph -->
  87. <!-- wp:buttons {"contentJustification":"center"} -->
  88. <div class="wp-block-buttons is-content-justification-center"><!-- wp:button {"borderRadius":"","width":100,"className":"is-style-fill"} -->
  89. <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link">' . esc_html__( 'Must read: The Place That Made Me', 'blank-canvas' ) . '</a></div>
  90. <!-- /wp:button -->
  91. <!-- wp:button {"width":100,"className":"is-style-fill"} -->
  92. <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link">' . esc_html__( 'Rain Journal by Richard Johnson', 'blank-canvas' ) . '</a></div>
  93. <!-- /wp:button -->
  94. <!-- wp:button {"width":100,"className":"is-style-fill"} -->
  95. <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link">' . esc_html__( '10th Day of Rain', 'blank-canvas' ) . '</a></div>
  96. <!-- /wp:button -->
  97. <!-- wp:button {"width":100,"className":"is-style-fill"} -->
  98. <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link">' . esc_html__( 'Blurring the Lines Between Architecture and Nature', 'blank-canvas' ) . '</a></div>
  99. <!-- /wp:button -->
  100. <!-- wp:button {"width":100,"className":"is-style-fill"} -->
  101. <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link">' . esc_html__( 'Instant Classic: A story of Persistence', 'blank-canvas' ) . '</a></div>
  102. <!-- /wp:button --></div>
  103. <!-- /wp:buttons -->',
  104. )
  105. );
  106. register_block_pattern(
  107. 'blank-canvas/invitation',
  108. array(
  109. 'title' => __( 'Invitation', 'blank-canvas' ),
  110. 'categories' => array( 'blank-canvas' ),
  111. 'content' => '<!-- wp:media-text {"mediaId":2207,"mediaLink":"' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-drink.jpg' ) . '","mediaType":"image","verticalAlignment":"center","imageFill":true,"style":{"color":{"background":"#f5fff4"}}} -->
  112. <div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center is-image-fill has-background" style="background-color:#f5fff4"><figure class="wp-block-media-text__media" style="background-image:url(' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-drink.jpg' ) . ');background-position:50% 50%"><img src="' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-drink.jpg' ) . '" alt="' . esc_attr__( 'Photo of two drinks.', 'blank-canvas' ) . '" class="wp-image-2207 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:spacer {"height":30} -->
  113. <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
  114. <!-- /wp:spacer -->
  115. <!-- wp:heading {"level":1,"style":{"color":{"text":"#c61aa7"}}} -->
  116. <h1 class="has-text-color" style="color:#c61aa7"><strong>' . esc_html__( 'You&rsquo;re Invited', 'blank-canvas' ) . '</strong></h1>
  117. <!-- /wp:heading -->
  118. <!-- wp:columns -->
  119. <div class="wp-block-columns"><!-- wp:column -->
  120. <div class="wp-block-column"><!-- wp:paragraph {"fontSize":"small"} -->
  121. <p class="has-small-font-size">' . esc_html__( 'Pier 38', 'blank-canvas' ) . '<br />' . esc_html__( 'San Francisco, CA', 'blank-canvas' ) . '</p>
  122. <!-- /wp:paragraph --></div>
  123. <!-- /wp:column -->
  124. <!-- wp:column -->
  125. <div class="wp-block-column"><!-- wp:paragraph {"fontSize":"small"} -->
  126. <p class="has-small-font-size">' . esc_html__( '8pm–12am', 'blank-canvas' ) . '<br />' . esc_html__( 'April 16th', 'blank-canvas' ) . '</p>
  127. <!-- /wp:paragraph --></div>
  128. <!-- /wp:column --></div>
  129. <!-- /wp:columns -->
  130. <!-- wp:separator {"customColor":"#e343cd","className":"is-style-wide"} -->
  131. <hr class="wp-block-separator has-text-color has-background is-style-wide" style="background-color:#e343cd;color:#e343cd"/>
  132. <!-- /wp:separator -->
  133. <!-- wp:paragraph -->
  134. <p>' . esc_html__( 'Join us for a celebratory party featuring creative cocktails and mocktails, seasonal chef-crafted snacks and appetizers, and a range of desserts and pastries from local bakeries.', 'blank-canvas' ) . '</p>
  135. <!-- /wp:paragraph -->
  136. <!-- wp:buttons -->
  137. <div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"background":"#c61aa7"}},"textColor":"background","className":"is-style-fill"} -->
  138. <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:#c61aa7">' . esc_html__( 'RSVP', 'blank-canvas' ) . '</a></div>
  139. <!-- /wp:button --></div>
  140. <!-- /wp:buttons -->
  141. <!-- wp:spacer {"height":30} -->
  142. <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
  143. <!-- /wp:spacer --></div></div>
  144. <!-- /wp:media-text -->',
  145. )
  146. );
  147. register_block_pattern(
  148. 'blank-canvas/split-screen',
  149. array(
  150. 'title' => __( 'Split Screen', 'blank-canvas' ),
  151. 'categories' => array( 'blank-canvas' ),
  152. 'content' => '<!-- wp:media-text {"align":"full","mediaId":598,"mediaLink":"' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-camera.jpg' ) . '","mediaType":"image","imageFill":true} -->
  153. <div class="wp-block-media-text alignfull is-stacked-on-mobile is-image-fill"><figure class="wp-block-media-text__media" style="background-image:url(' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-camera.jpg' ) . ');background-position:50% 50%"><img src="' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-camera.jpg' ) . '" alt="' . esc_attr__( 'Photo of a vintage camera.', 'blank-canvas' ) . '" class="wp-image-598 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:cover {"overlayColor":"background","minHeight":95,"minHeightUnit":"vh"} -->
  154. <div class="wp-block-cover has-background-background-color has-background-dim" style="min-height:95vh"><div class="wp-block-cover__inner-container"><!-- wp:image {"align":"center","id":624,"width":200,"height":200,"sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
  155. <div class="wp-block-image is-style-rounded"><figure class="aligncenter size-large is-resized"><img src="' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-woman.jpg' ) . '" alt="' . esc_attr__( 'Photo of a woman.', 'blank-canvas' ) . '" class="wp-image-624" width="200" height="200"/></figure></div>
  156. <!-- /wp:image -->
  157. <!-- wp:heading {"textAlign":"center","level":1} -->
  158. <h1 class="has-text-align-center"><strong>'. esc_html__( 'Jasmine Baker', 'blank-canvas' ) . '</strong></h1>
  159. <!-- /wp:heading -->
  160. <!-- wp:paragraph {"align":"center","backgroundColor":"background"} -->
  161. <p class="has-text-align-center has-background-background-color has-background">' . esc_html__( 'Hello! I am a photographer and designer living near Portland, Maine. When I am not posting to Instagram, you can find me shooting weddings and portraits.', 'blank-canvas' ) . '</p>
  162. <!-- /wp:paragraph -->
  163. <!-- wp:social-links {"align":"center","className":"is-style-default"} -->
  164. <ul class="wp-block-social-links aligncenter is-style-default"><!-- wp:social-link {"url":"https://instagram.com","service":"instagram"} /-->
  165. <!-- wp:social-link {"url":"https://www.tiktok.com","service":"tiktok"} /-->
  166. <!-- wp:social-link {"url":"https://twitter.com","service":"twitter"} /-->
  167. <!-- wp:social-link {"url":"https://youtube.com","service":"youtube"} /--></ul>
  168. <!-- /wp:social-links --></div></div>
  169. <!-- /wp:cover --></div></div>
  170. <!-- /wp:media-text -->',
  171. )
  172. );
  173. register_block_pattern(
  174. 'blank-canvas/links-emoji',
  175. array(
  176. 'title' => __( 'Emoji Links', 'blank-canvas' ),
  177. 'categories' => array( 'link-in-bio' ),
  178. 'content' => '<!-- wp:cover {"minHeight":100,"minHeightUnit":"vh","customGradient":"linear-gradient(153deg,rgb(24,183,125) 0%,rgb(26,156,211) 49%,rgb(46,78,209) 100%)","align":"full"} -->
  179. <div class="wp-block-cover alignfull has-background-dim has-background-gradient" style="background:linear-gradient(153deg,rgb(24,183,125) 0%,rgb(26,156,211) 49%,rgb(46,78,209) 100%);min-height:100vh"><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":10} -->
  180. <div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
  181. <!-- /wp:spacer -->
  182. <!-- wp:image {"align":"center","id":36,"width":96,"height":96,"sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
  183. <div class="wp-block-image is-style-rounded"><figure class="aligncenter size-large is-resized"><img src="' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-links-hamburger.png' ) . '" alt="' . esc_attr__( 'Hamburger icon', 'blank-canvas' ) . '" class="wp-image-36" width="96" height="96"/></figure></div>
  184. <!-- /wp:image -->
  185. <!-- wp:heading {"textAlign":"center","level":1} -->
  186. <h1 class="has-text-align-center"><strong>' . esc_html__( 'Hamburger', 'blank-canvas' ) . '</strong></h1>
  187. <!-- /wp:heading -->
  188. <!-- wp:spacer {"height":1} -->
  189. <div style="height:1px" aria-hidden="true" class="wp-block-spacer"></div>
  190. <!-- /wp:spacer -->
  191. <!-- wp:buttons -->
  192. <div class="wp-block-buttons"><!-- wp:button {"borderRadius":50,"backgroundColor":"background","textColor":"foreground","width":100} -->
  193. <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-foreground-color has-background-background-color has-text-color has-background" style="border-radius:50px">📺 ' . esc_html__( 'Subscribe on YouTube', 'blank-canvas' ) . '</a></div>
  194. <!-- /wp:button -->
  195. <!-- wp:button {"borderRadius":50,"backgroundColor":"background","textColor":"foreground","width":100} -->
  196. <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-foreground-color has-background-background-color has-text-color has-background" style="border-radius:50px"> 🎹 ' . esc_html__( 'Listen on SoundCloud', 'blank-canvas' ) . '</a></div>
  197. <!-- /wp:button -->
  198. <!-- wp:button {"borderRadius":50,"backgroundColor":"background","textColor":"foreground","width":100} -->
  199. <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-foreground-color has-background-background-color has-text-color has-background" style="border-radius:50px">📸 ' . esc_html__( 'Follow my Instagram', 'blank-canvas' ) . '</a></div>
  200. <!-- /wp:button -->
  201. <!-- wp:button {"borderRadius":50,"backgroundColor":"background","textColor":"foreground","width":100} -->
  202. <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-foreground-color has-background-background-color has-text-color has-background" style="border-radius:50px">🛍 ' . esc_html__( 'Shop my style picks', 'blank-canvas' ) . '</a></div>
  203. <!-- /wp:button -->
  204. <!-- wp:button {"borderRadius":50,"backgroundColor":"background","textColor":"foreground","width":100} -->
  205. <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-foreground-color has-background-background-color has-text-color has-background" style="border-radius:50px">🙋‍♀️ ' . esc_html__( 'Ask me a question', 'blank-canvas' ) . '</a></div>
  206. <!-- /wp:button --></div>
  207. <!-- /wp:buttons -->
  208. <!-- wp:spacer {"height":20} -->
  209. <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
  210. <!-- /wp:spacer --></div></div>
  211. <!-- /wp:cover -->',
  212. )
  213. );
  214. register_block_pattern(
  215. 'blank-canvas/links-gradient',
  216. array(
  217. 'title' => __( 'Gradient Links', 'blank-canvas' ),
  218. 'categories' => array( 'link-in-bio' ),
  219. 'content' => '<!-- wp:cover {"overlayColor":"background","minHeight":1090,"minHeightUnit":"px","align":"full"} -->
  220. <div class="wp-block-cover alignfull has-background-background-color has-background-dim" style="min-height:1090px"><div class="wp-block-cover__inner-container"><!-- wp:image {"align":"center","id":130,"width":96,"height":96,"sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
  221. <div class="wp-block-image is-style-rounded"><figure class="aligncenter size-large is-resized"><img src="' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-links-pencils.jpg' ) . '" alt="' . esc_attr__( 'Colored pencils', 'blank-canvas' ) . '" class="wp-image-130" width="96" height="96"/></figure></div>
  222. <!-- /wp:image -->
  223. <!-- wp:heading {"textAlign":"center"} -->
  224. <h2 class="has-text-align-center"><strong>' . esc_html__( 'Antonio Miller', 'blank-canvas' ) . '</strong></h2>
  225. <!-- /wp:heading -->
  226. <!-- wp:buttons -->
  227. <div class="wp-block-buttons"><!-- wp:button {"borderRadius":10,"style":{"color":{"gradient":"linear-gradient(135deg,rgb(11,192,224) 0%,rgb(128,208,199) 100%)"}},"width":100} -->
  228. <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-background" style="border-radius:10px;background:linear-gradient(135deg,rgb(11,192,224) 0%,rgb(128,208,199) 100%)">' . esc_html__( 'Watch my tutorials', 'blank-canvas' ) . '</a></div>
  229. <!-- /wp:button -->
  230. <!-- wp:button {"borderRadius":10,"style":{"color":{"gradient":"linear-gradient(135deg,rgb(65,88,208) 0%,rgb(200,80,192) 100%)"}},"width":100} -->
  231. <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-background" style="border-radius:10px;background:linear-gradient(135deg,rgb(65,88,208) 0%,rgb(200,80,192) 100%)">' . esc_html__( 'Buy prints of my work', 'blank-canvas' ) . '</a></div>
  232. <!-- /wp:button -->
  233. <!-- wp:button {"borderRadius":10,"style":{"color":{"gradient":"linear-gradient(135deg,rgb(174,61,255) 0%,rgb(226,39,86) 100%)"}},"width":100} -->
  234. <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-background" style="border-radius:10px;background:linear-gradient(135deg,rgb(174,61,255) 0%,rgb(226,39,86) 100%)">' . esc_html__( 'My wish list', 'blank-canvas' ) . '</a></div>
  235. <!-- /wp:button -->
  236. <!-- wp:button {"borderRadius":10,"style":{"color":{"gradient":"linear-gradient(135deg,rgb(224,44,44) 0%,rgb(249,197,57) 100%)"}},"width":100} -->
  237. <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-background" style="border-radius:10px;background:linear-gradient(135deg,rgb(224,44,44) 0%,rgb(249,197,57) 100%)">' . esc_html__( 'Instagram', 'blank-canvas' ) . '</a></div>
  238. <!-- /wp:button -->
  239. <!-- wp:button {"borderRadius":10,"style":{"color":{"gradient":"linear-gradient(135deg,rgb(0,173,121) 0%,rgb(41,182,229) 100%)"}},"width":100} -->
  240. <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-background" style="border-radius:10px;background:linear-gradient(135deg,rgb(0,173,121) 0%,rgb(41,182,229) 100%)">' . esc_html__( 'Twitter', 'blank-canvas' ) . '</a></div>
  241. <!-- /wp:button --></div>
  242. <!-- /wp:buttons --></div></div>
  243. <!-- /wp:cover -->',
  244. )
  245. );
  246. register_block_pattern(
  247. 'blank-canvas/links-musician',
  248. array(
  249. 'title' => __( 'Musician Links', 'blank-canvas' ),
  250. 'categories' => array( 'link-in-bio' ),
  251. 'content' => '<!-- wp:cover {"url":"' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-links-gradient.jpg' ) . '","id":181,"hasParallax":true,"dimRatio":0,"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full"} -->
  252. <div class="wp-block-cover alignfull has-primary-background-color has-parallax" style="background-image:url(' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-links-gradient.jpg' ) . ');min-height:100vh"><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":10} -->
  253. <div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
  254. <!-- /wp:spacer -->
  255. <!-- wp:image {"align":"center","id":30,"width":120,"height":120,"sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
  256. <div class="wp-block-image is-style-rounded"><figure class="aligncenter size-large is-resized"><img src="' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-links-singer.png' ) . '" alt="' . esc_attr__( 'Image of a singer performing.', 'blank-canvas' ) . '" class="wp-image-30" width="120" height="120"/></figure></div>
  257. <!-- /wp:image -->
  258. <!-- wp:heading {"textAlign":"center","level":1,"fontSize":"huge"} -->
  259. <h1 class="has-text-align-center has-huge-font-size"><strong>' . esc_html__( 'Alex Smith — Own Way', 'blank-canvas' ) . '</strong></h1>
  260. <!-- /wp:heading -->
  261. <!-- wp:embed {"providerNameSlug":"youtube","responsive":true} /-->
  262. <!-- wp:buttons -->
  263. <div class="wp-block-buttons"><!-- wp:button {"textColor":"background","width":50,"className":"is-style-outline"} -->
  264. <div class="wp-block-button has-custom-width wp-block-button__width-50 is-style-outline"><a class="wp-block-button__link has-background-color has-text-color">' . esc_html__( 'SoundCloud', 'blank-canvas' ) . '</a></div>
  265. <!-- /wp:button -->
  266. <!-- wp:button {"textColor":"background","width":50,"className":"is-style-outline"} -->
  267. <div class="wp-block-button has-custom-width wp-block-button__width-50 is-style-outline"><a class="wp-block-button__link has-background-color has-text-color">' . esc_html__( 'Spotify', 'blank-canvas' ) . '</a></div>
  268. <!-- /wp:button -->
  269. <!-- wp:button {"textColor":"background","width":50,"className":"is-style-outline"} -->
  270. <div class="wp-block-button has-custom-width wp-block-button__width-50 is-style-outline"><a class="wp-block-button__link has-background-color has-text-color">' . esc_html__( 'Bandcamp', 'blank-canvas' ) . '</a></div>
  271. <!-- /wp:button -->
  272. <!-- wp:button {"textColor":"background","width":50,"className":"is-style-outline"} -->
  273. <div class="wp-block-button has-custom-width wp-block-button__width-50 is-style-outline"><a class="wp-block-button__link has-background-color has-text-color">' . esc_html__( 'Apple Music', 'blank-canvas' ) . '</a></div>
  274. <!-- /wp:button -->
  275. <!-- wp:button {"textColor":"background","width":50,"className":"is-style-outline"} -->
  276. <div class="wp-block-button has-custom-width wp-block-button__width-50 is-style-outline"><a class="wp-block-button__link has-background-color has-text-color">' . esc_html__( 'YouTube', 'blank-canvas' ) . '</a></div>
  277. <!-- /wp:button -->
  278. <!-- wp:button {"textColor":"background","width":50,"className":"is-style-outline"} -->
  279. <div class="wp-block-button has-custom-width wp-block-button__width-50 is-style-outline"><a class="wp-block-button__link has-background-color has-text-color">' . esc_html__( 'Tidal', 'blank-canvas' ) . '</a></div>
  280. <!-- /wp:button --></div>
  281. <!-- /wp:buttons -->
  282. <!-- wp:social-links {"align":"center","className":"is-style-default"} -->
  283. <ul class="wp-block-social-links aligncenter is-style-default"><!-- wp:social-link {"url":"https://linkedin.com/","service":"linkedin"} /-->
  284. <!-- wp:social-link {"url":"https://twitter.com/","service":"twitter"} /-->
  285. <!-- wp:social-link {"url":"https://instagram.com/","service":"instagram"} /--></ul>
  286. <!-- /wp:social-links -->
  287. <!-- wp:spacer {"height":20} -->
  288. <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
  289. <!-- /wp:spacer --></div></div>
  290. <!-- /wp:cover -->',
  291. )
  292. );
  293. register_block_pattern(
  294. 'blank-canvas/links-product',
  295. array(
  296. 'title' => __( 'Product Links', 'blank-canvas' ),
  297. 'categories' => array( 'link-in-bio' ),
  298. 'content' => '<!-- wp:cover {"overlayColor":"background","minHeight":100,"minHeightUnit":"vh","align":"full"} -->
  299. <div class="wp-block-cover alignfull has-background-background-color has-background-dim" style="min-height:100vh"><div class="wp-block-cover__inner-container"><!-- wp:image {"align":"center","id":57,"width":150,"height":150,"sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
  300. <div class="wp-block-image is-style-rounded"><figure class="aligncenter size-large is-resized"><img src="' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-links-sunglasses.jpg' ) . '" alt="' . esc_attr__( 'Woman wearing sunglasses', 'blank-canvas' ) . '" class="wp-image-57" width="150" height="150"/></figure></div>
  301. <!-- /wp:image -->
  302. <!-- wp:heading {"textAlign":"center","level":1,"textColor":"primary"} -->
  303. <h1 class="has-text-align-center has-primary-color has-text-color"><strong>' . esc_html__( 'Julia Paxton', 'blank-canvas' ) . '</strong></h1>
  304. <!-- /wp:heading -->
  305. <!-- wp:spacer {"height":1} -->
  306. <div style="height:1px" aria-hidden="true" class="wp-block-spacer"></div>
  307. <!-- /wp:spacer -->
  308. <!-- wp:separator {"color":"primary","className":"is-style-wide"} -->
  309. <hr class="wp-block-separator has-text-color has-background has-primary-background-color has-primary-color is-style-wide"/>
  310. <!-- /wp:separator -->
  311. <!-- wp:columns {"verticalAlignment":"center"} -->
  312. <div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"70%"} -->
  313. <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:70%"><!-- wp:paragraph -->
  314. <p>' . esc_html__( 'Rhinestone Earrings, ASOS', 'blank-canvas' ) . '</p>
  315. <!-- /wp:paragraph --></div>
  316. <!-- /wp:column -->
  317. <!-- wp:column {"verticalAlignment":"center"} -->
  318. <div class="wp-block-column is-vertically-aligned-center"><!-- wp:buttons {"contentJustification":"right"} -->
  319. <div class="wp-block-buttons is-content-justification-right"><!-- wp:button {"backgroundColor":"primary","width":100} -->
  320. <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-primary-background-color has-background">' . esc_html__( '$36', 'blank-canvas' ) . '</a></div>
  321. <!-- /wp:button --></div>
  322. <!-- /wp:buttons --></div>
  323. <!-- /wp:column --></div>
  324. <!-- /wp:columns -->
  325. <!-- wp:separator {"color":"primary","className":"is-style-wide"} -->
  326. <hr class="wp-block-separator has-text-color has-background has-primary-background-color has-primary-color is-style-wide"/>
  327. <!-- /wp:separator -->
  328. <!-- wp:columns {"verticalAlignment":"center"} -->
  329. <div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"70%"} -->
  330. <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:70%"><!-- wp:paragraph -->
  331. <p>' . esc_html__( 'Pink Long Sleeve Tea Dress, Topshop', 'blank-canvas' ) . '</p>
  332. <!-- /wp:paragraph --></div>
  333. <!-- /wp:column -->
  334. <!-- wp:column {"verticalAlignment":"center"} -->
  335. <div class="wp-block-column is-vertically-aligned-center"><!-- wp:buttons {"contentJustification":"right"} -->
  336. <div class="wp-block-buttons is-content-justification-right"><!-- wp:button {"backgroundColor":"primary","width":100} -->
  337. <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-primary-background-color has-background">' . esc_html__( '$45', 'blank-canvas' ) . '</a></div>
  338. <!-- /wp:button --></div>
  339. <!-- /wp:buttons --></div>
  340. <!-- /wp:column --></div>
  341. <!-- /wp:columns -->
  342. <!-- wp:separator {"color":"primary","className":"is-style-wide"} -->
  343. <hr class="wp-block-separator has-text-color has-background has-primary-background-color has-primary-color is-style-wide"/>
  344. <!-- /wp:separator -->
  345. <!-- wp:columns {"verticalAlignment":"center"} -->
  346. <div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"70%"} -->
  347. <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:70%"><!-- wp:paragraph -->
  348. <p>' . esc_html__( 'Chunky Platform Lace-Up Boots, H&amp;M', 'blank-canvas' ) . '</p>
  349. <!-- /wp:paragraph --></div>
  350. <!-- /wp:column -->
  351. <!-- wp:column {"verticalAlignment":"center"} -->
  352. <div class="wp-block-column is-vertically-aligned-center"><!-- wp:buttons {"contentJustification":"right"} -->
  353. <div class="wp-block-buttons is-content-justification-right"><!-- wp:button {"backgroundColor":"primary","width":100} -->
  354. <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-primary-background-color has-background">' . esc_html__( '$60', 'blank-canvas' ) . '</a></div>
  355. <!-- /wp:button --></div>
  356. <!-- /wp:buttons --></div>
  357. <!-- /wp:column --></div>
  358. <!-- /wp:columns -->
  359. <!-- wp:separator {"color":"primary","className":"is-style-wide"} -->
  360. <hr class="wp-block-separator has-text-color has-background has-primary-background-color has-primary-color is-style-wide"/>
  361. <!-- /wp:separator -->
  362. <!-- wp:columns {"verticalAlignment":"center"} -->
  363. <div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"70%"} -->
  364. <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:70%"><!-- wp:paragraph -->
  365. <p>' . esc_html__( 'Oversized Alpaca Crew, Everlane', 'blank-canvas' ) . '</p>
  366. <!-- /wp:paragraph --></div>
  367. <!-- /wp:column -->
  368. <!-- wp:column {"verticalAlignment":"center"} -->
  369. <div class="wp-block-column is-vertically-aligned-center"><!-- wp:buttons {"contentJustification":"right"} -->
  370. <div class="wp-block-buttons is-content-justification-right"><!-- wp:button {"backgroundColor":"primary","width":100} -->
  371. <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-primary-background-color has-background">' . esc_html__( '$70', 'blank-canvas' ) . '</a></div>
  372. <!-- /wp:button --></div>
  373. <!-- /wp:buttons --></div>
  374. <!-- /wp:column --></div>
  375. <!-- /wp:columns -->
  376. <!-- wp:separator {"color":"primary","className":"is-style-wide"} -->
  377. <hr class="wp-block-separator has-text-color has-background has-primary-background-color has-primary-color is-style-wide"/>
  378. <!-- /wp:separator -->
  379. <!-- wp:social-links {"align":"center","className":"is-style-logos-only"} -->
  380. <ul class="wp-block-social-links aligncenter is-style-logos-only"><!-- wp:social-link {"url":"https://instagram.com","service":"instagram"} /-->
  381. <!-- wp:social-link {"url":"https://snapchat.com","service":"snapchat"} /-->
  382. <!-- wp:social-link {"url":"https://wordpress.com","service":"wordpress"} /--></ul>
  383. <!-- /wp:social-links --></div></div>
  384. <!-- /wp:cover -->',
  385. )
  386. );
  387. register_block_pattern(
  388. 'blank-canvas/links-text',
  389. array(
  390. 'title' => __( 'Text Links', 'blank-canvas' ),
  391. 'categories' => array( 'link-in-bio' ),
  392. 'content' => '<!-- wp:cover {"overlayColor":"background","minHeight":100,"minHeightUnit":"vh","align":"full"} -->
  393. <div class="wp-block-cover alignfull has-background-background-color has-background-dim" style="min-height:100vh"><div class="wp-block-cover__inner-container"><!-- wp:image {"align":"left","id":100,"width":100,"height":100,"sizeSlug":"large","linkDestination":"none"} -->
  394. <div class="wp-block-image"><figure class="alignleft size-large is-resized"><img src="' . esc_url( get_stylesheet_directory_uri() . '/assets/pattern-links-logo.png' ) . '" alt="' . esc_attr__( 'A logo of a circle with a line through it.', 'blank-canvas' ) . '" class="wp-image-100" width="100" height="100"/></figure></div>
  395. <!-- /wp:image -->
  396. <!-- wp:spacer {"height":1} -->
  397. <div style="height:1px" aria-hidden="true" class="wp-block-spacer"></div>
  398. <!-- /wp:spacer -->
  399. <!-- wp:heading {"textAlign":"left","level":1} -->
  400. <h1 class="has-text-align-left">' . esc_html__( 'Patricia Jones', 'blank-canvas' ) . '</h1>
  401. <!-- /wp:heading -->
  402. <!-- wp:paragraph -->
  403. <p><em>' . esc_html__( 'Published work and ephemera.', 'blank-canvas' ) . '</em></p>
  404. <!-- /wp:paragraph -->
  405. <!-- wp:separator {"customColor":"#959595","className":"is-style-wide"} -->
  406. <hr class="wp-block-separator has-text-color has-background is-style-wide" style="background-color:#959595;color:#959595"/>
  407. <!-- /wp:separator -->
  408. <!-- wp:paragraph -->
  409. <p><a href="#">' . esc_html__( '“The Lost Tricycle” Book', 'blank-canvas' ) . '</a></p>
  410. <!-- /wp:paragraph -->
  411. <!-- wp:paragraph -->
  412. <p><a href="#">' . esc_html__( '"Why we must own our history"', 'blank-canvas' ) . '</a>' . esc_html__( ' in <em>The Atlantic</em>', 'blank-canvas' ) . '</p>
  413. <!-- /wp:paragraph -->
  414. <!-- wp:paragraph -->
  415. <p><a href="#">' . esc_html__( '"Identity and Ownership"', 'blank-canvas' ) . '</a>' . esc_html__( ' in <em>The New York Times</em>', 'blank-canvas' ) . '</p>
  416. <!-- /wp:paragraph -->
  417. <!-- wp:paragraph -->
  418. <p><a href="#">' . esc_html__( 'Sponsor: Crafty Cookies', 'blank-canvas' ) . '</a></p>
  419. <!-- /wp:paragraph -->
  420. <!-- wp:paragraph -->
  421. <p><a href="#">' . esc_html__( 'Donate to help keep us posting!', 'blank-canvas' ) . '</a></p>
  422. <!-- /wp:paragraph --></div></div>
  423. <!-- /wp:cover -->',
  424. )
  425. );
  426. register_block_pattern(
  427. 'blank-canvas/coming-soon-gradient',
  428. array(
  429. 'title' => __( 'Coming Soon: Gradient', 'blank-canvas' ),
  430. 'categories' => array( 'coming-soon' ),
  431. '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"} -->
  432. <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"} -->
  433. <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>
  434. <!-- /wp:heading -->
  435. <!-- wp:heading {"textAlign":"center","level":3,"align":"full","style":{"typography":{"fontSize":"64px","lineHeight":"1"}}} -->
  436. <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>
  437. <!-- /wp:heading -->
  438. <!-- wp:paragraph {"align":"center"} -->
  439. <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>
  440. <!-- /wp:paragraph -->
  441. <!-- wp:buttons {"contentJustification":"center"} -->
  442. <div class="wp-block-buttons is-content-justification-center"><!-- wp:button {"textColor":"background","className":"is-style-outline"} -->
  443. <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>
  444. <!-- /wp:button --></div>
  445. <!-- /wp:buttons --></div></div>
  446. <!-- /wp:cover -->',
  447. )
  448. );
  449. register_block_pattern(
  450. 'blank-canvas/coming-soon-animated',
  451. array(
  452. 'title' => __( 'Coming Soon: Animated Gradient', 'blank-canvas' ),
  453. 'categories' => array( 'coming-soon' ),
  454. '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"} -->
  455. <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"} -->
  456. <div class="wp-block-columns alignfull"><!-- wp:column {"width":"75%"} -->
  457. <div class="wp-block-column" style="flex-basis:75%"><!-- wp:heading {"style":{"typography":{"lineHeight":"1","fontSize":"64px"}}} -->
  458. <h2 style="font-size:64px;line-height:1"><strong>' . esc_html__( 'The High Fives', 'blank-canvas' ) . '</strong></h2>
  459. <!-- /wp:heading -->
  460. <!-- wp:social-links {"align":"left"} -->
  461. <ul class="wp-block-social-links alignleft"><!-- wp:social-link {"url":"#","service":"soundcloud"} /-->
  462. <!-- wp:social-link {"url":"#","service":"bandcamp"} /-->
  463. <!-- wp:social-link {"url":"#","service":"facebook"} /-->
  464. <!-- wp:social-link {"url":"#","service":"instagram"} /-->
  465. <!-- wp:social-link {"url":"#","service":"youtube"} /--></ul>
  466. <!-- /wp:social-links --></div>
  467. <!-- /wp:column -->
  468. <!-- wp:column {"width":"25%"} -->
  469. <div class="wp-block-column" style="flex-basis:25%"></div>
  470. <!-- /wp:column --></div>
  471. <!-- /wp:columns --></div></div>
  472. <!-- /wp:cover -->',
  473. )
  474. );
  475. register_block_pattern(
  476. 'blank-canvas/coming-soon-art-gallery',
  477. array(
  478. 'title' => __( 'Coming Soon: Art Gallery', 'blank-canvas' ),
  479. 'categories' => array( 'coming-soon' ),
  480. '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"}}} -->
  481. <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"} -->
  482. <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"} -->
  483. <h2 class="has-foreground-color has-text-color" style="font-size:64px;line-height:1">' . esc_html__( 'Opening Soon', 'blank-canvas' ) . '</h2>
  484. <!-- /wp:heading -->
  485. <!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.5"}},"textColor":"foreground"} -->
  486. <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>
  487. <!-- /wp:paragraph -->
  488. <!-- wp:spacer {"height":150} -->
  489. <div style="height:150px" aria-hidden="true" class="wp-block-spacer"></div>
  490. <!-- /wp:spacer -->
  491. <!-- wp:columns -->
  492. <div class="wp-block-columns"><!-- wp:column -->
  493. <div class="wp-block-column"><!-- wp:paragraph {"textColor":"foreground"} -->
  494. <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>
  495. <!-- /wp:paragraph --></div>
  496. <!-- /wp:column -->
  497. <!-- wp:column -->
  498. <div class="wp-block-column"><!-- wp:paragraph {"textColor":"foreground"} -->
  499. <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>
  500. <!-- /wp:paragraph --></div>
  501. <!-- /wp:column --></div>
  502. <!-- /wp:columns --></div></div>
  503. <!-- /wp:cover --></div></div>
  504. <!-- /wp:media-text -->',
  505. )
  506. );
  507. register_block_pattern(
  508. 'blank-canvas/coming-soon-restaurant',
  509. array(
  510. 'title' => __( 'Coming Soon: Restaurant', 'blank-canvas' ),
  511. 'categories' => array( 'coming-soon' ),
  512. '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"} -->
  513. <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"} -->
  514. <div class="wp-block-columns alignfull"><!-- wp:column {"width":"65%"} -->
  515. <div class="wp-block-column" style="flex-basis:65%"></div>
  516. <!-- /wp:column -->
  517. <!-- wp:column {"width":"35%"} -->
  518. <div class="wp-block-column" style="flex-basis:35%"><!-- wp:paragraph -->
  519. <p><strong>' . esc_html__( 'OAK & ANCHOR', 'blank-canvas' ) . '</strong></p>
  520. <!-- /wp:paragraph -->
  521. <!-- wp:spacer {"height":250} -->
  522. <div style="height:250px" aria-hidden="true" class="wp-block-spacer"></div>
  523. <!-- /wp:spacer -->
  524. <!-- wp:heading {"style":{"typography":{"fontSize":"64px","lineHeight":"1.1"}}} -->
  525. <h2 style="font-size:64px;line-height:1.1"><strong>' . esc_html__( 'Coming Soon', 'blank-canvas' ) . '</strong></h2>
  526. <!-- /wp:heading -->
  527. <!-- wp:paragraph -->
  528. <p>' . esc_html__( 'A new restaurant featuring farm-to-table dining.', 'blank-canvas' ) . '</p>
  529. <!-- /wp:paragraph -->
  530. <!-- wp:columns -->
  531. <div class="wp-block-columns"><!-- wp:column -->
  532. <div class="wp-block-column"><!-- wp:paragraph -->
  533. <p>' . esc_html__( '1234 S Main Street', 'blank-canvas' ) . '<br>' . esc_html__( 'Townsville, MA, 01010', 'blank-canvas' ) . '</p>
  534. <!-- /wp:paragraph --></div>
  535. <!-- /wp:column -->
  536. <!-- wp:column -->
  537. <div class="wp-block-column"><!-- wp:paragraph {"style":{"color":{"text":"#ffffff","link":"#ffffff"}}} -->
  538. <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>
  539. <!-- /wp:paragraph --></div>
  540. <!-- /wp:column --></div>
  541. <!-- /wp:columns -->
  542. <!-- wp:social-links {"iconColor":"background","iconColorValue":"#FFFFFF","className":"is-style-logos-only"} -->
  543. <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"facebook"} /-->
  544. <!-- wp:social-link {"url":"#","service":"yelp"} /-->
  545. <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
  546. <!-- /wp:social-links --></div>
  547. <!-- /wp:column --></div>
  548. <!-- /wp:columns --></div></div>
  549. <!-- /wp:cover -->',
  550. )
  551. );
  552. }
  553. /**
  554. * Unregister Seedlet Block Pattern Category.
  555. */
  556. if ( function_exists( 'unregister_block_pattern_category' ) ) {
  557. unregister_block_pattern_category( 'seedlet' );
  558. }
  559. /**
  560. * Unregister Block Patterns from Seedlet.
  561. */
  562. if ( function_exists( 'unregister_block_pattern' ) ) {
  563. unregister_block_pattern( 'seedlet/group-split-background' );
  564. unregister_block_pattern( 'seedlet/group-image-overlap' );
  565. unregister_block_pattern( 'seedlet/latest-posts-alternating-grid' );
  566. }
  567. }
  568. endif;
  569. add_action( 'after_setup_theme', 'blank_canvas_register_block_patterns', 12 );