This repository has been archived by the owner on Jan 26, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 92
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Add About me patterns * remove .DS_Store * ignore .DS_Store * ignore .DS_Store * Update inc/patterns/about-me-logo-header-description-and-social-on-left-menu-and-separator-on-right.php Co-authored-by: Maggie <[email protected]> * Inherit default layout instead of setting a new one. * Update inc/block-patterns.php Co-authored-by: Jeff Ong <[email protected]> * Add responsive type sizes. * Revise link in bio patterns. * Tidy up responsive behavior for media text left. * Add alt text. * Revise about me w/no image. * More cleanup. * Tidy up social block. * Move image over to the correct side. * Fix img src path and escape + translate strings. * Update readme.txt * Make linter happy. * Change categories * Move patterns into the "pages" category, rename files. Co-authored-by: Maggie <[email protected]> Co-authored-by: Kjell Reigstad <[email protected]> Co-authored-by: Jeff Ong <[email protected]>
- Loading branch information
1 parent
69bb33d
commit c976341
Showing
15 changed files
with
405 additions
and
12 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,2 +1,3 @@ | ||
node_modules | ||
vendor | ||
*.DS_Store |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,79 @@ | ||
<?php | ||
/** | ||
* About page with big image and buttons | ||
*/ | ||
return array( | ||
'title' => __( 'About page with big image and buttons', 'twentytwentytwo' ), | ||
'categories' => array( 'twentytwentytwo-pages' ), | ||
'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)","bottom":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)"}}},"layout":{"inherit":true}} --> | ||
<div class="wp-block-group alignfull" style="padding-top:max(1.25rem, 5vw);padding-right:max(1.25rem, 5vw);padding-bottom:max(1.25rem, 5vw);padding-left:max(1.25rem, 5vw)"><!-- wp:image {"align":"full","sizeSlug":"full","linkDestination":"none"} --> | ||
<figure class="wp-block-image alignfull size-full"><img src="' . esc_url( get_stylesheet_directory_uri() ) . '/assets/img/patterns/hummingbird-flying.jpg" alt=""/></figure> | ||
<!-- /wp:image --> | ||
<!-- wp:columns {"align":"full"} --> | ||
<div class="wp-block-columns alignfull"><!-- wp:column --> | ||
<div class="wp-block-column"><!-- wp:buttons --> | ||
<div class="wp-block-buttons"><!-- wp:button {"width":100} --> | ||
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Purchase my work', 'twentytwentytwo' ) . '</a></div> | ||
<!-- /wp:button --></div> | ||
<!-- /wp:buttons --></div> | ||
<!-- /wp:column --> | ||
<!-- wp:column --> | ||
<div class="wp-block-column"><!-- wp:buttons --> | ||
<div class="wp-block-buttons"><!-- wp:button {"width":100} --> | ||
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Support my studio', 'twentytwentytwo' ) . '</a></div> | ||
<!-- /wp:button --></div> | ||
<!-- /wp:buttons --></div> | ||
<!-- /wp:column --> | ||
<!-- wp:column --> | ||
<div class="wp-block-column"><!-- wp:buttons --> | ||
<div class="wp-block-buttons"><!-- wp:button {"width":100} --> | ||
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Take a class', 'twentytwentytwo' ) . '</a></div> | ||
<!-- /wp:button --></div> | ||
<!-- /wp:buttons --></div> | ||
<!-- /wp:column --></div> | ||
<!-- /wp:columns --> | ||
<!-- wp:columns {"align":"full"} --> | ||
<div class="wp-block-columns alignfull"><!-- wp:column --> | ||
<div class="wp-block-column"><!-- wp:buttons --> | ||
<div class="wp-block-buttons"><!-- wp:button {"width":100} --> | ||
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Read about me', 'twentytwentytwo' ) . '</a></div> | ||
<!-- /wp:button --></div> | ||
<!-- /wp:buttons --></div> | ||
<!-- /wp:column --> | ||
<!-- wp:column --> | ||
<div class="wp-block-column"><!-- wp:buttons --> | ||
<div class="wp-block-buttons"><!-- wp:button {"width":100} --> | ||
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Learn about my process', 'twentytwentytwo' ) . '</a></div> | ||
<!-- /wp:button --></div> | ||
<!-- /wp:buttons --></div> | ||
<!-- /wp:column --> | ||
<!-- wp:column --> | ||
<div class="wp-block-column"><!-- wp:buttons --> | ||
<div class="wp-block-buttons"><!-- wp:button {"width":100} --> | ||
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Join my mailing list', 'twentytwentytwo' ) . '</a></div> | ||
<!-- /wp:button --></div> | ||
<!-- /wp:buttons --></div> | ||
<!-- /wp:column --></div> | ||
<!-- /wp:columns --> | ||
<!-- wp:spacer {"height":50} --> | ||
<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> | ||
<!-- /wp:spacer --> | ||
<!-- wp:social-links {"iconColor":"primary","iconColorValue":"var(--wp--preset--color--primary)","className":"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":"wordpress"} /--> | ||
<!-- wp:social-link {"url":"#","service":"facebook"} /--> | ||
<!-- wp:social-link {"url":"#","service":"twitter"} /--> | ||
<!-- wp:social-link {"url":"#","service":"instagram"} /--></ul> | ||
<!-- /wp:social-links --></div> | ||
<!-- /wp:group -->', | ||
); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,47 @@ | ||
<?php | ||
/** | ||
* About page links (dark) | ||
*/ | ||
return array( | ||
'title' => __( 'About page links (dark)', 'twentytwentytwo' ), | ||
'categories' => array( 'twentytwentytwo-pages' ), | ||
'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"10rem","right":"max(1.25rem, 5vw)","bottom":"10rem","left":"max(1.25rem, 5vw)"}}},"backgroundColor":"primary","textColor":"background","layout":{"inherit":false,"contentSize":"400px"}} --> | ||
<div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background has-link-color" style="padding-top:10rem;padding-right:max(1.25rem, 5vw);padding-bottom:10rem;padding-left:max(1.25rem, 5vw)"><!-- wp:group --> | ||
<div class="wp-block-group"> | ||
<!-- wp:image {"width":100,"height":100,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> | ||
<figure class="wp-block-image size-full is-resized is-style-rounded"><img src="' . esc_url( get_stylesheet_directory_uri() ) . '/assets/img/patterns/swallow.png" alt="' . esc_attr__( 'Logo featuring a flying bird', 'twentytwentytwo' ) . '" width="100" height="100"/></figure> | ||
<!-- /wp:image --> | ||
<!-- wp:heading {"textAlign":"left","fontSize":"huge"} --> | ||
<h2 class="has-text-align-left has-huge-font-size">' . esc_html__( 'A trouble of hummingbirds', 'twentytwentytwo' ) . '</h2> | ||
<!-- /wp:heading --> | ||
<!-- wp:spacer {"height":40} --> | ||
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> | ||
<!-- /wp:spacer --> | ||
<!-- wp:buttons {"contentJustification":"left"} --> | ||
<div class="wp-block-buttons is-content-justification-left"><!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"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" style="border-radius:6px">' . esc_html__( 'Watch our videos', 'twentytwentytwo' ) . '</a></div> | ||
<!-- /wp:button --> | ||
<!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"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" style="border-radius:6px">' . esc_html__( 'Listen on iTunes Podcasts', 'twentytwentytwo' ) . '</a></div> | ||
<!-- /wp:button --> | ||
<!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"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" style="border-radius:6px">' . esc_html__( 'Listen on Spotify', 'twentytwentytwo' ) . '</a></div> | ||
<!-- /wp:button --> | ||
<!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"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" style="border-radius:6px">' . esc_html__( 'Support the show', 'twentytwentytwo' ) . '</a></div> | ||
<!-- /wp:button --> | ||
<!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"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" style="border-radius:6px">' . esc_html__( 'About the hosts', 'twentytwentytwo' ) . '</a></div> | ||
<!-- /wp:button --></div> | ||
<!-- /wp:buttons --></div> | ||
<!-- /wp:group --></div> | ||
<!-- /wp:group -->', | ||
); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,63 @@ | ||
<?php | ||
/** | ||
* About page links | ||
*/ | ||
return array( | ||
'title' => __( 'About page links', 'twentytwentytwo' ), | ||
'categories' => array( 'twentytwentytwo-pages' ), | ||
'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"10rem","right":"max(1.25rem, 5vw)","bottom":"10rem","left":"max(1.25rem, 5vw)"}}},"layout":{"inherit":false,"contentSize":"400px"}} --> | ||
<div class="wp-block-group alignfull" style="padding-top:10rem;padding-right:max(1.25rem, 5vw);padding-bottom:10rem;padding-left:max(1.25rem, 5vw)"><!-- wp:image {"align":"center","width":100,"height":100,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> | ||
<div class="wp-block-image is-style-rounded"><figure class="aligncenter size-full is-resized"><img src="' . esc_url( get_stylesheet_directory_uri() ) . '/assets/img/patterns/swallow.png" alt="' . esc_attr__( 'Logo featuring a flying bird', 'twentytwentytwo' ) . '" width="100" height="100"/></figure></div> | ||
<!-- /wp:image --> | ||
<!-- wp:group --> | ||
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","fontSize":"huge"} --> | ||
<h2 class="has-text-align-center has-huge-font-size" id="swoop-1">' . esc_html__( 'Swoop', 'twentytwentytwo' ) . '</h2> | ||
<!-- /wp:heading --> | ||
<!-- wp:paragraph {"align":"center"} --> | ||
<p class="has-text-align-center">' . esc_html__( 'A podcast about birds', 'twentytwentytwo' ) . '</p> | ||
<!-- /wp:paragraph --> | ||
<!-- wp:spacer {"height":40} --> | ||
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> | ||
<!-- /wp:spacer --> | ||
<!-- wp:buttons {"contentJustification":"left"} --> | ||
<div class="wp-block-buttons is-content-justification-left"><!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"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" style="border-radius:6px">' . esc_html__( 'Watch our videos', 'twentytwentytwo' ) . '</a></div> | ||
<!-- /wp:button --> | ||
<!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"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" style="border-radius:6px">' . esc_html__( 'Listen on iTunes Podcasts', 'twentytwentytwo' ) . '</a></div> | ||
<!-- /wp:button --> | ||
<!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"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" style="border-radius:6px">' . esc_html__( 'Listen on Spotify', 'twentytwentytwo' ) . '</a></div> | ||
<!-- /wp:button --> | ||
<!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"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" style="border-radius:6px">' . esc_html__( 'Support the show', 'twentytwentytwo' ) . '</a></div> | ||
<!-- /wp:button --> | ||
<!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"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" style="border-radius:6px">' . esc_html__( 'About the hosts', 'twentytwentytwo' ) . '</a></div> | ||
<!-- /wp:button --></div> | ||
<!-- /wp:buttons --></div> | ||
<!-- /wp:group --> | ||
<!-- wp:spacer {"height":40} --> | ||
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> | ||
<!-- /wp:spacer --> | ||
<!-- wp:social-links {"iconColor":"primary","iconColorValue":"var(--wp--preset--color--primary)","className":"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":"wordpress"} /--> | ||
<!-- wp:social-link {"url":"#","service":"facebook"} /--> | ||
<!-- wp:social-link {"url":"#","service":"twitter"} /--> | ||
<!-- wp:social-link {"url":"#","service":"instagram"} /--></ul> | ||
<!-- /wp:social-links --></div> | ||
<!-- /wp:group -->', | ||
); |
Oops, something went wrong.