header-dusk.php 1.3 KB

1234567891011121314151617181920212223242526
  1. <?php
  2. /**
  3. * Title: Header Dusk
  4. * Slug: lowfi/header-dusk
  5. * Categories: header
  6. * Block Types: core/template-part/header
  7. * Viewport width: 1280
  8. */
  9. declare( strict_types = 1 );
  10. ?>
  11. <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
  12. <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--80)">
  13. <!-- wp:image {"lightbox":{"enabled":false},"width":"400px","aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"custom","style":{"border":{"radius":"6px"}}} -->
  14. <figure class="wp-block-image size-full is-resized has-custom-border"><a href="/"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/header-image-dusk.jpg" alt="" class="" style="border-radius:6px;aspect-ratio:1;object-fit:cover;width:400px"/></a></figure>
  15. <!-- /wp:image -->
  16. <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
  17. <div class="wp-block-group">
  18. <!-- wp:site-title {"level":0,"style":{"layout":{"selfStretch":"fit","flexSize":null}}} /-->
  19. <!-- wp:site-tagline /-->
  20. </div>
  21. <!-- /wp:group -->
  22. </div>
  23. <!-- /wp:group -->