diff options
Diffstat (limited to 'wp-content/themes/twentytwentyfour/patterns')
38 files changed, 76 insertions, 35 deletions
diff --git a/wp-content/themes/twentytwentyfour/patterns/banner-hero.php b/wp-content/themes/twentytwentyfour/patterns/banner-hero.php index 4587ac8..9971884 100644 --- a/wp-content/themes/twentytwentyfour/patterns/banner-hero.php +++ b/wp-content/themes/twentytwentyfour/patterns/banner-hero.php @@ -4,6 +4,7 @@ * 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. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/banner-project-description.php b/wp-content/themes/twentytwentyfour/patterns/banner-project-description.php index 31a44fc..7ddeea7 100644 --- a/wp-content/themes/twentytwentyfour/patterns/banner-project-description.php +++ b/wp-content/themes/twentytwentyfour/patterns/banner-project-description.php @@ -4,6 +4,7 @@ * 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"}} --> diff --git a/wp-content/themes/twentytwentyfour/patterns/cta-content-image-on-right.php b/wp-content/themes/twentytwentyfour/patterns/cta-content-image-on-right.php index f46ecbc..49bceb2 100644 --- a/wp-content/themes/twentytwentyfour/patterns/cta-content-image-on-right.php +++ b/wp-content/themes/twentytwentyfour/patterns/cta-content-image-on-right.php @@ -4,6 +4,7 @@ * 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. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/cta-pricing.php b/wp-content/themes/twentytwentyfour/patterns/cta-pricing.php index 45f85f5..4ba3937 100644 --- a/wp-content/themes/twentytwentyfour/patterns/cta-pricing.php +++ b/wp-content/themes/twentytwentyfour/patterns/cta-pricing.php @@ -4,6 +4,7 @@ * 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. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/cta-rsvp.php b/wp-content/themes/twentytwentyfour/patterns/cta-rsvp.php index 9981065..a123869 100644 --- a/wp-content/themes/twentytwentyfour/patterns/cta-rsvp.php +++ b/wp-content/themes/twentytwentyfour/patterns/cta-rsvp.php @@ -4,6 +4,7 @@ * Slug: twentytwentyfour/cta-rsvp * Categories: call-to-action, featured * Viewport width: 1100 + * Description: A large RSVP heading sideways, a description, and a CTA button. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/cta-services-image-left.php b/wp-content/themes/twentytwentyfour/patterns/cta-services-image-left.php index 87f3c9f..b6315b0 100644 --- a/wp-content/themes/twentytwentyfour/patterns/cta-services-image-left.php +++ b/wp-content/themes/twentytwentyfour/patterns/cta-services-image-left.php @@ -4,6 +4,7 @@ * 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. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/cta-subscribe-centered.php b/wp-content/themes/twentytwentyfour/patterns/cta-subscribe-centered.php index b65eac5..c11b913 100644 --- a/wp-content/themes/twentytwentyfour/patterns/cta-subscribe-centered.php +++ b/wp-content/themes/twentytwentyfour/patterns/cta-subscribe-centered.php @@ -4,6 +4,7 @@ * 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. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/footer-centered-logo-nav.php b/wp-content/themes/twentytwentyfour/patterns/footer-centered-logo-nav.php index 4370eac..3925876 100644 --- a/wp-content/themes/twentytwentyfour/patterns/footer-centered-logo-nav.php +++ b/wp-content/themes/twentytwentyfour/patterns/footer-centered-logo-nav.php @@ -4,6 +4,7 @@ * 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. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/footer-colophon-3-col.php b/wp-content/themes/twentytwentyfour/patterns/footer-colophon-3-col.php index cfb15db..e0de63b 100644 --- a/wp-content/themes/twentytwentyfour/patterns/footer-colophon-3-col.php +++ b/wp-content/themes/twentytwentyfour/patterns/footer-colophon-3-col.php @@ -4,6 +4,7 @@ * Slug: twentytwentyfour/footer-colophon-3-col * Categories: footer * Block Types: core/template-part/footer + * Description: A footer section with a colophon and 3 columns. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/footer.php b/wp-content/themes/twentytwentyfour/patterns/footer.php index 85f310d..4b8aeb2 100644 --- a/wp-content/themes/twentytwentyfour/patterns/footer.php +++ b/wp-content/themes/twentytwentyfour/patterns/footer.php @@ -4,6 +4,7 @@ * Slug: twentytwentyfour/footer * Categories: footer * Block Types: core/template-part/footer + * Description: A footer section with a colophon and 4 columns. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/gallery-full-screen-image.php b/wp-content/themes/twentytwentyfour/patterns/gallery-full-screen-image.php index ee26fca..dc9cc5d 100644 --- a/wp-content/themes/twentytwentyfour/patterns/gallery-full-screen-image.php +++ b/wp-content/themes/twentytwentyfour/patterns/gallery-full-screen-image.php @@ -3,6 +3,7 @@ * Title: Full screen image * Slug: twentytwentyfour/gallery-full-screen-image * Categories: gallery, portfolio + * Description: A cover image section that covers the entire width. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-2-col.php b/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-2-col.php index 67ea044..8e2222e 100644 --- a/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-2-col.php +++ b/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-2-col.php @@ -5,6 +5,7 @@ * 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"}} --> diff --git a/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-3-col.php b/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-3-col.php index 3280317..5f32f7f 100644 --- a/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-3-col.php +++ b/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-3-col.php @@ -5,6 +5,7 @@ * 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"}} --> diff --git a/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-4-col.php b/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-4-col.php index 8c89db8..df9341d 100644 --- a/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-4-col.php +++ b/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-4-col.php @@ -5,6 +5,7 @@ * Categories: gallery, featured, portfolio * Keywords: project, images, media, masonry, columns * Viewport width: 1400 + * Description: A gallery section with 4 columns and offset images. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/gallery-project-layout.php b/wp-content/themes/twentytwentyfour/patterns/gallery-project-layout.php index 27d6f74..143d61b 100644 --- a/wp-content/themes/twentytwentyfour/patterns/gallery-project-layout.php +++ b/wp-content/themes/twentytwentyfour/patterns/gallery-project-layout.php @@ -4,6 +4,7 @@ * Slug: twentytwentyfour/gallery-project-layout * Categories: gallery, featured, portfolio * Viewport width: 1600 + * Description: A gallery section with a project layout with 2 images. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-about-business.php b/wp-content/themes/twentytwentyfour/patterns/page-about-business.php index ad62698..7b662c2 100644 --- a/wp-content/themes/twentytwentyfour/patterns/page-about-business.php +++ b/wp-content/themes/twentytwentyfour/patterns/page-about-business.php @@ -7,6 +7,7 @@ * 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. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-home-blogging.php b/wp-content/themes/twentytwentyfour/patterns/page-home-blogging.php index 5cef5d4..bd08b6e 100644 --- a/wp-content/themes/twentytwentyfour/patterns/page-home-blogging.php +++ b/wp-content/themes/twentytwentyfour/patterns/page-home-blogging.php @@ -6,6 +6,7 @@ * 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. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-home-business.php b/wp-content/themes/twentytwentyfour/patterns/page-home-business.php index 415c42f..3f2c748 100644 --- a/wp-content/themes/twentytwentyfour/patterns/page-home-business.php +++ b/wp-content/themes/twentytwentyfour/patterns/page-home-business.php @@ -7,6 +7,7 @@ * 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. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-home-portfolio-gallery.php b/wp-content/themes/twentytwentyfour/patterns/page-home-portfolio-gallery.php index a9ce9d7..511a3b8 100644 --- a/wp-content/themes/twentytwentyfour/patterns/page-home-portfolio-gallery.php +++ b/wp-content/themes/twentytwentyfour/patterns/page-home-portfolio-gallery.php @@ -7,6 +7,7 @@ * Block Types: core/post-content * Post Types: page, wp_template * Viewport width: 1400 + * Description: A porfolio home page that features a gallery. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-home-portfolio.php b/wp-content/themes/twentytwentyfour/patterns/page-home-portfolio.php index 40d4fa1..c03d1b1 100644 --- a/wp-content/themes/twentytwentyfour/patterns/page-home-portfolio.php +++ b/wp-content/themes/twentytwentyfour/patterns/page-home-portfolio.php @@ -7,6 +7,7 @@ * 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. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-newsletter-landing.php b/wp-content/themes/twentytwentyfour/patterns/page-newsletter-landing.php index 5ee552e..6ad69ff 100644 --- a/wp-content/themes/twentytwentyfour/patterns/page-newsletter-landing.php +++ b/wp-content/themes/twentytwentyfour/patterns/page-newsletter-landing.php @@ -7,6 +7,7 @@ * 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. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-portfolio-overview.php b/wp-content/themes/twentytwentyfour/patterns/page-portfolio-overview.php index b0bf21b..6aee66b 100644 --- a/wp-content/themes/twentytwentyfour/patterns/page-portfolio-overview.php +++ b/wp-content/themes/twentytwentyfour/patterns/page-portfolio-overview.php @@ -7,6 +7,7 @@ * 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. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/page-rsvp-landing.php b/wp-content/themes/twentytwentyfour/patterns/page-rsvp-landing.php index 8b3ba83..6ec6732 100644 --- a/wp-content/themes/twentytwentyfour/patterns/page-rsvp-landing.php +++ b/wp-content/themes/twentytwentyfour/patterns/page-rsvp-landing.php @@ -7,6 +7,7 @@ * 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. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/posts-1-col.php b/wp-content/themes/twentytwentyfour/patterns/posts-1-col.php index 051ed14..f2bbaa1 100644 --- a/wp-content/themes/twentytwentyfour/patterns/posts-1-col.php +++ b/wp-content/themes/twentytwentyfour/patterns/posts-1-col.php @@ -4,6 +4,7 @@ * Slug: twentytwentyfour/posts-1-col * Categories: query * Block Types: core/query + * Description: A list of posts, 1 column. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/posts-3-col.php b/wp-content/themes/twentytwentyfour/patterns/posts-3-col.php index 62a48c4..8556154 100644 --- a/wp-content/themes/twentytwentyfour/patterns/posts-3-col.php +++ b/wp-content/themes/twentytwentyfour/patterns/posts-3-col.php @@ -4,6 +4,7 @@ * Slug: twentytwentyfour/posts-3-col * Categories: query * Block Types: core/query + * Description: A list of posts, 3 columns. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/posts-grid-2-col.php b/wp-content/themes/twentytwentyfour/patterns/posts-grid-2-col.php index dd2881d..d6a584f 100644 --- a/wp-content/themes/twentytwentyfour/patterns/posts-grid-2-col.php +++ b/wp-content/themes/twentytwentyfour/patterns/posts-grid-2-col.php @@ -4,6 +4,7 @@ * Slug: twentytwentyfour/posts-grid-2-col * Categories: query * Block Types: core/query + * Description: A grid of posts featuring the first post, 2 columns. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/posts-images-only-3-col.php b/wp-content/themes/twentytwentyfour/patterns/posts-images-only-3-col.php index 48bf4d0..7aee493 100644 --- a/wp-content/themes/twentytwentyfour/patterns/posts-images-only-3-col.php +++ b/wp-content/themes/twentytwentyfour/patterns/posts-images-only-3-col.php @@ -4,6 +4,7 @@ * Slug: twentytwentyfour/posts-images-only-3-col * Categories: query * Block Types: core/query + * Description: A list of posts with featured images only, 3 columns. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/posts-images-only-offset-4-col.php b/wp-content/themes/twentytwentyfour/patterns/posts-images-only-offset-4-col.php index 808754b..2cbcaff 100644 --- a/wp-content/themes/twentytwentyfour/patterns/posts-images-only-offset-4-col.php +++ b/wp-content/themes/twentytwentyfour/patterns/posts-images-only-offset-4-col.php @@ -3,6 +3,7 @@ * 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. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/posts-list.php b/wp-content/themes/twentytwentyfour/patterns/posts-list.php index 5db93af..e298a54 100644 --- a/wp-content/themes/twentytwentyfour/patterns/posts-list.php +++ b/wp-content/themes/twentytwentyfour/patterns/posts-list.php @@ -4,6 +4,7 @@ * Slug: twentytwentyfour/posts-list * Categories: query, posts * Block Types: core/query + * Description: A list of posts without images, 1 column. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/team-4-col.php b/wp-content/themes/twentytwentyfour/patterns/team-4-col.php index 78211d2..86a8bfa 100644 --- a/wp-content/themes/twentytwentyfour/patterns/team-4-col.php +++ b/wp-content/themes/twentytwentyfour/patterns/team-4-col.php @@ -4,6 +4,7 @@ * 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. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/testimonial-centered.php b/wp-content/themes/twentytwentyfour/patterns/testimonial-centered.php index 8e63924..7ca8275 100644 --- a/wp-content/themes/twentytwentyfour/patterns/testimonial-centered.php +++ b/wp-content/themes/twentytwentyfour/patterns/testimonial-centered.php @@ -5,10 +5,11 @@ * Keywords: quote, review, about * Categories: testimonials, text * Viewport width: 1300 + * Description: A centered testimonial section with a avatar, name, and job title. */ ?> -<!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Testimonial', 'Name of testimonal pattern', 'twentytwentyfour' ); ?>"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|60","right":"var:preset|spacing|60"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"contrast","textColor":"base","layout":{"type":"constrained","contentSize":""}} --> +<!-- 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"> diff --git a/wp-content/themes/twentytwentyfour/patterns/text-alternating-images.php b/wp-content/themes/twentytwentyfour/patterns/text-alternating-images.php index 12a0772..105ac2a 100644 --- a/wp-content/themes/twentytwentyfour/patterns/text-alternating-images.php +++ b/wp-content/themes/twentytwentyfour/patterns/text-alternating-images.php @@ -4,6 +4,7 @@ * Slug: twentytwentyfour/text-alternating-images * Categories: text, about * Viewport width: 1400 + * Description: A text section, then a two column section with text in one and image in another. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/text-centered-statement-small.php b/wp-content/themes/twentytwentyfour/patterns/text-centered-statement-small.php index c24a51a..5408463 100644 --- a/wp-content/themes/twentytwentyfour/patterns/text-centered-statement-small.php +++ b/wp-content/themes/twentytwentyfour/patterns/text-centered-statement-small.php @@ -5,6 +5,7 @@ * Categories: text, about * Keywords: mission, introduction * Viewport width: 1200 + * Description: A centered itallic text statement with compact padding. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/text-centered-statement.php b/wp-content/themes/twentytwentyfour/patterns/text-centered-statement.php index ce7751e..f8fbb4d 100644 --- a/wp-content/themes/twentytwentyfour/patterns/text-centered-statement.php +++ b/wp-content/themes/twentytwentyfour/patterns/text-centered-statement.php @@ -5,6 +5,7 @@ * Categories: text, about, featured * Keywords: mission, introduction * Viewport width: 1400 + * Description: A centered text statement with a large paddings. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/text-faq.php b/wp-content/themes/twentytwentyfour/patterns/text-faq.php index 8bf0428..000aa61 100644 --- a/wp-content/themes/twentytwentyfour/patterns/text-faq.php +++ b/wp-content/themes/twentytwentyfour/patterns/text-faq.php @@ -5,6 +5,7 @@ * Categories: text, about, featured * Keywords: faq, about, frequently asked * Viewport width: 1400 + * Description: A FAQ section with a large FAQ heading and list of toggle questions and answers. */ ?> @@ -16,45 +17,48 @@ <!-- wp:group {"align":"wide","layout":{"type":"default"}} --> <div class="wp-block-group alignwide"> - <!-- wp:separator {"backgroundColor":"base","className":"is-style-wide"} --> - <hr class="wp-block-separator has-text-color has-base-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide"/> + <!-- wp:separator {"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:details {"style":{"spacing":{"margin":{"top":"0"}},"border":{"top":{"width":"0px","style":"none"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|base","style":"solid","width":"1px"},"left":{"width":"0px","style":"none"}}},"className":"is-style-arrow-icon-details","fontSize":"medium"} --> - <details class="wp-block-details is-style-arrow-icon-details has-medium-font-size" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--base);border-bottom-style:solid;border-bottom-width:1px;border-left-style:none;border-left-width:0px;margin-top:0"> - <summary><?php echo esc_html_x( 'What is your process working in smaller projects?', 'Question on the details block', 'twentytwentyfour' ); ?></summary> - <!-- wp:paragraph {"placeholder":"Type / to add a hidden block","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-1"}}}},"textColor":"contrast-1"} --> - <p class="has-contrast-1-color has-text-color has-link-color"><?php echo esc_html_x( 'Études offers comprehensive consulting, management, design, and research solutions. Our vision is to be at the forefront of architectural innovation, fostering a global community of architects and enthusiasts united by a passion for creating spaces. Every architectural endeavor is an opportunity to shape the future.', 'Hidden answer on the details block', 'twentytwentyfour' ); ?></p> - <!-- /wp:paragraph --> - </details> - <!-- /wp:details --> + <!-- wp: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:details {"style":{"spacing":{"margin":{"top":"0"}},"border":{"top":{"width":"0px","style":"none"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|base","style":"solid","width":"1px"},"left":{"width":"0px","style":"none"}}},"className":"is-style-arrow-icon-details","fontSize":"medium"} --> - <details class="wp-block-details is-style-arrow-icon-details has-medium-font-size" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--base);border-bottom-style:solid;border-bottom-width:1px;border-left-style:none;border-left-width:0px;margin-top:0"> - <summary><?php echo esc_html_x( 'Who is behind Études?', 'Question on the details block', 'twentytwentyfour' ); ?></summary> - <!-- wp:paragraph {"placeholder":"Type / to add a hidden block","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-1"}}}},"textColor":"contrast-1"} --> - <p class="has-contrast-1-color has-text-color has-link-color"><?php echo esc_html_x( 'Études offers comprehensive consulting, management, design, and research solutions. Our vision is to be at the forefront of architectural innovation, fostering a global community of architects and enthusiasts united by a passion for creating spaces. Every architectural endeavor is an opportunity to shape the future.', 'Hidden answer on the details block', 'twentytwentyfour' ); ?></p> - <!-- /wp:paragraph --> - </details> - <!-- /wp:details --> + <!-- wp: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:details {"style":{"spacing":{"margin":{"top":"0"}},"border":{"top":{"width":"0px","style":"none"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|base","style":"solid","width":"1px"},"left":{"width":"0px","style":"none"}}},"className":"is-style-arrow-icon-details","fontSize":"medium"} --> - <details class="wp-block-details is-style-arrow-icon-details has-medium-font-size" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--base);border-bottom-style:solid;border-bottom-width:1px;border-left-style:none;border-left-width:0px;margin-top:0"> - <summary><?php echo esc_html_x( 'I\'d like to get to meet fellow architects, how can I do that?', 'Question on the details block', 'twentytwentyfour' ); ?></summary> - <!-- wp:paragraph {"placeholder":"Type / to add a hidden block","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-1"}}}},"textColor":"contrast-1"} --> - <p class="has-contrast-1-color has-text-color has-link-color"><?php echo esc_html_x( 'Études offers comprehensive consulting, management, design, and research solutions. Our vision is to be at the forefront of architectural innovation, fostering a global community of architects and enthusiasts united by a passion for creating spaces. Every architectural endeavor is an opportunity to shape the future.', 'Hidden answer on the details block', 'twentytwentyfour' ); ?></p> - <!-- /wp:paragraph --> - </details> - <!-- /wp:details --> + <!-- wp: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:details {"style":{"spacing":{"margin":{"top":"0"}},"border":{"top":{"width":"0px","style":"none"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|base","style":"solid","width":"1px"},"left":{"width":"0px","style":"none"}}},"className":"is-style-arrow-icon-details","fontSize":"medium"} --> - <details class="wp-block-details is-style-arrow-icon-details has-medium-font-size" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--base);border-bottom-style:solid;border-bottom-width:1px;border-left-style:none;border-left-width:0px;margin-top:0"> - <summary><?php echo esc_html_x( 'Can I apply to be a part of the team or work as a contractor?', 'Question on the details block', 'twentytwentyfour' ); ?></summary> - <!-- wp:paragraph {"placeholder":"Type / to add a hidden block","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-1"}}}},"textColor":"contrast-1"} --> - <p class="has-contrast-1-color has-text-color has-link-color"><?php echo esc_html_x( 'Études offers comprehensive consulting, management, design, and research solutions. Our vision is to be at the forefront of architectural innovation, fostering a global community of architects and enthusiasts united by a passion for creating spaces. Every architectural endeavor is an opportunity to shape the future.', 'Hidden answer on the details block', 'twentytwentyfour' ); ?></p> - <!-- /wp:paragraph --> - </details> - <!-- /wp:details --> + <!-- wp: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> diff --git a/wp-content/themes/twentytwentyfour/patterns/text-feature-grid-3-col.php b/wp-content/themes/twentytwentyfour/patterns/text-feature-grid-3-col.php index f03eaf3..03310f5 100644 --- a/wp-content/themes/twentytwentyfour/patterns/text-feature-grid-3-col.php +++ b/wp-content/themes/twentytwentyfour/patterns/text-feature-grid-3-col.php @@ -4,6 +4,7 @@ * 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. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/text-project-details.php b/wp-content/themes/twentytwentyfour/patterns/text-project-details.php index b75f869..a6a54c1 100644 --- a/wp-content/themes/twentytwentyfour/patterns/text-project-details.php +++ b/wp-content/themes/twentytwentyfour/patterns/text-project-details.php @@ -4,6 +4,7 @@ * Slug: twentytwentyfour/text-project-details * Categories: text, portfolio * Viewport width: 1400 + * Description: A text only section for project details. */ ?> diff --git a/wp-content/themes/twentytwentyfour/patterns/text-title-left-image-right.php b/wp-content/themes/twentytwentyfour/patterns/text-title-left-image-right.php index f4c48f7..cfcbf6d 100644 --- a/wp-content/themes/twentytwentyfour/patterns/text-title-left-image-right.php +++ b/wp-content/themes/twentytwentyfour/patterns/text-title-left-image-right.php @@ -4,6 +4,7 @@ * 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. */ ?> |