Changeset 56951
- Timestamp:
- 10/17/2023 02:12:07 AM (13 months ago)
- Location:
- trunk/src/wp-content/themes/twentytwentyfour
- Files:
-
- 32 added
- 30 deleted
- 35 edited
- 9 moved
Legend:
- Unmodified
- Added
- Removed
-
trunk/src/wp-content/themes/twentytwentyfour/functions.php
r56813 r56951 10 10 11 11 /** 12 * Register block Styles12 * Register block styles 13 13 */ 14 14 … … 166 166 167 167 add_action( 'init', 'twentytwentyfour_block_styles' ); 168 169 /** 170 * Register pattern categories. 171 */ 172 173 if ( ! function_exists( 'twentytwentyfour_pattern_categories' ) ) : 174 /** 175 * Register pattern categories 176 * 177 * @return void 178 * @since Twenty Twenty-Four 1.0 179 * 180 */ 181 function twentytwentyfour_pattern_categories() { 182 183 register_block_pattern_category( 184 'page', 185 array( 186 'label' => _x( 'Pages', 'Block pattern category' ), 187 'description' => __( 'A collection of full page layouts.' ), 188 ) 189 ); 190 } 191 endif; 192 193 add_action( 'init', 'twentytwentyfour_pattern_categories' ); -
trunk/src/wp-content/themes/twentytwentyfour/parts/header.html
r56813 r56951 1 1 <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"20px","bottom":"20px"}}},"backgroundColor":"base","layout":{"type":"constrained"}} --> 2 <div class="wp-block-group alignwide has-base-background-color has-background" style="padding-top:20px;padding-bottom:20px"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} --> 3 <div class="wp-block-group alignwide"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"flex"}} --> 4 <div class="wp-block-group"><!-- wp:site-logo {"width":60 } /--> 2 <div class="wp-block-group alignwide has-base-background-color has-background" 3 style="padding-top:20px;padding-bottom:20px"> 4 <!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} --> 5 <div class="wp-block-group alignwide"> 6 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"flex"}} --> 7 <div class="wp-block-group"> 8 <!-- wp:site-logo {"width":60 } /--> 5 9 6 <!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> 7 <div class="wp-block-group"><!-- wp:site-title {"level":0} /--></div> 8 <!-- /wp:group --></div> 10 <!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> 11 <div class="wp-block-group"> 12 <!-- wp:site-title {"level":0} /--> 13 </div> 14 <!-- /wp:group --> 15 </div> 16 <!-- /wp:group --> 17 18 <!-- wp:navigation {"layout":{"type":"flex","justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"},"blockGap":"var:preset|spacing|20"},"layout":{"selfStretch":"fit","flexSize":null}}} /--> 19 </div> 9 20 <!-- /wp:group --> 10 11 <!-- wp:navigation {"layout":{"type":"flex","justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"},"blockGap":"var:preset|spacing|20"},"layout":{"selfStretch":"fit","flexSize":null}}} /--></div> 12 <!-- /wp:group --></div> 13 <!-- /wp:group --> 21 </div> 22 <!-- /wp:group --> -
trunk/src/wp-content/themes/twentytwentyfour/parts/post-meta.html
r56716 r56951 1 <!-- wp:pattern {"slug":"twentytwentyfour/ post-meta"} /-->1 <!-- wp:pattern {"slug":"twentytwentyfour/hidden-post-meta"} /--> -
trunk/src/wp-content/themes/twentytwentyfour/parts/sidebar.html
r56716 r56951 1 <!-- wp:pattern {"slug":"twentytwentyfour/ sidebar"} /-->1 <!-- wp:pattern {"slug":"twentytwentyfour/hidden-sidebar"} /--> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/cta-subscribe-centered.php
r56950 r56951 1 1 <?php 2 2 /** 3 * Title: Centered Call To Action4 * Slug: twentytwentyfour/ text-centered-cta-subscribe3 * Title: Centered call to action 4 * Slug: twentytwentyfour/cta-subscribe-centered 5 5 * Categories: call-to-action 6 6 * Keywords: newsletter, subscribe, button … … 8 8 ?> 9 9 10 <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} --> 11 <div class="wp-block-group alignfull" 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:group {"align":"wide","style":{"border":{"radius":"16px"},"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"backgroundColor":"base-2","layout":{"type":"constrained"}} --> 12 <div class="wp-block-group alignwide has-base-2-background-color has-background" style="border-radius:16px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)"><!-- wp:spacer {"height":"var:preset|spacing|10"} --> 10 <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} --> 11 <div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;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)"> 12 <!-- wp:group {"align":"wide","style":{"border":{"radius":"16px"},"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"backgroundColor":"base-2","layout":{"type":"constrained"}} --> 13 <div class="wp-block-group alignwide has-base-2-background-color has-background" style="border-radius:16px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)"> 14 <!-- wp:spacer {"height":"var:preset|spacing|10"} --> 13 15 <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div> 14 16 <!-- /wp:spacer --> … … 23 25 24 26 <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> 25 <div class="wp-block-buttons"><!-- wp:button --> 26 <div class="wp-block-button"><a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Sign up', 'Sample text for Sign Up Button', 'twentytwentyfour' ); ?></a></div> 27 <div class="wp-block-buttons"> 28 <!-- wp:button --> 29 <div class="wp-block-button"> 30 <a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Sign up', 'Sample text for Sign Up Button', 'twentytwentyfour' ); ?></a> 31 </div> 27 32 <!-- /wp:button --> 28 33 </div> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/footer-centered-logo-nav.php
r56950 r56951 1 1 <?php 2 2 /** 3 * Title: Footer w riter4 * Slug: twentytwentyfour/footer- writer3 * Title: Footer with centered logo and navigation 4 * Slug: twentytwentyfour/footer-centered-logo-nav 5 5 * Categories: footer 6 6 * Block Types: core/template-part/footer … … 11 11 <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50)"> 12 12 13 <!-- wp:site-logo /-->13 <!-- wp:site-logo /--> 14 14 15 <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","justifyContent":"center"},"fontSize":"small"} /-->15 <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","justifyContent":"center"},"fontSize":"small"} /--> 16 16 17 <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"secondary","fontSize":"small"} -->18 <p class="has-text-align-center has-secondary-color has-text-color has-link-color has-small-font-size">17 <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"secondary","fontSize":"small"} --> 18 <p class="has-text-align-center has-secondary-color has-text-color has-link-color has-small-font-size"> 19 19 <?php 20 20 /* Translators: WordPress link. */ 21 21 $wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentyfour' ) ) . '" rel="nofollow">WordPress</a>'; 22 22 echo sprintf( … … 26 26 ); 27 27 ?> 28 </p> 29 <!-- /wp:paragraph --></div> 28 </p> 29 <!-- /wp:paragraph --> 30 </div> 30 31 <!-- /wp:group --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/footer-colophon-3-col.php
r56950 r56951 1 1 <?php 2 2 /** 3 * Title: Footer portfolio4 * Slug: twentytwentyfour/footer- portfolio3 * Title: Footer with colophon, 3 columns 4 * Slug: twentytwentyfour/footer-colophon-3-col 5 5 * Categories: footer 6 6 * Block Types: core/template-part/footer … … 13 13 <div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"> 14 14 <!-- wp:image {"width":"40px","height":"auto","sizeSlug":"full","linkDestination":"none"} --> 15 <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-message.webp" alt="" style="width:40px;height:auto"/></figure> 15 <figure class="wp-block-image size-full is-resized"> 16 <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-message.webp" alt="" style="width:40px;height:auto" /> 17 </figure> 16 18 <!-- /wp:image --> 17 19 18 20 <!-- wp:separator {"className":"is-style-wide"} --> 19 <hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" />21 <hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" /> 20 22 <!-- /wp:separator --> 21 23 … … 34 36 <div class="wp-block-group"> 35 37 <!-- wp:heading {"level":3,"fontSize":"medium","fontFamily":"body"} --> 36 <h3 class="wp-block-heading has-body-font-family has-medium-font-size"><?php esc_html_e( 'Contact Me', 'twentytwentyfour' ); ?></h3>38 <h3 class="wp-block-heading has-body-font-family has-medium-font-size"><?php esc_html_e( 'Contact', 'twentytwentyfour' ); ?></h3> 37 39 <!-- /wp:heading --> 38 40 <!-- wp:paragraph --> … … 52 54 <div class="wp-block-group"> 53 55 <!-- wp:heading {"level":3,"fontSize":"medium","fontFamily":"body"} --> 54 <h3 class="wp-block-heading has-body-font-family has-medium-font-size"><?php esc_html_e( 'Follow Me', 'twentytwentyfour' ); ?></h3>56 <h3 class="wp-block-heading has-body-font-family has-medium-font-size"><?php esc_html_e( 'Follow', 'twentytwentyfour' ); ?></h3> 55 57 <!-- /wp:heading --> 56 58 <!-- wp:paragraph --> … … 85 87 <p class="has-small-font-size"> 86 88 <?php 87 88 89 90 91 92 93 94 89 /* Translators: WordPress link. */ 90 $wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentyfour' ) ) . '" rel="nofollow">WordPress</a>'; 91 echo sprintf( 92 /* Translators: Designed with WordPress */ 93 esc_html__( 'Designed with %1$s', 'twentytwentyfour' ), 94 $wordpress_link 95 ); 96 ?> 95 97 </p> 96 98 <!-- /wp:paragraph --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/footer.php
r56764 r56951 1 1 <?php 2 2 /** 3 * Title: Default footer3 * Title: Footer with colophon, 4 columns 4 4 * Slug: twentytwentyfour/footer 5 5 * Categories: footer … … 9 9 10 10 <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} --> 11 <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:columns {"align":"wide"} --> 12 <div class="wp-block-columns alignwide"><!-- wp:column {"width":"30%"} --> 13 <div class="wp-block-column" style="flex-basis:30%"><!-- wp:group {"style":{"dimensions":{"minHeight":""},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"flex","orientation":"vertical"}} --> 14 <div class="wp-block-group"><!-- wp:site-logo {"width":20,"shouldSyncIcon":true,"style":{"layout":{"selfStretch":"fit","flexSize":null}}} /--> 11 <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"> 12 <!-- wp:columns {"align":"wide"} --> 13 <div class="wp-block-columns alignwide"> 14 <!-- wp:column {"width":"30%"} --> 15 <div class="wp-block-column" style="flex-basis:30%"> 16 <!-- wp:group {"style":{"dimensions":{"minHeight":""},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"flex","orientation":"vertical"}} --> 17 <div class="wp-block-group"> 18 <!-- wp:site-logo {"width":20,"shouldSyncIcon":true,"style":{"layout":{"selfStretch":"fit","flexSize":null}}} /--> 15 19 16 <!-- wp:site-title {"level":0,"fontSize":"medium"} /-->20 <!-- wp:site-title {"level":0,"fontSize":"medium"} /--> 17 21 18 <!-- wp:site-tagline {"fontSize":"small"} /--></div> 19 <!-- /wp:group --></div> 20 <!-- /wp:column --> 22 <!-- wp:site-tagline {"fontSize":"small"} /--> 23 </div> 24 <!-- /wp:group --> 25 </div> 26 <!-- /wp:column --> 21 27 22 <!-- wp:column {"width":"20%"} --> 23 <div class="wp-block-column" style="flex-basis:20%"></div> 24 <!-- /wp:column --> 28 <!-- wp:column {"width":"20%"} --> 29 <div class="wp-block-column" style="flex-basis:20%"> 30 </div> 31 <!-- /wp:column --> 25 32 26 <!-- wp:column {"width":"50%"} --> 27 <div class="wp-block-column" style="flex-basis:50%"><!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} --> 28 <div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> 29 <div class="wp-block-group"><!-- wp:heading {"level":2,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontFamily":"body"} --> 30 <h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600"><?php esc_html_e( 'About', 'twentytwentyfour' ); ?></h2> 31 <!-- /wp:heading --> 33 <!-- wp:column {"width":"50%"} --> 34 <div class="wp-block-column" style="flex-basis:50%"> 35 <!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} --> 36 <div class="wp-block-group"> 37 <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> 38 <div class="wp-block-group"> 39 <!-- wp:heading {"level":2,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontFamily":"body"} --> 40 <h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600"><?php esc_html_e( 'About', 'twentytwentyfour' ); ?></h2> 41 <!-- /wp:heading --> 32 42 33 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} -->34 <div class="wp-block-group">43 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} --> 44 <div class="wp-block-group"> 35 45 36 <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small","ariaLabel":"<?php esc_attr_e( 'About', 'twentytwentyfour' ); ?>"} -->46 <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"blockGap":"var:preset|spacing|10"}},"fontSize":"small","ariaLabel":"<?php esc_attr_e( 'About', 'twentytwentyfour' ); ?>"} --> 37 47 38 <!-- wp:navigation-link {"label":"Team","url":"#"} /-->39 <!-- wp:navigation-link {"label":"History","url":"#"} /-->40 <!-- wp:navigation-link {"label":"Careers","url":"#"} /-->48 <!-- wp:navigation-link {"label":"Team","url":"#"} /--> 49 <!-- wp:navigation-link {"label":"History","url":"#"} /--> 50 <!-- wp:navigation-link {"label":"Careers","url":"#"} /--> 41 51 42 <!-- /wp:navigation -->52 <!-- /wp:navigation --> 43 53 54 </div> 55 <!-- /wp:group --> 56 </div> 57 58 <!-- /wp:group --> 59 60 <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> 61 <div class="wp-block-group"> 62 <!-- wp:heading {"level":2,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontFamily":"body"} --> 63 <h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600"><?php esc_html_e( 'Privacy', 'twentytwentyfour' ); ?></h2> 64 <!-- /wp:heading --> 65 66 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} --> 67 <div class="wp-block-group"> 68 69 <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"blockGap":"var:preset|spacing|10"}},"fontSize":"small","ariaLabel":"<?php esc_attr_e( 'Privacy', 'twentytwentyfour' ); ?>"} --> 70 71 <!-- wp:navigation-link {"label":"Privacy Policy","url":"#"} /--> 72 <!-- wp:navigation-link {"label":"Terms and Conditions","url":"#"} /--> 73 <!-- wp:navigation-link {"label":"Contact Us","url":"#"} /--> 74 75 <!-- /wp:navigation --> 76 77 </div> 78 <!-- /wp:group --> 79 </div> 80 <!-- /wp:group --> 81 82 <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> 83 <div class="wp-block-group"> 84 <!-- wp:heading {"level":2,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontFamily":"body"} --> 85 <h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600"><?php esc_html_e( 'Social', 'twentytwentyfour' ); ?></h2> 86 <!-- /wp:heading --> 87 88 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} --> 89 <div class="wp-block-group"> 90 91 <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"blockGap":"var:preset|spacing|10"}},"fontSize":"small","ariaLabel":"<?php esc_attr_e( 'Social Media', 'twentytwentyfour' ); ?>"} --> 92 93 <!-- wp:navigation-link {"label":"Facebook","url":"#"} /--> 94 <!-- wp:navigation-link {"label":"Instagram","url":"#"} /--> 95 <!-- wp:navigation-link {"label":"Twitter/X","url":"#"} /--> 96 97 <!-- /wp:navigation --> 98 99 </div> 100 <!-- /wp:group --> 101 </div> 102 <!-- /wp:group --> 103 </div> 104 <!-- /wp:group --> 105 </div> 106 <!-- /wp:column --> 107 </div> 108 <!-- /wp:columns --> 109 110 <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"0"}}}} --> 111 <div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:0"> 112 <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"contrast-2","fontSize":"small"} --> 113 <p class="has-contrast-2-color has-text-color has-link-color has-small-font-size"> 114 <?php 115 /* Translators: WordPress link. */ 116 $wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentyfour' ) ) . '" rel="nofollow">WordPress</a>'; 117 echo sprintf( 118 /* Translators: Designed with WordPress */ 119 esc_html__( 'Designed with %1$s', 'twentytwentyfour' ), 120 $wordpress_link 121 ); 122 ?> 123 </p> 124 <!-- /wp:paragraph --> 125 </div> 126 <!-- /wp:group --> 44 127 </div> 45 <!-- /wp:group --></div>46 47 128 <!-- /wp:group --> 48 49 <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->50 <div class="wp-block-group"><!-- wp:heading {"level":2,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontFamily":"body"} -->51 <h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600"><?php esc_html_e( 'Privacy', 'twentytwentyfour' ); ?></h2>52 <!-- /wp:heading -->53 54 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} -->55 <div class="wp-block-group">56 57 <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small","ariaLabel":"<?php esc_attr_e( 'Privacy', 'twentytwentyfour' ); ?>"} -->58 59 <!-- wp:navigation-link {"label":"Privacy Policy","url":"#"} /-->60 <!-- wp:navigation-link {"label":"Terms and Conditions","url":"#"} /-->61 <!-- wp:navigation-link {"label":"Contact Us","url":"#"} /-->62 63 <!-- /wp:navigation -->64 65 </div>66 <!-- /wp:group --></div>67 <!-- /wp:group -->68 69 <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->70 <div class="wp-block-group"><!-- wp:heading {"level":2,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontFamily":"body"} -->71 <h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600"><?php esc_html_e( 'Social Media', 'twentytwentyfour' ); ?></h2>72 <!-- /wp:heading -->73 74 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} -->75 <div class="wp-block-group">76 77 <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small","ariaLabel":"<?php esc_attr_e( 'Social Media', 'twentytwentyfour' ); ?>"} -->78 79 <!-- wp:navigation-link {"label":"Facebook","url":"#"} /-->80 <!-- wp:navigation-link {"label":"Instagram","url":"#"} /-->81 <!-- wp:navigation-link {"label":"Twitter/X","url":"#"} /-->82 83 <!-- /wp:navigation -->84 85 </div>86 <!-- /wp:group --></div>87 <!-- /wp:group --></div>88 <!-- /wp:group --></div>89 <!-- /wp:column --></div>90 <!-- /wp:columns -->91 92 <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"0"}}}} -->93 <div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:0"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"contrast-2","fontSize":"small"} -->94 <p class="has-contrast-2-color has-text-color has-link-color has-small-font-size">95 96 <?php97 /* Translators: WordPress link. */98 $wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentyfour' ) ) . '" rel="nofollow">WordPress</a>';99 echo sprintf(100 /* Translators: Designed with WordPress */101 esc_html__( 'Designed with %1$s', 'twentytwentyfour' ),102 $wordpress_link103 );104 ?>105 </p>106 <!-- /wp:paragraph --></div>107 <!-- /wp:group --></div>108 <!-- /wp:group --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/gallery-full-screen-image.php
r56950 r56951 1 1 <?php 2 2 /** 3 * Title: Full Screen Image4 * Slug: twentytwentyfour/ full-screen-image5 * Inserter: no3 * Title: Full screen image 4 * Slug: twentytwentyfour/gallery-full-screen-image 5 * Categories: gallery, portfolio 6 6 */ 7 7 ?> 8 8 9 9 <!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/art-gallery.webp","hasParallax":true,"dimRatio":0,"overlayColor":"base","minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} --> 10 <div class="wp-block-cover alignfull is-light has-parallax" 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);min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-base-background-color 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/art-gallery.webp)"></div><div class="wp-block-cover__inner-container"> 11 <!-- wp:spacer {"height":"var:preset|spacing|60"} --> 12 <div style="height:var(--wp--preset--spacing--60)" aria-hidden="true" class="wp-block-spacer"></div> 13 <!-- /wp:spacer --></div></div> 10 <div class="wp-block-cover alignfull is-light has-parallax" 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);min-height:100vh"> 11 <span aria-hidden="true" class="wp-block-cover__background has-base-background-color has-background-dim-0 has-background-dim"> 12 </span> 13 <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/art-gallery.webp)"> 14 </div> 15 <div class="wp-block-cover__inner-container"> 16 <!-- wp:spacer {"height":"500px"} --> 17 <div style="height:500px" aria-hidden="true" class="wp-block-spacer"></div> 18 <!-- /wp:spacer --> 19 </div> 20 </div> 14 21 <!-- /wp:cover --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/hidden-404.php
r56764 r56951 1 1 <?php 2 2 /** 3 * Title: A 404 page4 * Slug: twentytwentyfour/ 4043 * Title: 404 4 * Slug: twentytwentyfour/hidden-404 5 5 * Inserter: no 6 6 */ … … 11 11 <!-- /wp:heading --> 12 12 <!-- wp:paragraph --> 13 <p><?php echo esc_html_x( 'The page you are looking for does n’t exist, or it has been moved. Please try searching using the form below.', 'Message to convey that a webpage could not be found', 'twentytwentyfour' ); ?></p>13 <p><?php echo esc_html_x( 'The page you are looking for does not exist, or it has been moved. Please try searching using the form below.', 'Message to convey that a webpage could not be found', 'twentytwentyfour' ); ?></p> 14 14 <!-- /wp:paragraph --> 15 <!-- wp:pattern {"slug":"twentytwentyfour/ search"} /-->15 <!-- wp:pattern {"slug":"twentytwentyfour/hidden-search"} /--> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/hidden-comments.php
r56764 r56951 2 2 /** 3 3 * Title: Comments 4 * slug: twentytwentyfour/comments5 * inserter: no4 * Slug: twentytwentyfour/hidden-comments 5 * Inserter: no 6 6 */ 7 7 ?> … … 9 9 <!-- wp:comments {"className":"wp-block-comments-query-loop"} --> 10 10 <div class="wp-block-comments wp-block-comments-query-loop"> 11 <!-- wp:heading --><h2><?php esc_html_e( 'Comments', 'twentytwentyfour' ); ?></h2><!-- /wp:heading --> 11 <!-- wp:heading --> 12 <h2><?php esc_html_e( 'Comments', 'twentytwentyfour' ); ?></h2> 13 <!-- /wp:heading --> 12 14 <!-- wp:comments-title {"level":3} /--> 13 15 <!-- wp:comment-template --> 14 <!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|30"}}}} --> 15 <div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--30)"> 16 <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"0.5em"}}} --> 16 <!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|30"}}}} --> 17 <div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--30)"> 18 <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"0.5em"}}} --> 19 <div class="wp-block-group"> 20 <!-- wp:avatar {"size":40} /--> 21 <!-- wp:group --> 17 22 <div class="wp-block-group"> 18 <!-- wp:avatar {"size":40} /--> 19 <!-- wp:group --> 20 <div class="wp-block-group"> 21 <!-- wp:comment-author-name /--> 22 <!-- wp:comment-date /--> 23 </div> 24 <!-- /wp:group --> 25 </div> 26 <!-- /wp:group --> 27 <!-- wp:comment-content /--> 28 <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} --> 29 <div class="wp-block-group"> 30 <!-- wp:comment-edit-link /--> 31 <!-- wp:comment-reply-link /--> 23 <!-- wp:comment-author-name /--> 24 <!-- wp:comment-date /--> 32 25 </div> 33 26 <!-- /wp:group --> 34 27 </div> 35 28 <!-- /wp:group --> 29 <!-- wp:comment-content /--> 30 <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} --> 31 <div class="wp-block-group"> 32 <!-- wp:comment-edit-link /--> 33 <!-- wp:comment-reply-link /--> 34 </div> 35 <!-- /wp:group --> 36 </div> 37 <!-- /wp:group --> 36 38 <!-- /wp:comment-template --> 37 39 38 40 <!-- wp:comments-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} --> 39 40 41 <!-- wp:comments-pagination-previous /--> 42 <!-- wp:comments-pagination-next /--> 41 43 <!-- /wp:comments-pagination --> 42 44 43 <!-- wp:post-comments-form /-->45 <!-- wp:post-comments-form {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}}} /--> 44 46 </div> 45 47 <!-- /wp:comments --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/hidden-no-results.php
r56950 r56951 1 1 <?php 2 2 /** 3 * Title: Hidden No Results Content4 * Slug: twentytwentyfour/ no-results-content3 * Title: No results 4 * Slug: twentytwentyfour/hidden-no-results 5 5 * Inserter: no 6 6 */ -
trunk/src/wp-content/themes/twentytwentyfour/patterns/hidden-post-meta.php
r56764 r56951 1 1 <?php 2 2 /** 3 * Title: Post Meta4 * slug: twentytwentyfour/post-meta5 * inserter: no3 * Title: Post meta 4 * Slug: twentytwentyfour/hidden-post-meta 5 * Inserter: no 6 6 */ 7 7 ?> 8 8 9 9 <!-- wp:group {"layout":{"type":"constrained"}} --> 10 <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"0.3em"}},"layout":{"type":"flex","justifyContent":"left"}} --> 11 <div class="wp-block-group"><!-- wp:post-date {"format":"M j, Y","isLink":true} /--> 10 <div class="wp-block-group"> 11 <!-- wp:group {"style":{"spacing":{"blockGap":"0.3em"}},"layout":{"type":"flex","justifyContent":"left"}} --> 12 <div class="wp-block-group"> 13 <!-- wp:post-date {"format":"M j, Y","isLink":true} /--> 12 14 13 <!-- wp:paragraph {"textColor":"contrast-2"} -->14 <p class="has-contrast-2-color has-text-color">—</p>15 <!-- /wp:paragraph -->15 <!-- wp:paragraph {"textColor":"contrast-2"} --> 16 <p class="has-contrast-2-color has-text-color">—</p> 17 <!-- /wp:paragraph --> 16 18 17 <!-- wp:paragraph {"fontSize":"small","textColor":"contrast-2"} -->18 <p class="has-small-font-size has-contrast-2-color has-text-color"><?php echo esc_html_x( 'by', 'Prefix for the post author block: By author name', 'twentytwentyfour' ); ?></p>19 <!-- /wp:paragraph -->19 <!-- wp:paragraph {"fontSize":"small","textColor":"contrast-2"} --> 20 <p class="has-small-font-size has-contrast-2-color has-text-color"><?php echo esc_html_x( 'by', 'Prefix for the post author block: By author name', 'twentytwentyfour' ); ?></p> 21 <!-- /wp:paragraph --> 20 22 21 <!-- wp:post-author-name {"isLink":true} /-->23 <!-- wp:post-author-name {"isLink":true} /--> 22 24 23 <!-- wp:post-terms {"term":"category","prefix":"<?php echo esc_html_x( 'in ', 'Prefix for the post category block: in category name', 'twentytwentyfour' ); ?>"} /-->25 <!-- wp:post-terms {"term":"category","prefix":"<?php echo esc_html_x( 'in ', 'Prefix for the post category block: in category name', 'twentytwentyfour' ); ?>"} /--> 24 26 27 </div> 28 <!-- /wp:group --> 25 29 </div> 26 <!-- /wp:group --></div>27 30 <!-- /wp:group --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/hidden-post-navigation.php
r56813 r56951 2 2 /** 3 3 * Title: Post navigation 4 * slug: twentytwentyfour/post-navigation5 * inserter: no4 * Slug: twentytwentyfour/hidden-post-navigation 5 * Inserter: no 6 6 */ 7 7 ?> 8 8 9 <!-- wp:group {"tagName":"nav","ariaLabel":"<?php esc_attr_e( 'Posts', 'twentytwentyfour' ); ?>","style":{"spacing":{"padding":{"bottom":" 0vh"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->10 <nav class="wp-block-group" style="padding- bottom:0vh" aria-label="<?php esc_attr_e( 'Posts', 'twentytwentyfour' ); ?>">11 <!-- wp:post-navigation-link {"type":"previous","label":"<?php echo esc_html_x( 'Previous: ', 'Label before the title of the previous post. There is a space after the colon.', 'twentytwentyfour' ); ?>","showTitle":true,"linkLabel":true,"arrow":"arrow"} /-->12 <!-- wp:post-navigation-link {"label":"<?php echo esc_html_x( 'Next: ', 'Label before the title of the next post. There is a space after the colon.', 'twentytwentyfour' ); ?>","showTitle":true,"linkLabel":true,"arrow":"arrow"} /-->9 <!-- wp:group {"tagName":"nav","ariaLabel":"<?php esc_attr_e( 'Posts', 'twentytwentyfour' ); ?>","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|40","top":"var:preset|spacing|40"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} --> 10 <nav class="wp-block-group" style="padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)" aria-label="<?php esc_attr_e( 'Posts', 'twentytwentyfour' ); ?>"> 11 <!-- wp:post-navigation-link {"type":"previous","label":"<?php echo esc_html_x( 'Previous: ', 'Label before the title of the previous post. There is a space after the colon.', 'twentytwentyfour' ); ?>","showTitle":true,"linkLabel":true,"arrow":"arrow"} /--> 12 <!-- wp:post-navigation-link {"label":"<?php echo esc_html_x( 'Next: ', 'Label before the title of the next post. There is a space after the colon.', 'twentytwentyfour' ); ?>","showTitle":true,"linkLabel":true,"arrow":"arrow"} /--> 13 13 </nav> 14 14 <!-- /wp:group --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/hidden-search.php
r56764 r56951 1 1 <?php 2 2 /** 3 * Title: Hidden Search form4 * Slug: twentytwentyfour/ search3 * Title: Search 4 * Slug: twentytwentyfour/hidden-search 5 5 * Inserter: no 6 6 */ -
trunk/src/wp-content/themes/twentytwentyfour/patterns/hidden-sidebar.php
r56764 r56951 1 1 <?php 2 2 /** 3 * Title: sidebar 4 * Slug: twentytwentyfour/sidebar 5 * Categories: hidden 3 * Title: Sidebar 4 * Slug: twentytwentyfour/hidden-sidebar 6 5 * Inserter: no 7 6 */ 8 7 ?> 9 8 <!-- wp:group {"style":{"spacing":{"blockGap":"36px","padding":{"right":"0","left":"0"}}},"layout":{"type":"default"}} --> 10 <div class="wp-block-group" style="padding-right:0;padding-left:0"><!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} --> 11 <div class="wp-block-group" style="margin-top:0;margin-bottom:0"><!-- wp:avatar {"size":80,"style":{"border":{"radius":"16px"}}} /--> 9 <div class="wp-block-group" style="padding-right:0;padding-left:0"> 10 <!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} --> 11 <div class="wp-block-group" style="margin-top:0;margin-bottom:0"> 12 <!-- wp:avatar {"size":80,"style":{"border":{"radius":"16px"}}} /--> 12 13 13 <!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","orientation":"vertical"}} --> 14 <div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} --> 15 <h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'About the author', 'twentytwentyfour' ); ?></h2> 16 <!-- /wp:heading --> 14 <!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","orientation":"vertical"}} --> 15 <div class="wp-block-group"> 16 <!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} --> 17 <h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'About the author', 'twentytwentyfour' ); ?></h2> 18 <!-- /wp:heading --> 17 19 18 <!-- wp:post-author-biography {"fontSize":"small"} /--></div> 19 <!-- /wp:group --></div> 20 <!-- /wp:group --> 20 <!-- wp:post-author-biography {"fontSize":"small"} /--> 21 </div> 22 <!-- /wp:group --> 23 </div> 24 <!-- /wp:group --> 21 25 22 <!-- wp:separator {"backgroundColor":"base-3","className":"is-style-wide"} -->23 <hr class="wp-block-separator has-text-color has-base-3-color has-alpha-channel-opacity has-base-3-background-color has-background is-style-wide"/>24 <!-- /wp:separator -->26 <!-- wp:separator {"backgroundColor":"base-3","className":"is-style-wide"} --> 27 <hr class="wp-block-separator has-text-color has-base-3-color has-alpha-channel-opacity has-base-3-background-color has-background is-style-wide" /> 28 <!-- /wp:separator --> 25 29 26 <!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"constrained"}} --> 27 <div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} --> 28 <h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'Popular Categories', 'twentytwentyfour' ); ?></h2> 29 <!-- /wp:heading --> 30 <!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"constrained"}} --> 31 <div class="wp-block-group"> 32 <!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} --> 33 <h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'Popular Categories', 'twentytwentyfour' ); ?></h2> 34 <!-- /wp:heading --> 30 35 31 <!-- wp:categories {"showHierarchy":true,"showPostCounts":true,"fontSize":"small"} /--></div> 32 <!-- /wp:group --> 36 <!-- wp:categories {"showHierarchy":true,"showPostCounts":true,"fontSize":"small"} /--> 37 </div> 38 <!-- /wp:group --> 33 39 34 <!-- wp:separator {"backgroundColor":"base-3","className":"is-style-wide"} -->35 <hr class="wp-block-separator has-text-color has-base-3-color has-alpha-channel-opacity has-base-3-background-color has-background is-style-wide"/>36 <!-- /wp:separator -->40 <!-- wp:separator {"backgroundColor":"base-3","className":"is-style-wide"} --> 41 <hr class="wp-block-separator has-text-color has-base-3-color has-alpha-channel-opacity has-base-3-background-color has-background is-style-wide" /> 42 <!-- /wp:separator --> 37 43 38 <!-- wp:group {"style":{"spacing":{"blockGap":"26px"}},"layout":{"type":"constrained"}} --> 39 <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","orientation":"vertical"}} --> 40 <div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} --> 41 <h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'Useful Links', 'twentytwentyfour' ); ?></h2> 42 <!-- /wp:heading --> 44 <!-- wp:group {"style":{"spacing":{"blockGap":"26px"}},"layout":{"type":"constrained"}} --> 45 <div class="wp-block-group"> 46 <!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","orientation":"vertical"}} --> 47 <div class="wp-block-group"> 48 <!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} --> 49 <h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'Useful Links', 'twentytwentyfour' ); ?></h2> 50 <!-- /wp:heading --> 43 51 44 <!-- wp:paragraph {"fontSize":"small"} --> 45 <p class="has-small-font-size"><?php esc_html_e( 'Links I found useful and wanted to share.', 'twentytwentyfour' ); ?></p> 46 <!-- /wp:paragraph --></div> 47 <!-- /wp:group --> 52 <!-- wp:paragraph {"fontSize":"small"} --> 53 <p class="has-small-font-size"><?php esc_html_e( 'Links I found useful and wanted to share.', 'twentytwentyfour' ); ?></p> 54 <!-- /wp:paragraph --> 55 </div> 56 <!-- /wp:group --> 48 57 49 <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"blockGap":"var:preset|spacing|10"}},"fontSize":"small"} --> 50 <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Latest inflation report', 'twentytwentyfour' ); ?>","url":"#","className":"is-style-arrow-link","style":{"typography":{"textDecoration":"underline"}}} /--> 51 <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Financial apps for families', 'twentytwentyfour' ); ?>","url":"#","className":"is-style-arrow-link","style":{"typography":{"textDecoration":"underline"}}} /--> 52 <!-- /wp:navigation --> 58 <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"blockGap":"var:preset|spacing|10"}},"fontSize":"small"} --> 59 <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Latest inflation report', 'twentytwentyfour' ); ?>","url":"#","className":"is-style-arrow-link","style":{"typography":{"textDecoration":"underline"}}} /--> 60 <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Financial apps for families', 'twentytwentyfour' ); ?>","url":"#","className":"is-style-arrow-link","style":{"typography":{"textDecoration":"underline"}}} /--> 61 <!-- /wp:navigation --> 62 </div> 63 <!-- /wp:group --> 64 65 <!-- wp:separator {"backgroundColor":"base-3","className":"is-style-wide"} --> 66 <hr class="wp-block-separator has-text-color has-base-3-color has-alpha-channel-opacity has-base-3-background-color has-background is-style-wide" /> 67 <!-- /wp:separator --> 68 69 <!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> 70 <div class="wp-block-group"> 71 <!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} --> 72 <h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'Search the website', 'twentytwentyfour' ); ?></h2> 73 <!-- /wp:heading --> 74 75 <!-- wp:search {"label":"<?php echo esc_attr_x( 'Search', 'search form label', 'twentytwentyfour' ); ?>","showLabel":false,"placeholder":"<?php echo esc_attr_x( 'Search...', 'search form placeholder', 'twentytwentyfour' ); ?>","width":100,"widthUnit":"%","buttonText":"<?php echo esc_attr_x( 'Search', 'search form label', 'twentytwentyfour' ); ?>"} /--> 76 </div> 77 <!-- /wp:group --> 78 79 <!-- wp:spacer {"height":"var:preset|spacing|10"} --> 80 <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"> 81 </div> 82 <!-- /wp:spacer --> 53 83 </div> 54 84 <!-- /wp:group --> 55 56 <!-- wp:separator {"backgroundColor":"base-3","className":"is-style-wide"} -->57 <hr class="wp-block-separator has-text-color has-base-3-color has-alpha-channel-opacity has-base-3-background-color has-background is-style-wide"/>58 <!-- /wp:separator -->59 60 <!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->61 <div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} -->62 <h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'Search the website', 'twentytwentyfour' ); ?></h2>63 <!-- /wp:heading -->64 65 <!-- wp:search {"label":"<?php echo esc_attr_x( 'Search', 'search form label', 'twentytwentyfour' ); ?>","showLabel":false,"placeholder":"<?php echo esc_attr_x( 'Search...', 'search form placeholder', 'twentytwentyfour' ); ?>","width":100,"widthUnit":"%","buttonText":"<?php echo esc_attr_x( 'Search', 'search form label', 'twentytwentyfour' ); ?>"} /--></div>66 <!-- /wp:group -->67 68 <!-- wp:spacer {"height":"var:preset|spacing|10"} -->69 <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div>70 <!-- /wp:spacer --></div>71 <!-- /wp:group --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/posts-1-col.php
r56950 r56951 1 1 <?php 2 2 /** 3 * Title: List of Posts in onecolumn4 * Slug: twentytwentyfour/posts- one-column3 * Title: List of posts, 1 column 4 * Slug: twentytwentyfour/posts-1-col 5 5 * Categories: query 6 6 * Block Types: core/query … … 8 8 ?> 9 9 10 <!-- wp:query {"query":{"perPage":3,"pages":0,"offset":"0","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true}," align":"full","layout":{"type":"constrained"}} -->11 <div class="wp-block-query alignfull">10 <!-- wp:query {"query":{"perPage":3,"pages":0,"offset":"0","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"layout":{"type":"constrained"}} --> 11 <div class="wp-block-query"> 12 12 <!-- wp:query-no-results --> 13 <!-- wp:pattern {"slug":"twentytwentyfour/no-results-content"} /-->13 <!-- wp:pattern {"slug":"twentytwentyfour/hidden-no-results"} /--> 14 14 <!-- /wp:query-no-results --> 15 15 … … 17 17 <div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0"> 18 18 <!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"default","columnCount":3}} --> 19 <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/2","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|20"}}}} /--> 20 <!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} --> 21 <div class="wp-block-group"> 22 <!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"bottom":"0"}}},"fontSize":"x-large"} /--> 23 <!-- wp:template-part {"slug":"post-meta"} /--> 24 <!-- wp:post-excerpt {"fontSize":"small"} /--> 25 <!-- wp:spacer {"height":"var:preset|spacing|30"} --> 26 <div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"></div> 27 <!-- /wp:spacer --> 19 <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/2","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|20"}}}} /--> 20 <!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} --> 21 <div class="wp-block-group"> 22 <!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"bottom":"0"}}},"fontSize":"x-large"} /--> 23 <!-- wp:template-part {"slug":"post-meta"} /--> 24 <!-- wp:post-excerpt {"fontSize":"small"} /--> 25 <!-- wp:spacer {"height":"var:preset|spacing|30"} --> 26 <div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"> 28 27 </div> 29 <!-- /wp:group --> 28 <!-- /wp:spacer --> 29 </div> 30 <!-- /wp:group --> 30 31 <!-- /wp:post-template --> 31 32 <!-- wp:spacer {"height":"var:preset|spacing|50","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/posts-3-col.php
r56950 r56951 1 1 <?php 2 2 /** 3 * Title: List of posts in three columns 4 * Description: The default post list with featured images, title, date, author, categories and excerpt. 5 * Slug: twentytwentyfour/posts-three-columns 3 * Title: List of posts, 3 columns 4 * Slug: twentytwentyfour/posts-3-col 6 5 * Categories: query 7 6 * Block Types: core/query … … 12 11 <div class="wp-block-query alignwide"> 13 12 <!-- wp:query-no-results --> 14 <!-- wp:pattern {"slug":"twentytwentyfour/no-results-content"} /-->13 <!-- wp:pattern {"slug":"twentytwentyfour/hidden-no-results"} /--> 15 14 <!-- /wp:query-no-results --> 16 15 … … 20 19 <!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"grid","columnCount":3}} --> 21 20 22 21 <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/4","style":{"spacing":{"margin":{"bottom":"0"},"padding":{"bottom":"var:preset|spacing|20"}}}} /--> 23 22 24 25 26 23 <!-- wp:group {"style":{"spacing":{"blockGap":"10px","margin":{"top":"var:preset|spacing|20"},"padding":{"top":"0"}}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} --> 24 <div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--20);padding-top:0"> 25 <!-- wp:post-title {"isLink":true,"style":{"layout":{"flexSize":"min(2.5rem, 3vw)","selfStretch":"fixed"}},"fontSize":"large"} /--> 27 26 28 27 <!-- wp:template-part {"slug":"post-meta"} /--> 29 28 30 29 <!-- wp:post-excerpt {"style":{"layout":{"flexSize":"min(2.5rem, 3vw)","selfStretch":"fixed"}},"textColor":"contrast-2","fontSize":"small"} /--> 31 30 32 <!-- wp:spacer {"height":"0px","style":{"layout":{"flexSize":"min(2.5rem, 3vw)","selfStretch":"fixed"}}} --> 33 <div style="height:0px" aria-hidden="true" class="wp-block-spacer"></div> 34 <!-- /wp:spacer --> 31 <!-- wp:spacer {"height":"0px","style":{"layout":{"flexSize":"min(2.5rem, 3vw)","selfStretch":"fixed"}}} --> 32 <div style="height:0px" aria-hidden="true" class="wp-block-spacer"> 35 33 </div> 36 <!-- /wp:group --> 34 <!-- /wp:spacer --> 35 </div> 36 <!-- /wp:group --> 37 37 38 38 <!-- /wp:post-template --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/posts-images-only-3-col.php
r56950 r56951 1 1 <?php 2 2 /** 3 * Title: List of posts with featured images in three columns 4 * Description: This pattern only shows featured images. Make sure that you have assigned images to your posts. 5 * Slug: twentytwentyfour/posts-three-columns-images 3 * Title: Posts with featured images only, 3 columns 4 * Slug: twentytwentyfour/posts-images-only-3-col 6 5 * Categories: query 7 6 * Block Types: core/query … … 12 11 <div class="wp-block-query alignwide"> 13 12 <!-- wp:query-no-results --> 14 <!-- wp:pattern {"slug":"twentytwentyfour/no-results-content"} /-->13 <!-- wp:pattern {"slug":"twentytwentyfour/hidden-no-results"} /--> 15 14 <!-- /wp:query-no-results --> 16 15 … … 19 18 20 19 <!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"grid","columnCount":3}} --> 21 20 <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/4","style":{"spacing":{"margin":{"bottom":"0"},"padding":{"bottom":"var:preset|spacing|20"}}}} /--> 22 21 <!-- /wp:post-template --> 23 22 -
trunk/src/wp-content/themes/twentytwentyfour/patterns/template-archive-portfolio.php
r56764 r56951 1 1 <?php 2 2 /** 3 * Title: Portfolio Archive Template3 * Title: Portfolio archive template 4 4 * Slug: twentytwentyfour/template-archive-portfolio 5 5 * Template Types: archive … … 9 9 ?> 10 10 11 <!-- wp:template-part {"slug":"header" } /-->11 <!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> 12 12 13 13 <!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> … … 16 16 <!-- wp:query-title {"type":"archive","align":"wide","style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50"}}}} /--> 17 17 18 <!-- wp:pattern {"slug":"twentytwentyfour/posts- three-columns-images"} /-->18 <!-- wp:pattern {"slug":"twentytwentyfour/posts-images-only-3-col"} /--> 19 19 20 20 </main> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/template-home-blogging.php
r56950 r56951 1 1 <?php 2 2 /** 3 * Title: Writer Home Template4 * Slug: twentytwentyfour/template-home- writer5 * Template Types: front-page, index, home , page3 * Title: Blogging home template 4 * Slug: twentytwentyfour/template-home-blogging 5 * Template Types: front-page, index, home 6 6 * Viewport width: 1400 7 7 * Inserter: no … … 9 9 ?> 10 10 11 <!-- wp:template-part {"slug":"header" } /-->11 <!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> 12 12 13 13 <!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"blockGap":"0","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"},"tagName":"main"} --> 14 14 <main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"> 15 15 16 <!-- wp:pattern {"slug":"twentytwentyfour/writer-home"} /-->16 <!-- wp:pattern {"slug":"twentytwentyfour/page-home-blogging"} /--> 17 17 18 18 </main> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/template-home-business.php
r56764 r56951 1 1 <?php 2 2 /** 3 * Title: Business Home Template3 * Title: Business home template 4 4 * Slug: twentytwentyfour/template-home 5 5 * Template Types: front-page, index, home … … 9 9 ?> 10 10 11 <!-- wp:template-part {"slug":"header" } /-->11 <!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> 12 12 13 13 <!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0","margin":{"top":"0"}}},"layout":{"type":"default"}} --> 14 14 <main class="wp-block-group" style="margin-top:0"> 15 <!-- wp:pattern {"slug":"twentytwentyfour/home "} /-->15 <!-- wp:pattern {"slug":"twentytwentyfour/home-business"} /--> 16 16 </main> 17 17 <!-- /wp:group --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/template-home-portfolio.php
r56813 r56951 1 1 <?php 2 2 /** 3 * Title: Portfolio Home Template3 * Title: Portfolio home template with post featured images 4 4 * Slug: twentytwentyfour/template-home-portfolio 5 * Template Types: front-page, index, home , page5 * Template Types: front-page, index, home 6 6 * Viewport width: 1400 7 7 * Inserter: no … … 9 9 ?> 10 10 11 <!-- wp:template-part {"slug":"header" } /-->11 <!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> 12 12 13 13 <!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"blockGap":"0","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"},"tagName":"main"} --> 14 14 <main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"> 15 15 16 <!-- wp:pattern {"slug":"twentytwentyfour/intro-text-left"} /-->17 <!-- wp:pattern {"slug":"twentytwentyfour/offset-grid-image-posts"} /-->16 <!-- wp:pattern {"slug":"twentytwentyfour/hidden-portfolio-hero"} /--> 17 <!-- wp:pattern {"slug":"twentytwentyfour/posts-images-only-offset-4-col"} /--> 18 18 19 19 </main> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/template-index-portfolio.php
r56764 r56951 1 1 <?php 2 2 /** 3 * Title: Portfolio Index Template3 * Title: Portfolio index template 4 4 * Slug: twentytwentyfour/template-index-portfolio 5 5 * Template Types: index 6 6 * Viewport width: 1400 7 * Inserter: no 7 8 */ 8 9 ?> 9 10 10 <!-- wp:template-part {"slug":"header" } /-->11 <!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> 11 12 12 13 <!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> … … 16 17 <!-- /wp:heading --> 17 18 18 <!-- wp:pattern {"slug":"twentytwentyfour/ offset-grid-image-posts"} /-->19 <!-- wp:pattern {"slug":"twentytwentyfour/posts-images-only-offset-4-col"} /--> 19 20 20 21 </main> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/template-search-portfolio.php
r56764 r56951 1 1 <?php 2 2 /** 3 * Title: Portfolio Search Template3 * Title: Portfolio search template 4 4 * Slug: twentytwentyfour/template-search-portfolio 5 5 * Template Types: search … … 9 9 ?> 10 10 11 <!-- wp:template-part {"slug":"header"} /--> 12 11 <!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> 13 12 14 13 <!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> … … 16 15 <!-- wp:query-title {"type":"search","align":"wide","style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|10"}}}} /--> 17 16 18 <!-- wp:columns {"align":"wide"} --> 19 <div class="wp-block-columns alignwide"> 20 <!-- wp:column {"width":"66.66%"} --> 21 <div class="wp-block-column" style="flex-basis:66.66%"> 22 <!-- wp:pattern {"slug":"twentytwentyfour/search"} /--> 23 </div> 24 <!-- /wp:column --> 17 <!-- wp:group {"align":"wide","layout":{"type":"constrained","contentSize":"840px","justifyContent":"left"}} --> 18 <div class="wp-block-group alignwide"> 19 <!-- wp:pattern {"slug":"twentytwentyfour/hidden-search"} /--> 20 </div> 21 <!-- /wp:group --> 25 22 26 <!-- wp:column {"width":"33.33%"} --> 27 <div class="wp-block-column" style="flex-basis:33.33%"> 28 <!-- wp:spacer {"height":"0"} --> 29 <div style="height:0" aria-hidden="true" class="wp-block-spacer"></div> 30 <!-- /wp:spacer --> 31 </div> 32 <!-- /wp:column --> 33 </div> 34 <!-- /wp:columns --> 35 36 <!-- wp:pattern {"slug":"twentytwentyfour/posts-three-columns-images"} /--> 23 <!-- wp:pattern {"slug":"twentytwentyfour/posts-images-only-3-col"} /--> 37 24 </main> 38 25 <!-- /wp:group --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/template-search-writer.php
r56764 r56951 1 1 <?php 2 2 /** 3 * Title: Writer Search Results Template4 * Slug: twentytwentyfour/template-search- writer3 * Title: Blogging search template 4 * Slug: twentytwentyfour/template-search-blogging 5 5 * Template Types: search 6 6 * Viewport width: 1400 … … 9 9 ?> 10 10 11 <!-- wp:template-part {"slug":"header" } /-->11 <!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> 12 12 13 <!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0","margin":{"top":"0"}}},"layout":{"type":" default"}} -->13 <!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0","margin":{"top":"0"}}},"layout":{"type":"constrained"}} --> 14 14 <main class="wp-block-group" style="margin-top:0"> 15 <!-- wp:group {"layout":{"type":" constrained"}} -->15 <!-- wp:group {"layout":{"type":"default"}} --> 16 16 <div class="wp-block-group"> 17 17 <!-- wp:query-title {"type":"search","style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|30"}}}} /--> 18 <!-- wp:pattern {"slug":"twentytwentyfour/ search"} /-->18 <!-- wp:pattern {"slug":"twentytwentyfour/hidden-search"} /--> 19 19 </div> 20 20 <!-- /wp:group --> 21 <!-- wp:pattern {"slug":"twentytwentyfour/posts-one-column"} /--> 21 22 <!-- wp:pattern {"slug":"twentytwentyfour/posts-1-col"} /--> 22 23 </main> 23 24 <!-- /wp:group --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/template-single-portfolio.php
r56764 r56951 1 1 <?php 2 2 /** 3 * Title: Portfolio Single post Template3 * Title: Portfolio single post template 4 4 * Slug: twentytwentyfour/template-single-portfolio 5 5 * Template Types: posts, single … … 9 9 ?> 10 10 11 <!-- wp:template-part {"slug":"header" } /-->11 <!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> 12 12 13 13 <!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> 14 <main class="wp-block-group alignfull"><!-- wp:spacer {"height":"var:preset|spacing|40"} --> 15 <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div> 14 <main class="wp-block-group alignfull"> 15 <!-- wp:spacer {"height":"var:preset|spacing|40"} --> 16 <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"> 17 </div> 16 18 <!-- /wp:spacer --> 17 19 … … 19 21 20 22 <!-- wp:group {"align":"wide","layout":{"type":"constrained","justifyContent":"left"}} --> 21 <div class="wp-block-group alignwide"><!-- wp:template-part {"slug":"post-meta"} /--></div> 23 <div class="wp-block-group alignwide"> 24 <!-- wp:template-part {"slug":"post-meta"} /--> 25 </div> 22 26 <!-- /wp:group --> 23 27 24 28 <!-- wp:spacer {"height":"var:preset|spacing|40"} --> 25 <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div> 29 <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"> 30 </div> 26 31 <!-- /wp:spacer --> 27 32 -
trunk/src/wp-content/themes/twentytwentyfour/patterns/testimonial-centered.php
r56716 r56951 1 1 <?php 2 2 /** 3 * Title: Centered Testimonial3 * Title: Centered testimonial 4 4 * Slug: twentytwentyfour/testimonial-centered 5 5 * Keywords: quote, review, about … … 9 9 ?> 10 10 11 <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|60","right":"var:preset|spacing|60"}}},"backgroundColor":"contrast","textColor":"base","layout":{"type":"constrained","contentSize":""}} --> 12 <div class="wp-block-group alignfull has-base-color has-contrast-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)"><!-- wp:group {"layout":{"type":"constrained"}} --> 13 <div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.2"}},"textColor":"base","fontSize":"x-large","fontFamily":"heading"} --> 14 <p class="has-text-align-center has-base-color has-text-color has-heading-font-family has-x-large-font-size" style="line-height:1.2"><em><?php echo esc_html_x( '“Études has saved us thousands of hours of work and has unlocked insights we never thought possible.”', 'Testimonial Text or Review Text Got From the Person', 'twentytwentyfour' ); ?></em></p> 15 <!-- /wp:paragraph --> 11 <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Testimonial', 'Name of testimonal pattern', 'twentytwentyfour' ); ?>"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|60","right":"var:preset|spacing|60"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"contrast","textColor":"base","layout":{"type":"constrained","contentSize":""}} --> 12 <div class="wp-block-group alignfull has-base-color has-contrast-background-color has-text-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)"> 13 <!-- wp:group {"layout":{"type":"constrained"}} --> 14 <div class="wp-block-group"> 15 <!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.2"}},"textColor":"base","fontSize":"x-large","fontFamily":"heading"} --> 16 <p class="has-text-align-center has-base-color has-text-color has-heading-font-family has-x-large-font-size" style="line-height:1.2"> 17 <em><?php echo esc_html_x( '“Études has saved us thousands of hours of work and has unlocked insights we never thought possible.”', 'Testimonial Text or Review Text Got From the Person', 'twentytwentyfour' ); ?></em> 18 </p> 19 <!-- /wp:paragraph --> 16 20 17 <!-- wp:spacer {"height":"var:preset|spacing|10"} -->18 <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div>19 <!-- /wp:spacer -->21 <!-- wp:spacer {"height":"var:preset|spacing|10"} --> 22 <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div> 23 <!-- /wp:spacer --> 20 24 21 <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","flexWrap":"nowrap"}} --> 22 <div class="wp-block-group"><!-- wp:image {"align":"center","width":"60px","aspectRatio":"1","scale":"cover","sizeSlug":"thumbnail","linkDestination":"none","style":{"border":{"radius":"100px"}}} --> 23 <figure class="wp-block-image aligncenter size-thumbnail is-resized has-custom-border"><img alt="" style="border-radius:100px;aspect-ratio:1;object-fit:cover;width:60px"/></figure> 24 <!-- /wp:image --> 25 <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Testimonial source', 'Name of testimonial citation group', 'twentytwentyfour' ); ?>"},"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","flexWrap":"nowrap"}} --> 26 <div class="wp-block-group"> 27 <!-- wp:image {"align":"center","width":"60px","aspectRatio":"1","scale":"cover","sizeSlug":"thumbnail","linkDestination":"none","style":{"border":{"radius":"100px"}}} --> 28 <figure class="wp-block-image aligncenter size-thumbnail is-resized has-custom-border"> 29 <img alt="" style="border-radius:100px;aspect-ratio:1;object-fit:cover;width:60px" /> 30 </figure> 31 <!-- /wp:image --> 25 32 26 <!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"var:preset|spacing|10","bottom":"0"}}}} -->27 <p class="has-text-align-center" style="margin-top:var(--wp--preset--spacing--10);margin-bottom:0"><?php echo esc_html_x( 'Annie Steiner', 'Name of Person Provided the Testimonial', 'twentytwentyfour' ); ?></p>28 <!-- /wp:paragraph -->33 <!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"var:preset|spacing|10","bottom":"0"}}}} --> 34 <p class="has-text-align-center" style="margin-top:var(--wp--preset--spacing--10);margin-bottom:0"><?php echo esc_html_x( 'Annie Steiner', 'Name of Person Provided the Testimonial', 'twentytwentyfour' ); ?></p> 35 <!-- /wp:paragraph --> 29 36 30 <!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"contrast-3","fontSize":"small"} --> 31 <p class="has-text-align-center has-contrast-3-color has-text-color has-small-font-size" style="font-style:normal;font-weight:300"><?php echo esc_html_x( 'CEO, Greenprint', 'Designation of Person Provided Testimonial', 'twentytwentyfour' ); ?></p> 32 <!-- /wp:paragraph --></div> 37 <!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"contrast-3","fontSize":"small"} --> 38 <p class="has-text-align-center has-contrast-3-color has-text-color has-small-font-size" style="font-style:normal;font-weight:300"><?php echo esc_html_x( 'CEO, Greenprint', 'Designation of Person Provided Testimonial', 'twentytwentyfour' ); ?></p> 39 <!-- /wp:paragraph --> 40 </div> 41 <!-- /wp:group --> 42 43 </div> 44 <!-- /wp:group --> 45 </div> 33 46 <!-- /wp:group --> 34 35 </div>36 <!-- /wp:group --></div>37 <!-- /wp:group --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/text-title-left-image-right.php
r56764 r56951 3 3 * Title: Title text and button on left with image on right 4 4 * Slug: twentytwentyfour/text-title-left-image-right 5 * Categories: text, about, featured5 * Categories: banner, about, featured 6 6 * Viewport width: 1400 7 7 */ … … 9 9 10 10 <!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"backgroundColor":"accent","layout":{"type":"constrained"}} --> 11 <div class="wp-block-group alignfull has-accent-background-color has-background" style="margin-top:0;margin-bottom:0;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:columns {"verticalAlignment":null,"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|50"}}}} --> 12 <div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"stretch","width":"50%"} --> 13 <div class="wp-block-column is-vertically-aligned-stretch" style="flex-basis:50%"><!-- wp:group {"style":{"dimensions":{"minHeight":"100%"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","verticalAlignment":"space-between"}} --> 14 <div class="wp-block-group" style="min-height:100%"> 11 <div class="wp-block-group alignfull has-accent-background-color has-background" style="margin-top:0;margin-bottom:0;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)"> 12 <!-- wp:columns {"verticalAlignment":null,"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|50"}}}} --> 13 <div class="wp-block-columns alignwide"> 14 <!-- wp:column {"verticalAlignment":"stretch","width":"50%"} --> 15 <div class="wp-block-column is-vertically-aligned-stretch" style="flex-basis:50%"> 16 <!-- wp:group {"style":{"dimensions":{"minHeight":"100%"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","verticalAlignment":"space-between"}} --> 17 <div class="wp-block-group" style="min-height:100%"> 15 18 16 <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"}},"fontSize":"x-large","fontFamily":"heading"} -->17 <p class="has-heading-font-family has-x-large-font-size" style="line-height:1.2"><?php echo esc_html_x( 'Études offers comprehensive consulting, management, design, and research solutions. Every architectural endeavor is an opportunity to shape the future.', 'Headline for the About pattern', 'twentytwentyfour' ); ?></p>18 <!-- /wp:paragraph -->19 <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"}},"fontSize":"x-large","fontFamily":"heading"} --> 20 <p class="has-heading-font-family has-x-large-font-size" style="line-height:1.2"><?php echo esc_html_x( 'Études offers comprehensive consulting, management, design, and research solutions. Every architectural endeavor is an opportunity to shape the future.', 'Headline for the About pattern', 'twentytwentyfour' ); ?></p> 21 <!-- /wp:paragraph --> 19 22 20 <!-- wp:group {"layout":{"type":"constrained","contentSize":"300px","justifyContent":"left"}} -->21 <div class="wp-block-group">23 <!-- wp:group {"layout":{"type":"constrained","contentSize":"300px","justifyContent":"left"}} --> 24 <div class="wp-block-group"> 22 25 23 <!-- wp:paragraph {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"}}} -->24 <p><?php echo esc_html_x( 'Leaving an indelible mark on the landscape of tomorrow.', 'Description for the About pattern', 'twentytwentyfour' ); ?></p>25 <!-- /wp:paragraph -->26 <!-- wp:paragraph {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"}}} --> 27 <p><?php echo esc_html_x( 'Leaving an indelible mark on the landscape of tomorrow.', 'Description for the About pattern', 'twentytwentyfour' ); ?></p> 28 <!-- /wp:paragraph --> 26 29 27 <!-- wp:buttons --> 28 <div class="wp-block-buttons"><!-- wp:button --> 29 <div class="wp-block-button"><a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'About us', 'Call to Action button text', 'twentytwentyfour' ); ?></a></div> 30 <!-- /wp:button --></div> 31 <!-- /wp:buttons --></div> 32 <!-- /wp:group --></div> 33 <!-- /wp:group --></div> 34 <!-- /wp:column --> 30 <!-- wp:buttons --> 31 <div class="wp-block-buttons"> 32 <!-- wp:button --> 33 <div class="wp-block-button"> 34 <a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'About us', 'Call to Action button text', 'twentytwentyfour' ); ?></a> 35 </div> 36 <!-- /wp:button --> 37 </div> 38 <!-- /wp:buttons --> 39 </div> 40 <!-- /wp:group --> 41 </div> 42 <!-- /wp:group --> 43 </div> 44 <!-- /wp:column --> 35 45 36 <!-- wp:column {"verticalAlignment":"center","width":"50%"} --> 37 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"aspectRatio":"3/4","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} --> 38 <figure class="wp-block-image size-large is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/museum.webp" alt="<?php esc_attr_e( 'A ramp along a curved wall in the Kiasma Museu, Helsinki, Finland', 'twentytwentyfour' ); ?>" style="aspect-ratio:3/4;object-fit:cover"/></figure> 39 <!-- /wp:image --></div> 40 <!-- /wp:column --></div> 41 <!-- /wp:columns --></div> 46 <!-- wp:column {"verticalAlignment":"center","width":"50%"} --> 47 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"> 48 <!-- wp:image {"aspectRatio":"3/4","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} --> 49 <figure class="wp-block-image size-large is-style-rounded"> 50 <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/museum.webp" alt="<?php esc_attr_e( 'A ramp along a curved wall in the Kiasma Museu, Helsinki, Finland', 'twentytwentyfour' ); ?>" style="aspect-ratio:3/4;object-fit:cover" /> 51 </figure> 52 <!-- /wp:image --> 53 </div> 54 <!-- /wp:column --> 55 </div> 56 <!-- /wp:columns --> 57 </div> 42 58 <!-- /wp:group --> -
trunk/src/wp-content/themes/twentytwentyfour/styles/fossil.json
r56813 r56951 5 5 "settings": { 6 6 "color": { 7 "gradients": [ 8 { 9 "slug": "gradient-1", 10 "gradient": "linear-gradient(to bottom, #E1DFDB 0%, #D6D2CE 100%)", 11 "name": "Vertical linen to beige" 12 }, 13 { 14 "slug": "gradient-2", 15 "gradient": "linear-gradient(to bottom, #958D86 0%, #D6D2CE 100%)", 16 "name": "Vertical taupe to beige" 17 }, 18 { 19 "slug": "gradient-3", 20 "gradient": "linear-gradient(to bottom, #65574E 0%, #D6D2CE 100%)", 21 "name": "Vertical sable to beige" 22 }, 23 { 24 "slug": "gradient-4", 25 "gradient": "linear-gradient(to bottom, #1A1514 0%, #D6D2CE 100%)", 26 "name": "Vertical ebony to beige" 27 }, 28 { 29 "slug": "gradient-5", 30 "gradient": "linear-gradient(to bottom, #65574E 0%, #958D86 100%)", 31 "name": "Vertical sable to beige" 32 }, 33 { 34 "slug": "gradient-6", 35 "gradient": "linear-gradient(to bottom, #1A1514 0%, #65574E 100%)", 36 "name": "Vertical ebony to sable" 37 }, 38 { 39 "slug": "gradient-7", 40 "gradient": "linear-gradient(to bottom, #D6D2CE 50%, #E1DFDB 50%)", 41 "name": "Vertical hard beige to linen" 42 }, 43 { 44 "slug": "gradient-8", 45 "gradient": "linear-gradient(to bottom, #958D86 50%, #D6D2CE 50%)", 46 "name": "Vertical hard taupe to beige" 47 }, 48 { 49 "slug": "gradient-9", 50 "gradient": "linear-gradient(to bottom, #65574E 50%, #D6D2CE 50%)", 51 "name": "Vertical hard sable to beige" 52 }, 53 { 54 "slug": "gradient-10", 55 "gradient": "linear-gradient(to bottom, #1A1514 50%, #D6D2CE 50%)", 56 "name": "Vertical hard ebony to beige" 57 }, 58 { 59 "slug": "gradient-11", 60 "gradient": "linear-gradient(to bottom, #65574E 50%, #958D86 50%)", 61 "name": "Vertical hard sable to taupe" 62 }, 63 { 64 "slug": "gradient-12", 65 "gradient": "linear-gradient(to bottom, #1A1514 50%, #65574E 50%)", 66 "name": "Vertical hard ebony to sable" 67 } 68 ], 7 69 "palette": [ 8 70 { … … 80 142 "name": "Cardo", 81 143 "slug": "body" 144 }, 145 { 146 "fontFamily": "-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif", 147 "name": "System Sans-serif", 148 "slug": "system-sans-serif" 149 }, 150 { 151 "fontFamily": "Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", 152 "name": "System Serif", 153 "slug": "system-serif" 82 154 } 83 155 ], … … 127 199 "styles": { 128 200 "blocks": { 201 "core/button": { 202 "variations": { 203 "outline": { 204 "spacing": { 205 "padding": { 206 "bottom": "calc(0.9rem - 2px)", 207 "left": "calc(2rem - 2px)", 208 "right": "calc(2rem - 2px)", 209 "top": "calc(0.9rem - 2px)" 210 } 211 }, 212 "border": { 213 "width": "2px" 214 } 215 } 216 } 217 }, 129 218 "core/pullquote": { 130 219 "typography": { … … 182 271 "color": { 183 272 "background": "var(--wp--preset--color--contrast)" 184 },185 "border": {186 "color": "var(--wp--preset--color--contrast)"187 273 } 188 274 } -
trunk/src/wp-content/themes/twentytwentyfour/styles/ice.json
r56813 r56951 4 4 "title": "Ice", 5 5 "settings": { 6 "color": { 7 "gradients": [ 8 { 9 "slug": "gradient-1", 10 "gradient": "linear-gradient(to bottom, #cbd9e1 0%, #EBEBEF 100%)", 11 "name": "Vertical azure to ice" 12 }, 13 { 14 "slug": "gradient-2", 15 "gradient": "linear-gradient(to bottom, #466577 0%, #EBEBEF 100%)", 16 "name": "Vertical slate to ice" 17 }, 18 { 19 "slug": "gradient-3", 20 "gradient": "linear-gradient(to bottom, #37505d 0%, #EBEBEF 100%)", 21 "name": "Vertical ocean to ice" 22 }, 23 { 24 "slug": "gradient-4", 25 "gradient": "linear-gradient(to bottom, #1C2930 0%, #EBEBEF 100%)", 26 "name": "Vertical ink to ice" 27 }, 28 { 29 "slug": "gradient-5", 30 "gradient": "linear-gradient(to bottom, #37505d 0%, #466577 100%)", 31 "name": "Vertical ocean to slate" 32 }, 33 { 34 "slug": "gradient-6", 35 "gradient": "linear-gradient(to bottom, #1C2930 0%, #37505d 100%)", 36 "name": "Vertical ink to ocean" 37 }, 38 { 39 "slug": "gradient-7", 40 "gradient": "linear-gradient(to bottom, #EBEBEF 50%, #cbd9e1 50%)", 41 "name": "Vertical hard ice to azure" 42 }, 43 { 44 "slug": "gradient-8", 45 "gradient": "linear-gradient(to bottom, #466577 50%, #EBEBEF 50%)", 46 "name": "Vertical hard slate to ice" 47 }, 48 { 49 "slug": "gradient-9", 50 "gradient": "linear-gradient(to bottom, #37505d 50%, #EBEBEF 50%)", 51 "name": "Vertical hard ocean to ice" 52 }, 53 { 54 "slug": "gradient-10", 55 "gradient": "linear-gradient(to bottom, #1C2930 50%, #EBEBEF 50%)", 56 "name": "Vertical hard ink to ice" 57 }, 58 { 59 "slug": "gradient-11", 60 "gradient": "linear-gradient(to bottom, #37505d 50%, #466577 50%)", 61 "name": "Vertical hard ocean to slate" 62 }, 63 { 64 "slug": "gradient-12", 65 "gradient": "linear-gradient(to bottom, #1C2930 50%, #37505d 50%)", 66 "name": "Vertical hard ink to ocean" 67 } 68 ], 69 "palette": [ 70 { 71 "color": "#EBEBEF", 72 "name": "Base", 73 "slug": "base" 74 }, 75 { 76 "color": "#DCE0E6", 77 "name": "Base / Two", 78 "slug": "base-2" 79 }, 80 { 81 "color": "#ecf1f4", 82 "name": "Base / Three", 83 "slug": "base-3" 84 }, 85 { 86 "color": "#1C2930", 87 "name": "Contrast", 88 "slug": "contrast" 89 }, 90 { 91 "color": "#37505d", 92 "name": "Contrast / Two", 93 "slug": "contrast-2" 94 }, 95 { 96 "color": "#96A5B2", 97 "name": "Contrast / Three", 98 "slug": "contrast-3" 99 } 100 ] 101 }, 6 102 "typography": { 7 103 "fontFamilies": [ 8 104 { 9 "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif", 10 "name": "System Font", 11 "slug": "heading" 12 }, 13 { 105 "fontFace": [ 106 { 107 "fontFamily": "Inter", 108 "fontStretch": "normal", 109 "fontStyle": "normal", 110 "fontWeight": "300 900", 111 "src": [ 112 "file:./assets/fonts/inter/Inter-VariableFont_slnt,wght.woff2" 113 ] 114 } 115 ], 14 116 "fontFamily": "\"Inter\", sans-serif", 15 117 "name": "Inter", 118 "slug": "heading" 119 }, 120 { 121 "fontFace": [ 122 { 123 "fontFamily": "Jost", 124 "fontStyle": "normal", 125 "fontWeight": "100 900", 126 "src": ["file:./assets/fonts/jost/Jost-VariableFont_wght.woff2"] 127 }, 128 { 129 "fontFamily": "Jost", 130 "fontStyle": "italic", 131 "fontWeight": "100 900", 132 "src": [ 133 "file:./assets/fonts/jost/Jost-Italic-VariableFont_wght.woff2" 134 ] 135 } 136 ], 137 "fontFamily": "\"Jost\", sans-serif", 138 "name": "Jost", 16 139 "slug": "body" 140 }, 141 { 142 "fontFamily": "-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif", 143 "name": "System Sans-serif", 144 "slug": "system-sans-serif" 145 }, 146 { 147 "fontFamily": "Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", 148 "name": "System Serif", 149 "slug": "system-serif" 150 } 151 ], 152 "fontSizes": [ 153 { 154 "fluid": false, 155 "name": "Small", 156 "size": "1rem", 157 "slug": "small" 158 }, 159 { 160 "fluid": false, 161 "name": "Medium", 162 "size": "1.2rem", 163 "slug": "medium" 164 }, 165 { 166 "fluid": { 167 "min": "1.5rem", 168 "max": "2rem" 169 }, 170 "name": "Large", 171 "size": "2rem", 172 "slug": "large" 173 }, 174 { 175 "fluid": { 176 "min": "2rem", 177 "max": "2.65rem" 178 }, 179 "name": "Extra Large", 180 "size": "2.65rem", 181 "slug": "x-large" 182 }, 183 { 184 "fluid": { 185 "min": "2.65rem", 186 "max": "3.5rem" 187 }, 188 "name": "Extra Extra Large", 189 "size": "3.5rem", 190 "slug": "xx-large" 17 191 } 18 192 ] … … 21 195 "styles": { 22 196 "blocks": { 197 "core/button": { 198 "variations": { 199 "outline": { 200 "spacing": { 201 "padding": { 202 "bottom": "calc(1rem - 1px)", 203 "left": "calc(2.2rem - 1px)", 204 "right": "calc(2.2rem - 1px)", 205 "top": "calc(1rem - 1px)" 206 } 207 }, 208 "border": { 209 "width": "1px" 210 } 211 } 212 } 213 }, 23 214 "core/pullquote": { 24 "border": {25 "bottom": {26 "color": "var(--wp--preset--color--contrast)",27 "style": "solid",28 "width": "2px"29 },30 "left": {31 "style": "none",32 "width": "0px"33 },34 "radius": "0px",35 "right": {36 "style": "none",37 "width": "0px"38 },39 "top": {40 "color": "var(--wp--preset--color--contrast)",41 "style": "solid",42 "width": "2px"43 }44 },45 "typography": {46 "fontStyle": "normal",47 "fontWeight": "700",48 "lineHeight": "1.3"49 }50 },51 "core/quote": {52 215 "typography": { 53 216 "fontSize": "var(--wp--preset--font-size--large)", 54 217 "fontStyle": "normal", 55 "fontWeight": "700" 218 "fontWeight": "normal", 219 "lineHeight": "1.2" 220 } 221 }, 222 "core/quote": { 223 "typography": { 224 "fontFamily": "var(--wp--preset--font-family--heading)", 225 "fontSize": "var(--wp--preset--font-size--large)", 226 "fontStyle": "normal" 56 227 }, 57 228 "variations": { … … 63 234 } 64 235 } 236 }, 237 "core/site-title": { 238 "typography": { 239 "fontWeight": "400" 240 } 65 241 } 66 242 }, 67 243 "elements": { 244 "button": { 245 "border": { 246 "radius": "4px", 247 "color": "var(--wp--preset--color--contrast-2)" 248 }, 249 "color": { 250 "background": "var(--wp--preset--color--contrast-2)", 251 "text": "var(--wp--preset--color--white)" 252 }, 253 "spacing": { 254 "padding": { 255 "bottom": "1rem", 256 "left": "2.2rem", 257 "right": "2.2rem", 258 "top": "1rem" 259 } 260 }, 261 "typography": { 262 "fontFamily": "var(--wp--preset--font-family--heading)", 263 "fontSize": "0.75rem", 264 "fontStyle": "normal", 265 "textTransform": "uppercase", 266 "letterSpacing": "0.1rem" 267 }, 268 ":hover": { 269 "color": { 270 "background": "var(--wp--preset--color--contrast)" 271 }, 272 "border": { 273 "color": "var(--wp--preset--color--contrast)" 274 } 275 } 276 }, 68 277 "heading": { 69 278 "typography": { 70 "font Style": "normal",71 " fontWeight": "700"279 "fontWeight": "normal", 280 "letterSpacing": "0" 72 281 } 73 282 } -
trunk/src/wp-content/themes/twentytwentyfour/styles/mint.json
r56716 r56951 84 84 "name": "Jost", 85 85 "slug": "body" 86 }, 87 { 88 "fontFamily": "-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif", 89 "name": "System Sans-serif", 90 "slug": "system-sans-serif" 91 }, 92 { 93 "fontFamily": "Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", 94 "name": "System Serif", 95 "slug": "system-serif" 86 96 } 87 97 ] -
trunk/src/wp-content/themes/twentytwentyfour/styles/rust.json
r56813 r56951 18 18 { 19 19 "slug": "gradient-1", 20 "gradient": "linear-gradient(to bottom, #A62A0C5C 0%, #F3F0E7 100%)", 20 "gradient": "linear-gradient(to bottom, #A62A0C42 0%, #F3F0E7 100%)", 21 "name": "Vertical transparent rust to beige" 22 }, 23 { 24 "slug": "gradient-7", 25 "gradient": "linear-gradient(to bottom, #A62A0C42 50%, #F3F0E7 50%)", 26 "name": "Vertical hard transparent rust to beige" 27 }, 28 { 29 "slug": "gradient-2", 30 "gradient": "linear-gradient(to bottom, #A62B0C 0%, #F3F0E7 100%)", 21 31 "name": "Vertical rust to beige" 22 32 }, 23 33 { 24 "slug": "gradient- 7",25 "gradient": "linear-gradient(to bottom, #A62 A0C5C 50%, #F3F0E7 50%)",34 "slug": "gradient-8", 35 "gradient": "linear-gradient(to bottom, #A62B0C 50%, #F3F0E7 50%)", 26 36 "name": "Vertical hard rust to beige" 27 37 } … … 34 44 }, 35 45 { 36 "color": "#E AE4D7",46 "color": "#ECEADF", 37 47 "name": "Base / 2", 38 48 "slug": "base-2" … … 44 54 } 45 55 ] 46 },47 "layout": {48 "contentSize": "620px",49 "wideSize": "90vw"50 },51 "typography": {52 "fontSizes": [53 {54 "fluid": false,55 "name": "Small",56 "size": "1rem",57 "slug": "small"58 },59 {60 "fluid": false,61 "name": "Medium",62 "size": "1.15rem",63 "slug": "medium"64 },65 {66 "fluid": {67 "min": "1.777rem",68 "max": "2.3rem"69 },70 "name": "Large",71 "size": "2.3rem",72 "slug": "large"73 },74 {75 "fluid": {76 "min": "2.3rem",77 "max": "3.1rem"78 },79 "name": "Extra Large",80 "size": "2.369rem",81 "slug": "x-large"82 },83 {84 "fluid": {85 "min": "3.1rem",86 "max": "4.2rem"87 },88 "name": "Extra Extra Large",89 "size": "4.2rem",90 "slug": "xx-large"91 }92 ]93 56 } 94 57 }, 95 58 "styles": { 96 59 "blocks": { 60 "core/calendar": { 61 "css": ".wp-block-calendar table:where(:not(.has-text-color)) th{background-color:var(--wp--preset--color--contrast);color:var(--wp--preset--color--base);border-color:var(--wp--preset--color--contrast)} & table:where(:not(.has-text-color)) td{border-color:var(--wp--preset--color--contrast)}" 62 }, 97 63 "core/comment-date": { 98 64 "color": { -
trunk/src/wp-content/themes/twentytwentyfour/templates/404.html
r56764 r56951 1 <!-- wp:template-part {"slug":"header" } /-->1 <!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> 2 2 3 3 <!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained"}} --> 4 4 <main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)"> 5 <!-- wp:pattern {"slug":"twentytwentyfour/ 404"} /-->5 <!-- wp:pattern {"slug":"twentytwentyfour/hidden-404"} /--> 6 6 </main> 7 7 <!-- /wp:group --> -
trunk/src/wp-content/themes/twentytwentyfour/templates/archive.html
r56764 r56951 1 <!-- wp:template-part {"slug":"header" } /-->1 <!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> 2 2 3 3 <!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> … … 6 6 <!-- wp:query-title {"type":"archive","align":"wide","style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50"}}}} /--> 7 7 8 <!-- wp:pattern {"slug":"twentytwentyfour/posts- three-columns"} /-->8 <!-- wp:pattern {"slug":"twentytwentyfour/posts-3-col"} /--> 9 9 10 10 </main> -
trunk/src/wp-content/themes/twentytwentyfour/templates/index.html
r56764 r56951 1 <!-- wp:template-part {"slug":"header" } /-->1 <!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> 2 2 3 3 <!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> … … 6 6 <h1 class="wp-block-heading alignwide" style="padding-top:var(--wp--preset--spacing--50)">Posts</h1> 7 7 <!-- /wp:heading --> 8 <!-- wp:pattern {"slug":"twentytwentyfour/posts- three-columns"} /-->8 <!-- wp:pattern {"slug":"twentytwentyfour/posts-3-col"} /--> 9 9 </main> 10 10 <!-- /wp:group --> -
trunk/src/wp-content/themes/twentytwentyfour/templates/page-no-title.html
r56764 r56951 1 <!-- wp:template-part {"slug":"header" } /-->1 <!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> 2 2 3 3 <!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0"}}}} --> 4 4 <main class="wp-block-group" style="margin-top:0"> 5 <!-- wp:post-content {"l ayout":{"type":"constrained"}} /-->5 <!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} /--> 6 6 </main> 7 7 <!-- /wp:group --> -
trunk/src/wp-content/themes/twentytwentyfour/templates/page-wide.html
r56764 r56951 1 <!-- wp:template-part {"slug":"header" } /-->1 <!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> 2 2 3 3 <!-- wp:group {"tagName":"main","layout":{"type":"default"}} --> 4 <main class="wp-block-group"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0vh","bottom":"6vh"}}},"layout":{"type":"constrained"}} --> 5 <div class="wp-block-group" style="padding-top:0vh;padding-bottom:6vh"><!-- wp:post-featured-image {"align":"wide"} /--></div> 6 <!-- /wp:group --> 4 <main class="wp-block-group"> 5 <!-- wp:group {"style":{"spacing":{"padding":{"top":"0vh","bottom":"6vh"}}},"layout":{"type":"constrained"}} --> 6 <div class="wp-block-group" style="padding-top:0vh;padding-bottom:6vh"> 7 <!-- wp:post-featured-image {"align":"wide"} /--> 8 </div> 9 <!-- /wp:group --> 7 10 8 <!-- wp:group {"layout":{"type":"constrained"}} --> 9 <div class="wp-block-group"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"1rem","left":"1rem"}}}} --> 10 <div class="wp-block-columns alignwide"><!-- wp:column --> 11 <div class="wp-block-column"><!-- wp:post-title {"level":1,"fontSize":"x-large"} /--></div> 12 <!-- /wp:column --> 11 <!-- wp:group {"layout":{"type":"constrained"}} --> 12 <div class="wp-block-group"> 13 <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"1rem","left":"1rem"}}}} --> 14 <div class="wp-block-columns alignwide"> 15 <!-- wp:column --> 16 <div class="wp-block-column"> 17 <!-- wp:post-title {"level":1,"fontSize":"x-large"} /--> 18 </div> 19 <!-- /wp:column --> 13 20 14 <!-- wp:column --> 15 <div class="wp-block-column"><!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} /--></div> 16 <!-- /wp:column --></div> 17 <!-- /wp:columns --></div> 18 <!-- /wp:group --></main> 21 <!-- wp:column --> 22 <div class="wp-block-column"> 23 <!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} /--> 24 </div> 25 <!-- /wp:column --> 26 </div> 27 <!-- /wp:columns --> 28 </div> 29 <!-- /wp:group --> 30 </main> 19 31 <!-- /wp:group --> 20 32 -
trunk/src/wp-content/themes/twentytwentyfour/templates/page-with-sidebar.html
r56764 r56951 1 <!-- wp:template-part {"slug":"header" } /-->1 <!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> 2 2 3 3 <!-- wp:group {"layout":{"type":"constrained"}} --> … … 5 5 6 6 <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"1rem","left":"1rem"},"padding":{"top":"var:preset|spacing|50"},"margin":{"bottom":"var:preset|spacing|40"}}}} --> 7 <div class="wp-block-columns alignwide" style="margin-bottom:var(--wp--preset--spacing--40);padding-top:var(--wp--preset--spacing--50)"> 7 <div class="wp-block-columns alignwide" 8 style="margin-bottom:var(--wp--preset--spacing--40);padding-top:var(--wp--preset--spacing--50)"> 8 9 <!-- wp:column {"width":"10%"} --> 9 <div class="wp-block-column" style="flex-basis:10%"></div> 10 <div class="wp-block-column" style="flex-basis:10%"> 11 </div> 10 12 <!-- /wp:column --> 11 13 … … 18 20 <!-- wp:spacer {"height":"var:preset|spacing|30","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} --> 19 21 <div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--30)" aria-hidden="true" 20 class="wp-block-spacer"></div> 22 class="wp-block-spacer"> 23 </div> 21 24 <!-- /wp:spacer --> 22 25 … … 26 29 </main> 27 30 <!-- /wp:group --> 28 </div>29 <!-- /wp:column -->31 </div> 32 <!-- /wp:column --> 30 33 31 <!-- wp:column {"width":"10%"} --> 32 <div class="wp-block-column" style="flex-basis:10%"></div> 33 <!-- /wp:column --> 34 <!-- wp:column {"width":"10%"} --> 35 <div class="wp-block-column" style="flex-basis:10%"> 36 </div> 37 <!-- /wp:column --> 34 38 35 <!-- wp:column {"width":"30%"} -->36 <div class="wp-block-column" style="flex-basis:30%">37 <!-- wp:template-part {"slug":"sidebar","tagName":"aside"} /-->38 </div>39 <!-- /wp:column -->39 <!-- wp:column {"width":"30%"} --> 40 <div class="wp-block-column" style="flex-basis:30%"> 41 <!-- wp:template-part {"slug":"sidebar","tagName":"aside"} /--> 42 </div> 43 <!-- /wp:column --> 40 44 41 <!-- wp:column {"width":"10%"} --> 42 <div class="wp-block-column" style="flex-basis:10%"></div> 43 <!-- /wp:column --> 45 <!-- wp:column {"width":"10%"} --> 46 <div class="wp-block-column" style="flex-basis:10%"> 47 </div> 48 <!-- /wp:column --> 44 49 </div> 45 50 <!-- /wp:columns --> -
trunk/src/wp-content/themes/twentytwentyfour/templates/page.html
r56764 r56951 1 <!-- wp:template-part {"slug":"header" } /-->1 <!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> 2 2 3 3 <!-- wp:group {"tagName":"main"} --> 4 <main class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"}} --> 5 <div class="wp-block-group"><!-- wp:spacer {"height":"var:preset|spacing|50"} --> 4 <main class="wp-block-group"> 5 <!-- wp:group {"layout":{"type":"constrained"}} --> 6 <div class="wp-block-group"> 7 <!-- wp:spacer {"height":"var:preset|spacing|50"} --> 6 8 <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> 7 9 <!-- /wp:spacer --> … … 18 20 <!-- /wp:group --> 19 21 20 <!-- wp:post-content {"l ayout":{"type":"constrained"}} /-->22 <!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} /--> 21 23 </main> 22 24 <!-- /wp:group --> -
trunk/src/wp-content/themes/twentytwentyfour/templates/search.html
r56764 r56951 1 <!-- wp:template-part {"slug":"header"} /--> 2 1 <!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> 3 2 4 3 <!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> … … 6 5 <!-- wp:query-title {"type":"search","align":"wide","style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|10"}}}} /--> 7 6 8 <!-- wp:columns {"align":"wide"} --> 9 <div class="wp-block-columns alignwide"> 10 <!-- wp:column {"width":"66.66%"} --> 11 <div class="wp-block-column" style="flex-basis:66.66%"> 12 <!-- wp:pattern {"slug":"twentytwentyfour/search"} /--> 13 </div> 14 <!-- /wp:column --> 15 16 <!-- wp:column {"width":"33.33%"} --> 17 <div class="wp-block-column" style="flex-basis:33.33%"> 18 <!-- wp:spacer {"height":"0"} --> 19 <div style="height:0" aria-hidden="true" class="wp-block-spacer"></div> 20 <!-- /wp:spacer --> 21 </div> 22 <!-- /wp:column --> 7 <!-- wp:group {"align":"wide","layout":{"type":"constrained","contentSize":"840px","justifyContent":"left"}} --> 8 <div class="wp-block-group alignwide"> 9 <!-- wp:pattern {"slug":"twentytwentyfour/hidden-search"} /--> 23 10 </div> 24 <!-- /wp: columns-->25 26 <!-- wp:pattern {"slug":"twentytwentyfour/posts- three-columns"} /-->11 <!-- /wp:group --> 12 13 <!-- wp:pattern {"slug":"twentytwentyfour/posts-3-col"} /--> 27 14 </main> 28 15 <!-- /wp:group --> -
trunk/src/wp-content/themes/twentytwentyfour/templates/single-with-sidebar.html
r56813 r56951 1 <!-- wp:template-part {"slug":"header" } /-->1 <!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> 2 2 3 3 <!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0vh","bottom":"0vh"},"padding":{"top":"10vh","bottom":"8vh"}}},"layout":{"type":"constrained"}} --> 4 <main class="wp-block-group" style="margin-top:0vh;margin-bottom:0vh;padding-top:10vh;padding-bottom:8vh"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"1rem","left":"1rem"}}}} --> 5 <div class="wp-block-columns alignwide"><!-- wp:column {"width":"10%"} --> 6 <div class="wp-block-column" style="flex-basis:10%"></div> 7 <!-- /wp:column --> 4 <main class="wp-block-group" style="margin-top:0vh;margin-bottom:0vh;padding-top:10vh;padding-bottom:8vh"> 5 <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"1rem","left":"1rem"},"padding":{"right":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} --> 6 <div class="wp-block-columns alignwide" style="padding-right:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"> 7 <!-- wp:column {"width":"70%"} --> 8 <div class="wp-block-column" style="flex-basis:70%"> 9 <!-- wp:group {"layout":{"type":"constrained"}} --> 10 <div class="wp-block-group"> 11 <!-- wp:post-featured-image {"style":{"spacing":{"padding":{"bottom":"2vh"}}}} /--> 8 12 9 <!-- wp:column {"width":"60%"} --> 10 <div class="wp-block-column" style="flex-basis:60%"><!-- wp:group {"layout":{"type":"constrained"}} --> 11 <div class="wp-block-group"><!-- wp:post-featured-image {"style":{"spacing":{"padding":{"bottom":"2vh"}}}} /--></div> 12 <!-- /wp:group --> 13 <!-- wp:post-title {"level":1,"fontSize":"x-large"} /--> 13 14 14 <!-- wp:group {"style":{"spacing":{"blockGap":"1em","padding":{"top":"0vh","bottom":"2vh"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> 15 <div class="wp-block-group" style="padding-top:0vh;padding-bottom:2vh"><!-- wp:group {"layout":{"type":"constrained"}} --> 16 <div class="wp-block-group"><!-- wp:post-title {"level":1,"fontSize":"x-large"} /--></div> 17 <!-- /wp:group --> 15 <!-- wp:template-part {"slug":"post-meta"} /--> 18 16 19 <!-- wp:template-part {"slug":"post-meta"} /--></div> 20 <!-- /wp:group --> 17 <!-- wp:spacer {"height":"var:preset|spacing|10"} --> 18 <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div> 19 <!-- /wp:spacer --> 21 20 22 <!-- wp:group {"layout":{"type":"constrained"}} --> 23 <div class="wp-block-group"> 24 <!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} /--> 21 </div> 22 <!-- /wp:group --> 25 23 26 <!-- wp:post-terms {"term":"post_tag","separator":" "} /--></div> 27 <!-- /wp:group --> 24 <!-- wp:group {"layout":{"type":"constrained"}} --> 25 <div class="wp-block-group"> 26 <!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} /--> 28 27 29 <!-- wp:group {"layout":{"type":"constrained"}} --> 30 <div class="wp-block-group"><!-- wp:spacer {"height":"4rem"} --> 31 <div style="height:4rem" aria-hidden="true" class="wp-block-spacer"></div> 32 <!-- /wp:spacer --> 28 <!-- wp:post-terms {"term":"post_tag","separator":" "} /--> 29 </div> 30 <!-- /wp:group --> 33 31 34 <!-- wp:pattern {"slug":"twentytwentyfour/comments"} /--> 32 <!-- wp:group {"layout":{"type":"constrained"}} --> 33 <div class="wp-block-group"> 34 <!-- wp:spacer {"height":"4rem"} --> 35 <div style="height:4rem" aria-hidden="true" class="wp-block-spacer"></div> 36 <!-- /wp:spacer --> 35 37 36 <!-- wp:spacer {"height":"4rem"} --> 37 <div style="height:4rem" aria-hidden="true" class="wp-block-spacer"></div> 38 <!-- /wp:spacer --> 38 <!-- wp:pattern {"slug":"twentytwentyfour/hidden-comments"} /--> 39 39 40 <!-- wp:pattern {"slug":"twentytwentyfour/post-navigation"} /--> 40 <!-- wp:spacer {"height":"4rem"} --> 41 <div style="height:4rem" aria-hidden="true" class="wp-block-spacer"></div> 42 <!-- /wp:spacer --> 41 43 42 </div> 43 <!-- /wp:group --></div> 44 <!-- /wp:column --> 44 <!-- wp:pattern {"slug":"twentytwentyfour/hidden-post-navigation"} /--> 45 45 46 <!-- wp:column {"width":"10%"} --> 47 <div class="wp-block-column" style="flex-basis:10%"></div> 48 <!-- /wp:column --> 46 </div> 47 <!-- /wp:group --> 48 </div> 49 <!-- /wp:column --> 49 50 50 <!-- wp:column {"width":"30%"} -->51 <div class="wp-block-column" style="flex-basis:30%"><!-- wp:template-part {"slug":"sidebar","tagName":"aside"} /--></div>52 <!-- /wp:column-->53 54 <!-- wp:column {"width":"10%"}-->55 <div class="wp-block-column" style="flex-basis:10%"></div>56 <!-- /wp:column --></div>57 < !-- /wp:columns --></main>51 <!-- wp:column {"width":"30%"} --> 52 <div class="wp-block-column" style="flex-basis:30%"> 53 <!-- wp:template-part {"slug":"sidebar","tagName":"aside"} /--> 54 </div> 55 <!-- /wp:column --> 56 </div> 57 <!-- /wp:columns --> 58 </main> 58 59 <!-- /wp:group --> 59 60 -
trunk/src/wp-content/themes/twentytwentyfour/templates/single.html
r56813 r56951 1 <!-- wp:template-part {"slug":"header" } /-->1 <!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> 2 2 3 3 <!-- wp:group {"tagName":"main","align":"full"} --> 4 <main class="wp-block-group alignfull"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50"},"margin":{"bottom":"var:preset|spacing|40"}}},"layout":{"type":"constrained"}} --> 5 <div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--40);padding-top:var(--wp--preset--spacing--50)"><!-- wp:post-featured-image {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} /--> 4 <main class="wp-block-group alignfull"> 5 <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50"},"margin":{"bottom":"var:preset|spacing|40"}}},"layout":{"type":"constrained"}} --> 6 <div class="wp-block-group" 7 style="margin-bottom:var(--wp--preset--spacing--40);padding-top:var(--wp--preset--spacing--50)"> 8 <!-- wp:post-featured-image {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} /--> 6 9 7 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10","padding":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> 8 <div class="wp-block-group" style="padding-top:0;padding-bottom:0"><!-- wp:group {"layout":{"type":"constrained"}} --> 9 <div class="wp-block-group"><!-- wp:post-title {"level":1,"fontSize":"x-large"} /--></div> 10 <!-- /wp:group --> 10 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10","padding":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> 11 <div class="wp-block-group" style="padding-top:0;padding-bottom:0"> 12 <!-- wp:post-title {"level":1,"fontSize":"x-large"} /--> 11 13 12 <!-- wp:template-part {"slug":"post-meta"} /--></div> 13 <!-- /wp:group --></div> 14 <!-- /wp:group --> 14 <!-- wp:template-part {"slug":"post-meta"} /--> 15 </div> 16 <!-- /wp:group --> 17 </div> 18 <!-- /wp:group --> 15 19 16 <!-- wp:post-content {"lock":{"move":false,"remove":true},"align":"full","layout":{"type":"constrained"}} /-->20 <!-- wp:post-content {"lock":{"move":false,"remove":true},"align":"full","layout":{"type":"constrained"}} /--> 17 21 18 <!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"},"padding":{"bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} --> 19 <div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50)"> 20 <!-- wp:post-terms {"term":"post_tag","separator":" ","className":"is-style-pill"} /--> 22 <!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"},"padding":{"bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} --> 23 <div class="wp-block-group" 24 style="margin-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50)"> 25 <!-- wp:post-terms {"term":"post_tag","separator":" ","className":"is-style-pill"} /--> 21 26 22 <!-- wp:group {"layout":{"type":"constrained"}} --> 23 <div class="wp-block-group"><!-- wp:spacer {"height":"var:preset|spacing|40"} --> 24 <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div> 25 <!-- /wp:spacer --> 27 <!-- wp:group {"layout":{"type":"constrained"}} --> 28 <div class="wp-block-group"> 29 <!-- wp:spacer {"height":"var:preset|spacing|40"} --> 30 <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"> 31 </div> 32 <!-- /wp:spacer --> 26 33 27 <!-- wp:separator {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}},"backgroundColor":"accent"} -->28 <hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background" style="margin-bottom:var(--wp--preset--spacing--40)"/>29 <!-- /wp:separator -->34 <!-- wp:separator {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}},"backgroundColor":"base-3","className":"is-style-wide"} --> 35 <hr class="wp-block-separator has-text-color has-base-3-color has-alpha-channel-opacity has-base-3-background-color has-background is-style-wide" style="margin-bottom:var(--wp--preset--spacing--40)"/> 36 <!-- /wp:separator --> 30 37 31 <!-- wp:pattern {"slug":"twentytwentyfour/comments"} /-->38 <!-- wp:pattern {"slug":"twentytwentyfour/hidden-comments"} /--> 32 39 33 <!-- wp:spacer {"height":"var:preset|spacing|40"} --> 34 <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div> 35 <!-- /wp:spacer --> 40 <!-- wp:pattern {"slug":"twentytwentyfour/hidden-post-navigation"} /--> 36 41 37 <!-- wp:pattern {"slug":"twentytwentyfour/post-navigation"} /-->38 39 </div>40 <!-- /wp:group --></div>41 < !-- /wp:group --></main>42 </div> 43 <!-- /wp:group --> 44 </div> 45 <!-- /wp:group --> 46 </main> 42 47 <!-- /wp:group --> 43 48 -
trunk/src/wp-content/themes/twentytwentyfour/theme.json
r56813 r56951 2 2 "$schema": "https://schemas.wp.org/trunk/theme.json", 3 3 "version": 2, 4 "patterns": [ 5 "three-columns-of-services", 6 "clients-section" 7 ], 4 8 "settings": { 5 9 "appearanceTools": true, … … 160 164 }, 161 165 "spacing": { 166 "spacingScale": { 167 "steps": 0 168 }, 162 169 "spacingSizes": [ 163 170 { … … 237 244 "name": "Cardo", 238 245 "slug": "heading" 246 }, 247 { 248 "fontFamily": "-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif", 249 "name": "System Sans-serif", 250 "slug": "system-sans-serif" 251 }, 252 { 253 "fontFamily": "Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", 254 "name": "System Serif", 255 "slug": "system-Serif" 239 256 } 240 257 ], … … 264 281 "fluid": { 265 282 "min": "1.85rem", 266 "max": "2. 46rem"283 "max": "2.5rem" 267 284 }, 268 285 "name": "Extra Large", 269 "size": "2. 46rem",286 "size": "2.5rem", 270 287 "slug": "x-large" 271 288 }, 272 289 { 273 290 "fluid": { 274 "min": "2. 46rem",291 "min": "2.5rem", 275 292 "max": "3.27rem" 276 293 }, … … 294 311 "variations": { 295 312 "outline": { 313 "spacing": { 314 "padding": { 315 "bottom": "calc(0.6rem - 1px)", 316 "left": "calc(1rem - 1px)", 317 "right": "calc(1rem - 1px)", 318 "top": "calc(0.6rem - 1px)" 319 } 320 }, 296 321 "border": { 297 "bottom": { 298 "style": "solid", 299 "width": "1px" 300 }, 301 "left": { 302 "style": "solid", 303 "width": "1px" 304 }, 305 "right": { 306 "style": "solid", 307 "width": "1px" 308 }, 309 "top": { 310 "style": "solid", 311 "width": "1px" 312 } 322 "width": "1px" 313 323 } 314 324 } … … 319 329 "blockGap": "0.7rem" 320 330 } 331 }, 332 "core/calendar": { 333 "color": { 334 "text": "var(--wp--preset--color--contrast)" 335 }, 336 "css": ".wp-block-calendar table:where(:not(.has-text-color)) th{background-color:var(--wp--preset--color--contrast-2);color:var(--wp--preset--color--base);border-color:var(--wp--preset--color--contrast-2)} & table:where(:not(.has-text-color)) td{border-color:var(--wp--preset--color--contrast-2)}" 321 337 }, 322 338 "core/categories": { … … 661 677 "background": "var(--wp--preset--color--base-2)" 662 678 }, 663 "css": "& :where(p) {margin-block-start:0;margin-block-end:calc(var(--wp--preset--spacing--10) + 0.5rem);} ",679 "css": "& :where(p) {margin-block-start:0;margin-block-end:calc(var(--wp--preset--spacing--10) + 0.5rem);} & :where(:last-child) {margin-block-end:0;} &.has-text-align-right.is-style-plain, .rtl .is-style-plain.wp-block-quote:not(.has-text-align-center):not(.has-text-align-left){border-width: 0 2px 0 0;padding-left:calc(var(--wp--preset--spacing--20) + 0.5rem);padding-right:calc(var(--wp--preset--spacing--20) + 0.5rem);} &.has-text-align-left.is-style-plain, body:not(.rtl) .is-style-plain.wp-block-quote:not(.has-text-align-center):not(.has-text-align-right){border-width: 0 0 0 2px;padding-left:calc(var(--wp--preset--spacing--20) + 0.5rem);padding-right:calc(var(--wp--preset--spacing--20) + 0.5rem)}", 664 680 "elements": { 665 681 "cite": { … … 691 707 "radius": "0", 692 708 "style": "solid", 693 "width": "0 0 0 2px"709 "width": "0" 694 710 }, 695 711 "color": { … … 699 715 "padding": { 700 716 "bottom": "var(--wp--preset--spacing--20)", 701 "left": " calc(var(--wp--preset--spacing--20) + 0.5rem)",702 "right": " 0",717 "left": "var(--wp--preset--spacing--20)", 718 "right": "var(--wp--preset--spacing--20)", 703 719 "top": "var(--wp--preset--spacing--20)" 704 720 } 705 721 }, 706 722 "typography": { 707 "fontSize": "var(--wp--preset--font-size--medium)" 723 "fontFamily": "var(--wp--preset--font-family--body)", 724 "fontStyle": "normal", 725 "fontSize": "var(--wp--preset--font-size--medium)", 726 "lineHeight": "1.5" 708 727 } 709 728 } … … 802 821 "border": { 803 822 "radius": ".33rem", 804 "color": "var(--wp--preset--color--contrast)", 805 "bottom": { 806 "style": "solid", 807 "width": "1px" 808 }, 809 "left": { 810 "style": "solid", 811 "width": "1px" 812 }, 813 "right": { 814 "style": "solid", 815 "width": "1px" 816 }, 817 "top": { 818 "style": "solid", 819 "width": "1px" 820 } 823 "color": "var(--wp--preset--color--contrast)" 821 824 }, 822 825 "color": { … … 865 868 "h4": { 866 869 "typography": { 870 "fontSize": "clamp(1.1rem, 1.1rem + ((1vw - 0.2rem) * 0.767), 1.5rem)" 871 } 872 }, 873 "h5": { 874 "typography": { 867 875 "fontSize": "var(--wp--preset--font-size--medium)" 868 876 } 869 877 }, 870 "h5": {871 "typography": {872 "fontSize": "var(--wp--preset--font-size--medium)"873 }874 },875 878 "h6": { 876 879 "typography": { 877 "fontSize": "var(--wp--preset--font-size-- medium)"880 "fontSize": "var(--wp--preset--font-size--small)" 878 881 } 879 882 }, … … 926 929 }, 927 930 { 928 "area": "footer",929 "name": "footer-portfolio",930 "title": "Footer: Portfolio"931 },932 {933 "area": "footer",934 "name": "footer-writer",935 "title": "Footer: Writer"936 },937 {938 931 "area": "uncategorized", 939 932 "name": "sidebar",
Note: See TracChangeset
for help on using the changeset viewer.