WordPress.org
Get WordPress

Make WordPress Core

Changeset 56951


Ignore:
Timestamp:
10/17/2023 02:12:07 AM (3 years ago)
Author:
hellofromTonya
Message:

Twenty Twenty-Four: Bugfixes for 6.4 RC1.

Resyncing changes for TT4 into Core.

Changes include:

  • Reformatted all the patterns for readability.
  • Bugfixes in the markup and improvements on the string translation functions.
  • Renaming of some patterns, making them consistent with the content they show and whether they are simple patterns, full-page patterns or patterns meant to replace templates.

Follow-up to [56813], [56764], [56716].

Props richtabor, onemaggie, luminuu, shailu25, dunhakdis, shivashankerbhatta, dajeema, enodekciw, kafleg, viralsampat, glendaviesnz, beafialho, webmandesign, huzaifaalmesbah, gregfuller, benharri.
Fixes #59640.

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  
    1010
    1111/**
    12  * Register block Styles
     12 * Register block styles
    1313 */
    1414
    … …  
    166166
    167167add_action( 'init', 'twentytwentyfour_block_styles' );
     168
     169/**
     170 * Register pattern categories.
     171 */
     172
     173if ( ! 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        }
     191endif;
     192
     193add_action( 'init', 'twentytwentyfour_pattern_categories' );

  • trunk/src/wp-content/themes/twentytwentyfour/parts/header.html

    r56813 r56951  
    11<!-- 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 } /-->
    59
    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>
    920        <!-- /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  
    11<?php
    22/**
    3  * Title: Centered Call To Action
    4  * Slug: twentytwentyfour/text-centered-cta-subscribe
     3 * Title: Centered call to action
     4 * Slug: twentytwentyfour/cta-subscribe-centered
    55 * Categories: call-to-action
    66 * Keywords: newsletter, subscribe, button
    … …  
    88?>
    99
    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"} -->
    1315                <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div>
    1416                <!-- /wp:spacer -->
    … …  
    2325
    2426                <!-- 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>
    2732                        <!-- /wp:button -->
    2833                </div>

  • trunk/src/wp-content/themes/twentytwentyfour/patterns/footer-centered-logo-nav.php

    r56950 r56951  
    11<?php
    22/**
    3  * Title: Footer writer
    4  * Slug: twentytwentyfour/footer-writer
     3 * Title: Footer with centered logo and navigation
     4 * Slug: twentytwentyfour/footer-centered-logo-nav
    55 * Categories: footer
    66 * Block Types: core/template-part/footer
    … …  
    1111<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50)">
    1212
    13 <!-- wp:site-logo /-->
     13        <!-- wp:site-logo /-->
    1414
    15 <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","justifyContent":"center"},"fontSize":"small"} /-->
     15        <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","justifyContent":"center"},"fontSize":"small"} /-->
    1616
    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">
    1919        <?php
    20                 /* Translators: WordPress link. */
     20        /* Translators: WordPress link. */
    2121                $wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentyfour' ) ) . '" rel="nofollow">WordPress</a>';
    2222                echo sprintf(
    … …  
    2626                );
    2727                ?>
    28 </p>
    29 <!-- /wp:paragraph --></div>
     28        </p>
     29        <!-- /wp:paragraph -->
     30</div>
    3031<!-- /wp:group -->

  • trunk/src/wp-content/themes/twentytwentyfour/patterns/footer-colophon-3-col.php

    r56950 r56951  
    11<?php
    22/**
    3  * Title: Footer portfolio
    4  * Slug: twentytwentyfour/footer-portfolio
     3 * Title: Footer with colophon, 3 columns
     4 * Slug: twentytwentyfour/footer-colophon-3-col
    55 * Categories: footer
    66 * Block Types: core/template-part/footer
    … …  
    1313        <div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
    1414                <!-- 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>
    1618                <!-- /wp:image -->
    1719
    1820                <!-- 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" />
    2022                <!-- /wp:separator -->
    2123
    … …  
    3436                                <div class="wp-block-group">
    3537                                        <!-- 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>
    3739                                        <!-- /wp:heading -->
    3840                                        <!-- wp:paragraph -->
    … …  
    5254                                                <div class="wp-block-group">
    5355                                                        <!-- 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>
    5557                                                        <!-- /wp:heading -->
    5658                                                        <!-- wp:paragraph -->
    … …  
    8587                        <p class="has-small-font-size">
    8688                                <?php
    87                                         /* Translators: WordPress link. */
    88                                         $wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentyfour' ) ) . '" rel="nofollow">WordPress</a>';
    89                                         echo sprintf(
    90                                                 /* Translators: Designed with WordPress */
    91                                                 esc_html__( 'Designed with %1$s', 'twentytwentyfour' ),
    92                                                 $wordpress_link
    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                                ?>
    9597                        </p>
    9698                        <!-- /wp:paragraph -->

  • trunk/src/wp-content/themes/twentytwentyfour/patterns/footer.php

    r56764 r56951  
    11<?php
    22/**
    3  * Title: Default footer
     3 * Title: Footer with colophon, 4 columns
    44 * Slug: twentytwentyfour/footer
    55 * Categories: footer
    … …  
    99
    1010<!-- 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}}} /-->
    1519
    16 <!-- wp:site-title {"level":0,"fontSize":"medium"} /-->
     20                                <!-- wp:site-title {"level":0,"fontSize":"medium"} /-->
    1721
    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 -->
    2127
    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 -->
    2532
    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 -->
    3242
    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">
    3545
    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' ); ?>"} -->
    3747
    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":"#"} /-->
    4151
    42 <!-- /wp:navigation -->
     52                                                <!-- /wp:navigation -->
    4353
     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 -->
    44127</div>
    45 <!-- /wp:group --></div>
    46 
    47128<!-- /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         <?php
    97                 /* 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_link
    103                 );
    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  
    11<?php
    22/**
    3  * Title: Full Screen Image
    4  * Slug: twentytwentyfour/full-screen-image
    5  * Inserter: no
     3 * Title: Full screen image
     4 * Slug: twentytwentyfour/gallery-full-screen-image
     5 * Categories: gallery, portfolio
    66 */
    77?>
    88
    99<!-- 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>
    1421<!-- /wp:cover -->

  • trunk/src/wp-content/themes/twentytwentyfour/patterns/hidden-404.php

    r56764 r56951  
    11<?php
    22/**
    3  * Title: A 404 page
    4  * Slug: twentytwentyfour/404
     3 * Title: 404
     4 * Slug: twentytwentyfour/hidden-404
    55 * Inserter: no
    66 */
    … …  
    1111<!-- /wp:heading -->
    1212<!-- wp:paragraph -->
    13 <p><?php echo esc_html_x( 'The page you are looking for doesn’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>
    1414<!-- /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  
    22/**
    33 * Title: Comments
    4  * slug: twentytwentyfour/comments
    5  * inserter: no
     4 * Slug: twentytwentyfour/hidden-comments
     5 * Inserter: no
    66 */
    77?>
    … …  
    99<!-- wp:comments {"className":"wp-block-comments-query-loop"} -->
    1010<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 -->
    1214        <!-- wp:comments-title {"level":3} /-->
    1315        <!-- 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 -->
    1722                        <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 /-->
    3225                        </div>
    3326                        <!-- /wp:group -->
    3427                </div>
    3528                <!-- /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 -->
    3638        <!-- /wp:comment-template -->
    3739
    3840        <!-- wp:comments-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} -->
    39                 <!-- wp:comments-pagination-previous /-->
    40                 <!-- wp:comments-pagination-next /-->
     41        <!-- wp:comments-pagination-previous /-->
     42        <!-- wp:comments-pagination-next /-->
    4143        <!-- /wp:comments-pagination -->
    4244
    43         <!-- wp:post-comments-form /-->
     45        <!-- wp:post-comments-form {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}}} /-->
    4446</div>
    4547<!-- /wp:comments -->

  • trunk/src/wp-content/themes/twentytwentyfour/patterns/hidden-no-results.php

    r56950 r56951  
    11<?php
    22/**
    3  * Title: Hidden No Results Content
    4  * Slug: twentytwentyfour/no-results-content
     3 * Title: No results
     4 * Slug: twentytwentyfour/hidden-no-results
    55 * Inserter: no
    66 */

  • trunk/src/wp-content/themes/twentytwentyfour/patterns/hidden-post-meta.php

    r56764 r56951  
    11<?php
    22/**
    3  * Title: Post Meta
    4  * slug: twentytwentyfour/post-meta
    5  * inserter: no
     3 * Title: Post meta
     4 * Slug: twentytwentyfour/hidden-post-meta
     5 * Inserter: no
    66 */
    77?>
    88
    99<!-- 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} /-->
    1214
    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 -->
    1618
    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 -->
    2022
    21 <!-- wp:post-author-name {"isLink":true} /-->
     23                <!-- wp:post-author-name {"isLink":true} /-->
    2224
    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' ); ?>"} /-->
    2426
     27        </div>
     28        <!-- /wp:group -->
    2529</div>
    26 <!-- /wp:group --></div>
    2730<!-- /wp:group -->

  • trunk/src/wp-content/themes/twentytwentyfour/patterns/hidden-post-navigation.php

    r56813 r56951  
    22/**
    33 * Title: Post navigation
    4  * slug: twentytwentyfour/post-navigation
    5  * inserter: no
     4 * Slug: twentytwentyfour/hidden-post-navigation
     5 * Inserter: no
    66 */
    77?>
    88
    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"} /-->
    1313</nav>
    1414<!-- /wp:group -->

  • trunk/src/wp-content/themes/twentytwentyfour/patterns/hidden-search.php

    r56764 r56951  
    11<?php
    22/**
    3  * Title: Hidden Search form
    4  * Slug: twentytwentyfour/search
     3 * Title: Search
     4 * Slug: twentytwentyfour/hidden-search
    55 * Inserter: no
    66 */

  • trunk/src/wp-content/themes/twentytwentyfour/patterns/hidden-sidebar.php

    r56764 r56951  
    11<?php
    22/**
    3  * Title: sidebar
    4  * Slug: twentytwentyfour/sidebar
    5  * Categories: hidden
     3 * Title: Sidebar
     4 * Slug: twentytwentyfour/hidden-sidebar
    65 * Inserter: no
    76 */
    87?>
    98<!-- 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"}}} /-->
    1213
    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 -->
    1719
    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 -->
    2125
    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 -->
    2529
    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 -->
    3035
    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 -->
    3339
    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 -->
    3743
    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 -->
    4351
    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 -->
    4857
    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 -->
    5383</div>
    5484<!-- /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  
    11<?php
    22/**
    3  * Title: List of Posts in one column
    4  * Slug: twentytwentyfour/posts-one-column
     3 * Title: List of posts, 1 column
     4 * Slug: twentytwentyfour/posts-1-col
    55 * Categories: query
    66 * Block Types: core/query
    … …  
    88?>
    99
    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">
    1212        <!-- wp:query-no-results -->
    13                 <!-- wp:pattern {"slug":"twentytwentyfour/no-results-content"} /-->
     13        <!-- wp:pattern {"slug":"twentytwentyfour/hidden-no-results"} /-->
    1414        <!-- /wp:query-no-results -->
    1515
    … …  
    1717        <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">
    1818                <!-- 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">
    2827                        </div>
    29                         <!-- /wp:group -->
     28                        <!-- /wp:spacer -->
     29                </div>
     30                <!-- /wp:group -->
    3031                <!-- /wp:post-template -->
    3132                <!-- 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  
    11<?php
    22/**
    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
    65 * Categories: query
    76 * Block Types: core/query
    … …  
    1211<div class="wp-block-query alignwide">
    1312        <!-- wp:query-no-results -->
    14                 <!-- wp:pattern {"slug":"twentytwentyfour/no-results-content"} /-->
     13        <!-- wp:pattern {"slug":"twentytwentyfour/hidden-no-results"} /-->
    1514        <!-- /wp:query-no-results -->
    1615
    … …  
    2019                <!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"grid","columnCount":3}} -->
    2120
    22                         <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/4","style":{"spacing":{"margin":{"bottom":"0"},"padding":{"bottom":"var:preset|spacing|20"}}}} /-->
     21                <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/4","style":{"spacing":{"margin":{"bottom":"0"},"padding":{"bottom":"var:preset|spacing|20"}}}} /-->
    2322
    24                         <!-- wp:group {"style":{"spacing":{"blockGap":"10px","margin":{"top":"var:preset|spacing|20"},"padding":{"top":"0"}}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
    25                         <div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--20);padding-top:0">
    26                                 <!-- wp:post-title {"isLink":true,"style":{"layout":{"flexSize":"min(2.5rem, 3vw)","selfStretch":"fixed"}},"fontSize":"large"} /-->
     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"} /-->
    2726
    28                                 <!-- wp:template-part {"slug":"post-meta"} /-->
     27                        <!-- wp:template-part {"slug":"post-meta"} /-->
    2928
    30                                 <!-- wp:post-excerpt {"style":{"layout":{"flexSize":"min(2.5rem, 3vw)","selfStretch":"fixed"}},"textColor":"contrast-2","fontSize":"small"} /-->
     29                        <!-- wp:post-excerpt {"style":{"layout":{"flexSize":"min(2.5rem, 3vw)","selfStretch":"fixed"}},"textColor":"contrast-2","fontSize":"small"} /-->
    3130
    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">
    3533                        </div>
    36                         <!-- /wp:group -->
     34                        <!-- /wp:spacer -->
     35                </div>
     36                <!-- /wp:group -->
    3737
    3838                <!-- /wp:post-template -->

  • trunk/src/wp-content/themes/twentytwentyfour/patterns/posts-images-only-3-col.php

    r56950 r56951  
    11<?php
    22/**
    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
    65 * Categories: query
    76 * Block Types: core/query
    … …  
    1211<div class="wp-block-query alignwide">
    1312        <!-- wp:query-no-results -->
    14                 <!-- wp:pattern {"slug":"twentytwentyfour/no-results-content"} /-->
     13        <!-- wp:pattern {"slug":"twentytwentyfour/hidden-no-results"} /-->
    1514        <!-- /wp:query-no-results -->
    1615
    … …  
    1918
    2019                <!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"grid","columnCount":3}} -->
    21                         <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/4","style":{"spacing":{"margin":{"bottom":"0"},"padding":{"bottom":"var:preset|spacing|20"}}}} /-->
     20                <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/4","style":{"spacing":{"margin":{"bottom":"0"},"padding":{"bottom":"var:preset|spacing|20"}}}} /-->
    2221                <!-- /wp:post-template -->
    2322

  • trunk/src/wp-content/themes/twentytwentyfour/patterns/template-archive-portfolio.php

    r56764 r56951  
    11<?php
    22/**
    3  * Title: Portfolio Archive Template
     3 * Title: Portfolio archive template
    44 * Slug: twentytwentyfour/template-archive-portfolio
    55 * Template Types: archive
    … …  
    99?>
    1010
    11 <!-- wp:template-part {"slug":"header"} /-->
     11<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /-->
    1212
    1313<!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} -->
    … …  
    1616        <!-- wp:query-title {"type":"archive","align":"wide","style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50"}}}} /-->
    1717
    18         <!-- wp:pattern {"slug":"twentytwentyfour/posts-three-columns-images"} /-->
     18        <!-- wp:pattern {"slug":"twentytwentyfour/posts-images-only-3-col"} /-->
    1919
    2020</main>

  • trunk/src/wp-content/themes/twentytwentyfour/patterns/template-home-blogging.php

    r56950 r56951  
    11<?php
    22/**
    3  * Title: Writer Home Template
    4  * Slug: twentytwentyfour/template-home-writer
    5  * Template Types: front-page, index, home, page
     3 * Title: Blogging home template
     4 * Slug: twentytwentyfour/template-home-blogging
     5 * Template Types: front-page, index, home
    66 * Viewport width: 1400
    77 * Inserter: no
    … …  
    99?>
    1010
    11 <!-- wp:template-part {"slug":"header"} /-->
     11<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /-->
    1212
    1313<!-- 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"} -->
    1414<main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
    1515
    16 <!-- wp:pattern {"slug":"twentytwentyfour/writer-home"} /-->
     16        <!-- wp:pattern {"slug":"twentytwentyfour/page-home-blogging"} /-->
    1717
    1818</main>

  • trunk/src/wp-content/themes/twentytwentyfour/patterns/template-home-business.php

    r56764 r56951  
    11<?php
    22/**
    3  * Title: Business Home Template
     3 * Title: Business home template
    44 * Slug: twentytwentyfour/template-home
    55 * Template Types: front-page, index, home
    … …  
    99?>
    1010
    11 <!-- wp:template-part {"slug":"header"} /-->
     11<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /-->
    1212
    1313<!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0","margin":{"top":"0"}}},"layout":{"type":"default"}} -->
    1414<main class="wp-block-group" style="margin-top:0">
    15         <!-- wp:pattern {"slug":"twentytwentyfour/home"} /-->
     15        <!-- wp:pattern {"slug":"twentytwentyfour/home-business"} /-->
    1616</main>
    1717<!-- /wp:group -->

  • trunk/src/wp-content/themes/twentytwentyfour/patterns/template-home-portfolio.php

    r56813 r56951  
    11<?php
    22/**
    3  * Title: Portfolio Home Template
     3 * Title: Portfolio home template with post featured images
    44 * Slug: twentytwentyfour/template-home-portfolio
    5  * Template Types: front-page, index, home, page
     5 * Template Types: front-page, index, home
    66 * Viewport width: 1400
    77 * Inserter: no
    … …  
    99?>
    1010
    11 <!-- wp:template-part {"slug":"header"} /-->
     11<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /-->
    1212
    1313<!-- 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"} -->
    1414<main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
    1515
    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"} /-->
    1818
    1919</main>

  • trunk/src/wp-content/themes/twentytwentyfour/patterns/template-index-portfolio.php

    r56764 r56951  
    11<?php
    22/**
    3  * Title: Portfolio Index Template
     3 * Title: Portfolio index template
    44 * Slug: twentytwentyfour/template-index-portfolio
    55 * Template Types: index
    66 * Viewport width: 1400
     7 * Inserter: no
    78 */
    89?>
    910
    10 <!-- wp:template-part {"slug":"header"} /-->
     11<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /-->
    1112
    1213<!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} -->
    … …  
    1617        <!-- /wp:heading -->
    1718
    18         <!-- wp:pattern {"slug":"twentytwentyfour/offset-grid-image-posts"} /-->
     19        <!-- wp:pattern {"slug":"twentytwentyfour/posts-images-only-offset-4-col"} /-->
    1920
    2021</main>

  • trunk/src/wp-content/themes/twentytwentyfour/patterns/template-search-portfolio.php

    r56764 r56951  
    11<?php
    22/**
    3  * Title: Portfolio Search Template
     3 * Title: Portfolio search template
    44 * Slug: twentytwentyfour/template-search-portfolio
    55 * Template Types: search
    … …  
    99?>
    1010
    11 <!-- wp:template-part {"slug":"header"} /-->
    12 
     11<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /-->
    1312
    1413<!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} -->
    … …  
    1615        <!-- wp:query-title {"type":"search","align":"wide","style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|10"}}}} /-->
    1716
    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 -->
    2522
    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"} /-->
    3724</main>
    3825<!-- /wp:group -->

  • trunk/src/wp-content/themes/twentytwentyfour/patterns/template-search-writer.php

    r56764 r56951  
    11<?php
    22/**
    3  * Title: Writer Search Results Template
    4  * Slug: twentytwentyfour/template-search-writer
     3 * Title: Blogging search template
     4 * Slug: twentytwentyfour/template-search-blogging
    55 * Template Types: search
    66 * Viewport width: 1400
    … …  
    99?>
    1010
    11 <!-- wp:template-part {"slug":"header"} /-->
     11<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /-->
    1212
    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"}} -->
    1414<main class="wp-block-group" style="margin-top:0">
    15         <!-- wp:group {"layout":{"type":"constrained"}} -->
     15        <!-- wp:group {"layout":{"type":"default"}} -->
    1616        <div class="wp-block-group">
    1717                <!-- 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"} /-->
    1919        </div>
    2020        <!-- /wp:group -->
    21         <!-- wp:pattern {"slug":"twentytwentyfour/posts-one-column"} /-->
     21
     22        <!-- wp:pattern {"slug":"twentytwentyfour/posts-1-col"} /-->
    2223</main>
    2324<!-- /wp:group -->

  • trunk/src/wp-content/themes/twentytwentyfour/patterns/template-single-portfolio.php

    r56764 r56951  
    11<?php
    22/**
    3  * Title: Portfolio Single post Template
     3 * Title: Portfolio single post template
    44 * Slug: twentytwentyfour/template-single-portfolio
    55 * Template Types: posts, single
    … …  
    99?>
    1010
    11 <!-- wp:template-part {"slug":"header"} /-->
     11<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /-->
    1212
    1313<!-- 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>
    1618        <!-- /wp:spacer -->
    1719
    … …  
    1921
    2022        <!-- 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>
    2226        <!-- /wp:group -->
    2327
    2428        <!-- 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>
    2631        <!-- /wp:spacer -->
    2732

  • trunk/src/wp-content/themes/twentytwentyfour/patterns/testimonial-centered.php

    r56716 r56951  
    11<?php
    22/**
    3  * Title: Centered Testimonial
     3 * Title: Centered testimonial
    44 * Slug: twentytwentyfour/testimonial-centered
    55 * Keywords: quote, review, about
    … …  
    99?>
    1010
    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 -->
    1620
    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 -->
    2024
    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 -->
    2532
    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 -->
    2936
    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>
    3346<!-- /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  
    33 * Title: Title text and button on left with image on right
    44 * Slug: twentytwentyfour/text-title-left-image-right
    5  * Categories: text, about, featured
     5 * Categories: banner, about, featured
    66 * Viewport width: 1400
    77 */
    … …  
    99
    1010<!-- 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%">
    1518
    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 -->
    1922
    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">
    2225
    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 -->
    2629
    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 -->
    3545
    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>
    4258<!-- /wp:group -->

  • trunk/src/wp-content/themes/twentytwentyfour/styles/fossil.json

    r56813 r56951  
    55        "settings": {
    66                "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                        ],
    769                        "palette": [
    870                                {
    … …  
    80142                                        "name": "Cardo",
    81143                                        "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"
    82154                                }
    83155                        ],
    … …  
    127199        "styles": {
    128200                "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                        },
    129218                        "core/pullquote": {
    130219                                "typography": {
    … …  
    182271                                        "color": {
    183272                                                "background": "var(--wp--preset--color--contrast)"
    184                                         },
    185                                         "border": {
    186                                                 "color": "var(--wp--preset--color--contrast)"
    187273                                        }
    188274                                }

  • trunk/src/wp-content/themes/twentytwentyfour/styles/ice.json

    r56813 r56951  
    44        "title": "Ice",
    55        "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                },
    6102                "typography": {
    7103                        "fontFamilies": [
    8104                                {
    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                                        ],
    14116                                        "fontFamily": "\"Inter\", sans-serif",
    15117                                        "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",
    16139                                        "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"
    17191                                }
    18192                        ]
    … …  
    21195        "styles": {
    22196                "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                        },
    23214                        "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": {
    52215                                "typography": {
    53216                                        "fontSize": "var(--wp--preset--font-size--large)",
    54217                                        "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"
    56227                                },
    57228                                "variations": {
    … …  
    63234                                        }
    64235                                }
     236                        },
     237                        "core/site-title": {
     238                                "typography": {
     239                                        "fontWeight": "400"
     240                                }
    65241                        }
    66242                },
    67243                "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                        },
    68277                        "heading": {
    69278                                "typography": {
    70                                         "fontStyle": "normal",
    71                                         "fontWeight": "700"
     279                                        "fontWeight": "normal",
     280                                        "letterSpacing": "0"
    72281                                }
    73282                        }

  • trunk/src/wp-content/themes/twentytwentyfour/styles/mint.json

    r56716 r56951  
    8484                                        "name": "Jost",
    8585                                        "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"
    8696                                }
    8797                        ]

  • trunk/src/wp-content/themes/twentytwentyfour/styles/rust.json

    r56813 r56951  
    1818                                {
    1919                                        "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%)",
    2131                                        "name": "Vertical rust to beige"
    2232                                },
    2333                                {
    24                                         "slug": "gradient-7",
    25                                         "gradient": "linear-gradient(to bottom, #A62A0C5C 50%, #F3F0E7 50%)",
     34                                        "slug": "gradient-8",
     35                                        "gradient": "linear-gradient(to bottom, #A62B0C 50%, #F3F0E7 50%)",
    2636                                        "name": "Vertical hard rust to beige"
    2737                                }
    … …  
    3444                                },
    3545                                {
    36                                         "color": "#EAE4D7",
     46                                        "color": "#ECEADF",
    3747                                        "name": "Base / 2",
    3848                                        "slug": "base-2"
    … …  
    4454                                }
    4555                        ]
    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                         ]
    9356                }
    9457        },
    9558        "styles": {
    9659                "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                        },
    9763                        "core/comment-date": {
    9864                                "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"} /-->
    22
    33<!-- 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"}} -->
    44<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"} /-->
    66</main>
    77<!-- /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"} /-->
    22
    33<!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} -->
    … …  
    66        <!-- wp:query-title {"type":"archive","align":"wide","style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50"}}}} /-->
    77
    8         <!-- wp:pattern {"slug":"twentytwentyfour/posts-three-columns"} /-->
     8        <!-- wp:pattern {"slug":"twentytwentyfour/posts-3-col"} /-->
    99
    1010</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"} /-->
    22
    33<!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} -->
    … …  
    66        <h1 class="wp-block-heading alignwide" style="padding-top:var(--wp--preset--spacing--50)">Posts</h1>
    77        <!-- /wp:heading -->
    8         <!-- wp:pattern {"slug":"twentytwentyfour/posts-three-columns"} /-->
     8        <!-- wp:pattern {"slug":"twentytwentyfour/posts-3-col"} /-->
    99</main>
    1010<!-- /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"} /-->
    22
    33<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0"}}}} -->
    44<main class="wp-block-group" style="margin-top:0">
    5         <!-- wp:post-content {"layout":{"type":"constrained"}} /-->
     5        <!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} /-->
    66</main>
    77<!-- /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"} /-->
    22
    33<!-- 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 -->
    710
    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 -->
    1320
    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>
    1931<!-- /wp:group -->
    2032

  • 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"} /-->
    22
    33<!-- wp:group {"layout":{"type":"constrained"}} -->
    … …  
    55
    66        <!-- 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)">
    89                <!-- 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>
    1012                <!-- /wp:column -->
    1113
    … …  
    1820                                <!-- wp:spacer {"height":"var:preset|spacing|30","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    1921                                <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>
    2124                                <!-- /wp:spacer -->
    2225
    … …  
    2629                        </main>
    2730                        <!-- /wp:group -->
    28         </div>
    29         <!-- /wp:column -->
     31                </div>
     32                <!-- /wp:column -->
    3033
    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 -->
    3438
    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 -->
    4044
    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 -->
    4449        </div>
    4550        <!-- /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"} /-->
    22
    33<!-- 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"} -->
    68                <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
    79                <!-- /wp:spacer -->
    … …  
    1820        <!-- /wp:group -->
    1921
    20         <!-- wp:post-content {"layout":{"type":"constrained"}} /-->
     22        <!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} /-->
    2123</main>
    2224<!-- /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"} /-->
    32
    43<!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} -->
    … …  
    65        <!-- wp:query-title {"type":"search","align":"wide","style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|10"}}}} /-->
    76
    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"} /-->
    2310        </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"} /-->
    2714</main>
    2815<!-- /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"} /-->
    22
    33<!-- 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"}}}} /-->
    812
    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"} /-->
    1314
    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"} /-->
    1816
    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 -->
    2120
    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 -->
    2523
    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"}} /-->
    2827
    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 -->
    3331
    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 -->
    3537
    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"} /-->
    3939
    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 -->
    4143
    42 </div>
    43 <!-- /wp:group --></div>
    44 <!-- /wp:column -->
     44                <!-- wp:pattern {"slug":"twentytwentyfour/hidden-post-navigation"} /-->
    4545
    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 -->
    4950
    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>
    5859<!-- /wp:group -->
    5960

  • 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"} /-->
    22
    33<!-- 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"}}}} /-->
    69
    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"} /-->
    1113
    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 -->
    1519
    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"}} /-->
    1721
    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"} /-->
    2126
    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 -->
    2633
    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 -->
    3037
    31 <!-- wp:pattern {"slug":"twentytwentyfour/comments"} /-->
     38                        <!-- wp:pattern {"slug":"twentytwentyfour/hidden-comments"} /-->
    3239
    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"} /-->
    3641
    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>
    4247<!-- /wp:group -->
    4348

  • trunk/src/wp-content/themes/twentytwentyfour/theme.json

    r56813 r56951  
    22        "$schema": "https://schemas.wp.org/trunk/theme.json",
    33        "version": 2,
     4        "patterns": [
     5                "three-columns-of-services",
     6                "clients-section"
     7        ],
    48        "settings": {
    59                "appearanceTools": true,
    … …  
    160164                },
    161165                "spacing": {
     166                        "spacingScale": {
     167                                "steps": 0
     168                        },
    162169                        "spacingSizes": [
    163170                                {
    … …  
    237244                                        "name": "Cardo",
    238245                                        "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"
    239256                                }
    240257                        ],
    … …  
    264281                                        "fluid": {
    265282                                                "min": "1.85rem",
    266                                                 "max": "2.46rem"
     283                                                "max": "2.5rem"
    267284                                        },
    268285                                        "name": "Extra Large",
    269                                         "size": "2.46rem",
     286                                        "size": "2.5rem",
    270287                                        "slug": "x-large"
    271288                                },
    272289                                {
    273290                                        "fluid": {
    274                                                 "min": "2.46rem",
     291                                                "min": "2.5rem",
    275292                                                "max": "3.27rem"
    276293                                        },
    … …  
    294311                                "variations": {
    295312                                        "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                                                },
    296321                                                "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"
    313323                                                }
    314324                                        }
    … …  
    319329                                        "blockGap": "0.7rem"
    320330                                }
     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)}"
    321337                        },
    322338                        "core/categories": {
    … …  
    661677                                        "background": "var(--wp--preset--color--base-2)"
    662678                                },
    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)}",
    664680                                "elements": {
    665681                                        "cite": {
    … …  
    691707                                                        "radius": "0",
    692708                                                        "style": "solid",
    693                                                         "width": "0 0 0 2px"
     709                                                        "width": "0"
    694710                                                },
    695711                                                "color": {
    … …  
    699715                                                        "padding": {
    700716                                                                "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)",
    703719                                                                "top": "var(--wp--preset--spacing--20)"
    704720                                                        }
    705721                                                },
    706722                                                "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"
    708727                                                }
    709728                                        }
    … …  
    802821                                "border": {
    803822                                        "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)"
    821824                                },
    822825                                "color": {
    … …  
    865868                        "h4": {
    866869                                "typography": {
     870                                        "fontSize": "clamp(1.1rem, 1.1rem + ((1vw - 0.2rem) * 0.767), 1.5rem)"
     871                                }
     872                        },
     873                        "h5": {
     874                                "typography": {
    867875                                        "fontSize": "var(--wp--preset--font-size--medium)"
    868876                                }
    869877                        },
    870                         "h5": {
    871                                 "typography": {
    872                                         "fontSize": "var(--wp--preset--font-size--medium)"
    873                                 }
    874                         },
    875878                        "h6": {
    876879                                "typography": {
    877                                         "fontSize": "var(--wp--preset--font-size--medium)"
     880                                        "fontSize": "var(--wp--preset--font-size--small)"
    878881                                }
    879882                        },
    … …  
    926929                },
    927930                {
    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                 {
    938931                        "area": "uncategorized",
    939932                        "name": "sidebar",
Note: See TracChangeset for help on using the changeset viewer.