JazzyGrid: add theme

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,5 @@
+<!-- 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">Designed with <a rel="nofollow" href="https://wordpress.org">WordPress</a></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->

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,16 @@
+<?php
+/**
+ * Title: A 404 page
+ * Slug: jazzygrid/404
+ * Inserter: no
+ */
+
+?>
+
+<!-- wp:heading {"textAlign":"center","level":1,"fontSize":"x-large"} -->
+<h1 class="has-text-align-center has-x-large-font-size" id="oops-that-page-can-t-be-found"><?php echo esc_html__( 'Oops! That page can&rsquo;t be found.', 'jazzygrid' ); ?></h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><?php echo  esc_html__( 'It looks like nothing was found at this location. Maybe try a search?', 'jazzygrid' ); ?></p>
+<!-- /wp:paragraph -->

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,79 @@
+<?php
+/**
+ * Title: footer
+ * Slug: jazzygrid/footer
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:columns {"align":"full","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":{"top":"0px","left":"0px"},"padding":{"top":"0rem","right":"0rem","bottom":"0rem","left":"0rem"}}}} -->
+<div class="wp-block-columns alignfull" style="margin-top:0px;margin-bottom:0px;padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem"><!-- wp:column {"verticalAlignment":"top","width":"50%"} -->
+<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:50%"><!-- wp:group {"style":{"border":{"radius":"1px"},"dimensions":{"minHeight":"100%"},"spacing":{"padding":{"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"},"blockGap":"0px","margin":{"top":"0px","bottom":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"backgroundColor":"custom-cce7-e2","textColor":"background","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-background-color has-custom-cce-7-e-2-background-color has-text-color has-background has-link-color" style="border-radius:1px;min-height:100%;margin-top:0px;margin-bottom:0px;padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem"><!-- wp:cover {"dimRatio":0,"overlayColor":"custom-cce7-e2","minHeight":10,"minHeightUnit":"rem","contentPosition":"top left","isDark":false,"align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px","margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-cover alignwide is-light has-custom-content-position is-position-top-left" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;min-height:10rem"><span aria-hidden="true" class="wp-block-cover__background has-custom-cce-7-e-2-background-color has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"full","style":{"spacing":{"blockGap":"1rem"}},"layout":{"type":"default"}} -->
+<div class="wp-block-group alignfull"><!-- wp:heading -->
+<h2 class="wp-block-heading"><?php echo __( '<a href="https://en.wikipedia.org/wiki/Billie_Holiday" target="_blank" rel="noreferrer noopener">Innovative singer and composer</a>', 'jazzygrid' ); ?></h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><?php echo esc_html__('Along with interpretations of jazz standards, Holiday wrote many of her own songs — a rare feat for jazz singers of that time.', 'jazzygrid'); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div></div>
+<!-- /wp:cover --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"top","width":"25%"} -->
+<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:25%"><!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"spacing":{"padding":{"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"},"blockGap":"0px","margin":{"top":"0px","bottom":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"border":{"radius":"1px"}},"backgroundColor":"custom-eebaac","textColor":"background","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-background-color has-custom-eebaac-background-color has-text-color has-background has-link-color" style="border-radius:1px;min-height:100%;margin-top:0px;margin-bottom:0px;padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem"><!-- wp:cover {"dimRatio":0,"overlayColor":"custom-cce7-e2","minHeight":10,"minHeightUnit":"rem","contentPosition":"top left","isDark":false,"align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px","margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-cover alignwide is-light has-custom-content-position is-position-top-left" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;min-height:10rem"><span aria-hidden="true" class="wp-block-cover__background has-custom-cce-7-e-2-background-color has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"full","style":{"spacing":{"blockGap":"1rem"}},"layout":{"type":"default"}} -->
+<div class="wp-block-group alignfull"><!-- wp:heading -->
+<h2 class="wp-block-heading"><a href="https://www.pbs.org/wnet/americanmasters/billie-holiday-about-the-singer/68/" target="_blank" rel="noreferrer noopener"><?php echo esc_html__('The Long Night of Lady Day', 'jazzygrid'); ?></a></h2>
+<!-- /wp:heading -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"0.5rem"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group"><!-- wp:paragraph -->
+<p><?php echo esc_html__('Video', 'jazzygrid'); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><?php echo esc_html__('·', 'jazzygrid'); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><strong><?php echo esc_html__('PBS Special', 'jazzygrid'); ?></strong></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div></div>
+<!-- /wp:cover --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"top","width":"25%"} -->
+<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:25%"><!-- wp:group {"style":{"border":{"radius":"1px"},"dimensions":{"minHeight":"100%"},"spacing":{"padding":{"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"},"blockGap":"0px","margin":{"top":"0px","bottom":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"backgroundColor":"custom-a2-dda5","textColor":"background","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-background-color has-custom-a-2-dda-5-background-color has-text-color has-background has-link-color" style="border-radius:1px;min-height:100%;margin-top:0px;margin-bottom:0px;padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem"><!-- wp:cover {"dimRatio":0,"overlayColor":"custom-cce7-e2","minHeight":10,"minHeightUnit":"rem","isDark":false,"align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px","margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-cover alignwide is-light" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;min-height:10rem"><span aria-hidden="true" class="wp-block-cover__background has-custom-cce-7-e-2-background-color has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"dimensions":{"minHeight":"100%"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
+<div class="wp-block-group" style="min-height:100%"><!-- wp:image {"id":21,"width":64,"height":64,"sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/ic_tumblr.png" alt="" class="wp-image-21" width="64" height="64"/></figure>
+<!-- /wp:image -->
+
+<!-- wp:paragraph {"fontSize":"large"} -->
+<p class="has-large-font-size">·</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:image {"id":19,"width":64,"height":64,"sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/ic_facebook.png" alt="" class="wp-image-19" width="64" height="64"/></figure>
+<!-- /wp:image -->
+
+<!-- wp:paragraph {"fontSize":"large"} -->
+<p class="has-large-font-size">·</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:image {"id":20,"width":64,"height":64,"sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/ic_spotify.png" alt="" class="wp-image-20" width="64" height="64"/></figure>
+<!-- /wp:image --></div>
+<!-- /wp:group --></div></div>
+<!-- /wp:cover --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->

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","id":426,"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 wp-image-426" alt="" 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":true,"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 echo esc_html__( '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 {"fontSize":"small"} -->
+<p class="has-small-font-size"><a href="#" target="_blank" rel="noreferrer noopener"><?php echo __( 'Website', 'jazzygrid' ); ?></a></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"fontSize":"small"} -->
+<p class="has-small-font-size"><a href="#" target="_blank" rel="noreferrer noopener"><?php echo __( 'Albums', 'jazzygrid' ); ?></a></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"fontSize":"small"} -->
+<p class="has-small-font-size"><a href="#" target="_blank" rel="noreferrer noopener"><?php echo __( 'Tickets', 'jazzygrid' ); ?></a></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 -->