header.php 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <?php declare( strict_types = 1 ); ?>
  2. <?php
  3. /**
  4. * Title: header
  5. * Slug: grammer/header
  6. * Categories: hidden
  7. * Inserter: no
  8. */
  9. ?>
  10. <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"3vh","bottom":"3vh"}}},"layout":{"type":"constrained","justifyContent":"center"}} -->
  11. <div class="wp-block-group alignwide" style="padding-top:3vh;padding-bottom:3vh"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":{"top":"1rem"}}}} -->
  12. <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"66.66%","layout":{"type":"constrained"}} -->
  13. <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%"><!-- wp:group {"align":"full","style":{"spacing":{"blockGap":""}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
  14. <div class="wp-block-group alignfull"><!-- wp:site-logo {"width":120,"shouldSyncIcon":false,"className":"is-style-rounded","style":{"layout":{"selfStretch":"fixed","flexSize":"33.33%"}}} /-->
  15. <!-- wp:group {"style":{"layout":{"selfStretch":"fill","flexSize":null},"spacing":{"blockGap":"0.22rem"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"center","justifyContent":"stretch"}} -->
  16. <div class="wp-block-group"><!-- wp:site-title /-->
  17. <!-- wp:paragraph -->
  18. <p><?php echo __('Howdy! I am Benjamin, a developer deeply passionate about writing, food, and photography. <a href="#">More about me</a>.', 'grammer');?></p>
  19. <!-- /wp:paragraph --></div>
  20. <!-- /wp:group --></div>
  21. <!-- /wp:group --></div>
  22. <!-- /wp:column -->
  23. <!-- wp:column {"verticalAlignment":"center","width":"18.33%","layout":{"type":"constrained"}} -->
  24. <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:18.33%"></div>
  25. <!-- /wp:column -->
  26. <!-- wp:column {"verticalAlignment":"center","width":"15%","layout":{"type":"constrained"}} -->
  27. <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:15%"><!-- wp:group {"style":{"spacing":{"padding":{"top":"1rem","right":"1rem","bottom":"1rem","left":"1rem"}},"border":{"radius":"4px"}},"backgroundColor":"tertiary","layout":{"type":"constrained"}} -->
  28. <div class="wp-block-group has-tertiary-background-color has-background" style="border-radius:4px;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem"><!-- wp:social-links {"iconColor":"secondary","iconColorValue":"#acacb9","size":"has-small-icon-size","className":"is-style-logos-only","style":{"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
  29. <ul class="wp-block-social-links has-small-icon-size has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"wordpress.org","service":"tumblr"} /-->
  30. <!-- wp:social-link {"url":"wordpress.org","service":"fivehundredpx"} /-->
  31. <!-- wp:social-link {"url":"wordpress.org","service":"instagram"} /-->
  32. <!-- wp:social-link {"url":"wordpress.org/","service":"behance"} /--></ul>
  33. <!-- /wp:social-links --></div>
  34. <!-- /wp:group --></div>
  35. <!-- /wp:column --></div>
  36. <!-- /wp:columns --></div>
  37. <!-- /wp:group -->