File manager - Edit - /home/aresglob/public_html/wp/wp-includes/images/smilies/twentytwentyfour.tar
Back
patterns/hidden-portfolio-hero.php 0000644 00000001512 15103744662 0013325 0 ustar 00 <?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.', 'twentytwentyfour' ) ); ?></h1> <!-- /wp:heading --> </div> <!-- /wp:group --> patterns/footer-colophon-3-col.php 0000644 00000011220 15103744662 0013151 0 ustar 00 <?php /** * Title: Footer with colophon, 3 columns * Slug: twentytwentyfour/footer-colophon-3-col * Categories: footer * Block Types: core/template-part/footer * Description: A footer section with a colophon and 3 columns. */ ?> <!-- 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 --> patterns/cta-subscribe-centered.php 0000644 00000005177 15103744662 0013454 0 ustar 00 <?php /** * Title: Centered call to action * Slug: twentytwentyfour/cta-subscribe-centered * Categories: call-to-action * Keywords: newsletter, subscribe, button * Description: Subscribers CTA section with a title, a paragraph and a CTA 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 --> patterns/text-title-left-image-right.php 0000644 00000006702 15103744662 0014360 0 ustar 00 <?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 * Description: A title, a paragraph and a CTA button on the left with an image on the right. */ ?> <!-- 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 --> patterns/gallery-full-screen-image.php 0000644 00000002701 15103744662 0014061 0 ustar 00 <?php /** * Title: Full screen image * Slug: twentytwentyfour/gallery-full-screen-image * Categories: gallery, portfolio * Description: A cover image section that covers the entire width. */ ?> <!-- 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 --> patterns/page-newsletter-landing.php 0000644 00000005646 15103744662 0013660 0 ustar 00 <?php /** * Title: Newsletter landing * Slug: twentytwentyfour/page-newsletter-landing * Categories: call-to-action, twentytwentyfour_page, featured * Keywords: starter * Block Types: core/post-content * Post Types: page, wp_template * Viewport width: 1100 * Description: A block with a newsletter subscription CTA for a landing page. */ ?> <!-- 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 --> patterns/hidden-posts-heading.php 0000644 00000000625 15103744662 0013126 0 ustar 00 <?php /** * Title: Posts heading * Slug: twentytwentyfour/hidden-posts-heading * Categories: hidden * Inserter: no */ ?> <!-- 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 --> patterns/footer-centered-logo-nav.php 0000644 00000002552 15103744662 0013736 0 ustar 00 <?php /** * Title: Footer with centered logo and navigation * Slug: twentytwentyfour/footer-centered-logo-nav * Categories: footer * Block Types: core/template-part/footer * Description: A footer section with a centered logo, navigation, and WordPress credits. */ ?> <!-- 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 --> patterns/hidden-post-meta.php 0000644 00000002044 15103744662 0012267 0 ustar 00 <?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 --> patterns/banner-hero.php 0000644 00000005375 15103744662 0011337 0 ustar 00 <?php /** * Title: Hero * Slug: twentytwentyfour/banner-hero * Categories: banner, call-to-action, featured * Viewport width: 1400 * Description: A hero section with a title, a paragraph, a CTA button, and an image. */ ?> <!-- 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 --> patterns/page-portfolio-overview.php 0000644 00000001421 15103744662 0013716 0 ustar 00 <?php /** * Title: Portfolio project overview * Slug: twentytwentyfour/page-portfolio-overview * Categories: twentytwentyfour_page, featured * Keywords: starter * Block Types: core/post-content * Post Types: page, wp_template * Viewport width: 1400 * Description: A full portfolio page with a section for project description, project details, a full screen image, and a gallery section with two images. */ ?> <!-- 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"} /--> patterns/text-project-details.php 0000644 00000006712 15103744662 0013206 0 ustar 00 <?php /** * Title: Project details * Slug: twentytwentyfour/text-project-details * Categories: text, portfolio * Viewport width: 1400 * Description: A text-only section for project details. */ ?> <!-- 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 --> patterns/text-alternating-images.php 0000644 00000013712 15103744662 0013666 0 ustar 00 <?php /** * Title: Text with alternating images * Slug: twentytwentyfour/text-alternating-images * Categories: text, about * Viewport width: 1400 * Description: A text section, then a two-column section with text in one column and an image in the other. */ ?> <!-- 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 --> patterns/posts-grid-2-col.php 0000644 00000007415 15103744662 0012141 0 ustar 00 <?php /** * Title: Grid of posts featuring the first post, 2 columns * Slug: twentytwentyfour/posts-grid-2-col * Categories: query * Block Types: core/query * Description: A grid of posts featuring the first post, 2 columns. */ ?> <!-- 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 --> patterns/cta-services-image-left.php 0000644 00000005462 15103744662 0013534 0 ustar 00 <?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 * Description: An image, title, paragraph and a CTA button to describe services. */ ?> <!-- 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 --> patterns/page-about-business.php 0000644 00000001527 15103744662 0013007 0 ustar 00 <?php /** * Title: About * Slug: twentytwentyfour/page-about-business * Categories: twentytwentyfour_page * Keywords: starter * Block Types: core/post-content * Post Types: page, wp_template * Viewport width: 1400 * Description: A business about page with a hero section, a text section, a services section, a team section, a clients section, a FAQ section, and a CTA section. */ ?> <!-- 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"} /--> patterns/gallery-offset-images-grid-2-col.php 0000644 00000005467 15103744662 0015164 0 ustar 00 <?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 * Description: A gallery section with 2 columns and offset images. */ ?> <!-- 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 --> patterns/page-home-business.php 0000644 00000001450 15103744662 0012620 0 ustar 00 <?php /** * Title: Business home * Slug: twentytwentyfour/page-home-business * Categories: twentytwentyfour_page * Keywords: starter * Block Types: core/post-content * Post Types: page, wp_template * Viewport width: 1400 * Description: A business home page with a hero section, a text section, a services section, a team section, a clients section, a FAQ section, and a CTA section. */ ?> <!-- 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"} /--> patterns/cta-pricing.php 0000644 00000032600 15103744662 0011326 0 ustar 00 <?php /** * Title: Pricing * Slug: twentytwentyfour/cta-pricing * Categories: call-to-action, services * Viewport width: 1400 * Description: A pricing section with a title, a paragraph and three pricing levels. */ ?> <!-- 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 --> patterns/hidden-no-results.php 0000644 00000000445 15103744662 0012474 0 ustar 00 <?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 --> patterns/template-search-portfolio.php 0000644 00000001744 15103744662 0014224 0 ustar 00 <?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"} /--> patterns/hidden-sidebar.php 0000644 00000011056 15103744662 0011772 0 ustar 00 <?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 --> patterns/template-index-portfolio.php 0000644 00000001517 15103744662 0014064 0 ustar 00 <?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"} /--> patterns/posts-3-col.php 0000644 00000005246 15103744662 0011217 0 ustar 00 <?php /** * Title: List of posts, 3 columns * Slug: twentytwentyfour/posts-3-col * Categories: query * Block Types: core/query * Description: A list of posts, 3 columns. */ ?> <!-- 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 --> patterns/hidden-404.php 0000644 00000001170 15103744662 0010664 0 ustar 00 <?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"} /--> patterns/template-single-portfolio.php 0000644 00000002244 15103744662 0014234 0 ustar 00 <?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"} /--> patterns/posts-list.php 0000644 00000006571 15103744662 0011257 0 ustar 00 <?php /** * Title: List of posts without images, 1 column * Slug: twentytwentyfour/posts-list * Categories: query, posts * Block Types: core/query * Description: A list of posts without images, 1 column. */ ?> <!-- 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 --> patterns/text-faq.php 0000644 00000017473 15103744662 0010672 0 ustar 00 <?php /** * Title: FAQ * Slug: twentytwentyfour/text-faq * Categories: text, about, featured * Keywords: faq, about, frequently asked * Viewport width: 1400 * Description: A FAQ section with a large FAQ heading and a group of questions and answers. */ ?> <!-- 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 {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"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" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)"/> <!-- /wp:separator --> <!-- wp:heading {"level":3,"align":"wide","style":{"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}}},"textColor":"base-2"} --> <h3 class="wp-block-heading alignwide has-base-2-color has-text-color has-link-color"><?php echo esc_html_x( 'What is your process working in smaller projects?', 'Question in the FAQ pattern', 'twentytwentyfour' ); ?></h3> <!-- /wp:heading --> <!-- 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.', 'Answer in the FAQ pattern', 'twentytwentyfour' ); ?></p> <!-- /wp:paragraph --> <!-- wp:separator {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"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" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)"/> <!-- /wp:separator --> <!-- wp:heading {"level":3,"align":"wide","style":{"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}}},"textColor":"base-2"} --> <h3 class="wp-block-heading alignwide has-base-2-color has-text-color has-link-color"><?php echo esc_html_x( 'Who is behind Études?', 'Question in the FAQ pattern', 'twentytwentyfour' ); ?></h3> <!-- /wp:heading --> <!-- 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.', 'Answer in the FAQ pattern', 'twentytwentyfour' ); ?></p> <!-- /wp:paragraph --> <!-- wp:separator {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"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" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)"/> <!-- /wp:separator --> <!-- wp:heading {"level":3,"align":"wide","style":{"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}}},"textColor":"base-2"} --> <h3 class="wp-block-heading alignwide has-base-2-color has-text-color has-link-color"><?php echo esc_html_x( 'I\'d like to get to meet fellow architects, how can I do that?', 'Question in the FAQ pattern', 'twentytwentyfour' ); ?></h3> <!-- /wp:heading --> <!-- 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.', 'Answer in the FAQ pattern', 'twentytwentyfour' ); ?></p> <!-- /wp:paragraph --> <!-- wp:separator {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"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" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)"/> <!-- /wp:separator --> <!-- wp:heading {"level":3,"align":"wide","style":{"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}}},"textColor":"base-2"} --> <h3 class="wp-block-heading alignwide has-base-2-color has-text-color has-link-color"><?php echo esc_html_x( 'Can I apply to be a part of the team or work as a contractor?', 'Question in the FAQ pattern', 'twentytwentyfour' ); ?></h3> <!-- /wp:heading --> <!-- 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.', 'Answer in the FAQ pattern', 'twentytwentyfour' ); ?></p> <!-- /wp:paragraph --> <!-- 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 --> patterns/text-centered-statement-small.php 0000644 00000002576 15103744662 0015022 0 ustar 00 <?php /** * Title: Centered statement, small * Slug: twentytwentyfour/text-centered-statement-small * Categories: text, about * Keywords: mission, introduction * Viewport width: 1200 * Description: A centered italic text statement with compact padding. */ ?> <!-- 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 --> patterns/team-4-col.php 0000644 00000015214 15103744662 0010772 0 ustar 00 <?php /** * Title: Team members, 4 columns * Slug: twentytwentyfour/team-4-col * Categories: team, about * Viewport width: 1400 * Description: A team section, with a heading, a paragraph, and 4 columns for team members. */ ?> <!-- 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 --> patterns/banner-project-description.php 0000644 00000005002 15103744662 0014354 0 ustar 00 <?php /** * Title: Project description * Slug: twentytwentyfour/banner-project-description * Categories: featured, banner, about, portfolio * Viewport width: 1400 * Description: Project description section with title, paragraph, and an image. */ ?> <!-- 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 --> patterns/posts-1-col.php 0000644 00000004530 15103744662 0011210 0 ustar 00 <?php /** * Title: List of posts, 1 column * Slug: twentytwentyfour/posts-1-col * Categories: query * Block Types: core/query * Description: A list of posts, 1 column. */ ?> <!-- 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 --> patterns/template-home-business.php 0000644 00000001140 15103744662 0013513 0 ustar 00 <?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"} /--> patterns/page-home-portfolio.php 0000644 00000001016 15103744662 0013000 0 ustar 00 <?php /** * Title: Portfolio home with post featured images * Slug: twentytwentyfour/page-home-portfolio * Categories: twentytwentyfour_page * Keywords: starter * Block Types: core/post-content * Post Types: page, wp_template * Viewport width: 1400 * Description: A portfolio home page with a description and a 4-column post section with only feature images. */ ?> <!-- wp:pattern {"slug":"twentytwentyfour/hidden-portfolio-hero"} /--> <!-- wp:pattern {"slug":"twentytwentyfour/posts-images-only-offset-4-col"} /--> patterns/hidden-post-navigation.php 0000644 00000002107 15103744662 0013500 0 ustar 00 <?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 --> patterns/page-home-portfolio-gallery.php 0000644 00000000722 15103744662 0014440 0 ustar 00 <?php /** * Title: Portfolio home image gallery * Slug: twentytwentyfour/page-home-gallery * Categories: twentytwentyfour_page * Keywords: starter * Block Types: core/post-content * Post Types: page, wp_template * Viewport width: 1400 * Description: A portfolio home page that features a gallery. */ ?> <!-- wp:pattern {"slug":"twentytwentyfour/hidden-portfolio-hero"} /--> <!-- wp:pattern {"slug":"twentytwentyfour/gallery-offset-images-grid-4-col"} /--> patterns/posts-images-only-3-col.php 0000644 00000003562 15103744662 0013440 0 ustar 00 <?php /** * Title: Posts with featured images only, 3 columns * Slug: twentytwentyfour/posts-images-only-3-col * Categories: query * Block Types: core/query * Description: A list of posts with featured images only, 3 columns. */ ?> <!-- 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 --> patterns/cta-content-image-on-right.php 0000644 00000006657 15103744662 0014167 0 ustar 00 <?php /** * Title: Call to action with image on right * Slug: twentytwentyfour/cta-content-image-on-right * Categories: call-to-action, banner * Viewport width: 1400 * Description: A title, paragraph, two CTA buttons, and an image for a general CTA section. */ ?> <!-- 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 --> patterns/gallery-project-layout.php 0000644 00000010712 15103744662 0013544 0 ustar 00 <?php /** * Title: Project layout * Slug: twentytwentyfour/gallery-project-layout * Categories: gallery, featured, portfolio * Viewport width: 1600 * Description: A gallery section with a project layout with 2 images. */ ?> <!-- 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 --> patterns/page-rsvp-landing.php 0000644 00000010123 15103744662 0012440 0 ustar 00 <?php /** * Title: RSVP landing * Slug: twentytwentyfour/page-rsvp-landing * Categories: twentytwentyfour_page * Keywords: starter * Block Types: core/post-content * Post Types: page, wp_template * Viewport width: 1100 * Description: A large RSVP heading sideways, a description, and a CTA button. */ ?> <!-- 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 --> patterns/template-index-blogging.php 0000644 00000001630 15103744662 0013633 0 ustar 00 <?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"} /--> patterns/template-archive-portfolio.php 0000644 00000001321 15103744662 0014367 0 ustar 00 <?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"} /--> patterns/text-centered-statement.php 0000644 00000003562 15103744662 0013710 0 ustar 00 <?php /** * Title: Centered statement * Slug: twentytwentyfour/text-centered-statement * Categories: text, about, featured * Keywords: mission, introduction * Viewport width: 1400 * Description: A centered text statement with a large amount of padding on all sides. */ ?> <!-- 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 --> patterns/posts-images-only-offset-4-col.php 0000644 00000010437 15103744662 0014724 0 ustar 00 <?php /** * Title: Offset posts with featured images only, 4 columns * Slug: twentytwentyfour/posts-images-only-offset-4-col * Categories: posts * Description: A list of posts with featured images only, 4 columns. */ ?> <!-- 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 --> patterns/hidden-search.php 0000644 00000000517 15103744662 0011626 0 ustar 00 <?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"} /--> patterns/hidden-comments.php 0000644 00000003111 15103744662 0012177 0 ustar 00 <?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 --> patterns/template-archive-blogging.php 0000644 00000001405 15103744662 0014145 0 ustar 00 <?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"} /--> patterns/testimonial-centered.php 0000644 00000006554 15103744662 0013256 0 ustar 00 <?php /** * Title: Centered testimonial * Slug: twentytwentyfour/testimonial-centered * Keywords: quote, review, about * Categories: testimonials, text * Viewport width: 1300 * Description: A centered testimonial section with an avatar, name, and job title. */ ?> <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Testimonial', 'Name of testimonial 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 --> patterns/template-home-blogging.php 0000644 00000001376 15103744662 0013463 0 ustar 00 <?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"} /--> patterns/page-home-blogging.php 0000644 00000005662 15103744662 0012566 0 ustar 00 <?php /** * Title: Blogging home * Slug: twentytwentyfour/page-home-blogging * Categories: twentytwentyfour_page * Keywords: page, starter * Post Types: page, wp_template * Viewport width: 1400 * Description: A blogging home page with a hero section, a text section, a blog section, and a CTA section. */ ?> <!-- 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"} /--> patterns/gallery-offset-images-grid-3-col.php 0000644 00000011511 15103744662 0015150 0 ustar 00 <?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 * Description: A gallery section with 3 columns and offset images. */ ?> <!-- 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 --> patterns/text-feature-grid-3-col.php 0000644 00000017504 15103744662 0013407 0 ustar 00 <?php /** * Title: Feature grid, 3 columns * Slug: twentytwentyfour/text-feature-grid-3-col * Categories: text, about * Viewport width: 1400 * Description: A feature grid of 2 rows and 3 columns with headings and text. */ ?> <!-- 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 --> patterns/gallery-offset-images-grid-4-col.php 0000644 00000014327 15103744662 0015161 0 ustar 00 <?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 * Description: A gallery section with 4 columns and offset images. */ ?> <!-- 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 --> patterns/cta-rsvp.php 0000644 00000007265 15103744662 0010676 0 ustar 00 <?php /** * Title: RSVP * Slug: twentytwentyfour/cta-rsvp * Categories: call-to-action, featured * Viewport width: 1100 * Description: A large RSVP heading sideways, a description, and a CTA button. */ ?> <!-- 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 --> patterns/footer.php 0000644 00000014733 15103744662 0010433 0 ustar 00 <?php /** * Title: Footer with colophon, 4 columns * Slug: twentytwentyfour/footer * Categories: footer * Block Types: core/template-part/footer * Description: A footer section with a colophon and 4 columns. */ ?> <!-- 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":"<?php esc_html_e( 'Team', 'twentytwentyfour' ); ?>","url":"#"} /--> <!-- wp:navigation-link {"label":"<?php esc_html_e( 'History', 'twentytwentyfour' ); ?>","url":"#"} /--> <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Careers', 'twentytwentyfour' ); ?>","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":"<?php esc_html_e( 'Privacy Policy', 'twentytwentyfour' ); ?>","url":"#"} /--> <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Terms and Conditions', 'twentytwentyfour' ); ?>","url":"#"} /--> <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Contact Us', 'twentytwentyfour' ); ?>","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":"<?php esc_html_e( 'Facebook', 'twentytwentyfour' ); ?>","url":"#"} /--> <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Instagram', 'twentytwentyfour' ); ?>","url":"#"} /--> <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Twitter/X', 'twentytwentyfour' ); ?>","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 --> patterns/template-home-portfolio.php 0000644 00000001547 15103744662 0013710 0 ustar 00 <?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"} /--> patterns/template-search-blogging.php 0000644 00000001662 15103744662 0013776 0 ustar 00 <?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"} /--> functions.php 0000644 00000012647 15103744662 0007307 0 ustar 00 <?php /** * Twenty Twenty-Four functions and definitions * * @link https://developer.wordpress.org/themes/basics/theme-functions/ * * @package Twenty Twenty-Four * @since Twenty Twenty-Four 1.0 */ /** * Register block styles. */ if ( ! function_exists( 'twentytwentyfour_block_styles' ) ) : /** * Register custom block styles * * @since Twenty Twenty-Four 1.0 * @return void */ function twentytwentyfour_block_styles() { register_block_style( 'core/details', array( 'name' => 'arrow-icon-details', 'label' => __( 'Arrow icon', 'twentytwentyfour' ), /* * Styles for the custom Arrow icon style of the Details block */ 'inline_style' => ' .is-style-arrow-icon-details { padding-top: var(--wp--preset--spacing--10); padding-bottom: var(--wp--preset--spacing--10); } .is-style-arrow-icon-details summary { list-style-type: "\2193\00a0\00a0\00a0"; } .is-style-arrow-icon-details[open]>summary { list-style-type: "\2192\00a0\00a0\00a0"; }', ) ); register_block_style( 'core/post-terms', array( 'name' => 'pill', 'label' => __( 'Pill', 'twentytwentyfour' ), /* * Styles variation for post terms * https://github.com/WordPress/gutenberg/issues/24956 */ 'inline_style' => ' .is-style-pill a, .is-style-pill span:not([class], [data-rich-text-placeholder]) { display: inline-block; background-color: var(--wp--preset--color--base-2); padding: 0.375rem 0.875rem; border-radius: var(--wp--preset--spacing--20); } .is-style-pill a:hover { background-color: var(--wp--preset--color--contrast-3); }', ) ); register_block_style( 'core/list', array( 'name' => 'checkmark-list', 'label' => __( 'Checkmark', 'twentytwentyfour' ), /* * Styles for the custom checkmark list block style * https://github.com/WordPress/gutenberg/issues/51480 */ 'inline_style' => ' ul.is-style-checkmark-list { list-style-type: "\2713"; } ul.is-style-checkmark-list li { padding-inline-start: 1ch; }', ) ); register_block_style( 'core/navigation-link', array( 'name' => 'arrow-link', 'label' => __( 'With arrow', 'twentytwentyfour' ), /* * Styles for the custom arrow nav link block style */ 'inline_style' => ' .is-style-arrow-link .wp-block-navigation-item__label:after { content: "\2197"; padding-inline-start: 0.25rem; vertical-align: middle; text-decoration: none; display: inline-block; }', ) ); register_block_style( 'core/heading', array( 'name' => 'asterisk', 'label' => __( 'With asterisk', 'twentytwentyfour' ), 'inline_style' => " .is-style-asterisk:before { content: ''; width: 1.5rem; height: 3rem; background: var(--wp--preset--color--contrast-2, currentColor); clip-path: path('M11.93.684v8.039l5.633-5.633 1.216 1.23-5.66 5.66h8.04v1.737H13.2l5.701 5.701-1.23 1.23-5.742-5.742V21h-1.737v-8.094l-5.77 5.77-1.23-1.217 5.743-5.742H.842V9.98h8.162l-5.701-5.7 1.23-1.231 5.66 5.66V.684h1.737Z'); display: block; } /* Hide the asterisk if the heading has no content, to avoid using empty headings to display the asterisk only, which is an A11Y issue */ .is-style-asterisk:empty:before { content: none; } .is-style-asterisk:-moz-only-whitespace:before { content: none; } .is-style-asterisk.has-text-align-center:before { margin: 0 auto; } .is-style-asterisk.has-text-align-right:before { margin-left: auto; } .rtl .is-style-asterisk.has-text-align-left:before { margin-right: auto; }", ) ); } endif; add_action( 'init', 'twentytwentyfour_block_styles' ); /** * Enqueue block stylesheets. */ if ( ! function_exists( 'twentytwentyfour_block_stylesheets' ) ) : /** * Enqueue custom block stylesheets * * @since Twenty Twenty-Four 1.0 * @return void */ function twentytwentyfour_block_stylesheets() { /** * The wp_enqueue_block_style() function allows us to enqueue a stylesheet * for a specific block. These will only get loaded when the block is rendered * (both in the editor and on the front end), improving performance * and reducing the amount of data requested by visitors. * * See https://make.wordpress.org/core/2021/12/15/using-multiple-stylesheets-per-block/ for more info. */ wp_enqueue_block_style( 'core/button', array( 'handle' => 'twentytwentyfour-button-style-outline', 'src' => get_parent_theme_file_uri( 'assets/css/button-outline.css' ), 'ver' => wp_get_theme( get_template() )->get( 'Version' ), 'path' => get_parent_theme_file_path( 'assets/css/button-outline.css' ), ) ); } endif; add_action( 'init', 'twentytwentyfour_block_stylesheets' ); /** * Register pattern categories. */ if ( ! function_exists( 'twentytwentyfour_pattern_categories' ) ) : /** * Register pattern categories * * @since Twenty Twenty-Four 1.0 * @return void */ function twentytwentyfour_pattern_categories() { register_block_pattern_category( 'twentytwentyfour_page', array( 'label' => _x( 'Pages', 'Block pattern category', 'twentytwentyfour' ), 'description' => __( 'A collection of full page layouts.', 'twentytwentyfour' ), ) ); } endif; add_action( 'init', 'twentytwentyfour_pattern_categories' ); parts/header.html 0000644 00000002407 15103744662 0010026 0 ustar 00 <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"20px","bottom":"20px"}}},"backgroundColor":"base","layout":{"type":"constrained"}} --> <div class="wp-block-group alignwide has-base-background-color has-background" style="padding-top:20px;padding-bottom:20px"> <!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} --> <div class="wp-block-group alignwide"> <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"flex"}} --> <div class="wp-block-group"> <!-- wp:site-logo {"width":60 } /--> <!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> <div class="wp-block-group"> <!-- wp:site-title {"level":0} /--> </div> <!-- /wp:group --> </div> <!-- /wp:group --> <!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"left"}} --> <div class="wp-block-group"> <!-- wp:navigation {"layout":{"type":"flex","justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"},"blockGap":"var:preset|spacing|20"},"layout":{"selfStretch":"fit","flexSize":null}}} /--> </div> <!-- /wp:group --> </div> <!-- /wp:group --> </div> <!-- /wp:group -->