front-page.php 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. <?php
  2. /**
  3. * Title: front-page
  4. * Slug: allez/front-page
  5. * Categories: hidden
  6. * Inserter: no
  7. */
  8. declare( strict_types = 1 );
  9. ?>
  10. <!-- wp:template-part {"slug":"header-with-sticky-post","tagName":"header","align":"full"} /-->
  11. <!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"10vh","bottom":"5vh"}}},"layout":{"type":"constrained"}} -->
  12. <main class="wp-block-group" style="margin-top:10vh;margin-bottom:5vh"><!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
  13. <div class="wp-block-group alignwide"><!-- wp:query {"queryId":0,"query":{"perPage":"3","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"enhancedPagination":true,"align":"wide"} -->
  14. <div class="wp-block-query alignwide"><!-- wp:post-template {"style":{"spacing":{"blockGap":"2rem"}},"layout":{"type":"grid","columnCount":3}} -->
  15. <!-- wp:group {"layout":{"type":"constrained"}} -->
  16. <div class="wp-block-group"><!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/4"} /-->
  17. <!-- wp:group {"style":{"spacing":{"blockGap":"0.5rem"}},"layout":{"type":"flex","orientation":"vertical"}} -->
  18. <div class="wp-block-group"><!-- wp:post-date {"format":"M j, Y","style":{"typography":{"fontSize":"0.8rem","letterSpacing":"0.02rem","textTransform":"uppercase"}}} /-->
  19. <!-- wp:post-title {"isLink":true} /--></div>
  20. <!-- /wp:group -->
  21. <!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
  22. <div class="wp-block-group"><!-- wp:post-excerpt {"moreText":"","showMoreOnNewLine":false,"excerptLength":18} /-->
  23. <!-- wp:read-more {"content":"Continue reading →","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary"} /--></div>
  24. <!-- /wp:group --></div>
  25. <!-- /wp:group -->
  26. <!-- /wp:post-template --></div>
  27. <!-- /wp:query --></div>
  28. <!-- /wp:group --></main>
  29. <!-- /wp:group -->
  30. <!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"5vh","bottom":"10vh"}}},"layout":{"type":"constrained"}} -->
  31. <main class="wp-block-group" style="margin-top:5vh;margin-bottom:10vh"><!-- wp:columns {"align":"wide"} -->
  32. <div class="wp-block-columns alignwide"><!-- wp:column {"width":"66.6%"} -->
  33. <div class="wp-block-column" style="flex-basis:66.6%"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|50"}}}} -->
  34. <h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--50)">Next matches</h3>
  35. <!-- /wp:heading -->
  36. <!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"2rem"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
  37. <div class="wp-block-group alignwide"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
  38. <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0.8rem","bottom":"0.8rem","left":"1.6rem","right":"1.6rem"}},"border":{"radius":"10px"}},"backgroundColor":"secondary","layout":{"type":"constrained"}} -->
  39. <div class="wp-block-group has-secondary-background-color has-background" style="border-radius:10px;padding-top:0.8rem;padding-right:1.6rem;padding-bottom:0.8rem;padding-left:1.6rem"><!-- wp:site-logo {"width":48} /--></div>
  40. <!-- /wp:group -->
  41. <!-- wp:paragraph {"align":"center","style":{"layout":{"selfStretch":"fit","flexSize":null}}} -->
  42. <p class="has-text-align-center">x</p>
  43. <!-- /wp:paragraph -->
  44. <!-- wp:group {"style":{"spacing":{"padding":{"top":"0.8rem","bottom":"0.8rem","left":"1.6rem","right":"1.6rem"}},"border":{"radius":"10px"}},"backgroundColor":"secondary","layout":{"type":"constrained"}} -->
  45. <div class="wp-block-group has-secondary-background-color has-background" style="border-radius:10px;padding-top:0.8rem;padding-right:1.6rem;padding-bottom:0.8rem;padding-left:1.6rem"><!-- wp:image {"id":125,"width":"48px","height":"48px","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|duotone-2"}}} -->
  46. <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/club-logo_2.png" alt="" class="wp-image-125" style="object-fit:cover;width:48px;height:48px"/></figure>
  47. <!-- /wp:image --></div>
  48. <!-- /wp:group -->
  49. <!-- wp:group {"style":{"spacing":{"blockGap":"0rem"},"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"center","justifyContent":"stretch"}} -->
  50. <div class="wp-block-group"><!-- wp:paragraph {"style":{"layout":{"selfStretch":"fill","flexSize":null},"typography":{"fontStyle":"normal","fontWeight":"500"}}} -->
  51. <p style="font-style:normal;font-weight:500">THIS IS US FC vs AC THEM</p>
  52. <!-- /wp:paragraph -->
  53. <!-- wp:paragraph -->
  54. <p>Sonnet Park — 12/01/2024Add to Cal</p>
  55. <!-- /wp:paragraph --></div>
  56. <!-- /wp:group --></div>
  57. <!-- /wp:group -->
  58. <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
  59. <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0.8rem","bottom":"0.8rem","left":"1.6rem","right":"1.6rem"}},"border":{"radius":"10px"}},"backgroundColor":"secondary","layout":{"type":"constrained"}} -->
  60. <div class="wp-block-group has-secondary-background-color has-background" style="border-radius:10px;padding-top:0.8rem;padding-right:1.6rem;padding-bottom:0.8rem;padding-left:1.6rem"><!-- wp:image {"id":125,"width":"48px","height":"48px","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|duotone-3"}}} -->
  61. <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/club-logo_2.png" alt="" class="wp-image-125" style="object-fit:cover;width:48px;height:48px"/></figure>
  62. <!-- /wp:image --></div>
  63. <!-- /wp:group -->
  64. <!-- wp:paragraph {"align":"center","style":{"layout":{"selfStretch":"fit","flexSize":null}}} -->
  65. <p class="has-text-align-center">x</p>
  66. <!-- /wp:paragraph -->
  67. <!-- wp:group {"style":{"spacing":{"padding":{"top":"0.8rem","bottom":"0.8rem","left":"1.6rem","right":"1.6rem"}},"border":{"radius":"10px"}},"backgroundColor":"secondary","layout":{"type":"constrained"}} -->
  68. <div class="wp-block-group has-secondary-background-color has-background" style="border-radius:10px;padding-top:0.8rem;padding-right:1.6rem;padding-bottom:0.8rem;padding-left:1.6rem"><!-- wp:site-logo {"width":48} /--></div>
  69. <!-- /wp:group -->
  70. <!-- wp:group {"style":{"spacing":{"blockGap":"0rem"},"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"center","justifyContent":"stretch"}} -->
  71. <div class="wp-block-group"><!-- wp:paragraph {"style":{"layout":{"selfStretch":"fill","flexSize":null},"typography":{"fontStyle":"normal","fontWeight":"500"}}} -->
  72. <p style="font-style:normal;font-weight:500">AC THEM vs THIS IS US FC</p>
  73. <!-- /wp:paragraph -->
  74. <!-- wp:paragraph -->
  75. <p>Hackney Marches Pitch III — 18/01/2024</p>
  76. <!-- /wp:paragraph --></div>
  77. <!-- /wp:group --></div>
  78. <!-- /wp:group -->
  79. <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
  80. <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0.8rem","bottom":"0.8rem","left":"1.6rem","right":"1.6rem"}},"border":{"radius":"10px"}},"backgroundColor":"secondary","layout":{"type":"constrained"}} -->
  81. <div class="wp-block-group has-secondary-background-color has-background" style="border-radius:10px;padding-top:0.8rem;padding-right:1.6rem;padding-bottom:0.8rem;padding-left:1.6rem"><!-- wp:site-logo {"width":48} /--></div>
  82. <!-- /wp:group -->
  83. <!-- wp:paragraph {"align":"center","style":{"layout":{"selfStretch":"fit","flexSize":null}}} -->
  84. <p class="has-text-align-center">x</p>
  85. <!-- /wp:paragraph -->
  86. <!-- wp:group {"style":{"spacing":{"padding":{"top":"0.8rem","bottom":"0.8rem","left":"1.6rem","right":"1.6rem"}},"border":{"radius":"10px"}},"backgroundColor":"secondary","layout":{"type":"constrained"}} -->
  87. <div class="wp-block-group has-secondary-background-color has-background" style="border-radius:10px;padding-top:0.8rem;padding-right:1.6rem;padding-bottom:0.8rem;padding-left:1.6rem"><!-- wp:image {"id":125,"width":"48px","height":"48px","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
  88. <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/club-logo_2.png" alt="" class="wp-image-125" style="object-fit:cover;width:48px;height:48px"/></figure>
  89. <!-- /wp:image --></div>
  90. <!-- /wp:group -->
  91. <!-- wp:group {"style":{"spacing":{"blockGap":"0rem"},"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"center","justifyContent":"stretch"}} -->
  92. <div class="wp-block-group"><!-- wp:paragraph {"style":{"layout":{"selfStretch":"fill","flexSize":null},"typography":{"fontStyle":"normal","fontWeight":"500"}}} -->
  93. <p style="font-style:normal;font-weight:500">THIS IS US FC vs AC THEM</p>
  94. <!-- /wp:paragraph -->
  95. <!-- wp:paragraph -->
  96. <p>Sonnet Park — 12/01/2024Add to Cal</p>
  97. <!-- /wp:paragraph --></div>
  98. <!-- /wp:group --></div>
  99. <!-- /wp:group --></div>
  100. <!-- /wp:group --></div>
  101. <!-- /wp:column -->
  102. <!-- wp:column -->
  103. <div class="wp-block-column"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|50"}}}} -->
  104. <h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--50)">Get to Know Us</h3>
  105. <!-- /wp:heading -->
  106. <!-- wp:group {"style":{"spacing":{"blockGap":"1rem"}},"layout":{"type":"flex","orientation":"vertical"}} -->
  107. <div class="wp-block-group"><!-- wp:paragraph -->
  108. <p>Beyond the pitch, the Bards actively engage in community initiatives.</p>
  109. <!-- /wp:paragraph -->
  110. <!-- wp:paragraph -->
  111. <p>From 'Playwrights for Playgrounds' to 'Literacy Goals,' explore our commitment to making a positive impact.</p>
  112. <!-- /wp:paragraph --></div>
  113. <!-- /wp:group -->
  114. <!-- wp:read-more {"content":"About us →","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary"} /--></div>
  115. <!-- /wp:column --></div>
  116. <!-- /wp:columns --></main>
  117. <!-- /wp:group -->
  118. <!-- wp:template-part {"slug":"footer","tagName":"footer","align":"full"} /-->