block-patterns.php 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519
  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. }
  26. /**
  27. * Register Block Patterns.
  28. */
  29. if ( function_exists( 'register_block_pattern' ) ) {
  30. register_block_pattern(
  31. 'blank-canvas/about-me',
  32. array(
  33. 'title' => __( 'About Me', 'blank-canvas' ),
  34. 'categories' => array( 'blank-canvas' ),
  35. 'content' => '<!-- wp:spacer {"height":20} -->
  36. <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
  37. <!-- /wp:spacer -->
  38. <!-- wp:media-text {"mediaPosition":"right","mediaId":1752,"mediaLink":"' . get_stylesheet_directory_uri() . '/assets/pattern-tattoo.jpg","mediaType":"image","imageFill":true} -->
  39. <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 {"level":1,"align":"wide","style":{"typography":{"fontSize":"32px"}}} -->
  40. <h1 class="alignwide" style="font-size:32px"><strong>' . __( 'Hi! I’m a tattooist based in Florida City.', 'blank-canvas' ) . '</strong></h1>
  41. <!-- /wp:heading -->
  42. <!-- wp:paragraph -->
  43. <p>' . __( '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>
  44. <!-- /wp:paragraph -->
  45. <!-- wp:buttons -->
  46. <div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"background":"#d35069"}},"textColor":"background"} -->
  47. <div class="wp-block-button"><a class="wp-block-button__link has-background-color has-text-color has-background" style="background-color:#d35069">' . __( 'Get in touch', 'blank-canvas' ) . '</a></div>
  48. <!-- /wp:button --></div>
  49. <!-- /wp:buttons -->
  50. <!-- wp:social-links {"className":"is-style-default"} -->
  51. <ul class="wp-block-social-links is-style-default"><!-- wp:social-link {"url":"https://facebook.com/","service":"facebook"} /-->
  52. <!-- wp:social-link {"url":"https://instagram.com/","service":"instagram"} /-->
  53. <!-- wp:social-link {"url":"https://twitter.com/","service":"twitter"} /--></ul>
  54. <!-- /wp:social-links -->
  55. <!-- wp:spacer -->
  56. <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
  57. <!-- /wp:spacer --></div></div>
  58. <!-- /wp:media-text -->',
  59. )
  60. );
  61. register_block_pattern(
  62. 'blank-canvas/links',
  63. array(
  64. 'title' => __( 'Links', 'blank-canvas' ),
  65. 'categories' => array( 'blank-canvas', 'link-in-bio' ),
  66. 'content' => '<!-- wp:spacer {"height":20} -->
  67. <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
  68. <!-- /wp:spacer -->
  69. <!-- wp:image {"align":"center","id":20,"width":98,"height":95,"sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
  70. <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="' . __( 'Photo of a man wearing a hat.', 'blank-canvas' ) . '" class="wp-image-20" width="98" height="95"/></figure></div>
  71. <!-- /wp:image -->
  72. <!-- wp:heading {"textAlign":"center","level":1,"style":{"typography":{"fontSize":"32px"}}} -->
  73. <h1 class="has-text-align-center" style="font-size:32px"><strong>' . __( 'Alex Fredrickson', 'blank-canvas' ) . '</strong></h1>
  74. <!-- /wp:heading -->
  75. <!-- wp:social-links {"align":"center","className":"is-style-default"} -->
  76. <ul class="wp-block-social-links aligncenter is-style-default"><!-- wp:social-link {"url":"https://linkedin.com/","service":"linkedin"} /-->
  77. <!-- wp:social-link {"url":"https://twitter.com/","service":"twitter"} /-->
  78. <!-- wp:social-link {"url":"https://instagram.com/","service":"instagram"} /--></ul>
  79. <!-- /wp:social-links -->
  80. <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"20px","lineHeight":"1.65"}}} -->
  81. <p class="has-text-align-center" style="font-size:20px;line-height:1.65">' . __( 'My latest and greatest tips, resources, and reads.<br>So much goodness all in one place!', 'blank-canvas' ) . '</p>
  82. <!-- /wp:paragraph -->
  83. <!-- wp:buttons {"contentJustification":"center"} -->
  84. <div class="wp-block-buttons is-content-justification-center"><!-- wp:button {"borderRadius":"","width":100,"className":"is-style-fill"} -->
  85. <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link">' . __( 'Must read: The Place That Made Me', 'blank-canvas' ) . '</a></div>
  86. <!-- /wp:button -->
  87. <!-- wp:button {"width":100,"className":"is-style-fill"} -->
  88. <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link">' . __( 'Rain Journal by Richard Johnson', 'blank-canvas' ) . '</a></div>
  89. <!-- /wp:button -->
  90. <!-- wp:button {"width":100,"className":"is-style-fill"} -->
  91. <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link">' . __( '10th Day of Rain', 'blank-canvas' ) . '</a></div>
  92. <!-- /wp:button -->
  93. <!-- wp:button {"width":100,"className":"is-style-fill"} -->
  94. <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link">' . __( 'Blurring the Lines Between Architecture and Nature', 'blank-canvas' ) . '</a></div>
  95. <!-- /wp:button -->
  96. <!-- wp:button {"width":100,"className":"is-style-fill"} -->
  97. <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link">' . __( 'Instant Classic: A story of Persistence', 'blank-canvas' ) . '</a></div>
  98. <!-- /wp:button --></div>
  99. <!-- /wp:buttons -->',
  100. )
  101. );
  102. register_block_pattern(
  103. 'blank-canvas/invitation',
  104. array(
  105. 'title' => __( 'Invitation', 'blank-canvas' ),
  106. 'categories' => array( 'blank-canvas' ),
  107. 'content' => '<!-- wp:media-text {"mediaId":2207,"mediaLink":"' . get_stylesheet_directory_uri() . '/assets/pattern-drink.jpg","mediaType":"image","verticalAlignment":"center","imageFill":true,"style":{"color":{"background":"#f5fff4"}}} -->
  108. <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(' . get_stylesheet_directory_uri() . '/assets/pattern-drink.jpg);background-position:50% 50%"><img src="' . get_stylesheet_directory_uri() . '/assets/pattern-drink.jpg" alt="Photo of two drinks." class="wp-image-2207 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:spacer {"height":30} -->
  109. <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
  110. <!-- /wp:spacer -->
  111. <!-- wp:heading {"level":1,"style":{"color":{"text":"#c61aa7"}}} -->
  112. <h1 class="has-text-color" style="color:#c61aa7"><strong>' . __( 'You&rsquo;re Invited', 'blank-canvas' ) . '</strong></h1>
  113. <!-- /wp:heading -->
  114. <!-- wp:columns -->
  115. <div class="wp-block-columns"><!-- wp:column -->
  116. <div class="wp-block-column"><!-- wp:paragraph {"fontSize":"small"} -->
  117. <p class="has-small-font-size">' . __( 'Pier 38<br>San Francisco, CA', 'blank-canvas' ) . '</p>
  118. <!-- /wp:paragraph --></div>
  119. <!-- /wp:column -->
  120. <!-- wp:column -->
  121. <div class="wp-block-column"><!-- wp:paragraph {"fontSize":"small"} -->
  122. <p class="has-small-font-size">' . __( '8pm–12am<br>April 16th', 'blank-canvas' ) . '</p>
  123. <!-- /wp:paragraph --></div>
  124. <!-- /wp:column --></div>
  125. <!-- /wp:columns -->
  126. <!-- wp:separator {"customColor":"#e343cd","className":"is-style-wide"} -->
  127. <hr class="wp-block-separator has-text-color has-background is-style-wide" style="background-color:#e343cd;color:#e343cd"/>
  128. <!-- /wp:separator -->
  129. <!-- wp:paragraph -->
  130. <p>' . __( '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>
  131. <!-- /wp:paragraph -->
  132. <!-- wp:buttons -->
  133. <div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"background":"#c61aa7"}},"textColor":"background","className":"is-style-fill"} -->
  134. <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">' . __( 'RSVP', 'blank-canvas' ) . '</a></div>
  135. <!-- /wp:button --></div>
  136. <!-- /wp:buttons -->
  137. <!-- wp:spacer {"height":30} -->
  138. <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
  139. <!-- /wp:spacer --></div></div>
  140. <!-- /wp:media-text -->',
  141. )
  142. );
  143. register_block_pattern(
  144. 'blank-canvas/split-screen',
  145. array(
  146. 'title' => __( 'Split Screen', 'blank-canvas' ),
  147. 'categories' => array( 'blank-canvas' ),
  148. 'content' => '<!-- wp:media-text {"align":"full","mediaId":598,"mediaLink":"' . get_stylesheet_directory_uri() . '/assets/pattern-camera.jpg","mediaType":"image","imageFill":true} -->
  149. <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(' . get_stylesheet_directory_uri() . '/assets/pattern-camera.jpg);background-position:50% 50%"><img src="' . get_stylesheet_directory_uri() . '/assets/pattern-camera.jpg" alt="' . __( '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"} -->
  150. <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"} -->
  151. <div class="wp-block-image is-style-rounded"><figure class="aligncenter size-large is-resized"><img src="' . get_stylesheet_directory_uri() . '/assets/pattern-woman.jpg" alt="' . __( 'Photo of a woman.', 'blank-canvas' ) . '" class="wp-image-624" width="200" height="200"/></figure></div>
  152. <!-- /wp:image -->
  153. <!-- wp:heading {"textAlign":"center","level":1} -->
  154. <h1 class="has-text-align-center"><strong>' . __( 'Jasmine Baker', 'blank-canvas' ) . '</strong></h1>
  155. <!-- /wp:heading -->
  156. <!-- wp:paragraph {"align":"center","backgroundColor":"background"} -->
  157. <p class="has-text-align-center has-background-background-color has-background">' . __( '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>
  158. <!-- /wp:paragraph -->
  159. <!-- wp:social-links {"align":"center","className":"is-style-default"} -->
  160. <ul class="wp-block-social-links aligncenter is-style-default"><!-- wp:social-link {"url":"https://instagram.com","service":"instagram"} /-->
  161. <!-- wp:social-link {"url":"https://www.tiktok.com","service":"tiktok"} /-->
  162. <!-- wp:social-link {"url":"https://twitter.com","service":"twitter"} /-->
  163. <!-- wp:social-link {"url":"https://youtube.com","service":"youtube"} /--></ul>
  164. <!-- /wp:social-links --></div></div>
  165. <!-- /wp:cover --></div></div>
  166. <!-- /wp:media-text -->',
  167. )
  168. );
  169. register_block_pattern(
  170. 'blank-canvas/links-emoji',
  171. array(
  172. 'title' => __( 'Emoji Links', 'blank-canvas' ),
  173. 'categories' => array( 'link-in-bio' ),
  174. '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"} -->
  175. <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} -->
  176. <div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
  177. <!-- /wp:spacer -->
  178. <!-- wp:image {"align":"center","id":36,"width":96,"height":96,"sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
  179. <div class="wp-block-image is-style-rounded"><figure class="aligncenter size-large is-resized"><img src="' . get_stylesheet_directory_uri() . '/assets/pattern-links-hamburger.png" alt="' . __( 'Hamburger icon', 'blank-canvas' ) . '" class="wp-image-36" width="96" height="96"/></figure></div>
  180. <!-- /wp:image -->
  181. <!-- wp:heading {"textAlign":"center","level":1} -->
  182. <h1 class="has-text-align-center"><strong>' . __( 'Hamburger', 'blank-canvas' ) . '</strong></h1>
  183. <!-- /wp:heading -->
  184. <!-- wp:spacer {"height":1} -->
  185. <div style="height:1px" aria-hidden="true" class="wp-block-spacer"></div>
  186. <!-- /wp:spacer -->
  187. <!-- wp:buttons -->
  188. <div class="wp-block-buttons"><!-- wp:button {"borderRadius":50,"backgroundColor":"background","textColor":"foreground","width":100} -->
  189. <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">📺 ' . __( 'Subscribe on YouTube', 'blank-canvas' ) . '</a></div>
  190. <!-- /wp:button -->
  191. <!-- wp:button {"borderRadius":50,"backgroundColor":"background","textColor":"foreground","width":100} -->
  192. <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"> 🎹 ' . __( 'Listen on SoundCloud', 'blank-canvas' ) . '</a></div>
  193. <!-- /wp:button -->
  194. <!-- wp:button {"borderRadius":50,"backgroundColor":"background","textColor":"foreground","width":100} -->
  195. <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">📸 ' . __( 'Follow my Instagram', 'blank-canvas' ) . '</a></div>
  196. <!-- /wp:button -->
  197. <!-- wp:button {"borderRadius":50,"backgroundColor":"background","textColor":"foreground","width":100} -->
  198. <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">🛍 ' . __( 'Shop my style picks', 'blank-canvas' ) . '</a></div>
  199. <!-- /wp:button -->
  200. <!-- wp:button {"borderRadius":50,"backgroundColor":"background","textColor":"foreground","width":100} -->
  201. <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">🙋‍♀️ ' . __( 'Ask me a question', 'blank-canvas' ) . '</a></div>
  202. <!-- /wp:button --></div>
  203. <!-- /wp:buttons -->
  204. <!-- wp:spacer {"height":20} -->
  205. <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
  206. <!-- /wp:spacer --></div></div>
  207. <!-- /wp:cover -->',
  208. )
  209. );
  210. register_block_pattern(
  211. 'blank-canvas/links-gradient',
  212. array(
  213. 'title' => __( 'Gradient Links', 'blank-canvas' ),
  214. 'categories' => array( 'link-in-bio' ),
  215. 'content' => '<!-- wp:cover {"overlayColor":"background","minHeight":1090,"minHeightUnit":"px","align":"full"} -->
  216. <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"} -->
  217. <div class="wp-block-image is-style-rounded"><figure class="aligncenter size-large is-resized"><img src="' . get_stylesheet_directory_uri() . '/assets/pattern-links-pencils.jpg" alt="' . __( 'Colored pencils', 'blank-canvas' ) . '" class="wp-image-130" width="96" height="96"/></figure></div>
  218. <!-- /wp:image -->
  219. <!-- wp:heading {"textAlign":"center"} -->
  220. <h2 class="has-text-align-center"><strong>' . __( 'Antonio Miller', 'blank-canvas' ) . '</strong></h2>
  221. <!-- /wp:heading -->
  222. <!-- wp:buttons -->
  223. <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} -->
  224. <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%)">' . __( 'Watch my tutorials', 'blank-canvas' ) . '</a></div>
  225. <!-- /wp:button -->
  226. <!-- wp:button {"borderRadius":10,"style":{"color":{"gradient":"linear-gradient(135deg,rgb(65,88,208) 0%,rgb(200,80,192) 100%)"}},"width":100} -->
  227. <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%)">' . __( 'Buy prints of my work', 'blank-canvas' ) . '</a></div>
  228. <!-- /wp:button -->
  229. <!-- wp:button {"borderRadius":10,"style":{"color":{"gradient":"linear-gradient(135deg,rgb(174,61,255) 0%,rgb(226,39,86) 100%)"}},"width":100} -->
  230. <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%)">' . __( 'My wish list', 'blank-canvas' ) . '</a></div>
  231. <!-- /wp:button -->
  232. <!-- wp:button {"borderRadius":10,"style":{"color":{"gradient":"linear-gradient(135deg,rgb(224,44,44) 0%,rgb(249,197,57) 100%)"}},"width":100} -->
  233. <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%)">' . __( 'Instagram', 'blank-canvas' ) . '</a></div>
  234. <!-- /wp:button -->
  235. <!-- wp:button {"borderRadius":10,"style":{"color":{"gradient":"linear-gradient(135deg,rgb(0,173,121) 0%,rgb(41,182,229) 100%)"}},"width":100} -->
  236. <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%)">' . __( 'Twitter', 'blank-canvas' ) . '</a></div>
  237. <!-- /wp:button --></div>
  238. <!-- /wp:buttons --></div></div>
  239. <!-- /wp:cover -->',
  240. )
  241. );
  242. register_block_pattern(
  243. 'blank-canvas/links-musician',
  244. array(
  245. 'title' => __( 'Musician Links', 'blank-canvas' ),
  246. 'categories' => array( 'link-in-bio' ),
  247. 'content' => '<!-- wp:cover {"url":"' . get_stylesheet_directory_uri() . '/assets/pattern-links-gradient.jpg","id":181,"hasParallax":true,"dimRatio":0,"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full"} -->
  248. <div class="wp-block-cover alignfull has-primary-background-color has-parallax" style="background-image:url(' . get_stylesheet_directory_uri() . '/assets/pattern-links-gradient.jpg);min-height:100vh"><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":10} -->
  249. <div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
  250. <!-- /wp:spacer -->
  251. <!-- wp:image {"align":"center","id":30,"width":120,"height":120,"sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
  252. <div class="wp-block-image is-style-rounded"><figure class="aligncenter size-large is-resized"><img src="' . get_stylesheet_directory_uri() . '/assets/pattern-links-singer.png" alt="' . __( 'Image of a singer performing.', 'blank-canvas' ) . '" class="wp-image-30" width="120" height="120"/></figure></div>
  253. <!-- /wp:image -->
  254. <!-- wp:heading {"textAlign":"center","level":1,"fontSize":"huge"} -->
  255. <h1 class="has-text-align-center has-huge-font-size"><strong>' . __( 'Alex Smith — Own Way', 'blank-canvas' ) . '</strong></h1>
  256. <!-- /wp:heading -->
  257. <!-- wp:embed {"providerNameSlug":"youtube","responsive":true} /-->
  258. <!-- wp:buttons -->
  259. <div class="wp-block-buttons"><!-- wp:button {"textColor":"background","width":50,"className":"is-style-outline"} -->
  260. <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">' . __( 'SoundCloud', 'blank-canvas' ) . '</a></div>
  261. <!-- /wp:button -->
  262. <!-- wp:button {"textColor":"background","width":50,"className":"is-style-outline"} -->
  263. <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">' . __( 'Spotify', 'blank-canvas' ) . '</a></div>
  264. <!-- /wp:button -->
  265. <!-- wp:button {"textColor":"background","width":50,"className":"is-style-outline"} -->
  266. <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">' . __( 'Bandcamp', 'blank-canvas' ) . '</a></div>
  267. <!-- /wp:button -->
  268. <!-- wp:button {"textColor":"background","width":50,"className":"is-style-outline"} -->
  269. <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">' . __( 'Apple Music', 'blank-canvas' ) . '</a></div>
  270. <!-- /wp:button -->
  271. <!-- wp:button {"textColor":"background","width":50,"className":"is-style-outline"} -->
  272. <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">' . __( 'YouTube', 'blank-canvas' ) . '</a></div>
  273. <!-- /wp:button -->
  274. <!-- wp:button {"textColor":"background","width":50,"className":"is-style-outline"} -->
  275. <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">' . __( 'Tidal', 'blank-canvas' ) . '</a></div>
  276. <!-- /wp:button --></div>
  277. <!-- /wp:buttons -->
  278. <!-- wp:social-links {"align":"center","className":"is-style-default"} -->
  279. <ul class="wp-block-social-links aligncenter is-style-default"><!-- wp:social-link {"url":"https://linkedin.com/","service":"linkedin"} /-->
  280. <!-- wp:social-link {"url":"https://twitter.com/","service":"twitter"} /-->
  281. <!-- wp:social-link {"url":"https://instagram.com/","service":"instagram"} /--></ul>
  282. <!-- /wp:social-links -->
  283. <!-- wp:spacer {"height":20} -->
  284. <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
  285. <!-- /wp:spacer --></div></div>
  286. <!-- /wp:cover -->',
  287. )
  288. );
  289. register_block_pattern(
  290. 'blank-canvas/links-product',
  291. array(
  292. 'title' => __( 'Product Links', 'blank-canvas' ),
  293. 'categories' => array( 'link-in-bio' ),
  294. 'content' => '<!-- wp:cover {"overlayColor":"background","minHeight":100,"minHeightUnit":"vh","align":"full"} -->
  295. <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"} -->
  296. <div class="wp-block-image is-style-rounded"><figure class="aligncenter size-large is-resized"><img src="' . get_stylesheet_directory_uri() . '/assets/pattern-links-sunglasses.jpg" alt="' . __( 'Woman wearing sunglasses', 'blank-canvas' ) . '" class="wp-image-57" width="150" height="150"/></figure></div>
  297. <!-- /wp:image -->
  298. <!-- wp:heading {"textAlign":"center","level":1,"textColor":"primary"} -->
  299. <h1 class="has-text-align-center has-primary-color has-text-color"><strong>@juliapaxton</strong></h1>
  300. <!-- /wp:heading -->
  301. <!-- wp:spacer {"height":1} -->
  302. <div style="height:1px" aria-hidden="true" class="wp-block-spacer"></div>
  303. <!-- /wp:spacer -->
  304. <!-- wp:separator {"color":"primary","className":"is-style-wide"} -->
  305. <hr class="wp-block-separator has-text-color has-background has-primary-background-color has-primary-color is-style-wide"/>
  306. <!-- /wp:separator -->
  307. <!-- wp:columns {"verticalAlignment":"center"} -->
  308. <div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"70%"} -->
  309. <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:70%"><!-- wp:paragraph -->
  310. <p>' . __( 'Rhinestone Earrings, ASOS', 'blank-canvas' ) . '</p>
  311. <!-- /wp:paragraph --></div>
  312. <!-- /wp:column -->
  313. <!-- wp:column {"verticalAlignment":"center"} -->
  314. <div class="wp-block-column is-vertically-aligned-center"><!-- wp:buttons {"contentJustification":"right"} -->
  315. <div class="wp-block-buttons is-content-justification-right"><!-- wp:button {"backgroundColor":"primary","width":100} -->
  316. <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">' . __( '$36', 'blank-canvas' ) . '</a></div>
  317. <!-- /wp:button --></div>
  318. <!-- /wp:buttons --></div>
  319. <!-- /wp:column --></div>
  320. <!-- /wp:columns -->
  321. <!-- wp:separator {"color":"primary","className":"is-style-wide"} -->
  322. <hr class="wp-block-separator has-text-color has-background has-primary-background-color has-primary-color is-style-wide"/>
  323. <!-- /wp:separator -->
  324. <!-- wp:columns {"verticalAlignment":"center"} -->
  325. <div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"70%"} -->
  326. <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:70%"><!-- wp:paragraph -->
  327. <p>' . __( 'Pink Long Sleeve Tea Dress, Topshop', 'blank-canvas' ) . '</p>
  328. <!-- /wp:paragraph --></div>
  329. <!-- /wp:column -->
  330. <!-- wp:column {"verticalAlignment":"center"} -->
  331. <div class="wp-block-column is-vertically-aligned-center"><!-- wp:buttons {"contentJustification":"right"} -->
  332. <div class="wp-block-buttons is-content-justification-right"><!-- wp:button {"backgroundColor":"primary","width":100} -->
  333. <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">' . __( '$45', 'blank-canvas' ) . '</a></div>
  334. <!-- /wp:button --></div>
  335. <!-- /wp:buttons --></div>
  336. <!-- /wp:column --></div>
  337. <!-- /wp:columns -->
  338. <!-- wp:separator {"color":"primary","className":"is-style-wide"} -->
  339. <hr class="wp-block-separator has-text-color has-background has-primary-background-color has-primary-color is-style-wide"/>
  340. <!-- /wp:separator -->
  341. <!-- wp:columns {"verticalAlignment":"center"} -->
  342. <div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"70%"} -->
  343. <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:70%"><!-- wp:paragraph -->
  344. <p>' . __( 'Chunky Platform Lace-Up Boots, H&amp;M', 'blank-canvas' ) . '</p>
  345. <!-- /wp:paragraph --></div>
  346. <!-- /wp:column -->
  347. <!-- wp:column {"verticalAlignment":"center"} -->
  348. <div class="wp-block-column is-vertically-aligned-center"><!-- wp:buttons {"contentJustification":"right"} -->
  349. <div class="wp-block-buttons is-content-justification-right"><!-- wp:button {"backgroundColor":"primary","width":100} -->
  350. <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">' . __( '$60', 'blank-canvas' ) . '</a></div>
  351. <!-- /wp:button --></div>
  352. <!-- /wp:buttons --></div>
  353. <!-- /wp:column --></div>
  354. <!-- /wp:columns -->
  355. <!-- wp:separator {"color":"primary","className":"is-style-wide"} -->
  356. <hr class="wp-block-separator has-text-color has-background has-primary-background-color has-primary-color is-style-wide"/>
  357. <!-- /wp:separator -->
  358. <!-- wp:columns {"verticalAlignment":"center"} -->
  359. <div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"70%"} -->
  360. <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:70%"><!-- wp:paragraph -->
  361. <p>' . __( 'Oversized Alpaca Crew, Everlane', 'blank-canvas' ) . '</p>
  362. <!-- /wp:paragraph --></div>
  363. <!-- /wp:column -->
  364. <!-- wp:column {"verticalAlignment":"center"} -->
  365. <div class="wp-block-column is-vertically-aligned-center"><!-- wp:buttons {"contentJustification":"right"} -->
  366. <div class="wp-block-buttons is-content-justification-right"><!-- wp:button {"backgroundColor":"primary","width":100} -->
  367. <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">' . __( '$70', 'blank-canvas' ) . '</a></div>
  368. <!-- /wp:button --></div>
  369. <!-- /wp:buttons --></div>
  370. <!-- /wp:column --></div>
  371. <!-- /wp:columns -->
  372. <!-- wp:separator {"color":"primary","className":"is-style-wide"} -->
  373. <hr class="wp-block-separator has-text-color has-background has-primary-background-color has-primary-color is-style-wide"/>
  374. <!-- /wp:separator -->
  375. <!-- wp:social-links {"align":"center","className":"is-style-logos-only"} -->
  376. <ul class="wp-block-social-links aligncenter is-style-logos-only"><!-- wp:social-link {"url":"https://instagram.com","service":"instagram"} /-->
  377. <!-- wp:social-link {"url":"https://snapchat.com","service":"snapchat"} /-->
  378. <!-- wp:social-link {"url":"https://wordpress.com","service":"wordpress"} /--></ul>
  379. <!-- /wp:social-links --></div></div>
  380. <!-- /wp:cover -->',
  381. )
  382. );
  383. register_block_pattern(
  384. 'blank-canvas/links-text',
  385. array(
  386. 'title' => __( 'Text Links', 'blank-canvas' ),
  387. 'categories' => array( 'link-in-bio' ),
  388. 'content' => '<!-- wp:cover {"overlayColor":"background","minHeight":100,"minHeightUnit":"vh","align":"full"} -->
  389. <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"} -->
  390. <div class="wp-block-image"><figure class="alignleft size-large is-resized"><img src="' . get_stylesheet_directory_uri() . '/assets/pattern-links-logo.png" alt="' . __( 'A logo of a circle with a line through it.', 'blank-canvas' ) . '" class="wp-image-100" width="100" height="100"/></figure></div>
  391. <!-- /wp:image -->
  392. <!-- wp:spacer {"height":1} -->
  393. <div style="height:1px" aria-hidden="true" class="wp-block-spacer"></div>
  394. <!-- /wp:spacer -->
  395. <!-- wp:heading {"textAlign":"left","level":1} -->
  396. <h1 class="has-text-align-left">' . __( 'Patricia Jones', 'blank-canvas' ) . '</h1>
  397. <!-- /wp:heading -->
  398. <!-- wp:paragraph -->
  399. <p><em>' . __( 'Published work and ephemera.', 'blank-canvas' ) . '</em></p>
  400. <!-- /wp:paragraph -->
  401. <!-- wp:separator {"customColor":"#959595","className":"is-style-wide"} -->
  402. <hr class="wp-block-separator has-text-color has-background is-style-wide" style="background-color:#959595;color:#959595"/>
  403. <!-- /wp:separator -->
  404. <!-- wp:paragraph -->
  405. <p><a href="#">' . __( '“The Lost Tricycle” Book', 'blank-canvas' ) . '</a></p>
  406. <!-- /wp:paragraph -->
  407. <!-- wp:paragraph -->
  408. <p><a href="#">' . __( '"Why we must own our history"', 'blank-canvas' ) . '</a>' . __( ' in <em>The Atlantic</em>', 'blank-canvas' ) . '</p>
  409. <!-- /wp:paragraph -->
  410. <!-- wp:paragraph -->
  411. <p><a href="#">' . __( '"Identity and Ownership"', 'blank-canvas' ) . '</a>' . __( ' in <em>The New York Times</em>', 'blank-canvas' ) . '</p>
  412. <!-- /wp:paragraph -->
  413. <!-- wp:paragraph -->
  414. <p><a href="#">' . __( 'Sponsor: Crafty Cookies', 'blank-canvas' ) . '</a></p>
  415. <!-- /wp:paragraph -->
  416. <!-- wp:paragraph -->
  417. <p><a href="#">' . __( 'Donate to help keep us posting!', 'blank-canvas' ) . '</a></p>
  418. <!-- /wp:paragraph --></div></div>
  419. <!-- /wp:cover -->',
  420. )
  421. );
  422. }
  423. /**
  424. * Unregister Seedlet Block Pattern Category.
  425. */
  426. if ( function_exists( 'unregister_block_pattern_category' ) ) {
  427. unregister_block_pattern_category( 'seedlet' );
  428. }
  429. /**
  430. * Unregister Block Patterns from Seedlet.
  431. */
  432. if ( function_exists( 'unregister_block_pattern' ) ) {
  433. unregister_block_pattern( 'seedlet/group-split-background' );
  434. unregister_block_pattern( 'seedlet/group-image-overlap' );
  435. unregister_block_pattern( 'seedlet/latest-posts-alternating-grid' );
  436. }
  437. }
  438. endif;
  439. add_action( 'after_setup_theme', 'blank_canvas_register_block_patterns', 12 );