Skip to content
This repository has been archived by the owner on Nov 18, 2024. It is now read-only.

Improved type system #422

Closed
wants to merge 20 commits into from
Closed

Improved type system #422

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
093560b
type
richtabor Sep 25, 2024
d3c59a7
Update hero-overlapped-book-cover-with-links.php
richtabor Sep 25, 2024
6663ae4
Update intro-short-heading-image.php
richtabor Sep 25, 2024
01634d1
Update services-three-columns.php
richtabor Sep 25, 2024
f1a38c7
Update hero-book.php
richtabor Sep 25, 2024
4c82734
Update services-team-photos.php
richtabor Sep 25, 2024
6d6c836
Update services-three-columns.php
richtabor Sep 25, 2024
43ef7ac
remove unnecessary font sizes
richtabor Sep 25, 2024
57b2622
Update 04-afternoon.json
richtabor Sep 25, 2024
bdbc64e
updating with the new text styles
richtabor Sep 26, 2024
48ade3b
Update page-cv-bio.php
richtabor Sep 26, 2024
7cad90f
Update contact-location-and-link.php
richtabor Sep 26, 2024
2f7e311
Update hero-overlapped-book-cover-with-links.php
richtabor Sep 26, 2024
ecd3804
Update cta-book-locations.php
richtabor Sep 26, 2024
c207f90
more tweaks
richtabor Sep 26, 2024
3bdb23d
Update newsletter-signup.php
richtabor Sep 26, 2024
03c16d7
Update grid-videos.php
richtabor Sep 26, 2024
feede01
Update contact-location-and-link.php
richtabor Sep 26, 2024
9eed6ca
Update hero-book.php
richtabor Sep 26, 2024
18d9d97
Update contact-location-and-link.php
richtabor Sep 26, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions patterns/banner-about-book.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,8 +18,8 @@
<div class="wp-block-columns alignwide">
<!-- wp:column {"verticalAlignment":"center","width":""} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:heading {"level":3,"className":"wp-block-heading","fontSize":"x-large"} -->
<h3 class="wp-block-heading has-x-large-font-size">About the book</h3>
<!-- wp:heading {"level":3,"className":"wp-block-heading","fontSize":"xx-large"} -->
<h3 class="wp-block-heading has-xx-large-font-size">About the book</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"medium"} -->
Expand Down
9 changes: 5 additions & 4 deletions patterns/banner-with-description-and-images-grid.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,13 +19,14 @@
<div class="wp-block-group">
<!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"}} -->
<div class="wp-block-group">
<!-- wp:heading {"className":"is-style-pill"} -->
<h2 class="wp-block-heading is-style-pill">About Us</h2>
<!-- wp:heading {"className":"is-style-text-annotation"} -->
<h2 class="wp-block-heading is-style-text-annotation"><?php esc_html_e( 'About Us', 'twentytwentyfive' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><strong>Fleurs</strong> is a flower delivery and subscription business. Based in the EU, our mission is not only to deliver stunning flower arrangements across but also foster knowledge and enthusiasm on the beautiful gift of nature: flowers.</p>
<!-- wp:paragraph {"className":"is-style-text-subtitle"} -->
<p class="is-style-text-subtitle"><strong>Fleurs</strong> is a flower delivery and subscription business. Based in the EU, our mission is not only to deliver stunning flower arrangements across but also foster knowledge and enthusiasm on the beautiful gift of nature: flowers.</p>
<!-- /wp:paragraph -->

</div>
<!-- /wp:group -->

Expand Down
17 changes: 11 additions & 6 deletions patterns/contact-centered-social-link.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
/**
* Title: Centered link and social links
* Slug: twentytwentyfive/contact-centered-social-link
* Keywords: contact, social-link
* Keywords: contact, faq, questions
* Categories: contact
* Description: Centered contact section with a prominent message and social media links.
*
Expand All @@ -12,15 +12,20 @@
*/

?>
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"},"blockGap":"var:preset|spacing|50"}},"layout":{"type":"constrained"}} -->

<!-- wp:group {"metadata":{"categories":["contact"],"patternName":"twentytwentyfive/contact-centered-social-link","name":"Centered link and social links"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"},"blockGap":"var:preset|spacing|50"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)">
<!-- wp:group {"align":"wide","layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide">
<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"var(--wp--custom--font-size--huge)"}}} -->
<p class="has-text-align-center" style="font-size:var(--wp--custom--font-size--huge);"><?php echo wp_kses_post( _x( 'Got questions? <br><a href="#" rel="nofollow">Feel free to reach out.</a>', 'Heading of the Contact social link pattern', 'twentytwentyfive' ) ); ?></p>
<!-- wp:paragraph {"align":"center","className":"is-style-text-display","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}}} -->
<p class="has-text-align-center is-style-text-display" style="font-style:normal;font-weight:400"><?php echo wp_kses_post( _x( 'Got questions? <br><a href="#" rel="nofollow">Feel free to reach out.</a>', 'Heading of the Contact social link pattern', 'twentytwentyfive' ) ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:social-links {"iconColor":"contrast","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} -->
<!-- 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:social-links {"iconColor":"contrast","className":"has-icon-color is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} -->
<ul class="wp-block-social-links has-icon-color is-style-logos-only">
<!-- wp:social-link {"url":"#","service":"twitter"} /-->
<!-- wp:social-link {"url":"#","service":"facebook"} /-->
Expand Down
13 changes: 6 additions & 7 deletions patterns/contact-location-and-link.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
/**
* Title: Contact Location and Link
* Slug: twentytwentyfive/contact-location-and-link
* Categories: banner, featured
* Categories: contact, featured
* Description: Contact section with a location address, a directions link, and an image of the location.
*
* @package WordPress
Expand All @@ -13,15 +13,14 @@
?>
<!-- wp:group {"align":"full","className":"is-style-section-3","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group alignfull is-style-section-3" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|80"}}}} -->
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|50"}}}} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"verticalAlignment":"top","width":""} -->
<div class="wp-block-column is-vertically-aligned-top">
<!-- 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:heading {"className":"wp-block-heading"} -->
<h2 class="wp-block-heading">Visit us at 123 Example St. Manhattan, NY 10300, United States</h2>
<!-- /wp:heading -->
<!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","verticalAlignment":"space-between"}} -->
<div class="wp-block-group" style="min-height:100%"><!-- wp:paragraph {"className":"is-style-text-display","fontSize":"xx-large"} -->
<p class="is-style-text-display has-xx-large-font-size">Visit us at 123 Example St. Manhattan, NY 10300, United States</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"medium"} -->
<p class="has-medium-font-size" style="text-transform:uppercase"><a href="#">Get directions</a></p>
Expand Down
4 changes: 2 additions & 2 deletions patterns/cta-book-locations.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,8 +19,8 @@
<div class="wp-block-column" style="flex-basis:60%">
<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"wrap"}} -->
<div class="wp-block-group" style="padding-bottom:var(--wp--preset--spacing--30)">
<!-- wp:heading {"fontSize":"x-large"} -->
<h2 class="wp-block-heading has-x-large-font-size">International editions</h2>
<!-- wp:heading -->
<h2 class="wp-block-heading">International editions</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"medium"} -->
Expand Down
4 changes: 2 additions & 2 deletions patterns/cta-heading-search.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,8 +13,8 @@
?>
<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|50","padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)"><!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"var(--wp--custom--font-size--huge)"}}} -->
<h3 class="wp-block-heading" style="font-size:var(--wp--custom--font-size--huge);"><?php esc_html_e( 'What are you looking for?', 'twentytwentyfive' ); ?></h3>
<div class="wp-block-group alignwide"><!-- wp:heading {"fontSize":"xx-large"} -->
<h2 class="wp-block-heading has-xx-large-font-size"><?php esc_html_e( 'What are you looking for?', 'twentytwentyfive' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:search {"label":"Search","showLabel":false,"placeholder":"<?php esc_html_e( 'Type here...', 'twentytwentyfive' ); ?>","buttonText":"<?php esc_html_e( 'Search', 'twentytwentyfive' ); ?>"} /-->
Expand Down
2 changes: 1 addition & 1 deletion patterns/footer-columns.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@
<div class="wp-block-group alignfull">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20","padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<!-- wp:site-title {"level":2,"style":{"typography":{"fontSize":"var(--wp--custom--font-size--huge)"}}} /-->
<!-- wp:site-title {"level":2,"fontSize":"xx-large"} /-->
<!-- wp:site-tagline /-->
</div>
<!-- /wp:group -->
Expand Down
10 changes: 5 additions & 5 deletions patterns/grid-videos.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,16 +11,16 @@
*/

?>
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|60"}},"layout":{"type":"constrained"}} -->
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|50"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:group {"align":"wide","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
<div class="wp-block-group alignwide">
<!-- wp:heading {"textAlign":"left","level":3,"align":"wide","style":{"layout":{"selfStretch":"fit","flexSize":null}}} -->
<h3 class="wp-block-heading alignwide has-text-align-left">Explore the episodes</h3>
<!-- wp:heading {"textAlign":"left","align":"wide","className":"is-style-text-subtitle","style":{"layout":{"selfStretch":"fit","flexSize":null}},"fontSize":"x-large"} -->
<h2 class="wp-block-heading alignwide has-text-align-left is-style-text-subtitle has-x-large-font-size">Explore the episodes</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"is-style-pill"} -->
<p class="is-style-pill">Podcast</p>
<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Podcast</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
Expand Down
3 changes: 1 addition & 2 deletions patterns/heading-and-paragraph-with-image.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,10 +20,9 @@
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%">
<!-- wp:heading {"className":"wp-block-heading"} -->
<h2 class="wp-block-heading">
<?php esc_html_e( 'About the Event', 'twentytwentyfive' ); ?>
<?php esc_html_e( 'About the event', 'twentytwentyfive' ); ?>
</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"medium"} -->
<p class="has-medium-font-size"><?php echo esc_html_x( 'Held over a weekend, the event is structured around a series of exhibitions, workshops, and panel discussions. The exhibitions showcase a curated selection of photographs that tell compelling stories from various corners of the globe, each image accompanied by detailed narratives that provide context and deeper insight into the historical significance of the scenes depicted. These photographs are drawn from the archives of renowned photographers, as well as emerging talents, ensuring a blend of both classical and contemporary perspectives.', 'Event Overview Text', 'twentytwentyfive' ); ?></p>
<!-- /wp:paragraph -->
Expand Down
35 changes: 14 additions & 21 deletions patterns/hero-book.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
?>
<!-- wp:group {"align":"full","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull">
<!-- wp:columns {"align":"full"} -->
<!-- wp:columns {"align":"full","style":{"spacing":{"blockGap":{"left":"0"}}}} -->
<div class="wp-block-columns alignfull">
<!-- wp:column {"width":"55%"} -->
<div class="wp-block-column" style="flex-basis:55%">
Expand All @@ -32,26 +32,19 @@
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|50"}},"layout":{"type":"constrained","contentSize":"515px","justifyContent":"left"}} -->
<div class="wp-block-group" 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:heading {"level":1,"fontSize":"xx-large"} -->
<h1 class="wp-block-heading has-xx-large-font-size"><?php echo esc_html_x( 'The Stories Book', 'Heading of the hero section', 'twentytwentyfive' ); ?></h1>
<!-- /wp:heading -->
<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|60","right":"var:preset|spacing|60"}}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
<!-- wp:heading -->
<h2 class="wp-block-heading has-xx-large-font-size"><?php echo esc_html_x( 'The Stories Book', 'Heading of the hero section', 'twentytwentyfive' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"fontSize":"large"} -->
<p class="has-large-font-size" style="font-style:normal;font-weight:300"><?php echo esc_html_x( 'A fine collection of moments in time featuring photographs from Louis Fleckenstein, Paul Strand and Asahachi Kōno.', 'Content of the hero section', 'twentytwentyfive' ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'A fine collection of moments in time featuring photographs from Louis Fleckenstein, Paul Strand and Asahachi Kōno.', 'Content of the hero section', 'twentytwentyfive' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"medium"} -->
<p class="has-medium-font-size"><?php echo esc_html_x( 'Available for pre-order now.', 'CTA text of the hero section', 'twentytwentyfive' ); ?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- wp:paragraph {"fontSize":"medium"} -->
<p class="has-medium-font-size"><?php echo esc_html_x( 'Available for pre-order now.', 'CTA text of the hero section', 'twentytwentyfive' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
4 changes: 2 additions & 2 deletions patterns/hero-full-width-image.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,8 +19,8 @@
<div class="wp-block-cover__inner-container">
<!-- wp:group {"metadata":{"name":"Contents"},"align":"wide","layout":{"type":"constrained","justifyContent":"left"}} -->
<div class="wp-block-group alignwide">
<!-- wp:heading {"textAlign":"left"} -->
<h2 class="wp-block-heading has-text-align-left"><?php echo esc_html_x( 'Tell your story', 'Sample hero heading', 'twentytwentyfive' ); ?></h2>
<!-- wp:heading {"textAlign":"left","fontSize":"xx-large"} -->
<h2 class="wp-block-heading has-text-align-left has-xx-large-font-size"><?php echo esc_html_x( 'Tell your story', 'Sample hero heading', 'twentytwentyfive' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
Expand Down
12 changes: 6 additions & 6 deletions patterns/hero-overlapped-book-cover-with-links.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,8 +31,8 @@
<?php echo esc_html_x( 'The Stories Book', 'Hero - Overlapped book cover pattern headline text', 'twentytwentyfive' ); ?>
</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"x-large"} -->
<p class="has-x-large-font-size">
<!-- wp:paragraph {"className":"is-style-text-subtitle"} -->
<p class="is-style-text-subtitle">
<?php echo esc_html_x( 'A fine collection of moments in time featuring photographs from Louis Fleckenstein, Paul Strand and Asahachi Kōno.', 'Hero - Overlapped book cover pattern subline text', 'twentytwentyfive' ); ?>
</p>
<!-- /wp:paragraph -->
Expand All @@ -54,14 +54,14 @@
<!-- 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" href="#">
<?php echo esc_html_x( 'Shop at Amazon', 'Hero - Overlapped book cover pattern button 1', 'twentytwentyfive' ); ?>
<?php echo esc_html_x( 'Amazon', 'Hero - Overlapped book cover pattern button 1', 'twentytwentyfive' ); ?>
</a>
</div>
<!-- /wp:button -->
<!-- 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" href="#">
<?php echo esc_html_x( 'Shop at Apple Books', 'Hero - Overlapped book cover pattern button 2', 'twentytwentyfive' ); ?>
<?php echo esc_html_x( 'Apple Books', 'Hero - Overlapped book cover pattern button 2', 'twentytwentyfive' ); ?>
</a>
</div>
<!-- /wp:button -->
Expand All @@ -76,14 +76,14 @@
<!-- 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" href="#">
<?php echo esc_html_x( 'Shop at Audible', 'Hero - Overlapped book cover pattern button 3', 'twentytwentyfive' ); ?>
<?php echo esc_html_x( 'Audible', 'Hero - Overlapped book cover pattern button 3', 'twentytwentyfive' ); ?>
</a>
</div>
<!-- /wp:button -->
<!-- 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" href="#">
<?php echo esc_html_x( 'Shop at Barnes & Noble', 'Hero - Overlapped book cover pattern button 4', 'twentytwentyfive' ); ?>
<?php echo esc_html_x( 'Barnes & Noble', 'Hero - Overlapped book cover pattern button 4', 'twentytwentyfive' ); ?>
</a>
</div>
<!-- /wp:button -->
Expand Down
Loading
Loading