Skip to content

Commit

Permalink
Add single contribute page (#2542)
Browse files Browse the repository at this point in the history
* Add page-contribute template.

* Add contribute-page-content pattern.

* Remove tutorial and lesson plans related section.

* Align padding top/bottom with design for breadcrumbs.

* Align padding top with design for single-course.
  • Loading branch information
renintw authored Jun 20, 2024
1 parent d63c632 commit 67b491b
Show file tree
Hide file tree
Showing 4 changed files with 118 additions and 6 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
<?php
/**
* Title: Contribute Page Content
* Slug: wporg-learn-2024/contribute-page-content
* Inserter: no
*/

?>

<!-- wp:heading {"level":1} -->
<h1 class="wp-block-heading">
<?php esc_html_e( 'Contribute', 'wporg-learn' ); ?>
</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"normal","fontFamily":"inter"} -->
<p class="has-inter-font-family has-normal-font-size">
<?php esc_html_e( "Here's how you can get involved and create content for Learn WordPress", 'wporg-learn' ); ?>
</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"spacing":{"margin":{"top":"40px"}}},"fontSize":"extra-large","fontFamily":"inter"} -->
<h2 class="wp-block-heading has-inter-font-family has-extra-large-font-size" style="margin-top:40px">
<?php esc_html_e( 'Facilitate an online workshop', 'wporg-learn' ); ?>
</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"small","fontFamily":"inter"} -->
<p class="has-inter-font-family has-small-font-size">
<?php echo wp_kses_post(
sprintf(
/* translators: 1: read this post link, 2: apply link, 3: organize an online workshop link */
__( 'To learn more about online workshop facilitators, <a href="%1$s">read this post</a>. You can <a href="%2$s">apply to become an online workshop facilitator here</a>,
or you can even <a href="%3$s">organize an online workshop for your local WordPress meetup</a>.', 'wporg-learn' ),
'https://make.wordpress.org/community/2020/08/11/tuesday-trainings-how-to-be-an-excellent-discussion-group-leader/',
site_url( '/social-learning/' ),
'https://make.wordpress.org/community/handbook/virtual-events/organize-learn-wordpress-discussion-groups-for-your-wordpress-meetup/',
)
); ?>
</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"spacing":{"margin":{"top":""var:preset|spacing|40""}}},"fontSize":"extra-large","fontFamily":"inter"} -->
<h2 class="wp-block-heading has-inter-font-family has-extra-large-font-size" style="margin-top:var(--wp--preset--spacing--40)">
<?php esc_html_e( 'Update and contribute courses', 'wporg-learn' ); ?>
</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"small","fontFamily":"inter"} -->
<p class="has-inter-font-family has-small-font-size">
<?php echo wp_kses_post(
sprintf(
/* translators: 1: courses link, 2: training channel link, 3: welcome page link, 4: get started page link */
__( '<a href="%1$s">Courses</a> consist of long-form lessons in multiple media formats - they can include text, video and images.
The Training team meets weekly in <a href="%2$s">#training channel</a> in Slack. See their <a href="%3$s">Welcome page for meeting times</a>.
Learn more on the Training team\'s <a href="%4$s">Get Started page</a>.', 'wporg-learn' ),
site_url( '/courses/' ),
'http://wordpress.slack.com/messages/training/',
'https://make.wordpress.org/training/handbook/getting-started/how-we-work-together/',
'https://make.wordpress.org/training/handbook/getting-started/',
)
); ?>
</p>
<!-- /wp:paragraph -->

<!-- wp:shortcode -->
[videopress 9hC1sT88]
<!-- /wp:shortcode -->

<!-- wp:heading {"style":{"spacing":{"margin":{"top":""var:preset|spacing|40""}}},"fontSize":"extra-large","fontFamily":"inter"} -->
<h2 class="wp-block-heading has-inter-font-family has-extra-large-font-size" style="margin-top:var(--wp--preset--spacing--40)">
<?php esc_html_e( 'Join the Training Team', 'wporg-learn' ); ?>
</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"small","fontFamily":"inter"} -->
<p class="has-inter-font-family has-small-font-size">
<?php echo wp_kses_post(
sprintf(
/* translators: 1: training channel link, 2: training team link */
__( 'To get even more involved, <strong>join the Training Team</strong> to help build the platform, review workshop applications, decide on future content, and more.
If you\'re interested in helping, share your interest in the <a href="%1$s">#training channel</a>, join one of the Training team meetings,
or follow <a href="%2$s">the Training team</a> for news on working group-specific meetings.', 'wporg-learn' ),
'http://wordpress.slack.com/messages/training/',
'https://make.wordpress.org/training/',
)
); ?>
</p>
<!-- /wp:paragraph -->
Original file line number Diff line number Diff line change
Expand Up @@ -14,8 +14,8 @@
<!-- wp:group {"style":{"spacing":{"padding":{"left":"var:preset|spacing|edge-space","right":"var:preset|spacing|edge-space","top":"0px","bottom":"0px"}}},"className":"sensei-course-theme-header-content","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group sensei-course-theme-header-content" style="padding-top:0px;padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:0px;padding-left:var(--wp--preset--spacing--edge-space)">

<!-- wp:group {"className":"wporg-breadcrumbs","align":"full","style":{"spacing":{"padding":{"top":"18px","bottom":"18px","right":"var:preset|spacing|edge-space"}}},"backgroundColor":"white","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
<div class="wporg-breadcrumbs wp-block-group alignfull has-white-background-color has-background" style="padding-top:18px;padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:18px;">
<!-- wp:group {"className":"wporg-breadcrumbs","align":"full","style":{"spacing":{"padding":{"top":"23px","bottom":"23px","right":"var:preset|spacing|edge-space"}}},"backgroundColor":"white","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
<div class="wporg-breadcrumbs wp-block-group alignfull has-white-background-color has-background" style="padding-top:23px;padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:23px;">
<!-- wp:wporg/site-breadcrumbs {"fontSize":"small"} /-->
</div>
<!-- /wp:group -->
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
<!-- wp:template-part {"slug":"header","className":"has-display-contents","tagName":"div"} /-->

<!-- wp:group {"className":"wporg-breadcrumbs","align":"full","style":{"spacing":{"padding":{"top":"23px","bottom":"23px","left":"var:preset|spacing|edge-space","right":"var:preset|spacing|edge-space"}}},"backgroundColor":"white","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
<div class="wporg-breadcrumbs wp-block-group alignfull has-white-background-color has-background" style="padding-top:23px;padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:23px;padding-left:var(--wp--preset--spacing--edge-space)">
<!-- wp:wporg/site-breadcrumbs {"fontSize":"small"} /-->
</div>
<!-- /wp:group -->

<!-- wp:group {"tagName":"main","layout":{"type":"constrained"},"className":"entry-content","style":{"spacing":{"blockGap":"0px"}}} -->
<main class="wp-block-group entry-content">

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"left":"var:preset|spacing|edge-space","right":"var:preset|spacing|edge-space","top":"var:preset|spacing|30","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--edge-space)">

<!-- wp:pattern {"slug":"wporg-learn-2024/contribute-page-content"} /-->

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

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

<!-- wp:template-part {"slug":"footer"} /-->
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!-- wp:template-part {"slug":"header","className":"has-display-contents","tagName":"div"} /-->

<!-- wp:group {"className":"wporg-breadcrumbs","align":"full","style":{"spacing":{"padding":{"top":"18px","bottom":"18px","left":"var:preset|spacing|edge-space","right":"var:preset|spacing|edge-space"}}},"backgroundColor":"white","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
<div class="wporg-breadcrumbs wp-block-group alignfull has-white-background-color has-background" style="padding-top:18px;padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:18px;padding-left:var(--wp--preset--spacing--edge-space)">
<!-- wp:group {"className":"wporg-breadcrumbs","align":"full","style":{"spacing":{"padding":{"top":"23px","bottom":"23px","left":"var:preset|spacing|edge-space","right":"var:preset|spacing|edge-space"}}},"backgroundColor":"white","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
<div class="wporg-breadcrumbs wp-block-group alignfull has-white-background-color has-background" style="padding-top:23px;padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:23px;padding-left:var(--wp--preset--spacing--edge-space)">
<!-- wp:wporg/site-breadcrumbs {"fontSize":"small"} /-->
</div>
<!-- /wp:group -->
Expand All @@ -10,8 +10,8 @@
<!-- wp:group {"tagName":"main","layout":{"type":"constrained"},"className":"entry-content","style":{"spacing":{"blockGap":"0px"}}} -->
<main class="wp-block-group entry-content">

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"left":"var:preset|spacing|edge-space","right":"var:preset|spacing|edge-space","top":"var:preset|spacing|40","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--edge-space)">
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"left":"var:preset|spacing|edge-space","right":"var:preset|spacing|edge-space","top":"var:preset|spacing|30","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--edge-space)">

<!-- wp:post-title {"level":1,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} /-->

Expand Down

0 comments on commit 67b491b

Please sign in to comment.