footer-alt.php 4.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <?php
  2. /**
  3. * Title: Footer Alternative
  4. * Slug: infield/footer-alt
  5. * Categories: footer
  6. * Block Types: core/template-part/footer
  7. */
  8. declare( strict_types = 1 );
  9. ?>
  10. <!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}},"heading":{"color":{"text":"var:preset|color|base"}}},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"backgroundColor":"accent-1","textColor":"base","layout":{"type":"constrained"}} -->
  11. <div class="wp-block-group has-base-color has-accent-1-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:site-title {"align":"wide","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}},"textColor":"base"} /-->
  12. <!-- wp:separator {"align":"wide","className":" double-hr"} -->
  13. <hr class="wp-block-separator alignwide has-alpha-channel-opacity double-hr"/>
  14. <!-- /wp:separator -->
  15. <!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
  16. <div class="wp-block-columns alignwide" style="padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:column {"style":{"border":{"right":{"color":"#ffffff33","width":"1px"}},"spacing":{"padding":{"right":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|20"}}} -->
  17. <div class="wp-block-column" style="border-right-color:#ffffff33;border-right-width:1px;padding-right:var(--wp--preset--spacing--50)"><!-- wp:heading {"level":3,"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"medium"} -->
  18. <h3 class="wp-block-heading has-medium-font-size" style="text-transform:uppercase"><?php echo esc_html__( 'About', 'infield' ); ?></h3>
  19. <!-- /wp:heading -->
  20. <!-- wp:paragraph {"fontSize":"x-small"} -->
  21. <p class="has-x-small-font-size"><?php echo esc_html__( 'A passionate baseball fan blog celebrating America\'s favorite pastime.', 'infield' ); ?></p>
  22. <!-- /wp:paragraph --></div>
  23. <!-- /wp:column -->
  24. <!-- wp:column {"style":{"border":{"right":{"color":"#ffffff33","width":"1px"}},"spacing":{"padding":{"right":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|20"}}} -->
  25. <div class="wp-block-column" style="border-right-color:#ffffff33;border-right-width:1px;padding-right:var(--wp--preset--spacing--50)"><!-- wp:heading {"level":3,"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"medium"} -->
  26. <h3 class="wp-block-heading has-medium-font-size" style="text-transform:uppercase"><?php echo esc_html__( 'Topics', 'infield' ); ?></h3>
  27. <!-- /wp:heading -->
  28. <!-- wp:categories {"style":{"spacing":{"padding":{"right":"var:preset|spacing|40","left":"var:preset|spacing|40"}}},"fontSize":"x-small"} /--></div>
  29. <!-- /wp:column -->
  30. <!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} -->
  31. <div class="wp-block-column"><!-- wp:heading {"level":3,"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"medium"} -->
  32. <h3 class="wp-block-heading has-medium-font-size" style="text-transform:uppercase"><?php echo esc_html__( 'Follow Us', 'infield' ); ?></h3>
  33. <!-- /wp:heading -->
  34. <!-- wp:social-links {"iconColor":"base","iconColorValue":"#ffffff","showLabels":true,"size":"has-normal-icon-size","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|20"}}},"className":"is-style-logos-only","layout":{"type":"flex","orientation":"vertical"}} -->
  35. <ul class="wp-block-social-links has-normal-icon-size has-visible-labels has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"facebook","label":"Facebook"} /-->
  36. <!-- wp:social-link {"url":"#","service":"instagram","label":"Instagram"} /-->
  37. <!-- wp:social-link {"url":"#","service":"youtube"} /--></ul>
  38. <!-- /wp:social-links --></div>
  39. <!-- /wp:column --></div>
  40. <!-- /wp:columns --></div>
  41. <!-- /wp:group -->
  42. <!-- wp:group {"style":{"background":{"backgroundImage":{"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/stripes-bg.png","source":"file","title":"Vertical Stripes Background"}},"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}},"layout":{"type":"constrained"}} -->
  43. <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)"><!-- wp:paragraph {"align":"center","fontSize":"x-small"} -->
  44. <p class="has-text-align-center has-x-small-font-size"><?php
  45. /* Translators: WordPress link. */
  46. $wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'infield' ) ) . '" rel="nofollow">WordPress</a>';
  47. echo sprintf(
  48. esc_html__( 'Designed with %1$s', 'infield' ),
  49. $wordpress_link
  50. );
  51. ?></p>
  52. <!-- /wp:paragraph --></div>
  53. <!-- /wp:group -->