block-patterns.php 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523
  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 {"url":"https://www.youtube.com/watch?v=_qX8CYToBbQ","type":"rich","providerNameSlug":"youtube","responsive":true,"className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
  258. <figure class="wp-block-embed is-type-rich is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
  259. https://www.youtube.com/watch?v=_qX8CYToBbQ
  260. </div></figure>
  261. <!-- /wp:embed -->
  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">' . __( '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">' . __( '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">' . __( '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">' . __( '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">' . __( '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">' . __( '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="' . 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>
  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>@juliapaxton</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>' . __( '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">' . __( '$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>' . __( '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">' . __( '$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>' . __( '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">' . __( '$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>' . __( '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">' . __( '$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="' . 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>
  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">' . __( 'Patricia Jones', 'blank-canvas' ) . '</h1>
  401. <!-- /wp:heading -->
  402. <!-- wp:paragraph -->
  403. <p><em>' . __( '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="#">' . __( '“The Lost Tricycle” Book', 'blank-canvas' ) . '</a></p>
  410. <!-- /wp:paragraph -->
  411. <!-- wp:paragraph -->
  412. <p><a href="#">' . __( '"Why we must own our history"', 'blank-canvas' ) . '</a>' . __( ' in <em>The Atlantic</em>', 'blank-canvas' ) . '</p>
  413. <!-- /wp:paragraph -->
  414. <!-- wp:paragraph -->
  415. <p><a href="#">' . __( '"Identity and Ownership"', 'blank-canvas' ) . '</a>' . __( ' in <em>The New York Times</em>', 'blank-canvas' ) . '</p>
  416. <!-- /wp:paragraph -->
  417. <!-- wp:paragraph -->
  418. <p><a href="#">' . __( 'Sponsor: Crafty Cookies', 'blank-canvas' ) . '</a></p>
  419. <!-- /wp:paragraph -->
  420. <!-- wp:paragraph -->
  421. <p><a href="#">' . __( 'Donate to help keep us posting!', 'blank-canvas' ) . '</a></p>
  422. <!-- /wp:paragraph --></div></div>
  423. <!-- /wp:cover -->',
  424. )
  425. );
  426. }
  427. /**
  428. * Unregister Seedlet Block Pattern Category.
  429. */
  430. if ( function_exists( 'unregister_block_pattern_category' ) ) {
  431. unregister_block_pattern_category( 'seedlet' );
  432. }
  433. /**
  434. * Unregister Block Patterns from Seedlet.
  435. */
  436. if ( function_exists( 'unregister_block_pattern' ) ) {
  437. unregister_block_pattern( 'seedlet/group-split-background' );
  438. unregister_block_pattern( 'seedlet/group-image-overlap' );
  439. unregister_block_pattern( 'seedlet/latest-posts-alternating-grid' );
  440. }
  441. }
  442. endif;
  443. add_action( 'after_setup_theme', 'blank_canvas_register_block_patterns', 12 );