Make WordPress Core

Changeset 56951


Ignore:
Timestamp:
10/17/2023 02:12:07 AM (7 weeks 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.