From 67b491b36ceb5196fdc1c5b79ff15ad22ca6cb25 Mon Sep 17 00:00:00 2001
From: Ren <18050944+renintw@users.noreply.github.com>
Date: Fri, 21 Jun 2024 06:36:54 +0800
Subject: [PATCH] Add single contribute page (#2542)

* 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.
---
 .../patterns/contribute-page-content.php      | 89 +++++++++++++++++++
 .../patterns/sensei-lesson-header.php         |  4 +-
 .../templates/page-contribute.html            | 23 +++++
 .../templates/single-course.html              |  8 +-
 4 files changed, 118 insertions(+), 6 deletions(-)
 create mode 100644 wp-content/themes/pub/wporg-learn-2024/patterns/contribute-page-content.php
 create mode 100644 wp-content/themes/pub/wporg-learn-2024/templates/page-contribute.html

diff --git a/wp-content/themes/pub/wporg-learn-2024/patterns/contribute-page-content.php b/wp-content/themes/pub/wporg-learn-2024/patterns/contribute-page-content.php
new file mode 100644
index 000000000..ebcb08fcd
--- /dev/null
+++ b/wp-content/themes/pub/wporg-learn-2024/patterns/contribute-page-content.php
@@ -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 -->
diff --git a/wp-content/themes/pub/wporg-learn-2024/patterns/sensei-lesson-header.php b/wp-content/themes/pub/wporg-learn-2024/patterns/sensei-lesson-header.php
index 71c032134..ef716433e 100644
--- a/wp-content/themes/pub/wporg-learn-2024/patterns/sensei-lesson-header.php
+++ b/wp-content/themes/pub/wporg-learn-2024/patterns/sensei-lesson-header.php
@@ -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 -->
diff --git a/wp-content/themes/pub/wporg-learn-2024/templates/page-contribute.html b/wp-content/themes/pub/wporg-learn-2024/templates/page-contribute.html
new file mode 100644
index 000000000..583cb86da
--- /dev/null
+++ b/wp-content/themes/pub/wporg-learn-2024/templates/page-contribute.html
@@ -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"} /-->
diff --git a/wp-content/themes/pub/wporg-learn-2024/templates/single-course.html b/wp-content/themes/pub/wporg-learn-2024/templates/single-course.html
index 6c95c17bb..f90bb7288 100644
--- a/wp-content/themes/pub/wporg-learn-2024/templates/single-course.html
+++ b/wp-content/themes/pub/wporg-learn-2024/templates/single-course.html
@@ -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 -->
@@ -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"}}}} /-->