link-in-bio-gradient.php 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <?php
  2. /**
  3. * Title: Link in Bio with a gradient background
  4. * Slug: lynx/link-in-bio-gradient
  5. * Inserter: yes
  6. * Categories: featured, link-in-bio
  7. */
  8. ?>
  9. <!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/mesh_gradient.jpg'; ?>","hasParallax":true,"dimRatio":0,"minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full"} -->
  10. <div class="wp-block-cover alignfull is-light has-parallax" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div role="img" class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/mesh_gradient.jpg'; ?>)"></div><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"inherit":true,"type":"constrained"}} -->
  11. <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"20px"}}} -->
  12. <div class="wp-block-group"><!-- wp:site-logo {"align":"center","className":"is-style-rounded"} /-->
  13. <!-- wp:site-title {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"medium"} /-->
  14. <!-- wp:site-tagline {"textAlign":"center","fontSize":"x-small"} /-->
  15. <!-- wp:buttons {"style":{"spacing":{"blockGap":"10px"}}} -->
  16. <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","textColor":"black","width":100,"style":{"border":{"radius":"100px"},"typography":{"textTransform":"uppercase"},"spacing":{"padding":{"top":"16px","right":"16px","bottom":"16px","left":"16px"}}},"className":"is-style-outline","fontSize":"x-small"} -->
  17. <div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-x-small-font-size" style="text-transform:uppercase"><a class="wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button" style="border-radius:100px;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px"><strong><?php echo esc_html__( 'Read the Blog', 'lynx' ); ?></strong></a></div>
  18. <!-- /wp:button -->
  19. <!-- wp:button {"backgroundColor":"white","textColor":"black","width":100,"style":{"border":{"radius":"100px"},"typography":{"textTransform":"uppercase"},"spacing":{"padding":{"top":"16px","right":"16px","bottom":"16px","left":"16px"}}},"className":"is-style-outline","fontSize":"x-small"} -->
  20. <div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-x-small-font-size" style="text-transform:uppercase"><a class="wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button" style="border-radius:100px;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px"><strong><?php echo esc_html__( 'YouTube Channel', 'lynx' ); ?></strong></a></div>
  21. <!-- /wp:button -->
  22. <!-- wp:button {"backgroundColor":"white","textColor":"black","width":100,"style":{"border":{"radius":"100px"},"typography":{"textTransform":"uppercase"},"spacing":{"padding":{"top":"16px","right":"16px","bottom":"16px","left":"16px"}}},"className":"is-style-outline","fontSize":"x-small"} -->
  23. <div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-x-small-font-size" style="text-transform:uppercase"><a class="wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button" style="border-radius:100px;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px"><strong><?php echo esc_html__( 'Latest Podcast Episode', 'lynx' ); ?></strong></a></div>
  24. <!-- /wp:button -->
  25. <!-- wp:button {"backgroundColor":"white","textColor":"black","width":100,"style":{"border":{"radius":"100px"},"typography":{"textTransform":"uppercase"},"spacing":{"padding":{"top":"16px","right":"16px","bottom":"16px","left":"16px"}}},"className":"is-style-outline","fontSize":"x-small"} -->
  26. <div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-x-small-font-size" style="text-transform:uppercase"><a class="wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button" style="border-radius:100px;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px"><strong><?php echo esc_html__( 'Merch store', 'lynx' ); ?></strong></a></div>
  27. <!-- /wp:button --></div>
  28. <!-- /wp:buttons -->
  29. <!-- wp:social-links {"iconColor":"black","iconColorValue":"#000000","iconBackgroundColorValue":"#ffffff","className":"is-style-default","layout":{"type":"flex","justifyContent":"center"}} -->
  30. <ul class="wp-block-social-links has-icon-color has-icon-background-color is-style-default"><!-- wp:social-link {"url":"#","service":"wordpress"} /-->
  31. <!-- wp:social-link {"url":"#","service":"twitter"} /-->
  32. <!-- wp:social-link {"url":"#","service":"facebook"} /-->
  33. <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
  34. <!-- /wp:social-links --></div>
  35. <!-- /wp:group --></div>
  36. <!-- /wp:group --></div></div>
  37. <!-- /wp:cover -->