Changeset 56764
- Timestamp:
- 10/03/2023 03:12:30 PM (16 months ago)
- Location:
- trunk/src/wp-content/themes/twentytwentyfour
- Files:
-
- 7 added
- 7 deleted
- 50 edited
- 4 moved
Legend:
- Unmodified
- Added
- Removed
-
trunk/src/wp-content/themes/twentytwentyfour/functions.php
r56716 r56764 1 1 <?php 2 2 /** 3 * Twenty Twenty 3 * Twenty Twenty-Four functions and definitions 4 4 * 5 5 * @link https://developer.wordpress.org/themes/basics/theme-functions/ … … 34 34 array( 35 35 'handle' => 'twentytwentyfour-button-style-outline', 36 'src' => get_t emplate_directory_uri() . '/assets/css/button-outline.css',36 'src' => get_theme_file_uri( 'assets/css/button-outline.css' ), 37 37 'ver' => wp_get_theme()->get( 'Version' ), 38 'path' => get_theme_file_path( 'assets/css/button-outline.css' ), 38 39 ) 39 40 ); 40 41 /**42 * Add the `path` data to our stylesheet.43 *44 * This will let WordPress determine the best loading strategy for the stylesheet:45 * Small stylesheets will get inlined, while larger stylesheets will be loaded separately.46 *47 * See https://make.wordpress.org/core/2021/07/01/block-styles-loading-enhancements-in-wordpress-5-8/#inlining-small-assets for more info.48 */49 wp_style_add_data( 'twentytwentyfour-button-style-outline', 'path', get_theme_file_path( 'assets/css/button-outline.css' ) );50 41 51 42 register_block_style( … … 64 55 border-bottom: 1px solid rgba(255, 255, 255, 0.20); 65 56 } 66 57 67 58 .is-style-arrow-icon-details summary { 68 59 list-style-type: "\2193\00a0\00a0\00a0"; 69 60 } 70 61 71 62 .is-style-arrow-icon-details[open]>summary { 72 63 list-style-type: "\2192\00a0\00a0\00a0"; … … 91 82 border-radius: var(--wp--preset--spacing--20); 92 83 } 93 84 94 85 .is-style-pill a:hover { 95 86 background-color: var(--wp--preset--color--contrast-3); … … 110 101 list-style-type: "\2713"; 111 102 } 112 103 113 104 ul.is-style-checkmark-list li { 114 105 padding-inline-start: 1ch; 106 }', 107 ) 108 ); 109 register_block_style( 110 'core/navigation-link', 111 array( 112 'name' => 'arrow-link', 113 'label' => __( 'With arrow', 'twentytwentyfour' ), 114 /* 115 * Styles for the custom arrow nav link block style 116 */ 117 'inline_style' => ' 118 .is-style-arrow-link .wp-block-navigation-item__label:after { 119 content: "\2197"; 120 padding-inline-start: 0.25rem; 121 vertical-align: middle; 122 text-decoration: none; 123 display: inline-block; 115 124 }', 116 125 ) … … 130 139 display: block; 131 140 } 132 141 142 /* Hide the asterisk if the heading has no content, to avoid using empty headings to display the asterisk only, which is an A11Y issue */ 143 .is-style-asterisk:empty:before { 144 content: none; 145 } 146 147 .is-style-asterisk:-moz-only-whitespace:before { 148 content: none; 149 } 150 133 151 .is-style-asterisk.has-text-align-center:before { 134 152 margin: 0 auto; 135 153 } 136 154 137 155 .is-style-asterisk.has-text-align-right:before { 138 156 margin-left: auto; 139 157 } 140 158 141 159 .rtl .is-style-asterisk.has-text-align-left:before { 142 160 margin-right: auto; -
trunk/src/wp-content/themes/twentytwentyfour/patterns/centered-statement.php
r56716 r56764 8 8 ?> 9 9 10 <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"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)"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}},"border":{"radius":"16px"}},"backgroundColor":"base-2","layout":{"type":"default"}} --> 12 <div class="wp-block-group alignwide has-base-2-background-color has-background" style="border-radius:16px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)"><!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.2","fontStyle":"normal","fontWeight":"400"}},"fontSize":"x-large","fontFamily":"heading"} --> 13 <p class="has-text-align-center has-heading-font-family has-x-large-font-size" style="font-style:normal;font-weight:400;line-height:1.2"><?php echo wp_kses_post( __( '<em>Études</em> is not confined to the past—we are passionate about the cutting-edge designs shaping our world today.', 'twentytwentyfour' ) ); ?></p> 14 <!-- /wp:paragraph --></div> 10 <!-- 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"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"base-2","layout":{"type":"constrained"}} --> 11 <div class="wp-block-group alignfull has-base-2-background-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)"><!-- wp:group {"align":"wide","layout":{"type":"default"}} --> 12 <div class="wp-block-group alignwide"><!-- wp:spacer {"height":"var:preset|spacing|50"} --> 13 <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> 14 <!-- /wp:spacer --> 15 16 <!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.2","fontStyle":"normal","fontWeight":"400"}},"fontSize":"x-large","fontFamily":"heading"} --> 17 <p class="has-text-align-center has-heading-font-family has-x-large-font-size" style="font-style:normal;font-weight:400;line-height:1.2"><?php echo wp_kses_post( __( '<em>Études</em> is not confined to the past—we are passionate about the cutting edge designs shaping our world today.', 'twentytwentyfour' ) ); ?></p> 18 <!-- /wp:paragraph --> 19 20 <!-- wp:spacer {"height":"var:preset|spacing|50"} --> 21 <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> 22 <!-- /wp:spacer --></div> 15 23 <!-- /wp:group --></div> 16 24 <!-- /wp:group --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/columns.php
r56716 r56764 20 20 <div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left","flexWrap":"nowrap"}} --> 21 21 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}}} --> 22 <p style="font-style:normal;font-weight:500"><?php e cho esc_html__( 'Consulting', 'twentytwentyfour' ); ?></p>22 <p style="font-style:normal;font-weight:500"><?php esc_html_e( 'Consulting', 'twentytwentyfour' ); ?></p> 23 23 <!-- /wp:paragraph --> 24 24 … … 30 30 <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} --> 31 31 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}}} --> 32 <p style="font-style:normal;font-weight:500"><?php e cho esc_html__( 'Project Management', 'twentytwentyfour' ); ?></p>32 <p style="font-style:normal;font-weight:500"><?php esc_html_e( 'Project Management', 'twentytwentyfour' ); ?></p> 33 33 <!-- /wp:paragraph --> 34 34 … … 42 42 <div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} --> 43 43 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}}} --> 44 <p style="font-style:normal;font-weight:500"><?php e cho esc_html__( 'Design', 'twentytwentyfour' ); ?></p>44 <p style="font-style:normal;font-weight:500"><?php esc_html_e( 'Design', 'twentytwentyfour' ); ?></p> 45 45 <!-- /wp:paragraph --> 46 46 … … 52 52 <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} --> 53 53 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}}} --> 54 <p style="font-style:normal;font-weight:500"><?php e cho esc_html__( 'Maintenance', 'twentytwentyfour' ); ?></p>54 <p style="font-style:normal;font-weight:500"><?php esc_html_e( 'Maintenance', 'twentytwentyfour' ); ?></p> 55 55 <!-- /wp:paragraph --> 56 56 -
trunk/src/wp-content/themes/twentytwentyfour/patterns/features-with-images.php
r56716 r56764 56 56 <!-- wp:column {"width":"50%"} --> 57 57 <div class="wp-block-column" style="flex-basis:50%"><!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} --> 58 <figure class="wp-block-image size-large is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/ business-app.webp" alt="<?php esc_attr_e( 'Woman taking picture of a building.', 'twentytwentyfour' ); ?>"/></figure>58 <figure class="wp-block-image size-large is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/tourist-and-building.webp" alt="<?php esc_attr_e( 'Tourist taking photo of a building', 'twentytwentyfour' ); ?>"/></figure> 59 59 <!-- /wp:image --></div> 60 60 <!-- /wp:column --></div> … … 68 68 <div class="wp-block-columns alignwide"><!-- wp:column {"width":"50%"} --> 69 69 <div class="wp-block-column" style="flex-basis:50%"><!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} --> 70 <figure class="wp-block-image size-large is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/ home.webp" alt="<?php esc_attr_e( 'Windows of a building.', 'twentytwentyfour' ); ?>"/></figure>70 <figure class="wp-block-image size-large is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/windows.webp" alt="<?php esc_attr_e( 'Windows of a building in Nuremberg, Germany', 'twentytwentyfour' ); ?>"/></figure> 71 71 <!-- /wp:image --></div> 72 72 <!-- /wp:column --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/footer-portfolio.php
r56716 r56764 76 76 <!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"flex","flexWrap":"wrap"}} --> 77 77 <div class="wp-block-group"> 78 <!-- wp:paragraph {"fontSize":"small"} -->79 <p class="has-small-font-size"><?php esc_html_e( '© 2024', 'twentytwentyfour' ); ?></p>80 <!-- /wp:paragraph -->81 78 <!-- wp:site-title {"level":0,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} /--> 82 79 </div> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/footer.php
r56716 r56764 28 28 <div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> 29 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 e cho esc_html__( 'About', 'twentytwentyfour' ); ?></h2>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 31 <!-- /wp:heading --> 32 32 … … 34 34 <div class="wp-block-group"> 35 35 36 <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small" } -->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' ); ?>"} --> 37 37 38 38 <!-- wp:navigation-link {"label":"Team","url":"#"} /--> … … 49 49 <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> 50 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 e cho esc_html__( 'Privacy', 'twentytwentyfour' ); ?></h2>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 52 <!-- /wp:heading --> 53 53 … … 55 55 <div class="wp-block-group"> 56 56 57 <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small" } -->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 58 59 59 <!-- wp:navigation-link {"label":"Privacy Policy","url":"#"} /--> … … 69 69 <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> 70 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 e cho esc_html__( 'Social Media', 'twentytwentyfour' ); ?></h2>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 72 <!-- /wp:heading --> 73 73 … … 75 75 <div class="wp-block-group"> 76 76 77 <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small" } -->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 78 79 79 <!-- wp:navigation-link {"label":"Facebook","url":"#"} /--> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/hero.php
r56716 r56764 38 38 39 39 <!-- wp:image {"align":"wide","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> 40 <figure class="wp-block-image alignwide size-full is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/bu siness-hero.webp" alt="<?php esc_attr_e( 'A skyscraper building.', 'twentytwentyfour' ); ?>"/></figure>40 <figure class="wp-block-image alignwide size-full is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/building-exterior.webp" alt="<?php esc_attr_e( 'Building exterior in Toronto, Canada', 'twentytwentyfour' ); ?>"/></figure> 41 41 <!-- /wp:image --></div> 42 42 <!-- /wp:group --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/hidden-404.php
r56716 r56764 13 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> 14 14 <!-- /wp:paragraph --> 15 <!-- wp:pattern {"slug":"twentytwentyfour/ hidden-search"} /-->15 <!-- wp:pattern {"slug":"twentytwentyfour/search"} /--> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/hidden-comments.php
r56716 r56764 9 9 <!-- wp:comments {"className":"wp-block-comments-query-loop"} --> 10 10 <div class="wp-block-comments wp-block-comments-query-loop"> 11 <!-- wp:heading {"className":"screen-reader-text"} --> 12 <h2 class="screen-reader-text"><?php esc_html_e( 'Comments', 'twentytwentyfour' ); ?></h2> 13 <!-- /wp:heading --> 11 <!-- wp:heading --><h2><?php esc_html_e( 'Comments', 'twentytwentyfour' ); ?></h2><!-- /wp:heading --> 14 12 <!-- wp:comments-title {"level":3} /--> 15 13 <!-- wp:comment-template --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/hidden-full-screen-image.php
r56716 r56764 7 7 ?> 8 8 9 <!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/ project-overview.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/ project-overview.webp)"></div><div class="wp-block-cover__inner-container">9 <!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/art-gallery.webp","hasParallax":true,"dimRatio":0,"overlayColor":"base","minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} --> 10 <div class="wp-block-cover alignfull is-light has-parallax" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-base-background-color has-background-dim-0 has-background-dim"></span><div role="img" class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/art-gallery.webp)"></div><div class="wp-block-cover__inner-container"> 11 11 <!-- wp:spacer {"height":"var:preset|spacing|60"} --> 12 12 <div style="height:var(--wp--preset--spacing--60)" aria-hidden="true" class="wp-block-spacer"></div> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/hidden-hidden-intro-text-left.php
r56716 r56764 2 2 /** 3 3 * Title: Heading on left 4 * Slug: twentytwentyfour/ hidden-intro-text-left4 * Slug: twentytwentyfour/intro-text-left 5 5 * Categories: text 6 6 * Inserter: no -
trunk/src/wp-content/themes/twentytwentyfour/patterns/hidden-no-results-content.php
r56716 r56764 2 2 /** 3 3 * Title: Hidden No Results Content 4 * Slug: twentytwentyfour/ hidden-no-results-content4 * Slug: twentytwentyfour/no-results-content 5 5 * Inserter: no 6 6 */ -
trunk/src/wp-content/themes/twentytwentyfour/patterns/hidden-post-meta.php
r56716 r56764 15 15 <!-- /wp:paragraph --> 16 16 17 <!-- wp:paragraph {"fontSize":"small" } -->18 <p class="has-small-font-size "><?php echo esc_html_x( 'by', 'Prefix for the post author block: By author name', 'twentytwentyfour' ); ?></p>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 19 <!-- /wp:paragraph --> 20 20 -
trunk/src/wp-content/themes/twentytwentyfour/patterns/hidden-search.php
r56716 r56764 2 2 /** 3 3 * Title: Hidden Search form 4 * Slug: twentytwentyfour/ hidden-search4 * Slug: twentytwentyfour/search 5 5 * Inserter: no 6 6 */ -
trunk/src/wp-content/themes/twentytwentyfour/patterns/hidden-sidebar.php
r56716 r56764 7 7 */ 8 8 ?> 9 10 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained","contentSize":"420px"}} --> 11 <div class="wp-block-group"> 12 13 <!-- wp:spacer {"height":"var:preset|spacing|10"} --> 14 <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div> 15 <!-- /wp:spacer --> 16 17 <!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} --> 9 <!-- 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"}} --> 18 11 <div class="wp-block-group" style="margin-top:0;margin-bottom:0"><!-- wp:avatar {"size":80,"style":{"border":{"radius":"16px"}}} /--> 19 12 20 <!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} --> 21 <h2 class="wp-block-heading" style="font-size:1.6rem"><?php echo esc_html__( 'About the author', 'twentytwentyfour' ); ?></h2> 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> 22 16 <!-- /wp:heading --> 23 17 24 18 <!-- wp:post-author-biography {"fontSize":"small"} /--></div> 19 <!-- /wp:group --></div> 25 20 <!-- /wp:group --> 26 21 … … 29 24 <!-- /wp:separator --> 30 25 31 <!-- wp:group {"layout":{"type":"constrained"}} --> 32 <div class="wp-block-group"> 33 <!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} --> 34 <h2 class="wp-block-heading" style="font-size:1.6rem"><?php echo esc_html__( 'Latest Posts', 'twentytwentyfour' ); ?></h2> 35 <!-- /wp:heading --> 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 --> 36 30 37 <!-- wp:query {"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false}} --> 38 <div class="wp-block-query"><!-- wp:post-template --> 39 <!-- wp:group {"style":{"spacing":{"blockGap":"2px"}},"layout":{"type":"flex","orientation":"vertical"}} --> 40 <div class="wp-block-group"><!-- wp:post-title {"isLink":true,"fontSize":"medium"} /--> 41 <!-- wp:template-part {"slug":"post-meta","theme":"twentytwentyfour"} /--> 42 </div> 43 <!-- /wp:group --> 31 <!-- wp:categories {"showHierarchy":true,"showPostCounts":true,"fontSize":"small"} /--></div> 32 <!-- /wp:group --> 44 33 45 <!-- wp:spacer {"height":"var:preset|spacing|10"} --> 46 <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div> 47 <!-- /wp:spacer --> 48 <!-- /wp:post-template --></div> 49 <!-- /wp:query --> 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 --> 37 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 --> 43 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 --> 48 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 --> 50 53 </div> 51 54 <!-- /wp:group --> … … 55 58 <!-- /wp:separator --> 56 59 57 <!-- wp:group {" layout":{"type":"constrained"}} -->60 <!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> 58 61 <div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} --> 59 <h2 class="wp-block-heading" style="font-size:1.6rem"><?php e cho esc_html__( 'Links', 'twentytwentyfour' ); ?></h2>62 <h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'Search the website', 'twentytwentyfour' ); ?></h2> 60 63 <!-- /wp:heading --> 61 64 62 63 <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400","textDecoration":"underline"}},"fontSize":"small"} --> 64 <!-- wp:navigation-link {"label":"<?php echo esc_html__( 'Latest inflation report', 'twentytwentyfour' ); ?>","url":"#"} /--> 65 <!-- wp:navigation-link {"label":"<?php echo esc_html__( 'Financial apps for families', 'twentytwentyfour' ); ?>","url":"#"} /--> 66 <!-- /wp:navigation --></div> 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> 67 66 <!-- /wp:group --> 68 67 69 68 <!-- wp:spacer {"height":"var:preset|spacing|10"} --> 70 69 <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div> 71 <!-- /wp:spacer --> 72 73 </div> 70 <!-- /wp:spacer --></div> 74 71 <!-- /wp:group --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/left-aligned-cta-image.php
r56716 r56764 41 41 42 42 <!-- wp:column {"verticalAlignment":"center","width":"50%"} --> 43 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none"," style":{"color":{"duotone":"var:preset|duotone|duotone-1"}},"className":"is-style-rounded"} -->44 <figure class="wp-block-image size-full is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/ left-aligned-cta.webp" alt="<?php esc_attr_e( 'An abstract Pattern Image', 'twentytwentyfour' ); ?>" style="aspect-ratio:4/3;object-fit:cover"/></figure>43 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> 44 <figure class="wp-block-image size-full is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/abstract-geometric-art.webp" alt="<?php esc_attr_e( 'White abstract geometric artwork from Dresden, Germany', 'twentytwentyfour' ); ?>" style="aspect-ratio:4/3;object-fit:cover"/></figure> 45 45 <!-- /wp:image --></div> 46 46 <!-- /wp:column --></div> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/page-03-portfolio-overview.php
r56716 r56764 2 2 /** 3 3 * Title: Portfolio Overview Page 4 * Slug: twentytwentyfour/p age-project-overview4 * Slug: twentytwentyfour/portfolio-overview 5 5 * Categories: about 6 6 * Keywords: page, starter -
trunk/src/wp-content/themes/twentytwentyfour/patterns/page-04-newsletter-landing.php
r56716 r56764 2 2 /** 3 3 * Title: Newsletter Landing Page 4 * Slug: twentytwentyfour/ page-newsletter-landing4 * Slug: twentytwentyfour/newsletter-landing 5 5 * Categories: call-to-action 6 6 * Keywords: page, starter -
trunk/src/wp-content/themes/twentytwentyfour/patterns/page-05-portfolio-home.php
r56716 r56764 2 2 /** 3 3 * Title: Portfolio Home Page 4 * Slug: twentytwentyfour/p age-portfolio-home4 * Slug: twentytwentyfour/portfolio-home 5 5 * Categories: portfolio 6 6 * Keywords: page, starter … … 11 11 ?> 12 12 13 <!-- wp:pattern {"slug":"twentytwentyfour/ hidden-intro-text-left"} /-->13 <!-- wp:pattern {"slug":"twentytwentyfour/intro-text-left"} /--> 14 14 <!-- wp:pattern {"slug":"twentytwentyfour/offset-grid-image-posts"} /--> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/page-06-writer-home.php
r56716 r56764 2 2 /** 3 3 * Title: Writer Home Page 4 * Slug: twentytwentyfour/ page-writer-home4 * Slug: twentytwentyfour/writer-home 5 5 * Categories: text, page 6 6 * Keywords: page, starter … … 27 27 <!-- wp:post-title {"isLink":true,"fontSize":"large"} /--> 28 28 29 <!-- wp:template-part {"slug":"post-meta" ,"theme":"twentytwentyfour"} /-->29 <!-- wp:template-part {"slug":"post-meta"} /--> 30 30 31 31 </article> … … 48 48 49 49 <!-- wp:query-no-results --> 50 <!-- wp:pattern {"slug":"twentytwentyfour/ hidden-no-results-content"} /-->50 <!-- wp:pattern {"slug":"twentytwentyfour/no-results-content"} /--> 51 51 <!-- /wp:query-no-results --></div> 52 52 <!-- /wp:query --></div> … … 59 59 <!-- wp:column {"width":"30%"} --> 60 60 <div class="wp-block-column" style="flex-basis:30%"> 61 <!-- wp:template-part {"slug":"sidebar","t heme":"twentytwentyfour"} /-->61 <!-- wp:template-part {"slug":"sidebar","tagName":"aside"} /--> 62 62 </div> 63 63 <!-- /wp:column --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/page-07-rsvp-landing.php
r56763 r56764 1 1 <?php 2 2 /** 3 * Title: RSVP 4 * Slug: twentytwentyfour/rsvp 5 * Categories: call-to-action, banner, featured 6 * Viewport width: 1400 3 * Title: RSVP Landing Page 4 * Slug: twentytwentyfour/rsvp-landing 5 * Categories: call-to-action 6 * Keywords: page, starter 7 * Block Types: core/post-content 8 * Post Types: page, wp_template 9 * Viewport width: 1100 7 10 */ 8 11 ?> … … 14 17 <div class="wp-block-group" style="min-height:100%"> 15 18 16 <!-- wp: paragraph {"align":"right","style":{"typography":{"writingMode":"vertical-rl","fontSize":"12rem","lineHeight":"1"},"spacing":{"margin":{"right":"0","left":"calc( var(--wp--preset--spacing--30) * -1)"}}},"fontFamily":"heading"} -->17 < p class="has-text-align-right has-heading-font-family" style="margin-right:0;margin-left:calc( var(--wp--preset--spacing--30) * -1);font-size:12rem;line-height:1;writing-mode:vertical-rl"><?php echo esc_html_x( 'RSVP', 'Initials for ´please respond´', 'twentytwentyfour' ); ?></p>18 <!-- /wp: paragraph-->19 <!-- wp:heading {"textAlign":"right","level":1,"style":{"typography":{"fontSize":"12rem","writingMode":"vertical-rl","lineHeight":"1"},"spacing":{"margin":{"right":"0","left":"calc( var(--wp--preset--spacing--20) * -1)"}}}} --> 20 <h1 class="wp-block-heading has-text-align-right" style="margin-right:0;margin-left:calc( var(--wp--preset--spacing--20) * -1);font-size:12rem;line-height:1;writing-mode:vertical-rl"><?php echo esc_html_x( 'RSVP', 'Initials for ´please respond´', 'twentytwentyfour' ); ?></h1> 21 <!-- /wp:heading --> 19 22 20 23 <!-- wp:group {"layout":{"type":"constrained","contentSize":"300px","justifyContent":"left"}} --> … … 34 37 <!-- wp:column {"verticalAlignment":"top","width":"50%"} --> 35 38 <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:50%"><!-- wp:image {"aspectRatio":"3/4","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} --> 36 <figure class="wp-block-image size-large is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/ rsvp.webp" alt="<?php esc_attr_e( 'An abstract pattern image', 'twentytwentyfour' ); ?>" style="aspect-ratio:3/4;object-fit:cover"/></figure>39 <figure class="wp-block-image size-large is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/green-staircase.webp" alt="<?php esc_attr_e( 'Green staircase at Western University, London, Canada', 'twentytwentyfour' ); ?>" style="aspect-ratio:3/4;object-fit:cover"/></figure> 37 40 <!-- /wp:image --></div> 38 41 <!-- /wp:column --></div> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/posts-featured.php
r56716 r56764 11 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 12 <!-- wp:heading {"align":"wide","style":{"typography":{"lineHeight":"1"},"spacing":{"margin":{"top":"0"}}},"fontSize":"x-large"} --> 13 <h2 class="wp-block-heading alignwide has-x-large-font-size" style="margin-top:0;line-height:1"><?php e cho esc_html__( 'Watch, Read, Listen', 'twentytwentyfour' ); ?></h2>13 <h2 class="wp-block-heading alignwide has-x-large-font-size" style="margin-top:0;line-height:1"><?php esc_html_e( 'Watch, Read, Listen', 'twentytwentyfour' ); ?></h2> 14 14 <!-- /wp:heading --> 15 15 … … 33 33 <!-- wp:post-excerpt {"excerptLength":35} /--> 34 34 35 <!-- wp:template-part {"slug":"post-meta" , "theme":"twentytwentyfour"} /-->35 <!-- wp:template-part {"slug":"post-meta"} /--> 36 36 37 37 </div> … … 54 54 55 55 <!-- wp:post-excerpt {"excerptLength":14,"fontSize":"small"} /--> 56 <!-- wp:template-part {"slug":"post-meta" , "theme":"twentytwentyfour"} /-->56 <!-- wp:template-part {"slug":"post-meta"} /--> 57 57 58 58 </div> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/posts-one-column.php
r56716 r56764 33 33 <!-- /wp:query-pagination --> 34 34 <!-- wp:query-no-results --> 35 <!-- wp:pattern {"slug":"twentytwentyfour/ hidden-no-results-content"} /-->35 <!-- wp:pattern {"slug":"twentytwentyfour/no-results-content"} /--> 36 36 <!-- /wp:query-no-results --> 37 37 </div> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/posts-three-columns-images.php
r56716 r56764 28 28 29 29 <!-- wp:query-no-results --> 30 <!-- wp:pattern {"slug":"twentytwentyfour/ hidden-no-results-content"} /-->30 <!-- wp:pattern {"slug":"twentytwentyfour/no-results-content"} /--> 31 31 <!-- /wp:query-no-results --> 32 32 -
trunk/src/wp-content/themes/twentytwentyfour/patterns/posts-three-columns.php
r56716 r56764 44 44 45 45 <!-- wp:query-no-results --> 46 <!-- wp:pattern {"slug":"twentytwentyfour/ hidden-no-results-content"} /-->46 <!-- wp:pattern {"slug":"twentytwentyfour/no-results-content"} /--> 47 47 <!-- /wp:query-no-results --> 48 48 -
trunk/src/wp-content/themes/twentytwentyfour/patterns/project-description.php
r56716 r56764 31 31 32 32 <!-- wp:image {"align":"wide","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} --> 33 <figure class="wp-block-image alignwide size-large is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/ tt4_projectoverview.jpg" alt="<?php esc_attr_e( 'An women walking in the stair.', 'twentytwentyfour' ); ?>"/></figure>33 <figure class="wp-block-image alignwide size-large is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/hotel-facade.webp" alt="<?php esc_attr_e( 'Hyatt Regency San Francisco, San Francisco, United States', 'twentytwentyfour' ); ?>"/></figure> 34 34 <!-- /wp:image --></div> 35 35 <!-- /wp:group --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/project-layout.php
r56716 r56764 13 13 <div class="wp-block-column is-vertically-aligned-stretch" style="padding-right:0;flex-basis:60%"><!-- wp:group {"style":{"dimensions":{"minHeight":"100%"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between","justifyContent":"stretch"}} --> 14 14 <div class="wp-block-group" style="min-height:100%"><!-- wp:image {"aspectRatio":"9/16","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} --> 15 <figure class="wp-block-image size-large is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/ project-1.webp" alt="<?php esc_attr_e( 'A building seen from perspective', 'twentytwentyfour' ); ?>" style="aspect-ratio:9/16;object-fit:cover"/></figure>15 <figure class="wp-block-image size-large is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/angular-roof.webp" alt="<?php esc_attr_e( 'An empty staircase under an angular roof in Darling Harbour, Sydney, Australia', 'twentytwentyfour' ); ?>" style="aspect-ratio:9/16;object-fit:cover"/></figure> 16 16 <!-- /wp:image --> 17 17 … … 38 38 39 39 <!-- wp:image {"aspectRatio":"9/16","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} --> 40 <figure class="wp-block-image size-large is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/ project-overview.webp" alt="<?php esc_attr_e( 'A woman walking up the stairs', 'twentytwentyfour' ); ?>" style="aspect-ratio:9/16;object-fit:cover"/></figure>40 <figure class="wp-block-image size-large is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/art-gallery.webp" alt="<?php esc_attr_e( 'Art Gallery of Ontario, Toronto, Canada', 'twentytwentyfour' ); ?>" style="aspect-ratio:9/16;object-fit:cover"/></figure> 41 41 <!-- /wp:image --></div> 42 42 <!-- /wp:group --></div> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/services-cta.php
r56716 r56764 12 12 <div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"center","width":"60%"} --> 13 13 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:60%"><!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|duotone-1"}},"className":"is-style-rounded"} --> 14 <figure class="wp-block-image size-full is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/ left-aligned-cta.webp" alt="<?php esc_attr_e( 'A man holding some paper', 'twentytwentyfour' ); ?>" style="aspect-ratio:4/3;object-fit:cover"/></figure>14 <figure class="wp-block-image size-full is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/abstract-geometric-art.webp" alt="<?php esc_attr_e( 'White abstract geometric artwork from Dresden, Germany', 'twentytwentyfour' ); ?>" style="aspect-ratio:4/3;object-fit:cover"/></figure> 15 15 <!-- /wp:image --></div> 16 16 <!-- /wp:column --> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/template-archive-portfolio.php
r56716 r56764 9 9 ?> 10 10 11 <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} --> 12 <div class="wp-block-group"> 13 <!-- wp:template-part {"slug":"header","theme":"twentytwentyfour"} /--> 14 </div> 15 <!-- /wp:group --> 11 <!-- wp:template-part {"slug":"header"} /--> 16 12 17 13 <!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> … … 25 21 <!-- /wp:group --> 26 22 27 <!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer" ,"theme":"twentytwentyfour"} /-->23 <!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/template-archive-writer.php
r56716 r56764 2 2 /** 3 3 * Title: Writer Archive Template 4 * Slug: twentytwentyfour/ archive-writer4 * Slug: twentytwentyfour/template-archive-writer 5 5 * Template Types: archive, category, tag, author, date 6 6 * Viewport width: 1400 … … 9 9 ?> 10 10 11 <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} --> 12 <div class="wp-block-group"> 13 <!-- wp:template-part {"slug":"header","theme":"twentytwentyfour"} /--> 14 </div> 15 <!-- /wp:group --> 11 <!-- wp:template-part {"slug":"header"} /--> 16 12 17 13 <!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0","margin":{"top":"0"}}},"layout":{"type":"default"}} --> … … 26 22 <!-- /wp:group --> 27 23 28 <!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer" ,"theme":"twentytwentyfour"} /-->24 <!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/template-home-portfolio.php
r56716 r56764 1 1 <?php 2 2 /** 3 * Title: Portfolio Template3 * Title: Portfolio Home Template 4 4 * Slug: twentytwentyfour/template-home-portfolio 5 5 * Template Types: front-page, index, home, page … … 9 9 ?> 10 10 11 <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} --> 12 <div class="wp-block-group"> 13 <!-- wp:template-part {"slug":"header","theme":"twentytwentyfour"} /--> 14 </div> 15 <!-- /wp:group --> 11 <!-- wp:template-part {"slug":"header"} /--> 16 12 17 <!-- wp:pattern {"slug":"twentytwentyfour/ hidden-intro-text-left"} /-->13 <!-- wp:pattern {"slug":"twentytwentyfour/intro-text-left"} /--> 18 14 <!-- wp:pattern {"slug":"twentytwentyfour/offset-grid-image-posts"} /--> 19 15 20 <!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer" ,"theme":"twentytwentyfour"} /-->16 <!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/template-home-writer.php
r56716 r56764 1 1 <?php 2 2 /** 3 * Title: Writer Template3 * Title: Writer Home Template 4 4 * Slug: twentytwentyfour/template-home-writer 5 5 * Template Types: front-page, index, home, page … … 9 9 ?> 10 10 11 <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} --> 12 <div class="wp-block-group"> 13 <!-- wp:template-part {"slug":"header","theme":"twentytwentyfour"} /--> 14 </div> 15 <!-- /wp:group --> 11 <!-- wp:template-part {"slug":"header"} /--> 16 12 17 13 <!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"blockGap":"0","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"},"tagName":"main"} --> 18 14 <main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"> 19 15 20 <!-- wp:pattern {"slug":"twentytwentyfour/ page-writer-home"} /-->16 <!-- wp:pattern {"slug":"twentytwentyfour/writer-home"} /--> 21 17 22 18 </main> 23 19 <!-- /wp:group --> 24 20 25 <!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer" ,"theme":"twentytwentyfour"} /-->21 <!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/template-index-portfolio.php
r56716 r56764 8 8 ?> 9 9 10 <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} --> 11 <div class="wp-block-group"> 12 <!-- wp:template-part {"slug":"header","theme":"twentytwentyfour"} /--> 13 </div> 14 <!-- /wp:group --> 10 <!-- wp:template-part {"slug":"header"} /--> 15 11 16 12 <!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> 17 13 <main class="wp-block-group alignfull"> 18 <!-- wp:heading {"level":1," className="screen-reader-text} -->19 <h1 class="wp-block-heading screen-reader-text"><?php echo esc_html__( 'Posts', 'twentytwentyfour' ); ?></h1>14 <!-- wp:heading {"level":1,"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|50"}}}} --> 15 <h1 class="wp-block-heading alignwide" style="padding-top:var(--wp--preset--spacing--50)"><?php esc_html_e( 'Posts', 'twentytwentyfour' ); ?></h1> 20 16 <!-- /wp:heading --> 21 17 … … 25 21 <!-- /wp:group --> 26 22 27 <!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer" ,"theme":"twentytwentyfour"} /-->23 <!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/template-index-writer.php
r56716 r56764 2 2 /** 3 3 * Title: Writer Index Template 4 * Slug: twentytwentyfour/ index-writer4 * Slug: twentytwentyfour/template-index-writer 5 5 * Template Types: index, home 6 6 * Viewport width: 1400 … … 9 9 ?> 10 10 11 <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} --> 12 <div class="wp-block-group"> 13 <!-- wp:template-part {"slug":"header","theme":"twentytwentyfour"} /--> 14 </div> 15 <!-- /wp:group --> 11 <!-- wp:template-part {"slug":"header"} /--> 16 12 17 13 <!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0","margin":{"top":"0"}}},"layout":{"type":"default"}} --> … … 20 16 <div class="wp-block-group"> 21 17 <!-- wp:heading {"level":1,"style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50"}}}} --> 22 <h1 class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--50);line-height:1"><?php e cho esc_html__( 'Watch, Read, Listen', 'twentytwentyfour' ); ?></h1>18 <h1 class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--50);line-height:1"><?php esc_html_e( 'Watch, Read, Listen', 'twentytwentyfour' ); ?></h1> 23 19 <!-- /wp:heading --> 24 20 </div> … … 28 24 <!-- /wp:group --> 29 25 30 <!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer" ,"theme":"twentytwentyfour"} /-->26 <!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/template-search-portfolio.php
r56716 r56764 9 9 ?> 10 10 11 <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} --> 12 <div class="wp-block-group"> 13 <!-- wp:template-part {"slug":"header","theme":"twentytwentyfour"} /--> 14 </div> 15 <!-- /wp:group --> 11 <!-- wp:template-part {"slug":"header"} /--> 16 12 17 13 … … 24 20 <!-- wp:column {"width":"66.66%"} --> 25 21 <div class="wp-block-column" style="flex-basis:66.66%"> 26 <!-- wp:pattern {"slug":"twentytwentyfour/ hidden-search"} /-->22 <!-- wp:pattern {"slug":"twentytwentyfour/search"} /--> 27 23 </div> 28 24 <!-- /wp:column --> 29 25 30 26 <!-- wp:column {"width":"33.33%"} --> 31 27 <div class="wp-block-column" style="flex-basis:33.33%"> … … 37 33 </div> 38 34 <!-- /wp:columns --> 39 35 40 36 <!-- wp:pattern {"slug":"twentytwentyfour/posts-three-columns-images"} /--> 41 37 </main> 42 38 <!-- /wp:group --> 43 39 44 <!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer" ,"theme":"twentytwentyfour"} /-->40 <!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/template-search-writer.php
r56716 r56764 2 2 /** 3 3 * Title: Writer Search Results Template 4 * Slug: twentytwentyfour/ search-writer4 * Slug: twentytwentyfour/template-search-writer 5 5 * Template Types: search 6 6 * Viewport width: 1400 … … 9 9 ?> 10 10 11 <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} --> 12 <div class="wp-block-group"> 13 <!-- wp:template-part {"slug":"header","theme":"twentytwentyfour"} /--> 14 </div> 15 <!-- /wp:group --> 11 <!-- wp:template-part {"slug":"header"} /--> 16 12 17 13 <!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0","margin":{"top":"0"}}},"layout":{"type":"default"}} --> … … 20 16 <div class="wp-block-group"> 21 17 <!-- wp:query-title {"type":"search","style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|30"}}}} /--> 22 <!-- wp:pattern {"slug":"twentytwentyfour/ hidden-search"} /-->18 <!-- wp:pattern {"slug":"twentytwentyfour/search"} /--> 23 19 </div> 24 20 <!-- /wp:group --> … … 27 23 <!-- /wp:group --> 28 24 29 <!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer" ,"theme":"twentytwentyfour"} /-->25 <!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/template-single-portfolio.php
r56716 r56764 9 9 ?> 10 10 11 <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} --> 12 <div class="wp-block-group"> 13 <!-- wp:template-part {"slug":"header","theme":"twentytwentyfour"} /--> 14 </div> 15 <!-- /wp:group --> 11 <!-- wp:template-part {"slug":"header"} /--> 16 12 17 13 <!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> … … 23 19 24 20 <!-- wp:group {"align":"wide","layout":{"type":"constrained","justifyContent":"left"}} --> 25 <div class="wp-block-group alignwide"><!-- wp:template-part {"slug":"post-meta" ,"theme":"twentytwentyfour"} /--></div>21 <div class="wp-block-group alignwide"><!-- wp:template-part {"slug":"post-meta"} /--></div> 26 22 <!-- /wp:group --> 27 23 … … 33 29 <!-- /wp:group --> 34 30 35 <!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer" ,"theme":"twentytwentyfour"} /-->31 <!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> -
trunk/src/wp-content/themes/twentytwentyfour/patterns/text-title-left-image-right.php
r56716 r56764 36 36 <!-- wp:column {"verticalAlignment":"center","width":"50%"} --> 37 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/ about.webp" alt="<?php esc_attr_e( 'Picture Of Business About', 'twentytwentyfour' ); ?>" style="aspect-ratio:3/4;object-fit:cover"/></figure>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 39 <!-- /wp:image --></div> 40 40 <!-- /wp:column --></div> -
trunk/src/wp-content/themes/twentytwentyfour/style.css
r56716 r56764 5 5 Author URI: https://wordpress.org 6 6 Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4. 7 Requires at least: 6. 27 Requires at least: 6.4 8 8 Tested up to: 6.4 9 9 Requires PHP: 7.0 -
trunk/src/wp-content/themes/twentytwentyfour/templates/404.html
r56716 r56764 1 <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} --> 2 <div class="wp-block-group"> 3 <!-- wp:template-part {"slug":"header"} /--> 4 </div> 5 <!-- /wp:group --> 1 <!-- wp:template-part {"slug":"header"} /--> 6 2 7 3 <!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained"}} --> -
trunk/src/wp-content/themes/twentytwentyfour/templates/archive.html
r56716 r56764 1 <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} --> 2 <div class="wp-block-group"> 3 <!-- wp:template-part {"slug":"header"} /--> 4 </div> 5 <!-- /wp:group --> 1 <!-- wp:template-part {"slug":"header"} /--> 6 2 7 3 <!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> -
trunk/src/wp-content/themes/twentytwentyfour/templates/home.html
r56716 r56764 1 <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} --> 2 <div class="wp-block-group"> 3 <!-- wp:template-part {"slug":"header"} /--> 4 </div> 5 <!-- /wp:group --> 6 7 <!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0","margin":{"top":"0"}}},"layout":{"type":"default"}} --> 8 <main class="wp-block-group" style="margin-top:0"> 9 <!-- wp:pattern {"slug":"twentytwentyfour/home"} /--> 10 </main> 11 <!-- /wp:group --> 12 13 <!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> 1 <!-- wp:pattern {"slug":"twentytwentyfour/template-home"} /--> -
trunk/src/wp-content/themes/twentytwentyfour/templates/index.html
r56716 r56764 1 <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} --> 2 <div class="wp-block-group"> 3 <!-- wp:template-part {"slug":"header"} /--> 4 </div> 5 <!-- /wp:group --> 1 <!-- wp:template-part {"slug":"header"} /--> 6 2 7 3 <!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> 8 4 <main class="wp-block-group alignfull"> 9 <!-- wp:heading {"level":1," className":"screen-reader-text"} -->10 <h1 class="wp-block-heading screen-reader-text">Posts</h1>5 <!-- wp:heading {"level":1,"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|50"}}}} --> 6 <h1 class="wp-block-heading alignwide" style="padding-top:var(--wp--preset--spacing--50)">Posts</h1> 11 7 <!-- /wp:heading --> 12 8 <!-- wp:pattern {"slug":"twentytwentyfour/posts-three-columns"} /--> -
trunk/src/wp-content/themes/twentytwentyfour/templates/page-no-title.html
r56716 r56764 1 <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} --> 2 <div class="wp-block-group"> 3 <!-- wp:template-part {"slug":"header"} /--> 4 </div> 5 <!-- /wp:group --> 1 <!-- wp:template-part {"slug":"header"} /--> 6 2 7 3 <!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0"}}}} --> -
trunk/src/wp-content/themes/twentytwentyfour/templates/page-wide.html
r56716 r56764 1 <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} --> 2 <div class="wp-block-group"> 3 <!-- wp:template-part {"slug":"header"} /--> 4 </div> 5 <!-- /wp:group --> 1 <!-- wp:template-part {"slug":"header"} /--> 6 2 7 3 <!-- wp:group {"tagName":"main","layout":{"type":"default"}} --> … … 17 13 18 14 <!-- wp:column --> 19 <div class="wp-block-column"><!-- wp:post-content {"lock":{"move":false,"remove": false},"layout":{"type":"constrained"}} /--></div>15 <div class="wp-block-column"><!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} /--></div> 20 16 <!-- /wp:column --></div> 21 17 <!-- /wp:columns --></div> -
trunk/src/wp-content/themes/twentytwentyfour/templates/page-with-sidebar.html
r56716 r56764 1 <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} --> 2 <div class="wp-block-group"> 3 <!-- wp:template-part {"slug":"header"} /--> 4 </div> 5 <!-- /wp:group --> 1 <!-- wp:template-part {"slug":"header"} /--> 6 2 7 3 <!-- wp:group {"layout":{"type":"constrained"}} --> … … 16 12 <!-- wp:column {"width":"60%"} --> 17 13 <div class="wp-block-column" style="flex-basis:60%"> 18 <!-- wp:group {"tagName":"main","l ock":{"move":false,"remove":false},"layout":{"type":"constrained"}} -->14 <!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} --> 19 15 <main class="wp-block-group"> 20 16 <!-- wp:post-title {"level":1,"fontSize":"x-large"} /--> … … 39 35 <!-- wp:column {"width":"30%"} --> 40 36 <div class="wp-block-column" style="flex-basis:30%"> 41 <!-- wp:template-part {"slug":"sidebar" } /-->37 <!-- wp:template-part {"slug":"sidebar","tagName":"aside"} /--> 42 38 </div> 43 39 <!-- /wp:column --> -
trunk/src/wp-content/themes/twentytwentyfour/templates/page.html
r56716 r56764 1 <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} --> 2 <div class="wp-block-group"> 3 <!-- wp:template-part {"slug":"header"} /--> 4 </div> 5 <!-- /wp:group --> 1 <!-- wp:template-part {"slug":"header"} /--> 6 2 7 3 <!-- wp:group {"tagName":"main"} --> -
trunk/src/wp-content/themes/twentytwentyfour/templates/search.html
r56716 r56764 1 <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} --> 2 <div class="wp-block-group"> 3 <!-- wp:template-part {"slug":"header"} /--> 4 </div> 5 <!-- /wp:group --> 1 <!-- wp:template-part {"slug":"header"} /--> 6 2 7 3 … … 14 10 <!-- wp:column {"width":"66.66%"} --> 15 11 <div class="wp-block-column" style="flex-basis:66.66%"> 16 <!-- wp:pattern {"slug":"twentytwentyfour/ hidden-search"} /-->12 <!-- wp:pattern {"slug":"twentytwentyfour/search"} /--> 17 13 </div> 18 14 <!-- /wp:column --> -
trunk/src/wp-content/themes/twentytwentyfour/templates/single-with-sidebar.html
r56716 r56764 1 <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} --> 2 <div class="wp-block-group"> 3 <!-- wp:template-part {"slug":"header"} /--> 4 </div> 5 <!-- /wp:group --> 1 <!-- wp:template-part {"slug":"header"} /--> 6 2 7 3 <!-- wp:group {"style":{"spacing":{"margin":{"top":"0vh","bottom":"0vh"},"padding":{"top":"10vh","bottom":"8vh"}}},"layout":{"type":"constrained"}} --> … … 24 20 <!-- /wp:group --> 25 21 26 <!-- wp:group {"tagName":"main","l ock":{"move":false,"remove":false},"layout":{"type":"constrained"}} -->22 <!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} --> 27 23 <main class="wp-block-group"><!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} /--> 28 24 … … 54 50 55 51 <!-- wp:column {"width":"30%"} --> 56 <div class="wp-block-column" style="flex-basis:30%"><!-- wp:template-part {"slug":"sidebar" } /--></div>52 <div class="wp-block-column" style="flex-basis:30%"><!-- wp:template-part {"slug":"sidebar","tagName":"aside"} /--></div> 57 53 <!-- /wp:column --> 58 54 -
trunk/src/wp-content/themes/twentytwentyfour/templates/single.html
r56716 r56764 1 <!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} --> 2 <div class="wp-block-group"> 3 <!-- wp:template-part {"slug":"header"} /--> 4 </div> 5 <!-- /wp:group --> 1 <!-- wp:template-part {"slug":"header"} /--> 6 2 7 3 <!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> … … 18 14 <!-- /wp:group --> 19 15 20 <!-- wp:group {" lock":{"move":false,"remove":false},"align":"full","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}},"layout":{"type":"default"}} -->16 <!-- wp:group {"align":"full","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}},"layout":{"type":"default"}} --> 21 17 <div class="wp-block-group alignfull" style="margin-bottom:var(--wp--preset--spacing--40)"> 22 18 -
trunk/src/wp-content/themes/twentytwentyfour/theme.json
r56716 r56764 320 320 } 321 321 }, 322 "core/categories": { 323 "spacing": { 324 "padding": { 325 "left": "0px", 326 "right": "0px" 327 } 328 }, 329 "css": "& {list-style-type:none;} & li{margin-bottom: 0.5rem;}" 330 }, 322 331 "core/code": { 323 332 "border": { … … 781 790 "style": "dotted", 782 791 "width": "1px" 792 }, 793 "border": { 794 "color": "var(--wp--preset--color--contrast-2)" 783 795 } 784 796 }, … … 787 799 "background": "var(--wp--preset--color--contrast-2)", 788 800 "text": "var(--wp--preset--color--base)" 801 }, 802 "border": { 803 "color": "var(--wp--preset--color--contrast-2)" 789 804 } 790 805 },
Note: See TracChangeset
for help on using the changeset viewer.