pattern-offset-project-grid.php 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. <?php
  2. /**
  3. * Pattern: Offset Project Grid
  4. *
  5. * @package Videomaker
  6. */
  7. return array(
  8. 'title' => __( 'Pattern: Offset Project Grid', 'videomaker' ),
  9. 'categories' => array( 'videomaker' ),
  10. 'content' => '<!-- wp:columns {"align":"wide"} -->
  11. <div class="wp-block-columns alignwide"><!-- wp:column {"width":"60%"} -->
  12. <div class="wp-block-column" style="flex-basis:60%">
  13. <!-- wp:video {"src":"' . get_stylesheet_directory_uri() . '/assets/videos/digging.mp4","videoPressClassNames":"wp-block-embed is-type-video is-provider-videopress"} -->
  14. <figure class="wp-block-video wp-block-embed is-type-video is-provider-videopress"><video controls src="' . get_stylesheet_directory_uri() . '/assets/videos/digging.mp4"></video></figure>
  15. <!-- /wp:video -->
  16. <!-- wp:group -->
  17. <div class="wp-block-group">
  18. <!-- wp:heading {"level":4} -->
  19. <h4>' . esc_html__( 'Man Working at Dawn', 'videomaker' ) . '</h4>
  20. <!-- /wp:heading -->
  21. <!-- wp:template-part {"slug":"post-meta","theme":"' . get_stylesheet() . '"} /-->
  22. </div>
  23. <!-- /wp:group --></div>
  24. <!-- /wp:column -->
  25. <!-- wp:column {"width":"40%"} -->
  26. <div class="wp-block-column" style="flex-basis:40%"><!-- wp:spacer {"height":290} -->
  27. <div style="height:290px" aria-hidden="true" class="wp-block-spacer"></div>
  28. <!-- /wp:spacer -->
  29. <!-- wp:video {"src":"' . get_stylesheet_directory_uri() . '/assets/videos/boats.mp4","videoPressClassNames":"wp-block-embed is-type-video is-provider-videopress"} -->
  30. <figure class="wp-block-video wp-block-embed is-type-video is-provider-videopress"><video controls src="' . get_stylesheet_directory_uri() . '/assets/videos/boats.mp4"></video></figure>
  31. <!-- /wp:video -->
  32. <!-- wp:group -->
  33. <div class="wp-block-group">
  34. <!-- wp:heading {"level":4} -->
  35. <h4>' . esc_html__( 'Boats', 'videomaker' ) . '</h4>
  36. <!-- /wp:heading -->
  37. <!-- wp:template-part {"slug":"post-meta","theme":"' . get_stylesheet() . '"} /-->
  38. </div>
  39. <!-- /wp:group --></div>
  40. <!-- /wp:column --></div>
  41. <!-- /wp:columns -->
  42. <!-- wp:spacer {"height":65} -->
  43. <div style="height:65px" aria-hidden="true" class="wp-block-spacer"></div>
  44. <!-- /wp:spacer -->
  45. <!-- wp:columns {"align":"wide"} -->
  46. <div class="wp-block-columns alignwide"><!-- wp:column {"width":"20%"} -->
  47. <div class="wp-block-column" style="flex-basis:20%"><!-- wp:spacer -->
  48. <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
  49. <!-- /wp:spacer --></div>
  50. <!-- /wp:column -->
  51. <!-- wp:column {"width":"66.66%"} -->
  52. <div class="wp-block-column" style="flex-basis:66.66%">
  53. <!-- wp:video {"src":"' . get_stylesheet_directory_uri() . '/assets/videos/cocktails.mp4","videoPressClassNames":"wp-block-embed is-type-video is-provider-videopress"} -->
  54. <figure class="wp-block-video wp-block-embed is-type-video is-provider-videopress"><video controls src="' . get_stylesheet_directory_uri() . '/assets/videos/cocktails.mp4"></video></figure>
  55. <!-- /wp:video -->
  56. <!-- wp:group -->
  57. <div class="wp-block-group">
  58. <!-- wp:heading {"level":4} -->
  59. <h4>' . esc_html__( 'The Tale Of Three Cocktails', 'videomaker' ) . '</h4>
  60. <!-- /wp:heading -->
  61. <!-- wp:template-part {"slug":"post-meta","theme":"' . get_stylesheet() . '"} /-->
  62. </div>
  63. <!-- /wp:group --></div>
  64. <!-- /wp:column -->
  65. <!-- wp:column {"width":"33.33%"} -->
  66. <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:spacer -->
  67. <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
  68. <!-- /wp:spacer --></div>
  69. <!-- /wp:column --></div>
  70. <!-- /wp:columns -->
  71. <!-- wp:spacer -->
  72. <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
  73. <!-- /wp:spacer -->
  74. <!-- wp:columns {"align":"wide"} -->
  75. <div class="wp-block-columns alignwide"><!-- wp:column {"width":"40%"} -->
  76. <div class="wp-block-column" style="flex-basis:40%"><!-- wp:spacer {"height":385} -->
  77. <div style="height:385px" aria-hidden="true" class="wp-block-spacer"></div>
  78. <!-- /wp:spacer -->
  79. <!-- wp:video {"src":"' . get_stylesheet_directory_uri() . '/assets/videos/pacific.mp4","videoPressClassNames":"wp-block-embed is-type-video is-provider-videopress"} -->
  80. <figure class="wp-block-video wp-block-embed is-type-video is-provider-videopress"><video controls src="' . get_stylesheet_directory_uri() . '/assets/videos/pacific.mp4"></video></figure>
  81. <!-- /wp:video -->
  82. <!-- wp:group --><div class="wp-block-group">
  83. <!-- wp:heading {"level":4} -->
  84. <h4>' . esc_html__( 'Is This The Pacific?', 'videomaker' ) . '</h4>
  85. <!-- /wp:heading -->
  86. <!-- wp:template-part {"slug":"post-meta","theme":"' . get_stylesheet() . '"} /-->
  87. </div>
  88. <!-- /wp:group --></div>
  89. <!-- /wp:column -->
  90. <!-- wp:column {"width":"60%"} -->
  91. <div class="wp-block-column" style="flex-basis:60%">
  92. <!-- wp:video {"src":"' . get_stylesheet_directory_uri() . '/assets/videos/fish.mp4","videoPressClassNames":"wp-block-embed is-type-video is-provider-videopress"} -->
  93. <figure class="wp-block-video wp-block-embed is-type-video is-provider-videopress"><video controls src="' . get_stylesheet_directory_uri() . '/assets/videos/fish.mp4"></video></figure>
  94. <!-- /wp:video -->
  95. <!-- wp:group -->
  96. <div class="wp-block-group">
  97. <!-- wp:heading {"level":4} -->
  98. <h4>' . esc_html__( 'Plenty of Fish In The Sea', 'videomaker' ) . '</h4>
  99. <!-- /wp:heading -->
  100. <!-- wp:template-part {"slug":"post-meta","theme":"' . get_stylesheet() . '"} /-->
  101. </div>
  102. <!-- /wp:group --></div>
  103. <!-- /wp:column --></div>
  104. <!-- /wp:columns -->'
  105. );