JazzyGrid: add theme (#7874)

* JazzyGrid: add theme

* JazzyGrid: Updating screenshot and text-domain

* Update jazzygrid/patterns/header.php

Co-authored-by: Alex Lende <[email protected]>

* Update jazzygrid/patterns/header.php

Co-authored-by: Alex Lende <[email protected]>

* Update jazzygrid/theme.json

Co-authored-by: Alex Lende <[email protected]>

* Update jazzygrid/patterns/home.php

Co-authored-by: Alex Lende <[email protected]>

* Update jazzygrid/patterns/footer.php

Co-authored-by: Alex Lende <[email protected]>

* Update jazzygrid/patterns/home.php

Co-authored-by: Alex Lende <[email protected]>

* Update jazzygrid/patterns/home.php

Co-authored-by: Alex Lende <[email protected]>

* Update jazzygrid/patterns/home.php

Co-authored-by: Alex Lende <[email protected]>

* add translations

* Update jazzygrid/patterns/home.php

Co-authored-by: Vicente Canales <[email protected]>

* JazzyGrid: fixing after review

* JazzyGrid: fixing after review

* JazzyGrid: fixing broken cover image

* JazzyGrid: fixing broken cover again

* JazzyGrid: fixing broken links generated by CBT

---------

Co-authored-by: Henrique 'Foca' Iamarino <[email protected]>
Co-authored-by: Alex Lende <[email protected]>
Co-authored-by: Vicente Canales <[email protected]>

jazzygrid/functions.php

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

jazzygrid/parts/footer.html

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

jazzygrid/parts/header.html

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

jazzygrid/parts/post-meta.html

@@ -0,0 +1,13 @@
+<!-- wp:group {"style":{"spacing":{"blockGap":"2rem","margin":{"top":"2rem","bottom":"4rem"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="margin-top:2rem;margin-bottom:4rem"><!-- wp:separator -->
+<hr class="wp-block-separator has-alpha-channel-opacity"/>
+<!-- /wp:separator -->
+
+<!-- wp:group {"layout":{"type":"flex"}} -->
+<div class="wp-block-group"><!-- wp:post-date {"isLink":true,"fontSize":"small"} /-->
+
+<!-- wp:post-terms {"term":"category","fontSize":"small"} /-->
+
+<!-- wp:post-terms {"term":"post_tag","fontSize":"small"} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

jazzygrid/patterns/404.php

@@ -0,0 +1,27 @@
+<?php
+/**
+ * Title: 404
+ * Slug: jazzygrid/404
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:cover {"dimRatio":0,"isUserOverlayColor":true,"minHeight":90,"minHeightUnit":"vh","isDark":false,"tagName":"main","metadata":{"categories":["hidden"]},"style":{"spacing":{"padding":{"top":"1rem","right":"1rem","bottom":"1rem","left":"1rem"}}},"layout":{"type":"constrained"}} -->
+<main class="wp-block-cover is-light" style="padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem;min-height:90vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"style":{"spacing":{"margin":{"top":"0rem","bottom":"0rem"},"padding":{"top":"2rem","right":"2rem","bottom":"4rem","left":"2rem"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="margin-top:0rem;margin-bottom:0rem;padding-top:2rem;padding-right:2rem;padding-bottom:4rem;padding-left:2rem"><!-- wp:group {"style":{"spacing":{"margin":{"top":"2rem","bottom":"2rem"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group" style="margin-top:2rem;margin-bottom:2rem"><!-- wp:heading {"textAlign":"left","level":1,"style":{"typography":{"fontSize":"6rem"}}} -->
+<h1 class="wp-block-heading has-text-align-left" id="oops-that-page-can-t-be-found" style="font-size:6rem"><?php esc_html_e('Oops! That page can’t be found.', 'jazzygrid');?></h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><?php esc_html_e('It looks like nothing was found at this location. Maybe try a search?', 'jazzygrid');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:search {"label":"","showLabel":false,"buttonUseIcon":true} /--></div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--></div></main>
+<!-- /wp:cover -->

jazzygrid/patterns/archive.php

@@ -0,0 +1,43 @@
+<?php
+/**
+ * Title: archive
+ * Slug: jazzygrid/archive
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:cover {"dimRatio":0,"isUserOverlayColor":true,"minHeight":90,"minHeightUnit":"vh","isDark":false,"tagName":"main","metadata":{"categories":["hidden"]},"style":{"spacing":{"padding":{"top":"1rem","right":"1rem","bottom":"1rem","left":"1rem"}}},"layout":{"type":"constrained"}} -->
+<main class="wp-block-cover is-light" style="padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem;min-height:90vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"style":{"spacing":{"margin":{"top":"0rem","bottom":"0rem"},"padding":{"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="margin-top:0rem;margin-bottom:0rem;padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem"><!-- wp:query {"queryId":16,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"layout":{"type":"constrained"}} -->
+<div class="wp-block-query"><!-- wp:query-title {"type":"archive"} /-->
+
+<!-- wp:post-template {"style":{"spacing":{"blockGap":"2rem"}},"layout":{"type":"constrained"}} -->
+<!-- wp:post-featured-image /-->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"0.5rem","margin":{"top":"1rem","bottom":"1rem"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group" style="margin-top:1rem;margin-bottom:1rem"><!-- wp:post-title /-->
+
+<!-- wp:post-date {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background"} /--></div>
+<!-- /wp:group -->
+<!-- /wp:post-template -->
+
+<!-- wp:query-pagination {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background"} -->
+<!-- wp:query-pagination-previous /-->
+
+<!-- wp:query-pagination-numbers /-->
+
+<!-- wp:query-pagination-next /-->
+<!-- /wp:query-pagination -->
+
+<!-- wp:query-no-results {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background"} -->
+<!-- wp:paragraph {"placeholder":"Add text or blocks that will display when a query returns no results."} -->
+<p><?php esc_html_e('', 'jazzygrid');?></p>
+<!-- /wp:paragraph -->
+<!-- /wp:query-no-results --></div>
+<!-- /wp:query --></div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--></div></main>
+<!-- /wp:cover -->

jazzygrid/patterns/comments.php

@@ -0,0 +1,52 @@
+<?php
+/**
+ * Title: Comments
+ * slug: jazzygrid/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 -->

jazzygrid/patterns/footer.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * Title: footer
+ * Slug: jazzygrid/footer
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"1rem","bottom":"2rem"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-top:1rem;padding-bottom:2rem"><!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary"} -->
+<p class="has-text-align-center has-primary-color has-text-color has-link-color"><?php esc_html_e('Designed with WordPress', 'jazzygrid');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->

jazzygrid/patterns/header.php

@@ -0,0 +1,33 @@
+<?php
+/**
+ * Title: header
+ * Slug: jazzygrid/header
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:group {"layout":{"type":"constrained"}} -->
+<div class="wp-block-group"><!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/beach-sea-coast-water-ocean-horizon.jpg","dimRatio":0,"minHeight":15,"minHeightUnit":"vh","contentPosition":"bottom left","align":"full","style":{"spacing":{"blockGap":"0px","margin":{"top":"0px","bottom":"0px"},"padding":{"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-cover alignfull has-custom-content-position is-position-bottom-left" style="margin-top:0px;margin-bottom:0px;padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem;min-height:15vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background" alt="<?php esc_attr_e('', 'jazzygrid');?>" src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/beach-sea-coast-water-ocean-horizon.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:site-logo {"width":120,"shouldSyncIcon":false,"align":"center","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} /--></div></div>
+<!-- /wp:cover -->
+
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"},"margin":{"top":"0px","bottom":"0px"},"blockGap":"1.5rem"},"dimensions":{"minHeight":"100%"},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"tertiary","textColor":"background","layout":{"type":"flex","orientation":"vertical","verticalAlignment":"bottom"}} -->
+<div class="wp-block-group alignfull has-background-color has-tertiary-background-color has-text-color has-background has-link-color" style="min-height:100%;margin-top:0px;margin-bottom:0px;padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem"><!-- wp:paragraph -->
+<p><?php esc_html_e('The Jazz Messengers is a six-piece jazz ensemble known for their hard-bop style and virtuosic improvisation.', 'jazzygrid');?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"1.5rem"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} -->
+<p class="has-small-font-size" style="font-style:normal;font-weight:700"><?php esc_html_e('Website', 'jazzygrid');?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} -->
+<p class="has-small-font-size" style="font-style:normal;font-weight:700"><?php esc_html_e('Albums', 'jazzygrid');?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} -->
+<p class="has-small-font-size" style="font-style:normal;font-weight:700"><?php esc_html_e('Ticket', 'jazzygrid');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

jazzygrid/patterns/hidden-no-results-content.php

@@ -0,0 +1,10 @@
+<?php
+/**
+ * Title: Hidden No Results Content
+ * Slug: jazzygrid/hidden-no-results-content
+ * Inserter: no
+ */
+?>
+<!-- wp:paragraph -->
+<p><?php echo esc_html_x( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'Message explaining that there are no results returned from a search', 'jazzygrid' ); ?></p>
+<!-- /wp:paragraph -->