sidebar.php 7.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <?php
  2. /**
  3. * Title: sidebar
  4. * Slug: craftfully/sidebar
  5. * Categories: hidden
  6. * Inserter: no
  7. */
  8. declare( strict_types = 1 );
  9. ?>
  10. <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|60"}},"layout":{"type":"constrained"}} -->
  11. <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
  12. <div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
  13. <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
  14. <div class="wp-block-group"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#11181fa6"}}},"color":{"text":"#11181fa6"},"typography":{"fontSize":"14px"}}} -->
  15. <p class="has-text-color has-link-color" style="color:#11181fa6;font-size:14px"><?php echo esc_html__( 'Hello,', 'craftfully' ); ?></p>
  16. <!-- /wp:paragraph -->
  17. <!-- wp:heading {"level":3,"className":"heading-bg"} -->
  18. <h3 class="wp-block-heading heading-bg"><?php echo esc_html__( 'I\'m Veronica', 'craftfully' ); ?></h3>
  19. <!-- /wp:heading --></div>
  20. <!-- /wp:group -->
  21. <!-- wp:image {"id":67,"width":"80px","aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"width":"1px"}},"borderColor":"contrast","className":"is-style-rounded"} -->
  22. <figure class="wp-block-image size-full is-resized has-custom-border is-style-rounded"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/pexels-julia-avamotive-1097781.jpg" alt="" class="has-border-color has-contrast-border-color wp-image-67" style="border-width:1px;aspect-ratio:1;object-fit:cover;width:80px"/></figure>
  23. <!-- /wp:image --></div>
  24. <!-- /wp:group -->
  25. <!-- wp:paragraph -->
  26. <p><?php echo esc_html__( 'Welcome to Craftfully, my cozy corner of the internet dedicated to all things homemade and delightful. Here, I invite you to join me on a journey of creativity, craftsmanship, and all things handmade with a touch of love. Let\'s get crafty!', 'nestled' ); ?></p>
  27. <!-- /wp:paragraph --></div>
  28. <!-- /wp:group -->
  29. <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained"}} -->
  30. <div class="wp-block-group"><!-- wp:heading {"textAlign":"left","level":3} -->
  31. <h3 class="wp-block-heading has-text-align-left"><?php echo esc_html__( 'Let\'s connect', 'craftfully' ); ?></h3>
  32. <!-- /wp:heading -->
  33. <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
  34. <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40","padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}},"border":{"bottom":{"color":"var:preset|color|primary","width":"1px"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
  35. <div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--primary);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:social-links {"iconColor":"primary","iconColorValue":"#11181F","showLabels":true,"size":"has-normal-icon-size","className":"is-style-logos-only"} -->
  36. <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":"pinterest","label":"Pinterest"} /--></ul>
  37. <!-- /wp:social-links --></div>
  38. <!-- /wp:group -->
  39. <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40","padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}},"border":{"bottom":{"color":"var:preset|color|primary","width":"1px"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
  40. <div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--primary);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:social-links {"iconColor":"primary","iconColorValue":"#11181F","showLabels":true,"size":"has-normal-icon-size","className":"is-style-logos-only"} -->
  41. <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":"instagram"} /--></ul>
  42. <!-- /wp:social-links --></div>
  43. <!-- /wp:group -->
  44. <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40","padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}},"border":{"bottom":{"color":"var:preset|color|primary","width":"1px"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
  45. <div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--primary);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:social-links {"iconColor":"primary","iconColorValue":"#11181F","showLabels":true,"size":"has-normal-icon-size","className":"is-style-logos-only"} -->
  46. <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":"mail"} /--></ul>
  47. <!-- /wp:social-links --></div>
  48. <!-- /wp:group --></div>
  49. <!-- /wp:group --></div>
  50. <!-- /wp:group -->
  51. <!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}},"heading":{"color":{"text":"var:preset|color|contrast"}}},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|40"}},"backgroundColor":"accent-3","textColor":"contrast","layout":{"type":"constrained"}} -->
  52. <div class="wp-block-group has-contrast-color has-accent-3-background-color has-text-color has-background has-link-color" 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)"><!-- wp:heading {"level":3} -->
  53. <h3 class="wp-block-heading"><?php echo esc_html__( 'Join the fun!', 'craftfully' ); ?></h3>
  54. <!-- /wp:heading -->
  55. <!-- wp:paragraph {"fontSize":"small"} -->
  56. <p class="has-small-font-size"><?php echo esc_html__( 'Stay updated with our latest tutorials and ideas by joining my newsletter.', 'craftfully' ); ?></p>
  57. <!-- /wp:paragraph -->
  58. <!-- wp:jetpack/subscriptions {"borderRadius":50,"borderColor":"contrast","padding":12} /--></div>
  59. <!-- /wp:group -->
  60. <!-- wp:group {"layout":{"type":"constrained"}} -->
  61. <div class="wp-block-group"><!-- wp:heading {"level":3} -->
  62. <h3 class="wp-block-heading"><?php echo esc_html__( 'Recent posts', 'craftfully' ); ?></h3>
  63. <!-- /wp:heading -->
  64. <!-- wp:query {"query":{"perPage":"6","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false}} -->
  65. <div class="wp-block-query"><!-- wp:post-template {"layout":{"type":"grid","columnCount":2}} -->
  66. <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"inherit":false}} -->
  67. <div class="wp-block-group"><!-- wp:post-featured-image {"isLink":true,"aspectRatio":"1"} /-->
  68. <!-- wp:post-title {"isLink":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"small","fontFamily":"system-font"} /--></div>
  69. <!-- /wp:group -->
  70. <!-- /wp:post-template --></div>
  71. <!-- /wp:query --></div>
  72. <!-- /wp:group --></div>
  73. <!-- /wp:group -->