diff --git a/skatepark/assets/images/skateboard-sideways.jpg b/skatepark/assets/images/skateboard-sideways.jpg new file mode 100644 index 0000000000..1f5a04bc2b Binary files /dev/null and b/skatepark/assets/images/skateboard-sideways.jpg differ diff --git a/skatepark/assets/theme.css b/skatepark/assets/theme.css index 75b213c492..204e530804 100644 --- a/skatepark/assets/theme.css +++ b/skatepark/assets/theme.css @@ -402,6 +402,11 @@ margin-bottom: 0; } +.skatepark-mixed-media-in-container hr, .skatepark-mixed-media-in-container p, .skatepark-mixed-media-in-container h1, .skatepark-mixed-media-in-container h2, .skatepark-mixed-media-in-container h3, .skatepark-mixed-media-in-container h4, .skatepark-mixed-media-in-container h5, .skatepark-mixed-media-in-container h6 { + margin-top: 20px; + margin-bottom: 20px; +} + .pre-footer h3 { text-transform: uppercase; } diff --git a/skatepark/inc/block-patterns.php b/skatepark/inc/block-patterns.php index bfe7b861fe..10ead7a6a5 100644 --- a/skatepark/inc/block-patterns.php +++ b/skatepark/inc/block-patterns.php @@ -18,6 +18,7 @@ function skatepark_register_block_patterns() { if ( function_exists( 'register_block_pattern' ) ) { $block_patterns = array( + 'mixed-media-in-container', 'pre-footer', 'text-list-with-button', 'full-width-image-with-aside-caption', diff --git a/skatepark/inc/patterns/mixed-media-in-container.php b/skatepark/inc/patterns/mixed-media-in-container.php new file mode 100644 index 0000000000..5f07ac74d5 --- /dev/null +++ b/skatepark/inc/patterns/mixed-media-in-container.php @@ -0,0 +1,90 @@ + __( 'Mixed Media in Container', 'skatepark' ), + 'categories' => array( 'skatepark' ), + 'content' => ' + + + + +
+
+
+

' . esc_html__( 'Why Camp?', 'skatepark' ) . '

+
+ + + +
+

' . esc_html__( 'Skateboarding can teach people discipline, patience, and resiliency. It’s a great sport for kids with a lot of energy! We’ll help build up some structure and support in your life, all while you meet new people and have a ton of fun learning how to skateboard. Just think of all the cool tricks you’ll learn!', 'skatepark' ) . '

+ + + + + + + +
' . esc_attr__( 'A skateboard laying on its side on top of concrete.', 'skatepark' ) . '
+ + + + +
+
+ + + +
+
+

' . esc_html__( 'Discipline', 'skatepark' ) . '

+ + + +

' . esc_html__( 'Skateboarding can teach people discipline, patience, and resiliency. It’s a great sport for kids with a lot of energy! We’ll help build up some structure and support in your life, and you’ll have fun.', 'skatepark' ) . '

+
+ + + +
+ + + +
+

' . esc_html( 'Friendship', 'skatepark' ) . '

+ + + +

' . esc_html( 'Skateboarding is a social sport! Come hang out and meet some new friends to cheer you on while you skate. We have a strict no-bullying policy and maintain a supportive environment.', 'skatepark' ) . '

+
+
+ + + +
+
+
+
+ + + +
+

' . esc_html( 'Mentoring', 'skatepark' ) . '

+ + + +

' . esc_html( 'Work 1:1 with our team of coaches to learn how to skate. They’ll be your mentors and guides while you’re at camp. Plus, many of our older campers will mentor the younger skaters.', 'skatepark' ) . '

+
+ + + +
+
+
+ ', +); diff --git a/skatepark/readme.txt b/skatepark/readme.txt index 22ceaa13c8..64ad879f13 100644 --- a/skatepark/readme.txt +++ b/skatepark/readme.txt @@ -29,3 +29,10 @@ This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. + +Skatepark uses the following images: + +License: CC0 +https://stocksnap.io/photo/skateboard-sideways-USRYO9E14Y by Messala Ciulla (https://stocksnap.io/author/messala) + +Used in block patterns. \ No newline at end of file diff --git a/skatepark/sass/block-patterns/_mixed-media-in-container.scss b/skatepark/sass/block-patterns/_mixed-media-in-container.scss new file mode 100644 index 0000000000..10d074973d --- /dev/null +++ b/skatepark/sass/block-patterns/_mixed-media-in-container.scss @@ -0,0 +1,6 @@ +.skatepark-mixed-media-in-container { + hr, p, h1, h2, h3, h4, h5, h6 { // Shrink default vertical margins for all the elements in this pattern + margin-top: 20px; + margin-bottom: 20px; + } +} \ No newline at end of file diff --git a/skatepark/sass/theme.scss b/skatepark/sass/theme.scss index 7e040aa66f..d6a4272760 100644 --- a/skatepark/sass/theme.scss +++ b/skatepark/sass/theme.scss @@ -13,6 +13,7 @@ @import "block-styles/indented-paragraph"; @import "block-styles/side-quote"; @import "block-styles/testimonial-quote"; +@import "block-patterns/mixed-media-in-container"; @import "block-patterns/pre-footer"; @import "block-patterns/paragraph-with-quote"; @import "elements/headings";