Stageplay: add theme (Automattic#7930)

* Stageplay: add theme

* Stageplay: update readme

* Stageplay: Fixes following review

---------

Co-authored-by: Henrique 'Foca' Iamarino <[email protected]>

stageplay/functions.php

@@ -0,0 +1,60 @@
+<?php
+/**
+ * Stageplay functions and definitions
+ *
+ * @link https://developer.wordpress.org/themes/basics/theme-functions/
+ *
+ * @package Stageplay
+ * @since Stageplay 1.0
+ */
+
+
+if ( ! function_exists( 'stageplay_support' ) ) :
+
+	/**
+	 * Sets up theme defaults and registers support for various WordPress features.
+	 *
+	 * @since Stageplay 1.0
+	 *
+	 * @return void
+	 */
+	function stageplay_support() {
+
+		// Enqueue editor styles.
+		add_editor_style( 'style.css' );
+
+		// Make theme available for translation.
+		load_theme_textdomain( 'stageplay' );
+	}
+
+endif;
+
+add_action( 'after_setup_theme', 'stageplay_support' );
+
+if ( ! function_exists( 'stageplay_styles' ) ) :
+
+	/**
+	 * Enqueue styles.
+	 *
+	 * @since Stageplay 1.0
+	 *
+	 * @return void
+	 */
+	function stageplay_styles() {
+
+		// Register theme stylesheet.
+		wp_register_style(
+			'stageplay-style',
+			get_stylesheet_directory_uri() . '/style.css',
+			array(),
+			wp_get_theme()->get( 'Version' )
+		);
+
+		// Enqueue theme stylesheet.
+		wp_enqueue_style( 'stageplay-style' );
+
+	}
+
+endif;
+
+add_action( 'wp_enqueue_scripts', 'stageplay_styles' );

stageplay/parts/footer.html

@@ -0,0 +1 @@
+<!-- wp:pattern {"slug":"stageplay/footer"} /-->

stageplay/parts/header.html

@@ -0,0 +1 @@
+<!-- wp:pattern {"slug":"stageplay/header"} /-->

stageplay/parts/post-meta.html

@@ -0,0 +1 @@
+<!-- wp:pattern {"slug":"stageplay/post-meta"} /-->

stageplay/patterns/404.php

@@ -0,0 +1,43 @@
+<?php
+/**
+ * Title: 404
+ * Slug: stageplay/404
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","justifyContent":"center"}} -->
+<div class="wp-block-group" style="margin-top:0;margin-bottom:0;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:columns {"align":"wide","style":{"spacing":{"blockGap":{"left":"0"}}}} -->
+<div class="wp-block-columns alignwide"><!-- wp:column {"width":"25%"} -->
+<div class="wp-block-column" style="flex-basis:25%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":1,"fontSize":"small","fontFamily":"golos-text"} -->
+<h1 class="wp-block-heading has-golos-text-font-family has-small-font-size"><?php echo __('Search', 'stageplay');?></h1>
+<!-- /wp:heading -->
+
+<!-- wp:search {"showLabel":false,"placeholder":"Start a search...","width":100,"widthUnit":"%","buttonPosition":"no-button","buttonUseIcon":true} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"15%"} -->
+<div class="wp-block-column" style="flex-basis:15%"></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"60%","layout":{"type":"constrained"}} -->
+<div class="wp-block-column" style="flex-basis:60%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30","margin":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained","justifyContent":"right"}} -->
+<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)"><!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading"><?php echo __('Oops! That page CAN\'T be found.', 'stageplay');?></h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><?php echo __('It looks like nothing was found at this location. Maybe try a search?', 'stageplay');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

stageplay/patterns/comments.php

@@ -0,0 +1,52 @@
+<?php
+/**
+ * Title: Comments
+ * slug: stageplay/comments
+ * inserter: no
+ */
+
+?>
+
+<!-- wp:comments {"className":"wp-block-comments-query-loop"} -->
+<div class="wp-block-comments wp-block-comments-query-loop">
+	<!-- wp:comments-title {"level":3} /-->
+
+	<!-- wp:comment-template -->
+		<!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|50"}}}} -->
+		<div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--50)">
+			<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"0.5em"}}} -->
+			<div class="wp-block-group">
+				<!-- wp:avatar {"size":40,"style":{"spacing":{"margin":{"top":"0.5em"}}}} /-->
+
+				<!-- wp:group -->
+				<div class="wp-block-group">
+					<!-- wp:comment-author-name /-->
+
+					<!-- wp:group {"layout":{"type":"flex"},"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"0.5em"}}} -->
+					<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px">
+						<!-- wp:comment-date {"format":"F j, Y \\a\\t g:i a"} /-->
+
+						<!-- wp:comment-edit-link /-->
+					</div>
+					<!-- /wp:group -->
+				</div>
+				<!-- /wp:group -->
+			</div>
+			<!-- /wp:group -->
+
+			<!-- wp:comment-content /-->
+
+			<!-- wp:comment-reply-link /-->
+		</div>
+		<!-- /wp:group -->
+	<!-- /wp:comment-template -->
+
+	<!-- wp:comments-pagination -->
+		<!-- wp:comments-pagination-previous /-->
+		<!-- wp:comments-pagination-numbers /-->
+		<!-- wp:comments-pagination-next /-->
+	<!-- /wp:comments-pagination -->
+
+	<!-- wp:post-comments-form /-->
+</div>
+<!-- /wp:comments -->

stageplay/patterns/footer.php

@@ -0,0 +1,25 @@
+<?php
+/**
+ * Title: footer
+ * Slug: stageplay/footer
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|80","top":"0"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-top:0;padding-bottom:var(--wp--preset--spacing--80)"><!-- wp:columns {"verticalAlignment":"bottom","align":"wide","style":{"spacing":{"blockGap":{"left":"0"}}}} -->
+<div class="wp-block-columns alignwide are-vertically-aligned-bottom"><!-- wp:column {"verticalAlignment":"bottom","width":"40%"} -->
+<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:40%"><!-- wp:paragraph {"align":"left"} -->
+<p class="has-text-align-left"><?php echo __('Designed with <a rel="nofollow" href="https://wordpress.org">WordPress</a>', 'stageplay');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"bottom","width":"60%"} -->
+<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:60%"><!-- wp:group {"align":"wide","layout":{"type":"constrained","justifyContent":"right"}} -->
+<div class="wp-block-group alignwide"><!-- wp:heading {"textAlign":"left","level":1,"style":{"typography":{"textTransform":"none","lineHeight":"1.5"}},"fontSize":"medium"} -->
+<h1 class="wp-block-heading has-text-align-left has-medium-font-size" style="line-height:1.5;text-transform:none"><?php echo __('Summary: Two best friends, Proteus and Valentine, travel from Verona to Milan, where they fall in love with Silvia. Silvia loves Valentine, but Proteus pursues her despite the fact he has a girlfriend at home. After diverse misadventures followed by a sincere apology, Proteus and Valentine reconcile, Proteus loves his girlfriend again, and both couples marry.', 'stageplay');?></h1>
+<!-- /wp:heading --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group -->

stageplay/patterns/header.php

@@ -0,0 +1,27 @@
+<?php
+/**
+ * Title: header
+ * Slug: stageplay/header
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:group {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"blockGap":"0"}},"backgroundColor":"tertiary","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-tertiary-background-color has-background" style="border-bottom-width:1px"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0"},"border":{"left":{"width":"1px"},"right":{"width":"1px"}}},"layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"stretch"}} -->
+<div class="wp-block-group alignwide" style="border-right-width:1px;border-left-width:1px"><!-- wp:group {"style":{"layout":{"selfStretch":"fixed","flexSize":"40%"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|30","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}},"layout":{"type":"flex","verticalAlignment":"stretch"}} -->
+<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--40)"><!-- wp:site-title /--></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"style":{"layout":{"selfStretch":"fill","flexSize":null},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|30","right":"var:preset|spacing|40","left":"var:preset|spacing|40"}},"border":{"left":{"width":"1px"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
+<div class="wp-block-group" style="border-left-width:1px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--40)"><!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left","orientation":"horizontal","flexWrap":"nowrap"},"style":{"spacing":{"margin":{"top":"0"}},"layout":{"selfStretch":"fill","flexSize":null}}} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0px"},"border":{"left":{"width":"1px"},"right":{"width":"1px"}}},"layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"stretch"}} -->
+<div class="wp-block-group alignwide" style="border-right-width:1px;border-left-width:1px"><!-- wp:group {"style":{"layout":{"selfStretch":"fill","flexSize":null},"spacing":{"padding":{"bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","top":"var:preset|spacing|40","right":"var:preset|spacing|40"}},"border":{"top":{"width":"1px"}}},"layout":{"type":"flex","verticalAlignment":"top"}} -->
+<div class="wp-block-group" style="border-top-width:1px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><!-- wp:paragraph {"fontSize":"small"} -->
+<p class="has-small-font-size"><?php echo __('<strong>Two Gentlemen of Verona</strong> by William Shakespeare', 'stageplay');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

stageplay/patterns/home.php

@@ -0,0 +1,61 @@
+<?php
+/**
+ * Title: home
+ * Slug: stageplay/home
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","justifyContent":"center"}} -->
+<div class="wp-block-group" style="margin-top:0;margin-bottom:0;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:columns {"align":"wide","style":{"spacing":{"blockGap":{"left":"0"}}}} -->
+<div class="wp-block-columns alignwide"><!-- wp:column {"width":"30%"} -->
+<div class="wp-block-column" style="flex-basis:30%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading"><?php echo __('Argument', 'stageplay');?></h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><?php echo __('In modern-day Verona, best friends Valentine and Proteus part ways as Valentine heads to Milan for new opportunities. Soon after, Proteus follows and becomes infatuated with Silvia, the woman Valentine loves, despite being devoted to Julia back home.', 'stageplay');?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><?php echo __('Julia, in disguise, travels to Milan to win back Proteus. Amidst love triangles and mistaken identities, both friends must navigate their feelings and loyalties, discovering the true meaning of friendship and love.', 'stageplay');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"10%"} -->
+<div class="wp-block-column" style="flex-basis:10%"></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"60%","layout":{"type":"constrained"}} -->
+<div class="wp-block-column" style="flex-basis:60%"><!-- wp:query {"queryId":0,"query":{"perPage":6,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false,"parents":[]},"tagName":"main","align":"wide","layout":{"type":"default"}} -->
+<main class="wp-block-query alignwide"><!-- wp:post-template {"style":{"spacing":{"blockGap":"8rem"}},"layout":{"type":"constrained"}} -->
+<!-- wp:group {"style":{"border":{"bottom":{"width":"1px","style":"dotted"}},"spacing":{"padding":{"top":"0","bottom":"0"},"margin":{"top":"0","bottom":"0"},"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="border-bottom-style:dotted;border-bottom-width:1px;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0"><!-- wp:post-title {"level":1,"isLink":true} /-->
+
+<!-- wp:post-content {"layout":{"type":"constrained","justifyContent":"left"}} /-->
+
+<!-- wp:post-featured-image {"isLink":true,"aspectRatio":"4/3","style":{"color":[]}} /--></div>
+<!-- /wp:group -->
+<!-- /wp:post-template -->
+
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"2rem","bottom":"2rem"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-top:2rem;padding-bottom:2rem"><!-- wp:query-pagination -->
+<!-- wp:query-pagination-previous /-->
+
+<!-- wp:query-pagination-numbers /-->
+
+<!-- wp:query-pagination-next /-->
+<!-- /wp:query-pagination --></div>
+<!-- /wp:group --></main>
+<!-- /wp:query --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

stageplay/patterns/index.php

@@ -0,0 +1,61 @@
+<?php
+/**
+ * Title: index
+ * Slug: stageplay/index
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","justifyContent":"center"}} -->
+<div class="wp-block-group" style="margin-top:0;margin-bottom:0;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:columns {"align":"wide","style":{"spacing":{"blockGap":{"left":"0"}}}} -->
+<div class="wp-block-columns alignwide"><!-- wp:column {"width":"30%"} -->
+<div class="wp-block-column" style="flex-basis:30%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading"><?php echo __('Argument', 'stageplay');?></h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><?php echo __('In modern-day Verona, best friends Valentine and Proteus part ways as Valentine heads to Milan for new opportunities. Soon after, Proteus follows and becomes infatuated with Silvia, the woman Valentine loves, despite being devoted to Julia back home.', 'stageplay');?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><?php echo __('Julia, in disguise, travels to Milan to win back Proteus. Amidst love triangles and mistaken identities, both friends must navigate their feelings and loyalties, discovering the true meaning of friendship and love.', 'stageplay');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"10%"} -->
+<div class="wp-block-column" style="flex-basis:10%"></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"60%","layout":{"type":"constrained"}} -->
+<div class="wp-block-column" style="flex-basis:60%"><!-- wp:query {"queryId":0,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":true,"parents":[]},"tagName":"main","align":"wide","layout":{"type":"default"}} -->
+<main class="wp-block-query alignwide"><!-- wp:post-template {"style":{"spacing":{"blockGap":"8rem"}},"layout":{"type":"constrained"}} -->
+<!-- wp:group {"style":{"border":{"bottom":{"width":"1px","style":"dotted"}},"spacing":{"padding":{"top":"0","bottom":"0"},"margin":{"top":"0","bottom":"0"},"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="border-bottom-style:dotted;border-bottom-width:1px;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0"><!-- wp:post-title {"level":1,"isLink":true} /-->
+
+<!-- wp:post-content {"layout":{"type":"constrained","justifyContent":"left"}} /--></div>
+<!-- /wp:group -->
+
+<!-- wp:post-featured-image {"isLink":true,"aspectRatio":"4/3","style":{"color":[]}} /-->
+<!-- /wp:post-template -->
+
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"2rem","bottom":"2rem"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-top:2rem;padding-bottom:2rem"><!-- wp:query-pagination -->
+<!-- wp:query-pagination-previous /-->
+
+<!-- wp:query-pagination-numbers /-->
+
+<!-- wp:query-pagination-next /-->
+<!-- /wp:query-pagination --></div>
+<!-- /wp:group --></main>
+<!-- /wp:query --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

stageplay/patterns/post-meta.php

@@ -0,0 +1,23 @@
+<?php
+/**
+ * Title: post-meta
+ * Slug: stageplay/post-meta
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-top:0;padding-bottom:0"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"0","bottom":"0"},"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex"}} -->
+<div class="wp-block-group alignwide" style="padding-top:0;padding-bottom:0"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} -->
+<p class="has-small-font-size" style="text-transform:uppercase"><?php echo __('Script by', 'stageplay');?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:post-author {"showAvatar":false} /-->
+
+<!-- wp:paragraph {"fontSize":"small"} -->
+<p class="has-small-font-size"><?php echo __('—', 'stageplay');?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:post-date {"isLink":true,"fontSize":"small"} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->