page-gallery.html 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <!-- wp:group {"style":{"dimensions":{"minHeight":"100vh"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","verticalAlignment":"space-between"}} -->
  2. <div class="wp-block-group" style="min-height:100vh">
  3. <!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"0","left":"0"}}}} -->
  4. <div class="wp-block-columns">
  5. <!-- wp:column {"width":"18%","style":{"spacing":{"padding":{"top":"0","right":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|60"}}},"className":".is-sticky"} -->
  6. <div class="wp-block-column .is-sticky" style="padding-top:0;padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);flex-basis:18%">
  7. <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"},"spacing":{"padding":{"top":"var:preset|spacing|60"}}},"layout":{"type":"default"}} -->
  8. <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--60)">
  9. <!-- wp:template-part {"slug":"header"} /-->
  10. </div>
  11. <!-- /wp:group -->
  12. </div>
  13. <!-- /wp:column -->
  14. <!-- wp:column {"width":"50%","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"0","left":"var:preset|spacing|60","right":"var:preset|spacing|60"}}}} -->
  15. <div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:0;padding-left:var(--wp--preset--spacing--60);flex-basis:50%">
  16. <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
  17. <div class="wp-block-group">
  18. <!-- wp:query {"query":{"perPage":"20","pages":0,"offset":0,"postType":"page","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"parents":[]},"tagName":"main"} -->
  19. <main class="wp-block-query">
  20. <!-- wp:post-template {"layout":{"type":"grid","columnCount":5}} -->
  21. <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
  22. <div class="wp-block-group">
  23. <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"1","width":"100px","height":"100px","align":"center","style":{"color":{"duotone":"var:preset|duotone|duotone-1"}}} /-->
  24. <!-- wp:post-title {"textAlign":"center","isLink":true} /-->
  25. </div>
  26. <!-- /wp:group -->
  27. <!-- /wp:post-template -->
  28. <!-- wp:spacer {"height":"50px"} -->
  29. <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
  30. <!-- /wp:spacer -->
  31. <!-- wp:query-pagination {"paginationArrow":"arrow"} -->
  32. <!-- wp:query-pagination-previous /-->
  33. <!-- wp:query-pagination-next /-->
  34. <!-- /wp:query-pagination -->
  35. </main>
  36. <!-- /wp:query -->
  37. <!-- wp:spacer {"height":"80px"} -->
  38. <div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
  39. <!-- /wp:spacer -->
  40. </div>
  41. <!-- /wp:group -->
  42. </div>
  43. <!-- /wp:column -->
  44. <!-- wp:column {"width":"18%","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|60"}}}} -->
  45. <div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);flex-basis:18%"></div>
  46. <!-- /wp:column -->
  47. </div>
  48. <!-- /wp:columns -->
  49. <!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->
  50. </div>
  51. <!-- /wp:group -->