single.php 9.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. <?php declare( strict_types = 1 ); ?>
  2. <?php
  3. /**
  4. * Title: single
  5. * Slug: blissed/single
  6. * Categories: hidden
  7. * Inserter: no
  8. */
  9. ?>
  10. <!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"0rem","left":"0rem"}}}} -->
  11. <div class="wp-block-columns"><!-- wp:column {"width":"65%","style":{"spacing":{"padding":{"top":"5vh","bottom":"5vh"}}}} -->
  12. <div class="wp-block-column" style="padding-top:5vh;padding-bottom:5vh;flex-basis:65%"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|70","left":"0"},"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}}} -->
  13. <div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:column {"width":"33.3%","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained","justifyContent":"left"}} -->
  14. <div class="wp-block-column" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);flex-basis:33.3%"><!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"},"spacing":{"margin":{"top":"var:preset|spacing|40"}}},"layout":{"type":"default"}} -->
  15. <div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--40)"><!-- wp:template-part {"slug":"header","area":"header"} /--></div>
  16. <!-- /wp:group --></div>
  17. <!-- /wp:column -->
  18. <!-- wp:column {"width":"66.6%","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained","justifyContent":"left"}} -->
  19. <div class="wp-block-column" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);flex-basis:66.6%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|60","margin":{"top":"var:preset|spacing|30"}},"dimensions":{"minHeight":"30vh"}},"layout":{"type":"constrained"}} -->
  20. <div class="wp-block-group" style="min-height:30vh;margin-top:var(--wp--preset--spacing--30)"><!-- wp:heading {"level":1,"fontSize":"large"} -->
  21. <h1 class="wp-block-heading has-large-font-size"><?php echo __('Anne Brown &amp; Ashley Smith<br>are set to wed', 'blissed');?></h1>
  22. <!-- /wp:heading -->
  23. <!-- wp:post-title {"level":1,"isLink":true} /--></div>
  24. <!-- /wp:group --></div>
  25. <!-- /wp:column --></div>
  26. <!-- /wp:columns -->
  27. <!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|70","left":"0"},"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}}} -->
  28. <div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:column {"width":"33.3%","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained","justifyContent":"left"}} -->
  29. <div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);flex-basis:33.3%"><!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"},"spacing":{"margin":{"top":"var:preset|spacing|40"}}},"layout":{"type":"constrained"}} -->
  30. <div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--40)"><!-- wp:template-part {"slug":"footer","area":"footer"} /--></div>
  31. <!-- /wp:group --></div>
  32. <!-- /wp:column -->
  33. <!-- wp:column {"width":"66.6%","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained","justifyContent":"left"}} -->
  34. <div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);flex-basis:66.6%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|70","margin":{"top":"var:preset|spacing|40"}}},"layout":{"type":"constrained"}} -->
  35. <div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--40)"><!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"5vh"}},"layout":{"type":"constrained"}} -->
  36. <main class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
  37. <div class="wp-block-group"><!-- wp:post-date {"style":{"typography":{"letterSpacing":"0.1rem"}},"fontSize":"small"} /-->
  38. <!-- wp:post-content {"lock":{"move":false,"remove":false},"layout":{"type":"constrained","justifyContent":"center"}} /--></div>
  39. <!-- /wp:group -->
  40. <!-- wp:post-featured-image {"aspectRatio":"4/3"} /-->
  41. <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
  42. <div class="wp-block-group"><!-- wp:post-author-name /-->
  43. <!-- wp:post-terms {"term":"category"} /-->
  44. <!-- wp:post-terms {"term":"post_tag"} /--></div>
  45. <!-- /wp:group -->
  46. <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","orientation":"horizontal"}} -->
  47. <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:post-navigation-link {"type":"previous","linkLabel":true,"arrow":"arrow"} /-->
  48. <!-- wp:post-navigation-link {"linkLabel":true,"arrow":"arrow"} /--></div>
  49. <!-- /wp:group -->
  50. <!-- wp:comments {"style":{"spacing":{"margin":{"top":"var:preset|spacing|70"}}},"className":"wp-block-comments-query-loop"} -->
  51. <div class="wp-block-comments wp-block-comments-query-loop" style="margin-top:var(--wp--preset--spacing--70)"><!-- wp:comments-title {"level":3} /-->
  52. <!-- wp:comment-template -->
  53. <!-- wp:group {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|40"}}} -->
  54. <div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--50)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
  55. <div class="wp-block-group"><!-- wp:avatar {"size":48,"style":{"border":{"radius":"50%"}}} /-->
  56. <!-- wp:group {"style":{"spacing":{"blockGap":"0"}}} -->
  57. <div class="wp-block-group"><!-- wp:comment-author-name /-->
  58. <!-- wp:comment-date /--></div>
  59. <!-- /wp:group --></div>
  60. <!-- /wp:group -->
  61. <!-- wp:comment-content /-->
  62. <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex"}} -->
  63. <div class="wp-block-group"><!-- wp:comment-reply-link /-->
  64. <!-- wp:comment-edit-link /--></div>
  65. <!-- /wp:group --></div>
  66. <!-- /wp:group -->
  67. <!-- /wp:comment-template -->
  68. <!-- wp:comments-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} -->
  69. <!-- wp:comments-pagination-previous /-->
  70. <!-- wp:comments-pagination-next /-->
  71. <!-- /wp:comments-pagination -->
  72. <!-- wp:post-comments-form {"style":{"spacing":{"margin":{"top":"var:preset|spacing|70"}}}} /--></div>
  73. <!-- /wp:comments --></main>
  74. <!-- /wp:group -->
  75. <!-- wp:group {"layout":{"type":"constrained","justifyContent":"left"}} -->
  76. <div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
  77. <div class="wp-block-group"><!-- wp:paragraph {"className":"no-underline","fontSize":"small"} -->
  78. <p class="no-underline has-small-font-size"><?php echo __('<a href="#">Instagram</a> / <a href="#">TikTok</a> / <a href="#">X</a>', 'blissed');?></p>
  79. <!-- /wp:paragraph -->
  80. <!-- wp:paragraph {"lock":{"move":false,"remove":true},"className":"no-underline","fontSize":"small"} -->
  81. <p class="no-underline has-small-font-size"><?php echo __('Designed with <a href="https://wordpress.org" rel="nofollow">WordPress</a>', 'blissed');?></p>
  82. <!-- /wp:paragraph --></div>
  83. <!-- /wp:group --></div>
  84. <!-- /wp:group --></div>
  85. <!-- /wp:group --></div>
  86. <!-- /wp:column --></div>
  87. <!-- /wp:columns --></div>
  88. <!-- /wp:column -->
  89. <!-- wp:column {"width":"5%","style":{"spacing":{"padding":{"top":"5vh","bottom":"5vh"}}}} -->
  90. <div class="wp-block-column" style="padding-top:5vh;padding-bottom:5vh;flex-basis:5%"></div>
  91. <!-- /wp:column -->
  92. <!-- wp:column {"width":"30%"} -->
  93. <div class="wp-block-column" style="flex-basis:30%"><!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"},"spacing":{"padding":{"top":"5vh"}}},"layout":{"type":"default"}} -->
  94. <div class="wp-block-group" style="padding-top:5vh"><!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/couple-photo.jpg","dimRatio":10,"overlayColor":"base","isUserOverlayColor":true,"minHeight":87.5,"minHeightUnit":"vh","layout":{"type":"constrained"}} -->
  95. <div class="wp-block-cover" style="min-height:87.5vh"><span aria-hidden="true" class="wp-block-cover__background has-base-background-color has-background-dim-10 has-background-dim"></span><img class="wp-block-cover__image-background" alt="<?php echo __('', 'blissed');?>" src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/couple-photo.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
  96. <p class="has-text-align-center has-large-font-size"><?php echo __('', 'blissed');?></p>
  97. <!-- /wp:paragraph --></div></div>
  98. <!-- /wp:cover --></div>
  99. <!-- /wp:group --></div>
  100. <!-- /wp:column --></div>
  101. <!-- /wp:columns -->