diff options
Diffstat (limited to 'wp-content/themes/twentytwentyfour/patterns')
56 files changed, 2929 insertions, 0 deletions
diff --git a/wp-content/themes/twentytwentyfour/patterns/banner-hero.php b/wp-content/themes/twentytwentyfour/patterns/banner-hero.php new file mode 100644 index 0000000..4587ac8 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/banner-hero.php @@ -0,0 +1,55 @@ +<?php +/** + * Title: Hero + * Slug: twentytwentyfour/banner-hero + * Categories: banner, call-to-action, featured + * Viewport width: 1400 + */ +?> + +<!-- 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","contentSize":"","wideSize":""}} --> +<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 {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"constrained","contentSize":"565px"}} --> + <div class="wp-block-group"> + + <!-- wp:heading {"textAlign":"center","fontSize":"x-large","level":1} --> + <h1 class="wp-block-heading has-text-align-center has-x-large-font-size"><?php echo esc_html_x( 'A commitment to innovation and sustainability', 'Heading of the hero section', 'twentytwentyfour' ); ?></h1> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":"1.25rem"} --> + <div style="height:1.25rem" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo esc_html_x( 'Études is a pioneering firm that seamlessly merges creativity and functionality to redefine architectural excellence.', 'Content of the hero section', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":"1.25rem"} --> + <div style="height:1.25rem" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> + <div class="wp-block-buttons"> + <!-- wp:button --> + <div class="wp-block-button"> + <a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'About us', 'Button text of the hero section', 'twentytwentyfour' ); ?></a> + </div> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + </div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":"var:preset|spacing|30","style":{"layout":{}}} --> + <div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:image {"align":"wide","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> + <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> + <!-- /wp:image --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/banner-project-description.php b/wp-content/themes/twentytwentyfour/patterns/banner-project-description.php new file mode 100644 index 0000000..31a44fc --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/banner-project-description.php @@ -0,0 +1,44 @@ +<?php +/** + * Title: Project description + * Slug: twentytwentyfour/banner-project-description + * Categories: featured, banner, about, portfolio + * Viewport width: 1400 + */ +?> +<!-- 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-2","layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull has-accent-2-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 {"align":"wide"} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"width":"40%"} --> + <div class="wp-block-column" style="flex-basis:40%"> + <!-- wp:paragraph {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"}}} --> + <p><?php echo esc_html_x( 'Art Gallery — Overview', 'Sample title for a project or post', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"60%"} --> + <div class="wp-block-column" style="flex-basis:60%"> + + <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"}},"fontSize":"x-large","fontFamily":"heading"} --> + <p class="has-heading-font-family has-x-large-font-size" style="line-height:1.2"><?php echo esc_html_x( 'This transformative project seeks to enhance the gallery\'s infrastructure, accessibility, and exhibition spaces while preserving its rich cultural heritage.', 'Sample descriptive text for a project or post.', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + + <!-- wp:spacer {"height":"var:preset|spacing|40"} --> + <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:image {"align":"wide","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} --> + <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> + <!-- /wp:image --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/cta-content-image-on-right.php b/wp-content/themes/twentytwentyfour/patterns/cta-content-image-on-right.php new file mode 100644 index 0000000..f46ecbc --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/cta-content-image-on-right.php @@ -0,0 +1,66 @@ +<?php +/** + * Title: Call to action with image on right + * Slug: twentytwentyfour/cta-content-image-on-right + * Categories: call-to-action, banner + * Viewport width: 1400 + */ +?> + +<!-- 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"}} --> +<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:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|50"}}}} --> + <div class="wp-block-columns alignwide are-vertically-aligned-center"> + <!-- wp:column {"verticalAlignment":"center","width":"50%"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"> + <!-- wp:heading --> + <h2 class="wp-block-heading"><?php echo esc_html_x( 'Enhance your architectural journey with the Études Architect app.', 'Sample heading', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:list {"style":{"typography":{"lineHeight":"1.75"}},"className":"is-style-checkmark-list"} --> + <ul class="is-style-checkmark-list" style="line-height:1.75"> + <!-- wp:list-item --> + <li><?php echo esc_html_x( 'Collaborate with fellow architects.', 'Sample list item', 'twentytwentyfour' ); ?></li> + <!-- /wp:list-item --> + + <!-- wp:list-item --> + <li><?php echo esc_html_x( 'Showcase your projects.', 'Sample list item', 'twentytwentyfour' ); ?></li> + <!-- /wp:list-item --> + + <!-- wp:list-item --> + <li><?php echo esc_html_x( 'Experience the world of architecture.', 'Sample list item', 'twentytwentyfour' ); ?></li> + <!-- /wp:list-item --> + </ul> + <!-- /wp:list --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"> + <!-- wp:button --> + <div class="wp-block-button"> + <a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Download app', 'Button text of this section', 'twentytwentyfour' ); ?></a> + </div> + <!-- /wp:button --> + + <!-- wp:button {"className":"is-style-outline"} --> + <div class="wp-block-button is-style-outline"> + <a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'How it works', 'Button text of this section', 'twentytwentyfour' ); ?></a> + </div> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center","width":"50%"} --> + <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"} --> + <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> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/cta-pricing.php b/wp-content/themes/twentytwentyfour/patterns/cta-pricing.php new file mode 100644 index 0000000..45f85f5 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/cta-pricing.php @@ -0,0 +1,214 @@ +<?php +/** + * Title: Pricing + * Slug: twentytwentyfour/cta-pricing + * Categories: call-to-action, services + * Viewport width: 1400 + */ +?> + +<!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Pricing Table', 'Name for the pricing pattern', 'twentytwentyfour' ); ?>"},"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"}}},"layout":{"type":"constrained"}} --> +<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|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}},"border":{"radius":"16px"}},"backgroundColor":"base-2","layout":{"type":"constrained"}} --> + <div class="wp-block-group alignwide has-base-2-background-color has-background" style="border-radius:16px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--40)"> + <!-- wp:group {"align":"wide","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> + <div class="wp-block-group alignwide"> + <!-- wp:heading {"textAlign":"center"} --> + <h2 class="wp-block-heading has-text-align-center"><?php echo esc_html_x( 'Our Services', 'Sample heading for pricing pattern', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"1.125rem"},"spacing":{"margin":{"top":"var:preset|spacing|10"}}}} --> + <p class="has-text-align-center" style="margin-top:var(--wp--preset--spacing--10);font-size:1.125rem"><?php echo esc_html_x( 'We offer flexible options, which you can adapt to the different needs of each project.', 'Sample description for a pricing table', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":"var:preset|spacing|30"} --> + <div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|20"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|30","top":"var:preset|spacing|30","bottom":"var:preset|spacing|10"}},"border":{"top":{"color":"var:preset|color|contrast-3","width":"1px"}}}} --> + <div class="wp-block-column" style="border-top-color:var(--wp--preset--color--contrast-3);border-top-width:1px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--30)"> + <!-- wp:heading {"textAlign":"center","level":4,"style":{"spacing":{"padding":{"top":"1px"}}},"fontSize":"medium"} --> + <h4 class="wp-block-heading has-text-align-center has-medium-font-size" style="padding-top:1px"> + <em><?php echo esc_html_x( 'Free', 'Sample heading for the first pricing level', 'twentytwentyfour' ); ?></em> + </h4> + <!-- /wp:heading --> + + <!-- wp:heading {"textAlign":"center","level":5,"fontSize":"x-large"} --> + <h5 class="wp-block-heading has-text-align-center has-x-large-font-size"><?php echo esc_html_x( '$0', 'Sample price for the first pricing level', 'twentytwentyfour' ); ?></h5> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo wp_kses_post( _x( 'Access to 5 exclusive <em>Études Articles</em> per month.', 'Feature for pricing level', 'twentytwentyfour' ) ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:separator {"backgroundColor":"contrast-3"} --> + <hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide" /> + <!-- /wp:separator --> + + <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-2"}}}},"textColor":"contrast-2"} --> + <p class="has-text-align-center has-contrast-2-color has-text-color has-link-color"> + <s><?php echo esc_html_x( 'Weekly print edition.', 'Feature for pricing level', 'twentytwentyfour' ); ?></s> + </p> + <!-- /wp:paragraph --> + + <!-- wp:separator {"backgroundColor":"contrast-3"} --> + <hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide" /> + <!-- /wp:separator --> + + <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-2"}}}},"textColor":"contrast-2"} --> + <p class="has-text-align-center has-contrast-2-color has-text-color has-link-color"> + <s><?php echo wp_kses_post( _x( 'Exclusive access to the <em>Études</em> app for iOS and Android.', 'Feature for pricing level', 'twentytwentyfour' ) ); ?></s> + </p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> + <div class="wp-block-buttons"> + <!-- wp:button {"width":100,"className":"is-style-outline"} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"> + <a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Subscribe', 'Button text for the first pricing level', 'twentytwentyfour' ); ?></a> + </div> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|30","top":"var:preset|spacing|30","bottom":"var:preset|spacing|10"}},"border":{"top":{"color":"var:preset|color|contrast","width":"2px"}}}} --> + <div class="wp-block-column" style="border-top-color:var(--wp--preset--color--contrast);border-top-width:2px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--30)"> + <!-- wp:heading {"textAlign":"center","level":4} --> + <h4 class="wp-block-heading has-text-align-center"> + <em><?php echo esc_html_x( 'Connoisseur', 'Sample heading for the second pricing level', 'twentytwentyfour' ); ?></em> + </h4> + <!-- /wp:heading --> + + <!-- wp:heading {"textAlign":"center","level":5,"fontSize":"x-large"} --> + <h5 class="wp-block-heading has-text-align-center has-x-large-font-size"><?php echo esc_html_x( '$12', 'Sample price for the second pricing level', 'twentytwentyfour' ); ?></h5> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo wp_kses_post( _x( 'Access to 20 exclusive <em>Études Articles</em> per month.', 'Feature for pricing level', 'twentytwentyfour' ) ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:separator {"backgroundColor":"contrast-3"} --> + <hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide" /> + <!-- /wp:separator --> + + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo esc_html_x( 'Weekly print edition.', 'Feature for pricing level', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:separator {"backgroundColor":"contrast-3"} --> + <hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide" /> + <!-- /wp:separator --> + + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo wp_kses_post( _x( 'Exclusive access to the <em>Études</em> app for iOS and Android.', 'Feature for pricing level', 'twentytwentyfour' ) ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> + <div class="wp-block-buttons"> + <!-- wp:button {"width":100,"className":"is-style-fill"} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"> + <a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Subscribe', 'Button text for the second pricing level', 'twentytwentyfour' ); ?></a> + </div> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|30","top":"var:preset|spacing|30","bottom":"var:preset|spacing|10"}},"border":{"top":{"color":"var:preset|color|contrast-3","width":"1px"}}}} --> + <div class="wp-block-column" style="border-top-color:var(--wp--preset--color--contrast-3);border-top-width:1px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--30)"> + <!-- wp:heading {"textAlign":"center","level":4,"style":{"spacing":{"padding":{"top":"1px"}}},"fontSize":"medium"} --> + <h4 class="wp-block-heading has-text-align-center has-medium-font-size" style="padding-top:1px"> + <em><?php echo esc_html_x( 'Expert', 'Sample heading for the third pricing level', 'twentytwentyfour' ); ?></em> + </h4> + <!-- /wp:heading --> + + <!-- wp:heading {"textAlign":"center","level":5,"fontSize":"x-large"} --> + <h5 class="wp-block-heading has-text-align-center has-x-large-font-size"><?php echo esc_html_x( '$28', 'Sample price for the third pricing level', 'twentytwentyfour' ); ?></h5> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo wp_kses_post( _x( 'Exclusive, unlimited access to <em>Études Articles</em>.', 'Feature for pricing level', 'twentytwentyfour' ) ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:separator {"backgroundColor":"contrast-3"} --> + <hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide" /> + <!-- /wp:separator --> + + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo esc_html_x( 'Weekly print edition.', 'Feature for pricing level', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:separator {"backgroundColor":"contrast-3"} --> + <hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide" /> + <!-- /wp:separator --> + + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo wp_kses_post( _x( 'Exclusive access to the <em>Études</em> app for iOS and Android', 'Feature for pricing level', 'twentytwentyfour' ) ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> + <div class="wp-block-buttons"> + <!-- wp:button {"width":100,"className":"is-style-outline"} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"> + <a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Subscribe', 'Button text for the third pricing level', 'twentytwentyfour' ); ?></a> + </div> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/cta-rsvp.php b/wp-content/themes/twentytwentyfour/patterns/cta-rsvp.php new file mode 100644 index 0000000..9981065 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/cta-rsvp.php @@ -0,0 +1,57 @@ +<?php +/** + * Title: RSVP + * Slug: twentytwentyfour/cta-rsvp + * Categories: call-to-action, featured + * Viewport width: 1100 + */ +?> + +<!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'RSVP', 'Name of RSVP pattern', 'twentytwentyfour' ); ?>"},"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-5","layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull has-accent-5-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 {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|30"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"verticalAlignment":"stretch","width":"40%"} --> + <div class="wp-block-column is-vertically-aligned-stretch" style="flex-basis:40%"> + <!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"left","verticalAlignment":"space-between"}} --> + <div class="wp-block-group" style="min-height:100%"> + + <!-- wp:heading {"textAlign":"right","level":2,"style":{"typography":{"fontSize":"12rem","writingMode":"vertical-rl","lineHeight":"1"},"spacing":{"margin":{"right":"0","left":"calc( var(--wp--preset--spacing--20) * -1)"}}}} --> + <h2 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' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:group {"layout":{"type":"constrained","contentSize":"300px","justifyContent":"left"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"}}} --> + <p><?php echo esc_html_x( 'Experience the fusion of imagination and expertise with Études Arch Summit, February 2025.', 'RSVP call to action description', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"> + <!-- wp:button --> + <div class="wp-block-button"> + <a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Reserve your spot', 'Call to action button text for the reservation button', 'twentytwentyfour' ); ?></a> + </div> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"top","width":"60%"} --> + <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:60%"> + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|duotone-5"}},"className":"is-style-rounded"} --> + <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> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/cta-services-image-left.php b/wp-content/themes/twentytwentyfour/patterns/cta-services-image-left.php new file mode 100644 index 0000000..87f3c9f --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/cta-services-image-left.php @@ -0,0 +1,48 @@ +<?php +/** + * Title: Services call to action with image on left + * Slug: twentytwentyfour/cta-services-image-left + * Categories: call-to-action, banner, featured, services + * Viewport width: 1400 + */ +?> + +<!-- 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"}}},"backgroundColor":"accent-5","layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull has-accent-5-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"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"verticalAlignment":"center","width":"60%"} --> + <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"} --> + <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> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"40%"} --> + <div class="wp-block-column" style="flex-basis:40%"> + <!-- wp:heading --> + <h2 class="wp-block-heading"><?php echo esc_html_x( 'Guiding your business through the project', 'Sample heading of the services pattern', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:paragraph --> + <p><?php echo esc_html_x( 'Experience the fusion of imagination and expertise with Études—the catalyst for architectural transformations that enrich the world around us.', 'Sample description of the services pattern', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"> + <!-- wp:button --> + <div class="wp-block-button"> + <a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Our services', 'Sample button text to view the services', 'twentytwentyfour' ); ?></a> + </div> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/cta-subscribe-centered.php b/wp-content/themes/twentytwentyfour/patterns/cta-subscribe-centered.php new file mode 100644 index 0000000..b65eac5 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/cta-subscribe-centered.php @@ -0,0 +1,42 @@ +<?php +/** + * Title: Centered call to action + * Slug: twentytwentyfour/cta-subscribe-centered + * Categories: call-to-action + * Keywords: newsletter, subscribe, button + */ +?> + +<!-- 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"}} --> +<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":{"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"}} --> + <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"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:heading {"textAlign":"center","fontSize":"x-large"} --> + <h2 class="wp-block-heading has-text-align-center has-x-large-font-size"><?php echo esc_html_x( 'Join 900+ subscribers', 'Sample text for Subscriber Heading with numbers', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo esc_html_x( 'Stay in the loop with everything you need to know.', 'Sample text for Subscriber Description', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> + <div class="wp-block-buttons"> + <!-- wp:button --> + <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> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/footer-centered-logo-nav.php b/wp-content/themes/twentytwentyfour/patterns/footer-centered-logo-nav.php new file mode 100644 index 0000000..4370eac --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/footer-centered-logo-nav.php @@ -0,0 +1,31 @@ +<?php +/** + * Title: Footer with centered logo and navigation + * Slug: twentytwentyfour/footer-centered-logo-nav + * Categories: footer + * Block Types: core/template-part/footer + */ +?> + +<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|50"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} --> +<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50)"> + + <!-- wp:site-logo /--> + + <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","justifyContent":"center"},"fontSize":"small"} /--> + + <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"secondary","fontSize":"small"} --> + <p class="has-text-align-center has-secondary-color has-text-color has-link-color has-small-font-size"> + <?php + /* Translators: WordPress link. */ + $wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentyfour' ) ) . '" rel="nofollow">WordPress</a>'; + echo sprintf( + /* Translators: Designed with WordPress */ + esc_html__( 'Designed with %1$s', 'twentytwentyfour' ), + $wordpress_link + ); + ?> + </p> + <!-- /wp:paragraph --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/footer-colophon-3-col.php b/wp-content/themes/twentytwentyfour/patterns/footer-colophon-3-col.php new file mode 100644 index 0000000..cfb15db --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/footer-colophon-3-col.php @@ -0,0 +1,105 @@ +<?php +/** + * Title: Footer with colophon, 3 columns + * Slug: twentytwentyfour/footer-colophon-3-col + * Categories: footer + * Block Types: core/template-part/footer + */ +?> + +<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} --> +<div class="wp-block-group alignwide"> + <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}}} --> + <div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"> + <!-- wp:image {"width":"40px","height":"auto","sizeSlug":"full","linkDestination":"none"} --> + <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> + <!-- /wp:image --> + + <!-- wp:separator {"className":"is-style-wide"} --> + <hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" /> + <!-- /wp:separator --> + + <!-- wp:columns {"style":{"spacing":{"padding":{"top":"var:preset|spacing|10"}}}} --> + <div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--10)"> + <!-- wp:column {"width":"57%"} --> + <div class="wp-block-column" style="flex-basis:57%"> + <!-- wp:heading {"fontSize":"x-large"} --> + <h2 class="wp-block-heading has-x-large-font-size"><?php esc_html_e( 'Keep up, get in touch.', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + </div> + <!-- /wp:column --> + <!-- wp:column {"width":"30%"} --> + <div class="wp-block-column" style="flex-basis:30%"> + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"level":3,"fontSize":"medium","fontFamily":"body"} --> + <h3 class="wp-block-heading has-body-font-family has-medium-font-size"><?php esc_html_e( 'Contact', 'twentytwentyfour' ); ?></h3> + <!-- /wp:heading --> + <!-- wp:paragraph --> + <p><a href="#"><?php echo esc_html_x( 'info@example.com', 'Example email in site footer', 'twentytwentyfour' ); ?></a></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + <!-- wp:column {"width":"30%"} --> + <div class="wp-block-column" style="flex-basis:30%"> + <!-- wp:columns {"isStackedOnMobile":false} --> + <div class="wp-block-columns is-not-stacked-on-mobile"> + <!-- wp:column --> + <div class="wp-block-column"> + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"level":3,"fontSize":"medium","fontFamily":"body"} --> + <h3 class="wp-block-heading has-body-font-family has-medium-font-size"><?php esc_html_e( 'Follow', 'twentytwentyfour' ); ?></h3> + <!-- /wp:heading --> + <!-- wp:paragraph --> + <p><a href="#"><?php esc_html_e( 'Instagram', 'twentytwentyfour' ); ?></a> / <a href="#"><?php esc_html_e( 'Facebook', 'twentytwentyfour' ); ?></a></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} --> + <div class="wp-block-group"> + <!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"flex","flexWrap":"wrap"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"fontSize":"small"} --> + <p class="has-small-font-size"><?php esc_html_e( '©', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + <!-- wp:site-title {"level":0,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} /--> + </div> + <!-- /wp:group --> + <!-- wp:paragraph {"fontSize":"small"} --> + <p class="has-small-font-size"> + <?php + /* Translators: WordPress link. */ + $wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentyfour' ) ) . '" rel="nofollow">WordPress</a>'; + echo sprintf( + /* Translators: Designed with WordPress */ + esc_html__( 'Designed with %1$s', 'twentytwentyfour' ), + $wordpress_link + ); + ?> + </p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/footer.php b/wp-content/themes/twentytwentyfour/patterns/footer.php new file mode 100644 index 0000000..b39b3dd --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/footer.php @@ -0,0 +1,128 @@ +<?php +/** + * Title: Footer with colophon, 4 columns + * Slug: twentytwentyfour/footer + * Categories: footer + * Block Types: core/template-part/footer + */ +?> + +<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} --> +<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"> + <!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"width":"30%"} --> + <div class="wp-block-column" style="flex-basis:30%"> + <!-- wp:group {"style":{"dimensions":{"minHeight":""},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"flex","orientation":"vertical"}} --> + <div class="wp-block-group"> + <!-- wp:site-logo {"width":20,"shouldSyncIcon":true,"style":{"layout":{"selfStretch":"fit","flexSize":null}}} /--> + + <!-- wp:site-title {"level":0,"fontSize":"medium"} /--> + + <!-- wp:site-tagline {"fontSize":"small"} /--> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"20%"} --> + <div class="wp-block-column" style="flex-basis:20%"> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"50%"} --> + <div class="wp-block-column" style="flex-basis:50%"> + <!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} --> + <div class="wp-block-group"> + <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"level":2,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontFamily":"body"} --> + <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> + <!-- /wp:heading --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} --> + <div class="wp-block-group"> + + <!-- 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' ); ?>"} --> + + <!-- wp:navigation-link {"label":"Team","url":"#"} /--> + <!-- wp:navigation-link {"label":"History","url":"#"} /--> + <!-- wp:navigation-link {"label":"Careers","url":"#"} /--> + + <!-- /wp:navigation --> + + </div> + <!-- /wp:group --> + </div> + + <!-- /wp:group --> + + <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"level":2,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontFamily":"body"} --> + <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> + <!-- /wp:heading --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} --> + <div class="wp-block-group"> + + <!-- 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' ); ?>"} --> + + <!-- wp:navigation-link {"label":"Privacy Policy","url":"#"} /--> + <!-- wp:navigation-link {"label":"Terms and Conditions","url":"#"} /--> + <!-- wp:navigation-link {"label":"Contact Us","url":"#"} /--> + + <!-- /wp:navigation --> + + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + + <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"level":2,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontFamily":"body"} --> + <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> + <!-- /wp:heading --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} --> + <div class="wp-block-group"> + + <!-- 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' ); ?>"} --> + + <!-- wp:navigation-link {"label":"Facebook","url":"#"} /--> + <!-- wp:navigation-link {"label":"Instagram","url":"#"} /--> + <!-- wp:navigation-link {"label":"Twitter/X","url":"#"} /--> + + <!-- /wp:navigation --> + + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + + <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"0"}}}} --> + <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"} --> + <p class="has-contrast-2-color has-text-color has-link-color has-small-font-size"> + <?php + /* Translators: WordPress link. */ + $wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentyfour' ) ) . '" rel="nofollow">WordPress</a>'; + echo sprintf( + /* Translators: Designed with WordPress */ + esc_html__( 'Designed with %1$s', 'twentytwentyfour' ), + $wordpress_link + ); + ?> + </p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/gallery-full-screen-image.php b/wp-content/themes/twentytwentyfour/patterns/gallery-full-screen-image.php new file mode 100644 index 0000000..ee26fca --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/gallery-full-screen-image.php @@ -0,0 +1,21 @@ +<?php +/** + * Title: Full screen image + * Slug: twentytwentyfour/gallery-full-screen-image + * Categories: gallery, portfolio + */ +?> + +<!-- 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"}} --> +<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"> + <!-- wp:spacer {"height":"500px"} --> + <div style="height:500px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + </div> +</div> +<!-- /wp:cover --> diff --git a/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-2-col.php b/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-2-col.php new file mode 100644 index 0000000..67ea044 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-2-col.php @@ -0,0 +1,58 @@ +<?php +/** + * Title: Offset gallery, 2 columns + * Slug: twentytwentyfour/gallery-offset-images-grid-2-col + * Categories: gallery, portfolio + * Keywords: project, images, media, masonry, columns + * Viewport width: 1400 + */ +?> +<!-- wp:group {"metadata":{"name":"Portfolio Images"},"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} --> +<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:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}}}} --> + <div class="wp-block-columns alignwide" style="margin-top:0;margin-bottom:0"> + <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:image {"aspectRatio":"4/3","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:4/3;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"><img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"><img alt="" style="aspect-ratio:1;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-3-col.php b/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-3-col.php new file mode 100644 index 0000000..3280317 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-3-col.php @@ -0,0 +1,110 @@ +<?php +/** + * Title: Offset gallery, 3 columns + * Slug: twentytwentyfour/gallery-offset-images-grid-3-col + * Categories: gallery, portfolio + * Keywords: project, images, media, masonry, columns + * Viewport width: 1400 + */ +?> +<!-- wp:group {"metadata":{"name":"Portfolio Images"},"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} --> +<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:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}}}} --> + <div class="wp-block-columns alignwide" style="margin-top:0;margin-bottom:0"> + <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:image {"aspectRatio":"4/3","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:4/3;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:1;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:1;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"16/9","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:16/9;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-4-col.php b/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-4-col.php new file mode 100644 index 0000000..8c89db8 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-4-col.php @@ -0,0 +1,149 @@ +<?php +/** + * Title: Offset gallery, 4 columns + * Slug: twentytwentyfour/gallery-offset-images-grid-4-col + * Categories: gallery, featured, portfolio + * Keywords: project, images, media, masonry, columns + * Viewport width: 1400 + */ +?> + +<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"},"metadata":{"name":"Portfolio Images"}} --> +<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:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}}}} --> + <div class="wp-block-columns alignwide" style="margin-top:0;margin-bottom:0"> + <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:image {"aspectRatio":"4/3","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:4/3;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:1;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:1;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:3/4;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"16/9","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:16/9;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:1;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"16/9","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:16/9;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:image {"aspectRatio":"9/16","scale":"cover","className":"is-style-rounded"} --> + <figure class="wp-block-image is-style-rounded"> + <img alt="" style="aspect-ratio:9/16;object-fit:cover" /> + </figure> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/gallery-project-layout.php b/wp-content/themes/twentytwentyfour/patterns/gallery-project-layout.php new file mode 100644 index 0000000..27d6f74 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/gallery-project-layout.php @@ -0,0 +1,65 @@ +<?php +/** + * Title: Project layout + * Slug: twentytwentyfour/gallery-project-layout + * Categories: gallery, featured, portfolio + * Viewport width: 1600 + */ +?> + +<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}}},"backgroundColor":"contrast","textColor":"base-2","layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull has-base-2-color has-contrast-background-color has-text-color has-background has-link-color" 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 {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|60"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"verticalAlignment":"stretch","width":"60%","style":{"spacing":{"padding":{"right":"0"}}}} --> + <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"}} --> + <div class="wp-block-group" style="min-height:100%"> + <!-- wp:image {"aspectRatio":"9/16","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} --> + <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> + <!-- /wp:image --> + + <!-- wp:paragraph {"fontSize":"medium"} --> + <p class="has-medium-font-size"><?php echo esc_html_x( '1. Through Études, we aspire to redefine architectural boundaries and usher in a new era of design excellence that leaves an indelible mark on the built environment.', 'Sample text for the feature area', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"40%"} --> + <div class="wp-block-column" style="flex-basis:40%"> + <!-- wp:group {"layout":{"type":"constrained"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2","fontStyle":"normal","fontWeight":"500"}},"fontSize":"large"} --> + <p class="has-large-font-size" style="font-style:normal;font-weight:500;line-height:1.2"><?php echo esc_html_x( 'Our comprehensive suite of professional services caters to a diverse clientele, ranging from homeowners to commercial developers. With a commitment to innovation and sustainability, Études is the bridge that transforms architectural dreams into remarkable built realities.', 'Sample text for the feature area', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":"var:preset|spacing|40","style":{"layout":{}}} --> + <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:group {"layout":{"type":"default"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"fontSize":"medium"} --> + <p class="has-medium-font-size"><?php echo esc_html_x( '2. Case studies that celebrate the artistry can fuel curiosity and ignite inspiration.', 'Sample text for the feature area', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:image {"aspectRatio":"9/16","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} --> + <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> + <!-- /wp:image --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/hidden-404.php b/wp-content/themes/twentytwentyfour/patterns/hidden-404.php new file mode 100644 index 0000000..d033a13 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/hidden-404.php @@ -0,0 +1,15 @@ +<?php +/** + * Title: 404 + * Slug: twentytwentyfour/hidden-404 + * Inserter: no + */ +?> + +<!-- wp:heading {"level":1} --> +<h1 class="wp-block-heading" id="page-not-found"><?php echo esc_html_x( 'Page Not Found', 'Heading for a webpage that is not found', 'twentytwentyfour' ); ?></h1> +<!-- /wp:heading --> +<!-- wp:paragraph --> +<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> +<!-- /wp:paragraph --> +<!-- wp:pattern {"slug":"twentytwentyfour/hidden-search"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/hidden-comments.php b/wp-content/themes/twentytwentyfour/patterns/hidden-comments.php new file mode 100644 index 0000000..bd10668 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/hidden-comments.php @@ -0,0 +1,47 @@ +<?php +/** + * Title: Comments + * Slug: twentytwentyfour/hidden-comments + * Inserter: no + */ +?> + +<!-- wp:comments {"className":"wp-block-comments-query-loop"} --> +<div class="wp-block-comments wp-block-comments-query-loop"> + <!-- wp:heading --> + <h2><?php esc_html_e( 'Comments', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + <!-- wp:comments-title {"level":3} /--> + <!-- wp:comment-template --> + <!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|30"}}}} --> + <div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--30)"> + <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"0.5em"}}} --> + <div class="wp-block-group"> + <!-- wp:avatar {"size":40} /--> + <!-- wp:group --> + <div class="wp-block-group"> + <!-- wp:comment-author-name /--> + <!-- wp:comment-date /--> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + <!-- wp:comment-content /--> + <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} --> + <div class="wp-block-group"> + <!-- wp:comment-edit-link /--> + <!-- wp:comment-reply-link /--> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + <!-- /wp:comment-template --> + + <!-- wp:comments-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:comments-pagination-previous /--> + <!-- wp:comments-pagination-next /--> + <!-- /wp:comments-pagination --> + + <!-- wp:post-comments-form {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}}} /--> +</div> +<!-- /wp:comments --> diff --git a/wp-content/themes/twentytwentyfour/patterns/hidden-no-results.php b/wp-content/themes/twentytwentyfour/patterns/hidden-no-results.php new file mode 100644 index 0000000..00bbf97 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/hidden-no-results.php @@ -0,0 +1,10 @@ +<?php +/** + * Title: No results + * Slug: twentytwentyfour/hidden-no-results + * Inserter: no + */ +?> +<!-- wp:paragraph --> +<p><?php echo esc_html_x( 'No posts were found.', 'Message explaining that there are no results returned from a search', 'twentytwentyfour' ); ?></p> +<!-- /wp:paragraph --> diff --git a/wp-content/themes/twentytwentyfour/patterns/hidden-portfolio-hero.php b/wp-content/themes/twentytwentyfour/patterns/hidden-portfolio-hero.php new file mode 100644 index 0000000..29e6abc --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/hidden-portfolio-hero.php @@ -0,0 +1,19 @@ +<?php +/** + * Title: Portfolio hero + * Slug: twentytwentyfour/hidden-portfolio-hero + * Inserter: no + */ +?> + +<!-- wp:spacer {"height":"var:preset|spacing|50","style":{"layout":{}}} --> +<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> +<!-- /wp:spacer --> + +<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} --> +<div class="wp-block-group alignwide"> + <!-- wp:heading {"level":1,"align":"wide","style":{"typography":{"lineHeight":"1.2"}},"fontSize":"xx-large"} --> + <h1 class="wp-block-heading alignwide has-xx-large-font-size" style="line-height:1.2"><?php echo wp_kses_post( __( 'I’m <em>Leia Acosta</em>, a passionate photographer who finds inspiration in capturing the fleeting beauty of life.' ) ); ?></h1> + <!-- /wp:heading --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/hidden-post-meta.php b/wp-content/themes/twentytwentyfour/patterns/hidden-post-meta.php new file mode 100644 index 0000000..add4a1c --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/hidden-post-meta.php @@ -0,0 +1,30 @@ +<?php +/** + * Title: Post meta + * Slug: twentytwentyfour/hidden-post-meta + * Inserter: no + */ +?> + +<!-- wp:group {"layout":{"type":"constrained"}} --> +<div class="wp-block-group"> + <!-- wp:group {"style":{"spacing":{"blockGap":"0.3em"}},"layout":{"type":"flex","justifyContent":"left"}} --> + <div class="wp-block-group"> + <!-- wp:post-date {"format":"M j, Y","isLink":true} /--> + + <!-- wp:paragraph {"textColor":"contrast-2"} --> + <p class="has-contrast-2-color has-text-color">—</p> + <!-- /wp:paragraph --> + + <!-- wp:paragraph {"fontSize":"small","textColor":"contrast-2"} --> + <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> + <!-- /wp:paragraph --> + + <!-- wp:post-author-name {"isLink":true} /--> + + <!-- wp:post-terms {"term":"category","prefix":"<?php echo esc_html_x( 'in ', 'Prefix for the post category block: in category name', 'twentytwentyfour' ); ?>"} /--> + + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/hidden-post-navigation.php b/wp-content/themes/twentytwentyfour/patterns/hidden-post-navigation.php new file mode 100644 index 0000000..be2dcb2 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/hidden-post-navigation.php @@ -0,0 +1,14 @@ +<?php +/** + * Title: Post navigation + * Slug: twentytwentyfour/hidden-post-navigation + * Inserter: no + */ +?> + +<!-- 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"}} --> +<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' ); ?>"> + <!-- 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"} /--> + <!-- 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"} /--> +</nav> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/hidden-search.php b/wp-content/themes/twentytwentyfour/patterns/hidden-search.php new file mode 100644 index 0000000..e4aaa64 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/hidden-search.php @@ -0,0 +1,9 @@ +<?php +/** + * Title: Search + * Slug: twentytwentyfour/hidden-search + * Inserter: no + */ +?> + +<!-- wp:search {"label":"<?php echo esc_attr_x( 'Search', 'search form label', 'twentytwentyfour' ); ?>","showLabel":false,"buttonText":"<?php echo esc_attr_x( 'Search', 'search button text', 'twentytwentyfour' ); ?>","fontSize":"medium"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/hidden-sidebar.php b/wp-content/themes/twentytwentyfour/patterns/hidden-sidebar.php new file mode 100644 index 0000000..abcb01b --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/hidden-sidebar.php @@ -0,0 +1,84 @@ +<?php +/** + * Title: Sidebar + * Slug: twentytwentyfour/hidden-sidebar + * Inserter: no + */ +?> +<!-- wp:group {"style":{"spacing":{"blockGap":"36px","padding":{"right":"0","left":"0"}}},"layout":{"type":"default"}} --> +<div class="wp-block-group" style="padding-right:0;padding-left:0"> + <!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} --> + <div class="wp-block-group" style="margin-top:0;margin-bottom:0"> + <!-- wp:avatar {"size":80,"style":{"border":{"radius":"16px"}}} /--> + + <!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","orientation":"vertical"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} --> + <h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'About the author', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:post-author-biography {"fontSize":"small"} /--> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + + <!-- wp:separator {"backgroundColor":"contrast","className":"is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"constrained"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} --> + <h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'Popular Categories', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:categories {"showHierarchy":true,"showPostCounts":true,"fontSize":"small"} /--> + </div> + <!-- /wp:group --> + + <!-- wp:separator {"backgroundColor":"contrast","className":"is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"26px"}},"layout":{"type":"constrained"}} --> + <div class="wp-block-group"> + <!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","orientation":"vertical"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} --> + <h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'Useful Links', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:paragraph {"fontSize":"small"} --> + <p class="has-small-font-size"><?php esc_html_e( 'Links I found useful and wanted to share.', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + + <!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"blockGap":"var:preset|spacing|10"}},"fontSize":"small"} --> + <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Latest inflation report', 'twentytwentyfour' ); ?>","url":"#","className":"is-style-arrow-link","style":{"typography":{"textDecoration":"underline"}}} /--> + <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Financial apps for families', 'twentytwentyfour' ); ?>","url":"#","className":"is-style-arrow-link","style":{"typography":{"textDecoration":"underline"}}} /--> + <!-- /wp:navigation --> + </div> + <!-- /wp:group --> + + <!-- wp:separator {"backgroundColor":"contrast","className":"is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} --> + <h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'Search the website', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- 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> + <!-- /wp:group --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-about-business.php b/wp-content/themes/twentytwentyfour/patterns/page-about-business.php new file mode 100644 index 0000000..f04b209 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/page-about-business.php @@ -0,0 +1,19 @@ +<?php +/** + * Title: About + * Slug: twentytwentyfour/page-about-business + * Categories: page + * Keywords: starter + * Block Types: core/post-content + * Post Types: page, wp_template + * Viewport width: 1400 + */ +?> + +<!-- wp:pattern {"slug":"twentytwentyfour/text-title-left-image-right"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/text-project-details"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/cta-services-image-left"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/team-4-col"} /--> +<!-- wp:pattern {"slug":"clients-section"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/text-faq"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/cta-content-image-on-right"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-home-blogging.php b/wp-content/themes/twentytwentyfour/patterns/page-home-blogging.php new file mode 100644 index 0000000..ae88e90 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/page-home-blogging.php @@ -0,0 +1,83 @@ +<?php +/** + * Title: Blogging home + * Slug: twentytwentyfour/page-home-blogging + * Categories: page + * Keywords: page, starter + * Post Types: page, wp_template + * Viewport width: 1400 + */ +?> + +<!-- wp:pattern {"slug":"twentytwentyfour/text-centered-statement-small"} /--> + +<!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}},"layout":{"type":"constrained"}} --> +<div class="wp-block-group alignwide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)"> + <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"1rem","left":"1rem"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"width":"10%"} --> + <div class="wp-block-column" style="flex-basis:10%"> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"60%"} --> + <div class="wp-block-column" style="flex-basis:60%"> + <!-- wp:query {"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true}} --> + <div class="wp-block-query"> + <!-- wp:post-template --> + <!-- wp:group {"tagName":"article","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} --> + <article class="wp-block-group"> + <!-- wp:post-featured-image /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"large"} /--> + + <!-- wp:template-part {"slug":"post-meta"} /--> + + </article> + <!-- /wp:group --> + + <!-- wp:post-excerpt {"moreText":"","excerptLength":40} /--> + + <!-- wp:spacer --> + <div style="height:100px" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + <!-- /wp:post-template --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous /--> + + <!-- wp:query-pagination-numbers /--> + + <!-- wp:query-pagination-next /--> + <!-- /wp:query-pagination --> + + <!-- wp:query-no-results --> + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-no-results"} /--> + <!-- /wp:query-no-results --> + </div> + <!-- /wp:query --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"10%"} --> + <div class="wp-block-column" style="flex-basis:10%"> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"30%"} --> + <div class="wp-block-column" style="flex-basis:30%"> + <!-- wp:template-part {"slug":"sidebar","tagName":"aside"} /--> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"10%"} --> + <div class="wp-block-column" style="flex-basis:10%"> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> + +<!-- wp:pattern {"slug":"twentytwentyfour/cta-subscribe-centered"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-home-business.php b/wp-content/themes/twentytwentyfour/patterns/page-home-business.php new file mode 100644 index 0000000..ca22952 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/page-home-business.php @@ -0,0 +1,18 @@ +<?php +/** + * Title: Business home + * Slug: twentytwentyfour/page-home-business + * Categories: page + * Keywords: starter + * Block Types: core/post-content + * Post Types: page, wp_template + * Viewport width: 1400 + */ +?> + +<!-- wp:pattern {"slug":"twentytwentyfour/banner-hero"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/text-feature-grid-3-col"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/text-alternating-images"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/testimonial-centered"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/posts-list"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/cta-subscribe-centered"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-home-portfolio-gallery.php b/wp-content/themes/twentytwentyfour/patterns/page-home-portfolio-gallery.php new file mode 100644 index 0000000..cce1fdb --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/page-home-portfolio-gallery.php @@ -0,0 +1,14 @@ +<?php +/** + * Title: Portfolio home image gallery + * Slug: twentytwentyfour/page-home-gallery + * Categories: page + * Keywords: starter + * Block Types: core/post-content + * Post Types: page, wp_template + * Viewport width: 1400 + */ +?> + +<!-- wp:pattern {"slug":"twentytwentyfour/hidden-portfolio-hero"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/gallery-offset-images-grid-4-col"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-home-portfolio.php b/wp-content/themes/twentytwentyfour/patterns/page-home-portfolio.php new file mode 100644 index 0000000..4f3c473 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/page-home-portfolio.php @@ -0,0 +1,14 @@ +<?php +/** + * Title: Portfolio home with post featured images + * Slug: twentytwentyfour/page-home-portfolio + * Categories: page + * Keywords: starter + * Block Types: core/post-content + * Post Types: page, wp_template + * Viewport width: 1400 + */ +?> + +<!-- wp:pattern {"slug":"twentytwentyfour/hidden-portfolio-hero"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/posts-images-only-offset-4-col"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-newsletter-landing.php b/wp-content/themes/twentytwentyfour/patterns/page-newsletter-landing.php new file mode 100644 index 0000000..24c6d9a --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/page-newsletter-landing.php @@ -0,0 +1,47 @@ +<?php +/** + * Title: Newsletter landing + * Slug: twentytwentyfour/page-newsletter-landing + * Categories: call-to-action, page, featured + * Keywords: starter + * Block Types: core/post-content + * Post Types: page, wp_template + * Viewport width: 1100 + */ +?> + +<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"},"margin":{"top":"0","bottom":"0"}},"dimensions":{"minHeight":"100vh"}},"backgroundColor":"accent-3","layout":{"type":"flex","orientation":"vertical","justifyContent":"center","verticalAlignment":"center"}} --> +<div class="wp-block-group alignfull has-accent-3-background-color has-background" style="min-height:100vh;margin-top:0;margin-bottom:0;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:group {"layout":{"type":"constrained"}} --> + <div class="wp-block-group"> + <!-- wp:image {"align":"center","width":"45px","height":"49px","scale":"cover","sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image aligncenter size-full is-resized"> + <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-message.webp" alt="" style="object-fit:cover;width:45px;height:49px" /> + </figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"right":"0","left":"0"},"padding":{"right":"0","left":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"contrast","fontSize":"x-large"} --> + <h2 class="wp-block-heading has-text-align-center has-contrast-color has-text-color has-link-color has-x-large-font-size" style="margin-right:0;margin-left:0;padding-right:0;padding-left:0"><?php echo esc_html_x( 'Subscribe to the newsletter and stay connected with our community', 'sample content for newsletter subscription', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> + <div class="wp-block-buttons"> + <!-- wp:button --> + <div class="wp-block-button"> + <a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Sign up', 'Sample content for newsletter subscribe button', 'twentytwentyfour' ); ?></a> + </div> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-portfolio-overview.php b/wp-content/themes/twentytwentyfour/patterns/page-portfolio-overview.php new file mode 100644 index 0000000..3e29b11 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/page-portfolio-overview.php @@ -0,0 +1,17 @@ +<?php +/** + * Title: Portfolio project overview + * Slug: twentytwentyfour/page-portfolio-overview + * Categories: page, featured + * Keywords: starter + * Block Types: core/post-content + * Post Types: page, wp_template + * Viewport width: 1400 + */ +?> + +<!-- wp:pattern {"slug":"twentytwentyfour/banner-project-description"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/text-project-details"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/gallery-full-screen-image"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/text-centered-statement"} /--> +<!-- wp:pattern {"slug":"twentytwentyfour/gallery-project-layout"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-rsvp-landing.php b/wp-content/themes/twentytwentyfour/patterns/page-rsvp-landing.php new file mode 100644 index 0000000..469a134 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/page-rsvp-landing.php @@ -0,0 +1,56 @@ +<?php +/** + * Title: RSVP landing + * Slug: twentytwentyfour/page-rsvp-landing + * Categories: page + * Keywords: starter + * Block Types: core/post-content + * Post Types: page, wp_template + * Viewport width: 1100 + */ +?> + +<!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'RSVP Landing Page', 'Name of RSVP landing page pattern', 'twentytwentyfour' ); ?>"},"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"}},"dimensions":{"minHeight":"100vh"}},"backgroundColor":"accent-4","layout":{"type":"flex","orientation":"vertical","verticalAlignment":"center","justifyContent":"center","flexWrap":"nowrap"}} --> +<div class="wp-block-group alignfull has-accent-4-background-color has-background" style="min-height:100vh;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":"center","align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|50"}}}} --> + <div class="wp-block-columns alignwide are-vertically-aligned-center"> + <!-- wp:column {"verticalAlignment":"center","width":"40%"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:40%"> + <!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"spacing":{"blockGap":"var:preset|spacing|50","margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0"}}},"layout":{"type":"default"}} --> + <div class="wp-block-group" style="min-height:100%;margin-top:0;margin-bottom:0;padding-right:0;padding-left:0"> + <!-- 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)"}}}} --> + <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> + <!-- /wp:heading --> + <!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0"}}},"layout":{"type":"constrained","contentSize":"300px","justifyContent":"left"}} --> + <div class="wp-block-group" style="padding-right:0;padding-left:0"> + <!-- wp:paragraph {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"}}} --> + <p><?php echo esc_html_x( 'Experience the fusion of imagination and expertise with Études Arch Summit, February 2025.', 'RSVP call to action description', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + <!-- wp:buttons --> + <div class="wp-block-buttons"> + <!-- wp:button --> + <div class="wp-block-button"> + <a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Reserve your spot', 'Call to action button text for the reservation button', 'twentytwentyfour' ); ?></a> + </div> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + <!-- wp:column {"verticalAlignment":"top","width":"60%"} --> + <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:60%"> + <!-- wp:image {"aspectRatio":"3/4","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} --> + <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> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/posts-1-col.php b/wp-content/themes/twentytwentyfour/patterns/posts-1-col.php new file mode 100644 index 0000000..051ed14 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/posts-1-col.php @@ -0,0 +1,43 @@ +<?php +/** + * Title: List of posts, 1 column + * Slug: twentytwentyfour/posts-1-col + * Categories: query + * Block Types: core/query + */ +?> + +<!-- wp:query {"query":{"perPage":3,"pages":0,"offset":"0","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"layout":{"type":"constrained"}} --> +<div class="wp-block-query"> + <!-- wp:query-no-results --> + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-no-results"} /--> + <!-- /wp:query-no-results --> + + <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} --> + <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"> + <!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"default","columnCount":3}} --> + <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/2","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|20"}}}} /--> + <!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} --> + <div class="wp-block-group"> + <!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"bottom":"0"}}},"fontSize":"x-large"} /--> + <!-- wp:template-part {"slug":"post-meta"} /--> + <!-- wp:post-excerpt {"fontSize":"small"} /--> + <!-- wp:spacer {"height":"var:preset|spacing|30"} --> + <div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + </div> + <!-- /wp:group --> + <!-- /wp:post-template --> + <!-- wp:spacer {"height":"var:preset|spacing|50","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} --> + <div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + <!-- wp:query-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous /--> + <!-- wp:query-pagination-next /--> + <!-- /wp:query-pagination --> + + </div> + <!-- /wp:group --> +</div> +<!-- /wp:query --> diff --git a/wp-content/themes/twentytwentyfour/patterns/posts-3-col.php b/wp-content/themes/twentytwentyfour/patterns/posts-3-col.php new file mode 100644 index 0000000..62a48c4 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/posts-3-col.php @@ -0,0 +1,52 @@ +<?php +/** + * Title: List of posts, 3 columns + * Slug: twentytwentyfour/posts-3-col + * Categories: query + * Block Types: core/query + */ +?> + +<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":"0","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"align":"wide","layout":{"type":"default"}} --> +<div class="wp-block-query alignwide"> + <!-- wp:query-no-results --> + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-no-results"} /--> + <!-- /wp:query-no-results --> + + <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} --> + <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"> + + <!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"grid","columnCount":3}} --> + + <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/4","style":{"spacing":{"margin":{"bottom":"0"},"padding":{"bottom":"var:preset|spacing|20"}}}} /--> + + <!-- wp:group {"style":{"spacing":{"blockGap":"10px","margin":{"top":"var:preset|spacing|20"},"padding":{"top":"0"}}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} --> + <div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--20);padding-top:0"> + <!-- wp:post-title {"isLink":true,"style":{"layout":{"flexSize":"min(2.5rem, 3vw)","selfStretch":"fixed"}},"fontSize":"large"} /--> + + <!-- wp:template-part {"slug":"post-meta"} /--> + + <!-- wp:post-excerpt {"style":{"layout":{"flexSize":"min(2.5rem, 3vw)","selfStretch":"fixed"}},"textColor":"contrast-2","fontSize":"small"} /--> + + <!-- wp:spacer {"height":"0px","style":{"layout":{"flexSize":"min(2.5rem, 3vw)","selfStretch":"fixed"}}} --> + <div style="height:0px" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + </div> + <!-- /wp:group --> + + <!-- /wp:post-template --> + + <!-- wp:spacer {"height":"var:preset|spacing|40","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} --> + <div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous /--> + <!-- wp:query-pagination-next /--> + <!-- /wp:query-pagination --> + + </div> + <!-- /wp:group --> +</div> +<!-- /wp:query --> diff --git a/wp-content/themes/twentytwentyfour/patterns/posts-grid-2-col.php b/wp-content/themes/twentytwentyfour/patterns/posts-grid-2-col.php new file mode 100644 index 0000000..dd2881d --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/posts-grid-2-col.php @@ -0,0 +1,80 @@ +<?php +/** + * Title: Grid of posts featuring the first post, 2 columns + * Slug: twentytwentyfour/posts-grid-2-col + * Categories: query + * Block Types: core/query + */ +?> + +<!-- 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"}} --> +<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:heading {"align":"wide","style":{"typography":{"lineHeight":"1"},"spacing":{"margin":{"top":"0"}}},"fontSize":"x-large"} --> + <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> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":"var:preset|spacing|10","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} --> + <div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|30"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"width":"60%"} --> + <div class="wp-block-column" style="flex-basis:60%"> + <!-- wp:query {"query":{"perPage":1,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false}} --> + <div class="wp-block-query"> + <!-- wp:post-template {"style":{"spacing":{"blockGap":"0"}}} --> + <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/4"} /--> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} --> + <div class="wp-block-group"> + <!-- wp:post-title {"level":3,"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt {"excerptLength":35} /--> + + <!-- wp:template-part {"slug":"post-meta"} /--> + + </div> + <!-- /wp:group --> + <!-- /wp:post-template --> + </div> + <!-- /wp:query --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"40%"} --> + <div class="wp-block-column" style="flex-basis:40%"> + <!-- wp:query {"query":{"perPage":2,"pages":0,"offset":1,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false}} --> + <div class="wp-block-query"> + <!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} --> + <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"4/3"} /--> + + <!-- wp:spacer {"height":"5px","style":{"layout":{}}} --> + <div style="height:5px" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} --> + <div class="wp-block-group"> + <!-- wp:post-title {"level":3,"isLink":true,"fontSize":"large"} /--> + + <!-- wp:post-excerpt {"excerptLength":14,"fontSize":"small"} /--> + <!-- wp:template-part {"slug":"post-meta"} /--> + + </div> + <!-- /wp:group --> + <!-- /wp:post-template --> + </div> + <!-- /wp:query --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/posts-images-only-3-col.php b/wp-content/themes/twentytwentyfour/patterns/posts-images-only-3-col.php new file mode 100644 index 0000000..48bf4d0 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/posts-images-only-3-col.php @@ -0,0 +1,35 @@ +<?php +/** + * Title: Posts with featured images only, 3 columns + * Slug: twentytwentyfour/posts-images-only-3-col + * Categories: query + * Block Types: core/query + */ +?> + +<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":"0","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"align":"wide","layout":{"type":"default"}} --> +<div class="wp-block-query alignwide"> + <!-- wp:query-no-results --> + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-no-results"} /--> + <!-- /wp:query-no-results --> + + <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} --> + <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"> + + <!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"grid","columnCount":3}} --> + <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/4","style":{"spacing":{"margin":{"bottom":"0"},"padding":{"bottom":"var:preset|spacing|20"}}}} /--> + <!-- /wp:post-template --> + + <!-- wp:spacer {"height":"var:preset|spacing|40","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} --> + <div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous /--> + <!-- wp:query-pagination-next /--> + <!-- /wp:query-pagination --> + + </div> + <!-- /wp:group --> +</div> +<!-- /wp:query --> diff --git a/wp-content/themes/twentytwentyfour/patterns/posts-images-only-offset-4-col.php b/wp-content/themes/twentytwentyfour/patterns/posts-images-only-offset-4-col.php new file mode 100644 index 0000000..808754b --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/posts-images-only-offset-4-col.php @@ -0,0 +1,83 @@ +<?php +/** + * Title: Offset posts with featured images only, 4 columns + * Slug: twentytwentyfour/posts-images-only-offset-4-col + * Categories: posts + */ +?> + +<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} --> +<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:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}}}} --> + <div class="wp-block-columns alignwide" style="margin-top:0;margin-bottom:0"> + <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:query {"query":{"perPage":"3","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false}} --> + <div class="wp-block-query"> + <!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"default"}} --> + <!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"bottom":"0"}}}} /--> + <!-- /wp:post-template --> + </div> + <!-- /wp:query --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"0","padding":{"top":"0"}}}} --> + <div class="wp-block-column" style="padding-top:0"> + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:query {"query":{"perPage":"3","pages":0,"offset":"3","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false}} --> + <div class="wp-block-query"> + <!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"default"}} --> + <!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"bottom":"0","top":"0"}}}} /--> + <!-- /wp:post-template --> + </div> + <!-- /wp:query --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> + <div class="wp-block-column"> + <!-- wp:query {"query":{"perPage":"3","pages":0,"offset":"6","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false}} --> + <div class="wp-block-query"> + <!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"default"}} --> + <!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"bottom":"0"}}}} /--> + <!-- /wp:post-template --> + </div> + <!-- /wp:query --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"0","padding":{"top":"0"}}}} --> + <div class="wp-block-column" style="padding-top:0"> + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:query {"query":{"perPage":"3","pages":0,"offset":"9","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false}} --> + <div class="wp-block-query"> + <!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"default"}} --> + <!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} /--> + <!-- /wp:post-template --> + </div> + <!-- /wp:query --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/posts-list.php b/wp-content/themes/twentytwentyfour/patterns/posts-list.php new file mode 100644 index 0000000..5db93af --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/posts-list.php @@ -0,0 +1,62 @@ +<?php +/** + * Title: List of posts without images, 1 column + * Slug: twentytwentyfour/posts-list + * Categories: query, posts + * Block Types: core/query + */ +?> + +<!-- 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"}} --> +<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:heading {"align":"wide","style":{"typography":{"lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|40"}}},"fontSize":"x-large"} --> + <h2 class="wp-block-heading alignwide has-x-large-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--40);line-height:1"><?php esc_html_e( 'Watch, Read, Listen', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:group {"align":"wide","layout":{"type":"constrained"}} --> + <div class="wp-block-group alignwide"> + <!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"align":"wide","layout":{"type":"default"}} --> + <div class="wp-block-query alignwide"> + <!-- wp:post-template --> + <!-- wp:separator {"backgroundColor":"contrast-3","className":"alignwide is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background alignwide is-style-wide" /> + <!-- /wp:separator --> + + <!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}}} --> + <div class="wp-block-columns alignwide are-vertically-aligned-center" style="margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20)"> + <!-- wp:column {"verticalAlignment":"center","width":"72%"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:72%"> + <!-- wp:post-title {"isLink":true,"style":{"typography":{"lineHeight":"1.1","fontSize":"1.5rem"}}} /--> + </div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center","width":"28%"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:28%"> + <!-- wp:template-part {"slug":"post-meta"} /--> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + <!-- /wp:post-template --> + + <!-- wp:spacer {"height":"var:preset|spacing|30"} --> + <div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous /--> + + <!-- wp:query-pagination-numbers /--> + + <!-- wp:query-pagination-next /--> + <!-- /wp:query-pagination --> + + <!-- wp:query-no-results --> + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-no-results"} /--> + <!-- /wp:query-no-results --> + </div> + <!-- /wp:query --> + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/team-4-col.php b/wp-content/themes/twentytwentyfour/patterns/team-4-col.php new file mode 100644 index 0000000..78211d2 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/team-4-col.php @@ -0,0 +1,129 @@ +<?php +/** + * Title: Team members, 4 columns + * Slug: twentytwentyfour/team-4-col + * Categories: team, about + * Viewport width: 1400 + */ +?> + +<!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Team members', 'Name of team pattern', 'twentytwentyfour' ); ?>"},"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"}}},"layout":{"type":"constrained"}} --> +<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 {"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"textAlign":"center","fontSize":"xx-large"} --> + <h2 class="wp-block-heading has-text-align-center has-xx-large-font-size"><?php echo esc_html_x( 'Meet our team', 'Sample heading for the team pattern', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo esc_html_x( 'Our comprehensive suite of professionals caters to a diverse team, ranging from seasoned architects to renowned engineers.', 'Sample descriptive text of the team pattern', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":"var:preset|spacing|30"} --> + <div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"right":"0","left":"0"},"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|30"}}}} --> + <div class="wp-block-columns alignwide" style="padding-right:0;padding-left:0"> + <!-- wp:column {"layout":{"type":"default"}} --> + <div class="wp-block-column"> + <!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> + <figure class="wp-block-image size-full is-style-rounded"> + <img alt="" style="aspect-ratio:1;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|0"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap","justifyContent":"center"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"align":"center","fontSize":"small"} --> + <p class="has-text-align-center has-small-font-size"> + <strong><?php echo esc_html_x( 'Francesca Piovani', 'Sample name of a team member', 'twentytwentyfour' ); ?></strong> + </p> + <!-- /wp:paragraph --> + + <!-- wp:paragraph {"align":"center","fontSize":"small"} --> + <p class="has-text-align-center has-small-font-size"><?php echo esc_html_x( 'Founder, CEO & Architect', 'Sample role of a team member', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"layout":{"type":"default"}} --> + <div class="wp-block-column"> + <!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> + <figure class="wp-block-image size-full is-style-rounded"> + <img alt="" style="aspect-ratio:1;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|0"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","flexWrap":"nowrap"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"align":"center","fontSize":"small"} --> + <p class="has-text-align-center has-small-font-size"> + <strong><?php echo esc_html_x( 'Rhye Moore', 'Sample name of a team member', 'twentytwentyfour' ); ?></strong> + </p> + <!-- /wp:paragraph --> + + <!-- wp:paragraph {"align":"center","fontSize":"small"} --> + <p class="has-text-align-center has-small-font-size"><?php echo esc_html_x( 'Engineering Manager', 'Sample role of a team member', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"layout":{"type":"default"}} --> + <div class="wp-block-column"> + <!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> + <figure class="wp-block-image size-full is-style-rounded"> + <img alt="" style="aspect-ratio:1;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|0"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","flexWrap":"nowrap"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"align":"center","fontSize":"small"} --> + <p class="has-text-align-center has-small-font-size"> + <strong><?php echo esc_html_x( 'Helga Steiner', 'Sample name of a team member', 'twentytwentyfour' ); ?></strong> + </p> + <!-- /wp:paragraph --> + + <!-- wp:paragraph {"align":"center","fontSize":"small"} --> + <p class="has-text-align-center has-small-font-size"><?php echo esc_html_x( 'Architect', 'Sample role of a team member', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"layout":{"type":"default"}} --> + <div class="wp-block-column"> + <!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> + <figure class="wp-block-image size-full is-style-rounded"> + <img alt="" style="aspect-ratio:1;object-fit:cover" /> + </figure> + <!-- /wp:image --> + + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|0"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap","justifyContent":"center"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"align":"center","fontSize":"small"} --> + <p class="has-text-align-center has-small-font-size"> + <strong><?php echo esc_html_x( 'Ivan Lawrence', 'Sample name of a team member', 'twentytwentyfour' ); ?></strong> + </p> + <!-- /wp:paragraph --> + + <!-- wp:paragraph {"align":"center","fontSize":"small"} --> + <p class="has-text-align-center has-small-font-size"><?php echo esc_html_x( 'Project Manager', 'Sample role of a team member', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/template-archive-blogging.php b/wp-content/themes/twentytwentyfour/patterns/template-archive-blogging.php new file mode 100644 index 0000000..6d193a4 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/template-archive-blogging.php @@ -0,0 +1,21 @@ +<?php +/** + * Title: Blogging archive template + * Slug: twentytwentyfour/template-archive-blogging + * Template Types: archive, category, tag, author, date + * Viewport width: 1400 + * Inserter: no + */ +?> + +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0","margin":{"top":"0"}}},"layout":{"type":"constrained"}} --> +<main class="wp-block-group" style="margin-top:0"> + <!-- wp:query-title {"type":"archive","style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50"}}}} /--> + + <!-- wp:pattern {"slug":"twentytwentyfour/posts-1-col"} /--> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/template-archive-portfolio.php b/wp-content/themes/twentytwentyfour/patterns/template-archive-portfolio.php new file mode 100644 index 0000000..aa347ad --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/template-archive-portfolio.php @@ -0,0 +1,23 @@ +<?php +/** + * Title: Portfolio archive template + * Slug: twentytwentyfour/template-archive-portfolio + * Template Types: archive + * Viewport width: 1400 + * Inserter: no + */ +?> + +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> +<main class="wp-block-group alignfull"> + + <!-- wp:query-title {"type":"archive","align":"wide","style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50"}}}} /--> + + <!-- wp:pattern {"slug":"twentytwentyfour/posts-images-only-3-col"} /--> + +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/template-home-blogging.php b/wp-content/themes/twentytwentyfour/patterns/template-home-blogging.php new file mode 100644 index 0000000..4a96d74 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/template-home-blogging.php @@ -0,0 +1,21 @@ +<?php +/** + * Title: Blogging home template + * Slug: twentytwentyfour/template-home-blogging + * Template Types: front-page, index, home + * Viewport width: 1400 + * Inserter: no + */ +?> + +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- 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"} --> +<main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"> + + <!-- wp:pattern {"slug":"twentytwentyfour/page-home-blogging"} /--> + +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/template-home-business.php b/wp-content/themes/twentytwentyfour/patterns/template-home-business.php new file mode 100644 index 0000000..e84a5ac --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/template-home-business.php @@ -0,0 +1,19 @@ +<?php +/** + * Title: Business home template + * Slug: twentytwentyfour/template-home-business + * Template Types: front-page, home + * Viewport width: 1400 + * Inserter: no + */ +?> + +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0","margin":{"top":"0"}}},"layout":{"type":"default"}} --> +<main class="wp-block-group" style="margin-top:0"> + <!-- wp:pattern {"slug":"twentytwentyfour/page-home-business"} /--> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/template-home-portfolio.php b/wp-content/themes/twentytwentyfour/patterns/template-home-portfolio.php new file mode 100644 index 0000000..4fc4f07 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/template-home-portfolio.php @@ -0,0 +1,22 @@ +<?php +/** + * Title: Portfolio home template with post featured images + * Slug: twentytwentyfour/template-home-portfolio + * Template Types: front-page, home + * Viewport width: 1400 + * Inserter: no + */ +?> + +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- 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"} --> +<main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"> + + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-portfolio-hero"} /--> + <!-- wp:pattern {"slug":"twentytwentyfour/posts-images-only-offset-4-col"} /--> + +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/template-index-blogging.php b/wp-content/themes/twentytwentyfour/patterns/template-index-blogging.php new file mode 100644 index 0000000..b810186 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/template-index-blogging.php @@ -0,0 +1,23 @@ +<?php +/** + * Title: Blogging index template + * Slug: twentytwentyfour/template-index-blogging + * Template Types: index, home + * Viewport width: 1400 + * Inserter: no + */ +?> + +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0","margin":{"top":"0"}}},"layout":{"type":"constrained"}} --> +<main class="wp-block-group" style="margin-top:0"> + <!-- wp:heading {"level":1,"style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50"}}}} --> + <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> + <!-- /wp:heading --> + + <!-- wp:pattern {"slug":"twentytwentyfour/posts-1-col"} /--> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/template-index-portfolio.php b/wp-content/themes/twentytwentyfour/patterns/template-index-portfolio.php new file mode 100644 index 0000000..7b78323 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/template-index-portfolio.php @@ -0,0 +1,24 @@ +<?php +/** + * Title: Portfolio index template + * Slug: twentytwentyfour/template-index-portfolio + * Template Types: index + * Viewport width: 1400 + * Inserter: no + */ +?> + +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> +<main class="wp-block-group alignfull"> + <!-- wp:heading {"level":1,"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|50"}}}} --> + <h1 class="wp-block-heading alignwide" style="padding-top:var(--wp--preset--spacing--50)"><?php esc_html_e( 'Posts', 'twentytwentyfour' ); ?></h1> + <!-- /wp:heading --> + + <!-- wp:pattern {"slug":"twentytwentyfour/posts-images-only-offset-4-col"} /--> + +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/template-search-blogging.php b/wp-content/themes/twentytwentyfour/patterns/template-search-blogging.php new file mode 100644 index 0000000..ec9a29b --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/template-search-blogging.php @@ -0,0 +1,26 @@ +<?php +/** + * Title: Blogging search template + * Slug: twentytwentyfour/template-search-blogging + * Template Types: search + * Viewport width: 1400 + * Inserter: no + */ +?> + +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0","margin":{"top":"0"}}},"layout":{"type":"constrained"}} --> +<main class="wp-block-group" style="margin-top:0"> + <!-- wp:group {"layout":{"type":"default"}} --> + <div class="wp-block-group"> + <!-- wp:query-title {"type":"search","style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|30"}}}} /--> + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-search"} /--> + </div> + <!-- /wp:group --> + + <!-- wp:pattern {"slug":"twentytwentyfour/posts-1-col"} /--> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/template-search-portfolio.php b/wp-content/themes/twentytwentyfour/patterns/template-search-portfolio.php new file mode 100644 index 0000000..1c60eb1 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/template-search-portfolio.php @@ -0,0 +1,27 @@ +<?php +/** + * Title: Portfolio search template + * Slug: twentytwentyfour/template-search-portfolio + * Template Types: search + * Viewport width: 1400 + * Inserter: no + */ +?> + +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> +<main class="wp-block-group alignfull"> + <!-- wp:query-title {"type":"search","align":"wide","style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|10"}}}} /--> + + <!-- wp:group {"align":"wide","layout":{"type":"constrained","contentSize":"840px","justifyContent":"left"}} --> + <div class="wp-block-group alignwide"> + <!-- wp:pattern {"slug":"twentytwentyfour/hidden-search"} /--> + </div> + <!-- /wp:group --> + + <!-- wp:pattern {"slug":"twentytwentyfour/posts-images-only-3-col"} /--> +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/template-single-portfolio.php b/wp-content/themes/twentytwentyfour/patterns/template-single-portfolio.php new file mode 100644 index 0000000..ba54d58 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/template-single-portfolio.php @@ -0,0 +1,36 @@ +<?php +/** + * Title: Portfolio single post template + * Slug: twentytwentyfour/template-single-portfolio + * Template Types: posts, single + * Viewport width: 1400 + * Inserter: no + */ +?> + +<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /--> + +<!-- wp:group {"tagName":"main","align":"full","layout":{"type":"constrained"}} --> +<main class="wp-block-group alignfull"> + <!-- wp:spacer {"height":"var:preset|spacing|40"} --> + <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:post-featured-image {"align":"wide","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|20"}}}} /--> + + <!-- wp:group {"align":"wide","layout":{"type":"constrained","justifyContent":"left"}} --> + <div class="wp-block-group alignwide"> + <!-- wp:template-part {"slug":"post-meta"} /--> + </div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":"var:preset|spacing|40"} --> + <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + +</main> +<!-- /wp:group --> + +<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /--> diff --git a/wp-content/themes/twentytwentyfour/patterns/testimonial-centered.php b/wp-content/themes/twentytwentyfour/patterns/testimonial-centered.php new file mode 100644 index 0000000..8e63924 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/testimonial-centered.php @@ -0,0 +1,46 @@ +<?php +/** + * Title: Centered testimonial + * Slug: twentytwentyfour/testimonial-centered + * Keywords: quote, review, about + * Categories: testimonials, text + * Viewport width: 1300 + */ +?> + +<!-- 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":""}} --> +<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)"> + <!-- wp:group {"layout":{"type":"constrained"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.2"}},"textColor":"base","fontSize":"x-large","fontFamily":"heading"} --> + <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> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":"var:preset|spacing|10"} --> + <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- 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"}} --> + <div class="wp-block-group"> + <!-- wp:image {"align":"center","width":"60px","aspectRatio":"1","scale":"cover","sizeSlug":"thumbnail","linkDestination":"none","style":{"border":{"radius":"100px"}}} --> + <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> + <!-- /wp:image --> + + <!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"var:preset|spacing|10","bottom":"0"}}}} --> + <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> + <!-- /wp:paragraph --> + + <!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"contrast-3","fontSize":"small"} --> + <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> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/text-alternating-images.php b/wp-content/themes/twentytwentyfour/patterns/text-alternating-images.php new file mode 100644 index 0000000..12a0772 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/text-alternating-images.php @@ -0,0 +1,115 @@ +<?php +/** + * Title: Text with alternating images + * Slug: twentytwentyfour/text-alternating-images + * Categories: text, about + * Viewport width: 1400 + */ +?> + +<!-- 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"}} --> +<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":{"blockGap":"0"}},"layout":{"type":"constrained"}} --> + <div class="wp-block-group alignwide"> + <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} --> + <div class="wp-block-group"> + + <!-- wp:heading {"textAlign":"center","className":"is-style-asterisk"} --> + <h2 class="wp-block-heading has-text-align-center is-style-asterisk"><?php echo esc_html_x( 'An array of resources', 'Sample heading content', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"center","style":{"layout":{"selfStretch":"fit","flexSize":null}}} --> + <p class="has-text-align-center"><?php echo esc_html_x( 'Our comprehensive suite of professional services caters to a diverse clientele, ranging from homeowners to commercial developers.', 'Sample subheading content', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":"var:preset|spacing|40"} --> + <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|60"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"verticalAlignment":"center","width":"40%"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:40%"> + <!-- wp:heading {"level":3,"className":"is-style-asterisk"} --> + <h3 class="wp-block-heading is-style-asterisk"><?php echo esc_html_x( 'Études Architect App', 'Sample list heading', 'twentytwentyfour' ); ?></h3> + <!-- /wp:heading --> + + <!-- wp:list {"style":{"typography":{"lineHeight":"1.75"}},"className":"is-style-checkmark-list"} --> + <ul class="is-style-checkmark-list" style="line-height:1.75"> + + <!-- wp:list-item --> + <li><?php echo esc_html_x( 'Collaborate with fellow architects.', 'Sample list item', 'twentytwentyfour' ); ?></li> + <!-- /wp:list-item --> + + <!-- wp:list-item --> + <li><?php echo esc_html_x( 'Showcase your projects.', 'Sample list item', 'twentytwentyfour' ); ?></li> + <!-- /wp:list-item --> + + <!-- wp:list-item --> + <li><?php echo esc_html_x( 'Experience the world of architecture.', 'Sample list item', 'twentytwentyfour' ); ?></li> + <!-- /wp:list-item --> + + </ul> + <!-- /wp:list --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"50%"} --> + <div class="wp-block-column" style="flex-basis:50%"> + <!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} --> + <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> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + + <!-- wp:spacer {"height":"var:preset|spacing|40"} --> + <div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|60"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"width":"50%"} --> + <div class="wp-block-column" style="flex-basis:50%"> + <!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} --> + <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> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center","width":"40%"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:40%"> + <!-- wp:heading {"level":3,"className":"is-style-asterisk"} --> + <h3 class="wp-block-heading is-style-asterisk"><?php echo esc_html_x( 'Études Newsletter', 'Sample heading', 'twentytwentyfour' ); ?></h3> + <!-- /wp:heading --> + + <!-- wp:list {"style":{"typography":{"lineHeight":"1.75"}},"className":"is-style-checkmark-list"} --> + <ul class="is-style-checkmark-list" style="line-height:1.75"> + <!-- wp:list-item --> + <li><?php echo esc_html_x( 'A world of thought-provoking articles.', 'Sample list item', 'twentytwentyfour' ); ?></li> + <!-- /wp:list-item --> + + <!-- wp:list-item --> + <li><?php echo esc_html_x( 'Case studies that celebrate architecture.', 'Sample list item', 'twentytwentyfour' ); ?></li> + <!-- /wp:list-item --> + + <!-- wp:list-item --> + <li><?php echo esc_html_x( 'Exclusive access to design insights.', 'Sample list item', 'twentytwentyfour' ); ?></li> + <!-- /wp:list-item --> + </ul> + <!-- /wp:list --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/text-centered-statement-small.php b/wp-content/themes/twentytwentyfour/patterns/text-centered-statement-small.php new file mode 100644 index 0000000..c24a51a --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/text-centered-statement-small.php @@ -0,0 +1,30 @@ +<?php +/** + * Title: Centered statement, small + * Slug: twentytwentyfour/text-centered-statement-small + * Categories: text, about + * Keywords: mission, introduction + * Viewport width: 1200 + */ +?> + +<!-- 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","contentSize":"800px"}} --> +<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:heading {"textAlign":"center","level":1,"fontSize":"x-large","level":1} --> + <h1 class="wp-block-heading has-text-align-center has-x-large-font-size"> + <em> + <?php + /* Translators: About link placeholder */ + $about_link = '<a href="#" rel="nofollow">' . esc_html__( 'Money Studies', 'twentytwentyfour' ) . '</a>'; + echo sprintf( + /* Translators: About text placeholder */ + esc_html__( 'I write about finance, management and economy, my book “%1$s” is out now.', 'twentytwentyfour' ), + $about_link + ); + ?> + </em> + </h1> + <!-- /wp:heading --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/text-centered-statement.php b/wp-content/themes/twentytwentyfour/patterns/text-centered-statement.php new file mode 100644 index 0000000..ce7751e --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/text-centered-statement.php @@ -0,0 +1,29 @@ +<?php +/** + * Title: Centered statement + * Slug: twentytwentyfour/text-centered-statement + * Categories: text, about, featured + * Keywords: mission, introduction + * Viewport width: 1400 + */ +?> + +<!-- 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"}} --> +<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"}} --> + <div class="wp-block-group alignwide"> + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.2","fontStyle":"normal","fontWeight":"400"}},"fontSize":"x-large","fontFamily":"heading"} --> + <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> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":"var:preset|spacing|50"} --> + <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/text-faq.php b/wp-content/themes/twentytwentyfour/patterns/text-faq.php new file mode 100644 index 0000000..8bf0428 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/text-faq.php @@ -0,0 +1,65 @@ +<?php +/** + * Title: FAQ + * Slug: twentytwentyfour/text-faq + * Categories: text, about, featured + * Keywords: faq, about, frequently asked + * Viewport width: 1400 + */ +?> + +<!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'FAQs', 'Name of the FAQ pattern', 'twentytwentyfour' ); ?>"},"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"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"backgroundColor":"contrast","textColor":"base","layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull has-base-color has-contrast-background-color has-text-color has-background has-link-color" 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:heading {"align":"wide","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontSize":"10rem","letterSpacing":"-0.02em"}},"textColor":"base"} --> + <h2 class="wp-block-heading alignwide has-base-color has-text-color has-link-color" style="font-size:10rem;letter-spacing:-0.02em"><?php echo esc_html_x( 'FAQs', 'Heading of the FAQs', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:group {"align":"wide","layout":{"type":"default"}} --> + <div class="wp-block-group alignwide"> + <!-- wp:separator {"backgroundColor":"base","className":"is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-base-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:details {"style":{"spacing":{"margin":{"top":"0"}},"border":{"top":{"width":"0px","style":"none"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|base","style":"solid","width":"1px"},"left":{"width":"0px","style":"none"}}},"className":"is-style-arrow-icon-details","fontSize":"medium"} --> + <details class="wp-block-details is-style-arrow-icon-details has-medium-font-size" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--base);border-bottom-style:solid;border-bottom-width:1px;border-left-style:none;border-left-width:0px;margin-top:0"> + <summary><?php echo esc_html_x( 'What is your process working in smaller projects?', 'Question on the details block', 'twentytwentyfour' ); ?></summary> + <!-- wp:paragraph {"placeholder":"Type / to add a hidden block","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-1"}}}},"textColor":"contrast-1"} --> + <p class="has-contrast-1-color has-text-color has-link-color"><?php echo esc_html_x( 'Études offers comprehensive consulting, management, design, and research solutions. Our vision is to be at the forefront of architectural innovation, fostering a global community of architects and enthusiasts united by a passion for creating spaces. Every architectural endeavor is an opportunity to shape the future.', 'Hidden answer on the details block', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </details> + <!-- /wp:details --> + + <!-- wp:details {"style":{"spacing":{"margin":{"top":"0"}},"border":{"top":{"width":"0px","style":"none"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|base","style":"solid","width":"1px"},"left":{"width":"0px","style":"none"}}},"className":"is-style-arrow-icon-details","fontSize":"medium"} --> + <details class="wp-block-details is-style-arrow-icon-details has-medium-font-size" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--base);border-bottom-style:solid;border-bottom-width:1px;border-left-style:none;border-left-width:0px;margin-top:0"> + <summary><?php echo esc_html_x( 'Who is behind Études?', 'Question on the details block', 'twentytwentyfour' ); ?></summary> + <!-- wp:paragraph {"placeholder":"Type / to add a hidden block","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-1"}}}},"textColor":"contrast-1"} --> + <p class="has-contrast-1-color has-text-color has-link-color"><?php echo esc_html_x( 'Études offers comprehensive consulting, management, design, and research solutions. Our vision is to be at the forefront of architectural innovation, fostering a global community of architects and enthusiasts united by a passion for creating spaces. Every architectural endeavor is an opportunity to shape the future.', 'Hidden answer on the details block', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </details> + <!-- /wp:details --> + + <!-- wp:details {"style":{"spacing":{"margin":{"top":"0"}},"border":{"top":{"width":"0px","style":"none"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|base","style":"solid","width":"1px"},"left":{"width":"0px","style":"none"}}},"className":"is-style-arrow-icon-details","fontSize":"medium"} --> + <details class="wp-block-details is-style-arrow-icon-details has-medium-font-size" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--base);border-bottom-style:solid;border-bottom-width:1px;border-left-style:none;border-left-width:0px;margin-top:0"> + <summary><?php echo esc_html_x( 'I\'d like to get to meet fellow architects, how can I do that?', 'Question on the details block', 'twentytwentyfour' ); ?></summary> + <!-- wp:paragraph {"placeholder":"Type / to add a hidden block","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-1"}}}},"textColor":"contrast-1"} --> + <p class="has-contrast-1-color has-text-color has-link-color"><?php echo esc_html_x( 'Études offers comprehensive consulting, management, design, and research solutions. Our vision is to be at the forefront of architectural innovation, fostering a global community of architects and enthusiasts united by a passion for creating spaces. Every architectural endeavor is an opportunity to shape the future.', 'Hidden answer on the details block', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </details> + <!-- /wp:details --> + + <!-- wp:details {"style":{"spacing":{"margin":{"top":"0"}},"border":{"top":{"width":"0px","style":"none"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|base","style":"solid","width":"1px"},"left":{"width":"0px","style":"none"}}},"className":"is-style-arrow-icon-details","fontSize":"medium"} --> + <details class="wp-block-details is-style-arrow-icon-details has-medium-font-size" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--base);border-bottom-style:solid;border-bottom-width:1px;border-left-style:none;border-left-width:0px;margin-top:0"> + <summary><?php echo esc_html_x( 'Can I apply to be a part of the team or work as a contractor?', 'Question on the details block', 'twentytwentyfour' ); ?></summary> + <!-- wp:paragraph {"placeholder":"Type / to add a hidden block","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-1"}}}},"textColor":"contrast-1"} --> + <p class="has-contrast-1-color has-text-color has-link-color"><?php echo esc_html_x( 'Études offers comprehensive consulting, management, design, and research solutions. Our vision is to be at the forefront of architectural innovation, fostering a global community of architects and enthusiasts united by a passion for creating spaces. Every architectural endeavor is an opportunity to shape the future.', 'Hidden answer on the details block', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </details> + <!-- /wp:details --> + + <!-- wp:spacer {"height":"var:preset|spacing|10","style":{"spacing":{"margin":{"top":"var:preset|spacing|10","bottom":"0"}}}} --> + <div style="margin-top:var(--wp--preset--spacing--10);margin-bottom:0;height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + </div> + <!-- /wp:group --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/text-feature-grid-3-col.php b/wp-content/themes/twentytwentyfour/patterns/text-feature-grid-3-col.php new file mode 100644 index 0000000..f03eaf3 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/text-feature-grid-3-col.php @@ -0,0 +1,118 @@ +<?php +/** + * Title: Feature grid, 3 columns + * Slug: twentytwentyfour/text-feature-grid-3-col + * Categories: text, about + * Viewport width: 1400 + */ +?> + +<!-- 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":"base-2","layout":{"type":"constrained"}} --> +<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--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"> + <!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} --> + <div class="wp-block-group"> + <!-- wp:heading {"textAlign":"center","className":"is-style-asterisk"} --> + <h2 class="wp-block-heading has-text-align-center is-style-asterisk"><?php echo esc_html_x( 'A passion for creating spaces', 'Heading of the features', 'twentytwentyfour' ); ?></h2> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":"0px","style":{"layout":{"flexSize":"1.25rem","selfStretch":"fixed"}}} --> + <div style="height:0px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center"><?php echo esc_html_x( 'Our comprehensive suite of professional services caters to a diverse clientele, ranging from homeowners to commercial developers.', 'Sub-heading of the features', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":"var:preset|spacing|40","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} --> + <div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|40"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}}} --> + <div class="wp-block-column"> + <!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"className":"is-style-asterisk","fontSize":"medium","fontFamily":"body"} --> + <h3 class="wp-block-heading has-text-align-left is-style-asterisk has-body-font-family has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html_x( 'Renovation and restoration', 'Sample feature heading', 'twentytwentyfour' ); ?></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"left"} --> + <p class="has-text-align-left"><?php echo esc_html_x( 'Experience the fusion of imagination and expertise with Études Architectural Solutions.', 'Sample feature content', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}}} --> + <div class="wp-block-column"> + <!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"className":"is-style-asterisk","fontSize":"medium","fontFamily":"body"} --> + <h3 class="wp-block-heading has-text-align-left is-style-asterisk has-body-font-family has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html_x( 'Continuous Support', 'Sample feature heading', 'twentytwentyfour' ); ?></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"left"} --> + <p class="has-text-align-left"><?php echo esc_html_x( 'Experience the fusion of imagination and expertise with Études Architectural Solutions.', 'Sample feature content', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}}} --> + <div class="wp-block-column"> + <!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"className":"is-style-asterisk","fontSize":"medium","fontFamily":"body"} --> + <h3 class="wp-block-heading has-text-align-left is-style-asterisk has-body-font-family has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html_x( 'App Access', 'Sample feature heading', 'twentytwentyfour' ); ?></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"left"} --> + <p class="has-text-align-left"><?php echo esc_html_x( 'Experience the fusion of imagination and expertise with Études Architectural Solutions.', 'Sample feature content', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + + <!-- wp:spacer {"height":"var:preset|spacing|20"} --> + <div style="height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"> + </div> + <!-- /wp:spacer --> + + <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|40"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}}} --> + <div class="wp-block-column"> + <!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"className":"is-style-asterisk","fontSize":"medium","fontFamily":"body"} --> + <h3 class="wp-block-heading has-text-align-left is-style-asterisk has-body-font-family has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html_x( 'Consulting', 'Sample feature heading', 'twentytwentyfour' ); ?></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"left"} --> + <p class="has-text-align-left"><?php echo esc_html_x( 'Experience the fusion of imagination and expertise with Études Architectural Solutions.', 'Sample feature content', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}}} --> + <div class="wp-block-column"> + <!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"className":"is-style-asterisk","fontSize":"medium","fontFamily":"body"} --> + <h3 class="wp-block-heading has-text-align-left is-style-asterisk has-body-font-family has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html_x( 'Project Management', 'Sample feature heading', 'twentytwentyfour' ); ?></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"left"} --> + <p class="has-text-align-left"><?php echo esc_html_x( 'Experience the fusion of imagination and expertise with Études Architectural Solutions.', 'Sample feature content', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}}} --> + <div class="wp-block-column"> + <!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"className":"is-style-asterisk","fontSize":"medium","fontFamily":"body"} --> + <h3 class="wp-block-heading has-text-align-left is-style-asterisk has-body-font-family has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html_x( 'Architectural Solutions', 'Sample heading', 'twentytwentyfour' ); ?></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"left"} --> + <p class="has-text-align-left"><?php echo esc_html_x( 'Experience the fusion of imagination and expertise with Études Architectural Solutions.', 'Sample content', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/text-project-details.php b/wp-content/themes/twentytwentyfour/patterns/text-project-details.php new file mode 100644 index 0000000..b75f869 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/text-project-details.php @@ -0,0 +1,53 @@ +<?php +/** + * Title: Project details + * Slug: twentytwentyfour/text-project-details + * Categories: text, portfolio + * Viewport width: 1400 + */ +?> + +<!-- 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"}}},"backgroundColor":"base","layout":{"type":"constrained"}} --> +<div class="wp-block-group alignfull has-base-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 {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|30"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"width":"40%","layout":{"type":"constrained","contentSize":"260px","justifyContent":"left"}} --> + <div class="wp-block-column" style="flex-basis:40%"> + <!-- wp:paragraph --> + <p><?php echo esc_html_x( 'The revitalized art gallery is set to redefine cultural landscape.', 'Title text for the feature area', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"width":"60%","style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} --> + <div class="wp-block-column" style="flex-basis:60%"> + + <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"}},"fontSize":"x-large","fontFamily":"heading"} --> + <p class="has-heading-font-family has-x-large-font-size" style="line-height:1.2"><?php echo esc_html_x( 'With meticulous attention to detail and a commitment to excellence, we create spaces that inspire, elevate, and enrich the lives of those who inhabit them.', 'Descriptive title for the feature area', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} --> + <div class="wp-block-columns"> + <!-- wp:column --> + <div class="wp-block-column"> + <!-- wp:paragraph {"style":{"layout":{"selfStretch":"fill","flexSize":null}}} --> + <p><?php echo esc_html_x( 'The revitalized Art Gallery is set to redefine the cultural landscape of Toronto, serving as a nexus of artistic expression, community engagement, and architectural marvel. The expansion and renovation project pay homage to the Art Gallery\'s rich history while embracing the future, ensuring that the gallery remains a beacon of inspiration.', 'Descriptive text for the feature area', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"> + <!-- wp:paragraph --> + <p><?php echo esc_html_x( 'The revitalized Art Gallery is set to redefine the cultural landscape of Toronto, serving as a nexus of artistic expression, community engagement, and architectural marvel. The expansion and renovation project pay homage to the Art Gallery\'s rich history while embracing the future, ensuring that the gallery remains a beacon of inspiration.', 'Descriptive text for the feature area', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> diff --git a/wp-content/themes/twentytwentyfour/patterns/text-title-left-image-right.php b/wp-content/themes/twentytwentyfour/patterns/text-title-left-image-right.php new file mode 100644 index 0000000..f4c48f7 --- /dev/null +++ b/wp-content/themes/twentytwentyfour/patterns/text-title-left-image-right.php @@ -0,0 +1,58 @@ +<?php +/** + * Title: Title text and button on left with image on right + * Slug: twentytwentyfour/text-title-left-image-right + * Categories: banner, about, featured + * Viewport width: 1400 + */ +?> + +<!-- 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"}} --> +<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"}}}} --> + <div class="wp-block-columns alignwide"> + <!-- wp:column {"verticalAlignment":"stretch","width":"50%"} --> + <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"}} --> + <div class="wp-block-group" style="min-height:100%"> + + <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"}},"fontSize":"x-large","fontFamily":"heading"} --> + <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> + <!-- /wp:paragraph --> + + <!-- wp:group {"layout":{"type":"constrained","contentSize":"300px","justifyContent":"left"}} --> + <div class="wp-block-group"> + + <!-- wp:paragraph {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"}}} --> + <p><?php echo esc_html_x( 'Leaving an indelible mark on the landscape of tomorrow.', 'Description for the About pattern', 'twentytwentyfour' ); ?></p> + <!-- /wp:paragraph --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"> + <!-- wp:button --> + <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> + <!-- /wp:button --> + </div> + <!-- /wp:buttons --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:group --> + </div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center","width":"50%"} --> + <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"} --> + <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> + <!-- /wp:image --> + </div> + <!-- /wp:column --> + </div> + <!-- /wp:columns --> +</div> +<!-- /wp:group --> |